/* 10Web Booster optimized this CSS file */


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/css/reset.css */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0-modified | 20110126
   License: none (public domain)
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

/* make sure to set some focus styles for accessibility */
:focus {
  outline: 0;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  max-width: 100%;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
  display: none;
}

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-size: 100%; /* 1 */
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-text-size-adjust: 100%; /* 2 */
  -ms-text-size-adjust: 100%; /* 2 */
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

/*a:focus {
  outline: thin dotted;
}*/

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
  border: 0; /* 1 */
  -ms-interpolation-mode: bicubic; /* 2 */
  vertical-align: middle;
}

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
  margin: 0;
}

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
  margin: 0;
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
  font-size: 100%; /* 1 */
  margin: 0; /* 2 */
  vertical-align: baseline; /* 3 */
  *vertical-align: middle; /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
  *overflow: visible; /* 4 */
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type='checkbox'],
input[type='radio'] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
  *height: 13px; /* 3 */
  *width: 13px; /* 3 */
}

/**
 * Remove inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
  overflow: auto; /* 1 */
  vertical-align: top; /* 2 */
}

html,
button,
input,
select,
textarea {
  color: #14151f;
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/css/font-evergrow-sans.css */
/* cyrillic-ext */
@font-face {
  font-family: 'Evergrow Sans';
  font-weight: 300;
  font-display: swap;;
  src: url(https://10web.io/wp-content/themes/10web-theme/css/fonts/evergrow-sans/evergrow-sans-woff/evergrowsans-light.woff)
    format('woff');
}
@font-face {
  font-family: 'Evergrow Sans';
  font-weight: 400;
  font-display: swap;;
  src: url(https://10web.io/wp-content/themes/10web-theme/css/fonts/evergrow-sans/evergrow-sans-woff/evergrowsans-regular.woff)
    format('woff');
}
@font-face {
  font-family: 'Evergrow Sans';
  font-weight: 500;
  font-display: swap;;
  src: url(https://10web.io/wp-content/themes/10web-theme/css/fonts/evergrow-sans/evergrow-sans-woff/evergrowsans-medium.woff)
    format('woff');
}
@font-face {
  font-family: 'Evergrow Sans';
  font-weight: 700;
  font-display: swap;;
  src: url(https://10web.io/wp-content/themes/10web-theme/css/fonts/evergrow-sans/evergrow-sans-woff/evergrowsans-bold.woff)
    format('woff');
}
@font-face {
  font-family: 'Evergrow Sans';
  font-weight: 800;
  font-display: swap;;
  src: url(https://10web.io/wp-content/themes/10web-theme/css/fonts/evergrow-sans/evergrow-sans-woff/evergrowsans-extrabold.woff)
    format('woff');
}
body.only_evergrow * {
  font-family: 'Evergrow Sans', sans-serif;
  -webkit-font-smoothing: antialiased;
}

/*

@font-face {
    font-family: 'Evergrow Sans';
    font-weight: 300;
    font-display: swap;;
    src: url(https://10web.io/wp-content/themes/10web-theme/css/fonts/evergrow-sans/evergrow-sans-ttf/evergrowsans-light.ttf) format('truetype');
}
@font-face {
    font-family: 'Evergrow Sans';
    font-weight: 400;
    font-display: swap;;
    src: url(https://10web.io/wp-content/themes/10web-theme/css/fonts/evergrow-sans/evergrow-sans-ttf/evergrowsans-regular.ttf) format('truetype');
}
@font-face {
    font-family: 'Evergrow Sans';
    font-weight: 500;
    font-display: swap;;
    src: url(https://10web.io/wp-content/themes/10web-theme/css/fonts/evergrow-sans/evergrow-sans-ttf/evergrowsans-medium.ttf) format('truetype');
}
@font-face {
    font-family: 'Evergrow Sans';
    font-weight: 700;
    font-display: swap;;
    src: url(https://10web.io/wp-content/themes/10web-theme/css/fonts/evergrow-sans/evergrow-sans-ttf/evergrowsans-bold.ttf) format('truetype');
}
@font-face {
    font-family: 'Evergrow Sans';
    font-weight: 800;
    font-display: swap;;
    src: url(https://10web.io/wp-content/themes/10web-theme/css/fonts/evergrow-sans/evergrow-sans-ttf/evergrowsans-extrabold.ttf) format('truetype');
}
*/


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/css/scss/main/main-new/main.css */
.grecaptcha-badge {
  display: none !important;
}

body.scroll_disclaimer {
  overflow: hidden;
}

body.body_overflow_hidden {
  overflow: hidden;
}

#web-messenger-container {
  z-index: 9999999;
}

br {
  display: none;
}

.hidden {
  display: none;
}

.container {
  margin: 0 auto;
}

.section__header-container {
  display: flex;
}

.site-title {
  font-weight: 700;
}
.site-title.center {
  text-align: center;
}
.site-title.right-header {
  text-align: left;
}

.section-title {
  font-weight: 700;
  margin: 0;
}
.section-title.center {
  text-align: center;
}
.section-title.right-header {
  text-align: left;
}

.section-description {
  font-weight: 400;
  opacity: 0.7;
}

.dotted {
  border-bottom: 1px solid;
}
.dotted.dotted-white {
  border-color: #ffffff;
}

.gradient-color {
  color: #34A853;
  background-color: #34A853;
  background-image: -webkit-linear-gradient(300deg, #34A853, #4285F4);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
}

.gradient-color-new {
  color: #34A853;
  background-color: #34A853;
  background-image: -webkit-linear-gradient(300deg, #4285F4, #34A853);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
}

.gradient-color-blue-to-green {
  color: #22B339;
  background-color: #22B339;
  background-image: -webkit-linear-gradient(300deg, #3339F1 0%, #22B339 85%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
}

.slick-arrow {
  font-size: 0;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 50%;
  background: #F5F5F6;
  background-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slick-arrow.slick-prev {
  transform: rotateZ(180deg);
}
.slick-arrow:after {
  content: "";
  display: block;
  height: 24px;
  width: 24px;
  background: url(https://10web.io/wp-content/themes/10web-theme/css/scss/main/main-new/../../../../../../uploads/tenweb-theme/images/icons/arrows/arrow-grey.svg) no-repeat center;
  opacity: 0.5;
  background-size: 24px;
}
.slick-arrow.slick-disabled {
  pointer-events: none;
}
.slick-arrow.slick-disabled:after {
  opacity: 0.15;
}
.slick-arrow:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.slick-arrow:hover:after {
  opacity: 1;
}

.slider .slick-dots {
  padding: 20px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
.slider .slick-dots li {
  height: 6px;
}
.slider .slick-dots li button {
  display: block;
  border: 0;
  background: rgba(0, 0, 0, 0.5);
  overflow: hidden;
  text-indent: -200px;
  padding: 0;
  width: 6px;
  height: 6px;
  border-radius: 4px;
  position: relative;
}
.slider .slick-dots li.slick-active {
  height: 8px;
}
.slider .slick-dots li.slick-active button {
  width: 8px;
  height: 8px;
  background: rgb(0, 0, 0);
}
.slider.black_background .slick-dots {
  background: rgba(255, 255, 255, 0.1);
}
.slider.black_background .slick-dots li button {
  background: rgba(255, 255, 255, 0.5);
}
.slider.black_background .slick-dots li.slick-active button {
  background: rgb(255, 255, 255);
}

.custom-scroll::-webkit-scrollbar {
  width: 4px;
  border-radius: 3px;
}

.custom-scroll::-webkit-scrollbar-track {
  background: #fff;
}

.custom-scroll::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 2px;
}

.custom-scroll-transparent::-webkit-scrollbar {
  width: 4px;
  border-radius: 3px;
}

.custom-scroll-transparent::-webkit-scrollbar-track {
  background: transparent;
}

.custom-scroll-transparent::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 3px;
}

.custom-scroll-transparent-thumb::-webkit-scrollbar-thumb {
  background: transparent;
}

.custom-scroll-transparent-thumb::-webkit-scrollbar {
  display: none;
}

@keyframes ProgressSpin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
@keyframes ProgressFill {
  0% {
    opacity: 0;
  }
  50%, 100% {
    opacity: 1;
  }
}
@keyframes ProgressMask {
  0% {
    opacity: 1;
  }
  50%, 100% {
    opacity: 0;
  }
}
.dotted-loading {
  width: 24px;
  height: 24px;
}
.dotted-loading .dot-loader {
  width: 24px;
  height: 24px;
  position: relative;
}
.dotted-loading .dot-loader span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4px;
  height: 4px;
  background: #14151F;
  border-radius: 50%;
  transform-origin: 0 0;
  animation: loadingFade 1s linear infinite;
}

/* rotate each dot around center */
.dot-loader span:nth-child(1) {
  transform: rotate(0deg) translate(8px);
  animation-delay: 0s;
}

.dot-loader span:nth-child(2) {
  transform: rotate(45deg) translate(8px);
  animation-delay: 0.125s;
}

.dot-loader span:nth-child(3) {
  transform: rotate(90deg) translate(8px);
  animation-delay: 0.25s;
}

.dot-loader span:nth-child(4) {
  transform: rotate(135deg) translate(8px);
  animation-delay: 0.375s;
}

.dot-loader span:nth-child(5) {
  transform: rotate(180deg) translate(8px);
  animation-delay: 0.5s;
}

.dot-loader span:nth-child(6) {
  transform: rotate(225deg) translate(8px);
  animation-delay: 0.625s;
}

.dot-loader span:nth-child(7) {
  transform: rotate(270deg) translate(8px);
  animation-delay: 0.75s;
}

.dot-loader span:nth-child(8) {
  transform: rotate(315deg) translate(8px);
  animation-delay: 0.875s;
}

/* animation */
@keyframes loadingFade {
  0%, 98% {
    opacity: 1;
  }
  98%, 100% {
    opacity: 0.2;
  }
}
/* Usage
<div class="dotted-loading">
    <div class="dot-loader">
        <span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span>
    </div>
</div>
*/


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/css/scss/main/main-new/main_1920.css */
@media screen and (min-width: 1261px) {
  .section__header-container {
    margin-bottom: 64px;
    justify-content: space-between;
    align-items: flex-end;
  }
  .section__header-container .section__header {
    width: 1012px;
  }
  img.bg_tablet, img.bg_mobile {
    display: none;
  }
  br.desktop,
  img.bg_desktop {
    display: block;
  }
  .container {
    max-width: calc(100% - 40px);
    width: 1272px;
  }
  .section {
    margin: 152px 0;
  }
  .site-title {
    font-size: 56px;
    line-height: 72px;
    margin-bottom: 24px;
  }
  .sub-title {
    font-size: 24px;
    line-height: 36px;
  }
  .section-title {
    font-size: 40px;
    line-height: 52px;
    margin-bottom: 20px;
  }
  .section-description {
    font-size: 20px;
    line-height: 30px;
  }
  .section-description a:hover {
    text-decoration: none;
  }
}


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/css/scss/main/main-new/main_768.css */
@media screen and (max-width: 1260px) and (min-width: 768px) {
  .section__header-container {
    margin-bottom: 64px;
    flex-direction: column;
  }
  img.bg_desktop,
  img.bg_mobile {
    display: none;
  }
  br.tablet {
    display: inline;
  }
  img.bg_tablet {
    display: block;
  }
  .container {
    max-width: 728px;
    width: 100%;
  }
  .section {
    margin: 96px 0;
  }
  .site-title {
    font-size: 56px;
    line-height: 72px;
    margin-bottom: 24px;
  }
  .sub-title {
    font-size: 24px;
    line-height: 36px;
  }
  .section-title {
    font-size: 40px;
    line-height: 52px;
    margin-bottom: 20px;
  }
  .section-description {
    font-size: 20px;
    line-height: 30px;
  }
}


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/css/scss/main/main-new/main_320.css */
@media screen and (max-width: 767px) {
  .section__header-container {
    margin-bottom: 48px;
    flex-direction: column;
  }
  img.bg_desktop,
  img.bg_tablet {
    display: none;
  }
  img.bg_mobile {
    display: block;
  }
  /*br.mobile {
    display: inline;
  }*/
  br.phone {
    display: inline;
  }
  .container {
    max-width: calc(100% - 32px);
  }
  .section {
    margin: 72px 0;
  }
  .site-title {
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 20px;
  }
  .section-title {
    font-size: 26px;
    line-height: 34px;
    margin-bottom: 16px;
  }
  .sub-title {
    font-size: 18px;
    line-height: 26px;
  }
  .section-description {
    font-size: 16px;
    line-height: 24px;
  }
}


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/css/scss/main/main-new/main_only_375.css */
@media screen and (max-width: 376px) and (min-width: 375px) {
  br.mobile {
    display: block;
  }
}


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/css/scss/main/main-new/main_1366.css */
@media screen and (max-width: 1400px) and (min-width: 1261px) {
  br.desktop_1366 {
    display: block;
  }
}


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/css/scss/header/header.css */
.hover-plugin-trial-popup {
  display: none;
}

.site_header {
  position: fixed;
  z-index: 999999;
  top: 0;
  width: 100%;
}
.site_header * {
  font-family: "Evergrow Sans", sans-serif;
}
.site_header .header__container {
  border-bottom: 1px solid rgba(20, 21, 31, 0.12);
  background: rgba(255, 255, 255, 0.75);
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
}
.site_header .container {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  max-width: 1272px;
  margin: 0 auto;
}
.site_header .logo {
  display: flex;
  flex: none;
  align-items: center;
}
.site_header .logo a {
  display: flex;
  text-decoration: none;
}
.site_header .site-logo svg {
  display: block;
  width: 101px;
  height: 28px;
}
.site_header .site-nav__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.site_header .site-nav__link {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: #14151f;
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: color 0.15s;
}
.site_header .site-nav__chevron,
.site_header .site-nav__next,
.site_header .site-nav__back-icon,
.site_header .site-nav__toggle span {
  display: flex;
  flex: none;
}
.site_header .site-nav__chevron svg {
  width: 16px;
  height: 16px;
}
.site_header .site-nav__chevron--down {
  transition: transform 0.3s;
}
.site_header .site-nav__item:hover > .site-nav__link .site-nav__chevron--down,
.site_header .site-nav__item.is-open > .site-nav__link .site-nav__chevron--down {
  transform: rotate(180deg);
  opacity: 0.7;
}
.site_header .site-nav__cards {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.site_header .site-nav__card {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 12px;
  border-radius: 8px;
  color: #14151f;
  text-decoration: none;
  transition: background 0.15s;
}
@media (hover: hover) {
  .site_header .site-nav__card:hover {
    background: rgba(20, 21, 31, 0.06);
  }
}
.site_header .site-nav__card:focus-visible {
  background: rgba(20, 21, 31, 0.06);
  outline: 2px solid #3339f1;
  outline-offset: -2px;
}
.site_header .site-nav__card-icon {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 36px;
  height: 36px;
  border: 1px solid rgba(20, 21, 31, 0.12);
  border-radius: 8px;
  background: #fff;
}
.site_header .site-nav__card-icon svg {
  width: 20px;
  height: 20px;
}
.site_header .site-nav__card-icon path {
  transition: fill-opacity 0.15s;
}
@media (hover: hover) {
  .site_header .site-nav__card:hover .site-nav__card-icon path {
    fill-opacity: 1;
  }
}
.site_header .site-nav__card:focus-visible .site-nav__card-icon path {
  fill-opacity: 1;
}
.site_header .site-nav__card-text {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.site_header .site-nav__card-title {
  overflow: hidden;
  color: #14151f;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.site_header .site-nav__card-desc {
  color: rgba(20, 21, 31, 0.7);
  font-size: 12px;
  line-height: 18px;
}
.site_header .site-nav__more {
  padding: 12px;
}
.site_header .site-nav__all {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  border-radius: 8px;
  background: rgba(20, 21, 31, 0.06);
  color: #14151f;
  font-size: 12px;
  line-height: 18px;
  text-decoration: none;
  transition: background 0.15s;
}
.site_header .site-nav__all:hover {
  background: rgba(20, 21, 31, 0.1);
}
.site_header .site-nav__actions {
  display: flex;
  align-items: center;
}
.site_header .login_signin a {
  color: #14151f;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  transition: color 0.15s;
}
.site_header .login_signin a:hover {
  color: rgba(20, 21, 31, 0.7);
}
.site_header .site-nav__actions .tw_button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: 48px;
  margin: 0;
  padding: 0 20px;
  border: 1px solid transparent !important;
  border-radius: 8px;
  background: #3339f1 !important;
  color: #fff !important;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-transform: none;
  white-space: nowrap;
  transition: background 0.15s, opacity 150ms;
}
.site_header .site-nav__actions .tw_button:hover {
  background: #2a30d6 !important;
}
.site_header .site-nav__actions .tw_button::first-letter {
  text-transform: none;
}
.site_header .site-nav__actions .button_container {
  margin: 0;
}
.site_header .site-nav__toggle {
  display: none;
  flex: none;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 36px;
  height: 36px;
  margin: 0 0 0 auto;
  padding: 0;
  border: 1px solid rgba(20, 21, 31, 0.12);
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
}
.site_header .site-nav__toggle svg {
  width: 16px;
  height: 16px;
}
.site_header .site-nav__toggle-close {
  display: none !important;
}
.site_header.opened .site-nav__toggle .site-nav__toggle-open {
  display: none !important;
}
.site_header.opened .site-nav__toggle .site-nav__toggle-close {
  display: flex !important;
}
.site_header .site-nav__link:focus-visible,
.site_header .site-nav__back:focus-visible,
.site_header .site-nav__toggle:focus-visible,
.site_header .login_signin a:focus-visible {
  outline: 2px solid #3339f1;
  outline-offset: 2px;
  border-radius: 4px;
}
.site_header.minified .container {
  justify-content: space-between;
}
.site_header .partner_logo_outer {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: 12px;
}

body.opened {
  overflow: hidden !important;
  width: 100%;
  height: 100%;
}


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/css/scss/header/header_1920.css */
@media screen and (min-width: 1261px) {
  .site_header .header__container {
    padding: 16px 40px;
  }
  .site_header .container {
    min-height: 48px;
  }
  .site_header .site-nav {
    display: flex;
    flex: 1;
    align-items: center;
    margin-left: 48px;
  }
  .site_header .site-nav__list {
    display: flex;
    align-items: center;
    gap: 24px;
  }
  .site_header .site-nav__item {
    position: relative;
  }
  .site_header .site-nav__link {
    height: 28px;
    font-size: 14px;
    line-height: 20px;
  }
  .site_header .site-nav__link:hover {
    color: rgba(20, 21, 31, 0.7);
  }
  .site_header .site-nav__item.is-open > .site-nav__link {
    color: rgba(20, 21, 31, 0.7);
  }
  .site_header .site-nav__next,
  .site_header .site-nav__back {
    display: none;
  }
  .site_header .site-nav__dropdown {
    position: absolute;
    z-index: 2;
    top: calc(100% + 8px);
    left: 0;
    box-sizing: border-box;
    width: 316px;
    padding: 8px;
    border: 1px solid rgba(20, 21, 31, 0.12);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 4px 8px 0 rgba(20, 21, 31, 0.1), 0 2px 4px 0 rgba(20, 21, 31, 0.06);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-4px);
    transition: opacity 0.15s ease, transform 0.2s cubic-bezier(0.22, 1, 0.36, 1), visibility 0s linear 0.2s;
  }
  .site_header .site-nav__dropdown::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 100%;
    left: 0;
    height: 10px;
  }
  .site_header .site-nav__item.is-open > .site-nav__dropdown {
    opacity: 1;
    visibility: visible;
    transform: none;
    transition: opacity 0.15s ease, transform 0.2s cubic-bezier(0.22, 1, 0.36, 1), visibility 0s;
  }
  .site_header .site-nav__dropdown:has(.site-nav__more) .site-nav__cards {
    margin-bottom: 4px;
  }
  .site_header .site-nav__actions {
    gap: 20px;
    margin-left: auto;
  }
}


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/css/scss/header/header_768.css */
@media screen and (max-width: 1260px) {
  .site_header .header__container {
    padding: 16px 20px;
  }
  .site_header .site-logo svg {
    width: 94px;
    height: 26px;
  }
  .site_header .site-nav__toggle {
    display: flex;
  }
  .site_header.opened .header__container {
    background: #fff;
  }
  .site_header .site-nav {
    position: absolute;
    top: calc(100% + 1px);
    right: 0;
    left: 0;
    display: none;
    height: var(--site-nav-height, calc(100vh - 69px));
    overflow: hidden;
    background: #fff;
  }
  .site_header.opened .site-nav {
    display: block;
    animation: site-nav-in 0.25s cubic-bezier(0.22, 1, 0.36, 1);
  }
  .site_header .site-nav__list {
    box-sizing: border-box;
    height: 100%;
    padding: 20px 0 96px;
    overflow-y: auto;
  }
  .site_header .site-nav__item {
    margin: 0 16px 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(20, 21, 31, 0.12);
  }
  .site_header .site-nav__item:last-child {
    border-bottom: 0;
  }
  .site_header .site-nav__link {
    width: 100%;
    padding: 0 4px;
    font-size: 20px;
    line-height: 30px;
    text-align: left;
  }
  .site_header .site-nav__link .site-nav__label {
    flex: 1;
  }
  .site_header .site-nav__chevron {
    display: none !important;
  }
  .site_header .site-nav__next svg {
    width: 20px;
    height: 20px;
  }
  .site_header .site-nav__dropdown {
    position: absolute;
    z-index: 1;
    inset: 0;
    box-sizing: border-box;
    padding: 20px 0 96px;
    overflow-y: auto;
    background: #fff;
    visibility: hidden;
    transform: translateX(100%);
    transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1), visibility 0s linear 0.3s;
  }
  .site_header .site-nav__item.is-open > .site-nav__dropdown {
    visibility: visible;
    transform: none;
    transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1), visibility 0s;
  }
  .site_header .site-nav__list:has(> .is-open) > .site-nav__item:not(.is-open),
  .site_header .site-nav__item.is-open > .site-nav__link {
    visibility: hidden;
  }
  .site_header .site-nav__back {
    display: flex;
    align-items: center;
    gap: 6px;
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 8px;
    padding: 0 20px;
    border: 0;
    background: none;
    color: #14151f;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
    cursor: pointer;
  }
  .site_header .site-nav__back-icon {
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
  }
  .site_header .site-nav__back-icon svg {
    width: 20px;
    height: 20px;
  }
  .site_header .site-nav__cards {
    gap: 0;
    padding: 0 20px;
  }
  .site_header .site-nav__more {
    padding: 8px 20px 0;
  }
  .site_header .site-nav__actions {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
    left: 0;
    gap: 20px;
    padding: 16px;
    background: rgba(255, 255, 255, 0.75);
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
  }
  .site_header .site-nav__actions > * {
    display: flex;
    flex: 1 1 0;
    min-width: 0;
  }
  .site_header .site-nav__actions .tw_button {
    width: 100%;
  }
  .site_header .login_signin a {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    height: 48px;
    border: 1px solid rgba(20, 21, 31, 0.12);
    border-radius: 8px;
    background: #fff;
    font-weight: 400;
  }
}
@keyframes site-nav-in {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .site_header .site-nav,
  .site_header .site-nav__dropdown {
    animation: none !important;
    transition: none !important;
  }
}


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/css/scss/header/header_320.css */
@media screen and (max-width: 767px) {
  .site_header .header__container {
    padding: 16px;
  }
}


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/css/scss/header/header_fixed.css */
.site_header .header__container {
  transition: background 0.3s ease-in-out, border-color 0.3s ease-in-out, backdrop-filter 0.3s ease-in-out;
}
.site_header .site-nav__link,
.site_header .login_signin a {
  transition: color 0.3s ease-in-out;
}
.site_header .site-logo path,
.site_header .site-nav__link > span path,
.site_header .site-nav__toggle path {
  transition: fill 0.3s ease-in-out;
}
.site_header.dark:not(.opened):not(.fixed) .header__container, .site_header.dark.fixed:not(.light-fixed):not(.opened) .header__container {
  border-bottom-color: transparent;
  background: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.site_header.dark:not(.opened):not(.fixed) .site-nav__list > .site-nav__item > .site-nav__link,
.site_header.dark:not(.opened):not(.fixed) .login_signin a, .site_header.dark.fixed:not(.light-fixed):not(.opened) .site-nav__list > .site-nav__item > .site-nav__link,
.site_header.dark.fixed:not(.light-fixed):not(.opened) .login_signin a {
  color: #fff;
}
.site_header.dark:not(.opened):not(.fixed) .site-nav__list > .site-nav__item > .site-nav__link:hover,
.site_header.dark:not(.opened):not(.fixed) .login_signin a:hover, .site_header.dark.fixed:not(.light-fixed):not(.opened) .site-nav__list > .site-nav__item > .site-nav__link:hover,
.site_header.dark.fixed:not(.light-fixed):not(.opened) .login_signin a:hover {
  color: rgba(255, 255, 255, 0.7);
}
.site_header.dark:not(.opened):not(.fixed) .site-nav__item.is-open > .site-nav__link, .site_header.dark.fixed:not(.light-fixed):not(.opened) .site-nav__item.is-open > .site-nav__link {
  color: rgba(255, 255, 255, 0.7);
}
.site_header.dark:not(.opened):not(.fixed) .site-logo [fill="#14151F"],
.site_header.dark:not(.opened):not(.fixed) .site-nav__list > .site-nav__item > .site-nav__link [fill="#14151F"],
.site_header.dark:not(.opened):not(.fixed) .site-nav__toggle [fill="#14151F"], .site_header.dark.fixed:not(.light-fixed):not(.opened) .site-logo [fill="#14151F"],
.site_header.dark.fixed:not(.light-fixed):not(.opened) .site-nav__list > .site-nav__item > .site-nav__link [fill="#14151F"],
.site_header.dark.fixed:not(.light-fixed):not(.opened) .site-nav__toggle [fill="#14151F"] {
  fill: #fff;
}
.site_header.dark:not(.opened):not(.fixed) .site-nav__toggle, .site_header.dark.fixed:not(.light-fixed):not(.opened) .site-nav__toggle {
  border-color: rgba(255, 255, 255, 0.2);
  background: transparent;
}
.site_header.dark.fixed:not(.light-fixed):not(.opened) .header__container {
  background: rgba(0, 0, 0, 0.8);
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
}


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/css/scss/footer/footer.css */
#colophon.site-footer {
  box-sizing: border-box;
  background: #fff;
  color: #14151f;
}
#colophon.site-footer * {
  box-sizing: border-box;
  font-family: "Evergrow Sans", sans-serif;
}
#colophon.site-footer p,
#colophon.site-footer ul {
  margin: 0;
}
#colophon.site-footer ul {
  padding: 0;
  list-style: none;
}
#colophon.site-footer a {
  color: #14151f;
  text-decoration: none;
}
#colophon.site-footer .site-footer__brand {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
#colophon.site-footer .site-footer__intro {
  display: flex;
  flex-direction: column;
}
#colophon.site-footer .site-footer__logo {
  display: flex;
}
#colophon.site-footer .site-footer__tagline {
  font-weight: 500;
}
#colophon.site-footer .site-footer__social {
  display: flex;
  align-items: center;
  gap: 16px;
}
#colophon.site-footer .site-footer__social a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  transition: opacity 0.15s;
}
#colophon.site-footer .site-footer__social a:hover {
  opacity: 0.7;
}
#colophon.site-footer .site-footer__column {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
#colophon.site-footer .site-footer__group {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
#colophon.site-footer .site-footer__title {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: rgba(20, 21, 31, 0.5);
  font-weight: 500;
  text-align: left;
  text-transform: uppercase;
  cursor: default;
}
#colophon.site-footer .site-footer__title > span:first-child {
  flex: 1;
}
#colophon.site-footer .site-footer__title-icon {
  display: none;
}
#colophon.site-footer .site-footer__links {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
#colophon.site-footer .site-footer__links a {
  display: inline-flex;
  padding: 4px 0;
  font-size: 14px;
  line-height: 20px;
  transition: color 0.15s;
}
#colophon.site-footer .site-footer__links a:hover {
  color: rgba(20, 21, 31, 0.7);
}
#colophon.site-footer a:focus-visible,
#colophon.site-footer .site-footer__title:focus-visible {
  outline: 2px solid #3339f1;
  outline-offset: 2px;
  border-radius: 4px;
}
#colophon.site-footer .site-footer__card {
  background: rgba(20, 21, 31, 0.03);
}
#colophon.site-footer .site-footer__heading {
  position: relative;
  color: #14151f;
  font-weight: 500;
}
#colophon.site-footer .site-footer__heading-break {
  display: block;
}
#colophon.site-footer .site-footer__swap {
  display: inline-block;
  white-space: nowrap;
  color: #3339f1;
}
#colophon.site-footer .site-footer__shots {
  display: grid;
}
#colophon.site-footer .site-footer__shot {
  display: grid;
  aspect-ratio: 16/9;
}
#colophon.site-footer .site-footer__shot-card {
  grid-area: 1/1;
  overflow: hidden;
  border-radius: 16px;
  background: rgba(20, 21, 31, 0.06);
  opacity: 0;
  visibility: hidden;
}
#colophon.site-footer .site-footer__shot-card picture {
  display: contents;
}
#colophon.site-footer .site-footer__shot-card img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#colophon.site-footer .site-footer__shot-card.is-shown, #colophon.site-footer .site-footer__shot-card.is-current, #colophon.site-footer .site-footer__shot-card.is-leaving {
  visibility: visible;
}
#colophon.site-footer .site-footer__shot-card.is-shown {
  opacity: 1;
}
#colophon.site-footer .site-footer__shot-card.is-current {
  z-index: 2;
  animation: site-footer-card-in 1.1s cubic-bezier(0.25, 0.1, 0.25, 1) both;
  animation-delay: calc(var(--s, 0) * 120ms);
}
#colophon.site-footer .site-footer__shot-card.is-leaving {
  z-index: 1;
  animation: site-footer-card-out 0.7s cubic-bezier(0.4, 0, 0.6, 1) both;
  animation-delay: calc(var(--s, 0) * 120ms);
}
#colophon.site-footer .site-footer__legal {
  display: flex;
  border-top: 1px solid rgba(20, 21, 31, 0.12);
  color: rgba(20, 21, 31, 0.7);
}
#colophon.site-footer .site-footer__legal a {
  color: rgba(20, 21, 31, 0.7);
}
#colophon.site-footer .site-footer__legal a:hover {
  color: #14151f;
}
#colophon.site-footer .site-footer__minified-links {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 20px;
}
#colophon.site-footer.is-minified {
  padding-top: 0;
}

@keyframes site-footer-card-in {
  0% {
    opacity: 0;
    transform: scale(1.05);
    filter: blur(14px);
  }
  100% {
    opacity: 1;
    transform: none;
    filter: blur(0);
  }
}
@keyframes site-footer-card-out {
  0% {
    opacity: 1;
    transform: none;
    filter: blur(0);
  }
  100% {
    opacity: 0;
    transform: scale(1.04);
    filter: blur(12px);
  }
}
@media (prefers-reduced-motion: reduce) {
  #colophon.site-footer .site-footer__shot-card {
    animation: none !important;
  }
}


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/css/scss/footer/footer_1920.css */
@media screen and (min-width: 1261px) {
  #colophon.site-footer {
    padding-top: 96px;
  }
  #colophon.site-footer .site-footer__top {
    display: flex;
    gap: 80px;
    width: 1272px;
    max-width: calc(100% - 80px);
    margin: 0 auto 64px;
  }
  #colophon.site-footer .site-footer__brand {
    flex: 1;
    min-width: 0;
  }
  #colophon.site-footer .site-footer__intro {
    gap: 16px;
  }
  #colophon.site-footer .site-footer__logo svg {
    width: 130px;
    height: 36px;
  }
  #colophon.site-footer .site-footer__tagline {
    font-size: 16px;
    line-height: 24px;
  }
  #colophon.site-footer .site-footer__nav {
    display: flex;
    gap: 80px;
  }
  #colophon.site-footer .site-footer__column {
    width: 230px;
  }
  #colophon.site-footer .site-footer__title {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 1.92px;
  }
  #colophon.site-footer .site-footer__links a {
    white-space: nowrap;
  }
  #colophon.site-footer .site-footer__bottom {
    padding: 8px;
  }
  #colophon.site-footer .site-footer__card {
    padding: 96px 40px 24px;
    border-radius: 24px;
  }
  #colophon.site-footer .site-footer__showcase,
  #colophon.site-footer .site-footer__legal {
    max-width: 1272px;
    margin: 0 auto;
  }
  #colophon.site-footer .site-footer__showcase {
    display: flex;
    flex-direction: column;
    gap: 64px;
    margin-bottom: 64px;
  }
  #colophon.site-footer .site-footer__heading {
    font-size: 52px;
    line-height: 68px;
  }
  #colophon.site-footer .site-footer__shots {
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
  }
  #colophon.site-footer .site-footer__legal {
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    padding-top: 24px;
    font-size: 14px;
    line-height: 20px;
  }
  #colophon.site-footer .site-footer__minified-links {
    flex: 1;
    justify-content: center;
  }
}


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/css/scss/footer/footer_768.css */
@media screen and (max-width: 1260px) and (min-width: 768px) {
  #colophon.site-footer {
    padding-top: 96px;
  }
  #colophon.site-footer .site-footer__top {
    padding: 0 20px;
    margin-bottom: 64px;
  }
  #colophon.site-footer .site-footer__brand {
    align-items: center;
    margin-bottom: 80px;
    text-align: center;
  }
  #colophon.site-footer .site-footer__intro {
    align-items: center;
    gap: 16px;
  }
  #colophon.site-footer .site-footer__logo svg {
    width: 130px;
    height: 36px;
  }
  #colophon.site-footer .site-footer__tagline {
    font-size: 16px;
    line-height: 24px;
  }
  #colophon.site-footer .site-footer__nav {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 80px;
  }
  #colophon.site-footer .site-footer__title {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 1.92px;
  }
  #colophon.site-footer .site-footer__bottom {
    padding: 8px;
  }
  #colophon.site-footer .site-footer__card {
    padding: 96px 16px 24px;
    border-radius: 24px;
  }
  #colophon.site-footer .site-footer__showcase {
    display: flex;
    flex-direction: column;
    gap: 64px;
    margin-bottom: 64px;
  }
  #colophon.site-footer .site-footer__heading {
    font-size: 52px;
    line-height: 68px;
  }
  #colophon.site-footer .site-footer__shots {
    gap: 24px;
  }
  #colophon.site-footer .site-footer__legal {
    flex-direction: column-reverse;
    gap: 12px;
    padding-top: 24px;
    font-size: 14px;
    line-height: 20px;
  }
}


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/css/scss/footer/footer_320.css */
@media screen and (max-width: 767px) {
  #colophon.site-footer {
    padding-top: 48px;
  }
  #colophon.site-footer .site-footer__top {
    padding: 0 16px;
    margin-bottom: 32px;
  }
  #colophon.site-footer .site-footer__brand {
    align-items: center;
    margin-bottom: 40px;
    text-align: center;
  }
  #colophon.site-footer .site-footer__intro {
    align-items: center;
    gap: 12px;
  }
  #colophon.site-footer .site-footer__logo svg {
    width: 102px;
    height: 28px;
  }
  #colophon.site-footer .site-footer__tagline {
    font-size: 14px;
    line-height: 20px;
  }
  #colophon.site-footer .site-footer__nav {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  #colophon.site-footer .site-footer__column {
    display: contents;
  }
  #colophon.site-footer .site-footer__group {
    order: var(--order);
  }
  #colophon.site-footer .site-footer__title {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 2.24px;
    cursor: pointer;
  }
  #colophon.site-footer .site-footer__title-icon svg {
    width: 20px;
    height: 20px;
  }
  #colophon.site-footer .site-footer__title[aria-expanded=false] .site-footer__title-icon--down,
  #colophon.site-footer .site-footer__title[aria-expanded=true] .site-footer__title-icon--up {
    display: flex;
  }
  #colophon.site-footer .site-footer__title[aria-expanded=false] + .site-footer__links {
    display: none;
  }
  #colophon.site-footer .site-footer__bottom {
    padding: 4px;
  }
  #colophon.site-footer .site-footer__card {
    padding: 48px 12px 20px;
    border-radius: 16px;
  }
  #colophon.site-footer .site-footer__showcase {
    display: flex;
    flex-direction: column;
    gap: 32px;
    margin-bottom: 32px;
  }
  #colophon.site-footer .site-footer__heading {
    font-size: 30px;
    line-height: 40px;
  }
  #colophon.site-footer .site-footer__heading-break {
    display: inline;
  }
  #colophon.site-footer .site-footer__shots {
    gap: 16px;
  }
  #colophon.site-footer .site-footer__legal {
    flex-direction: column-reverse;
    gap: 12px;
    padding-top: 20px;
    font-size: 12px;
    line-height: 18px;
  }
}


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/elements/button/css/new/buttons.css */
@keyframes loading-spinner-rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loading-spinner-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
.button_container .cancel_anytime {
  font-weight: 500;
}
.button_container .button_container {
  margin-top: 0;
}
.button_container.mt0 {
  margin-top: 0 !important;
}
.button_container.center {
  text-align: center;
}
.button_container.with-link {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: fit-content;
}

.tw_button {
  display: inline-block;
  transition: background-color 150ms, opacity 150ms;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  padding: 13px 19px;
  border-radius: 8px;
  text-decoration: none;
  text-transform: none;
  text-align: center;
  box-sizing: border-box;
  color: #000000;
}
.tw_button.dy_width {
  padding: 12px 20px;
  width: unset !important;
}
.tw_button .loading-circular-spinner,
.tw_button .new-loader {
  display: none;
}
.tw_button.white_transparent_outline {
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background-color: rgba(255, 255, 255, 0.06);
}
.tw_button.white_transparent_outline:hover {
  color: #000000;
  background: #ffffff;
}
.tw_button.link {
  padding: 0;
  text-decoration: underline;
}
.tw_button.link.black {
  color: #000000;
}
.tw_button.link:hover {
  text-decoration: none;
}
.tw_button.button_disabled {
  opacity: 0.5;
  pointer-events: none;
}
.tw_button.loading {
  opacity: 0.8;
  pointer-events: none;
}
.tw_button.loading .text {
  display: none !important;
}
.tw_button.loading .loading-circular-spinner {
  display: inline-block;
  width: 20px;
  height: 20px;
}
.tw_button.loading .loading-circular-spinner > .loader {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
}
.tw_button.loading .loading-circular-spinner > .loader.white .path {
  stroke: #ffffff;
}
.tw_button.loading .loading-circular-spinner > .loader.black .path {
  stroke: #000000;
}
.tw_button.loading .loading-circular-spinner .circular {
  animation: loading-spinner-rotate 2s linear infinite;
  height: 100%;
  transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.tw_button.loading .loading-circular-spinner .path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  animation: loading-spinner-dash 1.5s ease-in-out infinite;
}
.tw_button.loading .new-loader {
  display: inline-block;
  background: url(https://10web.io/wp-content/themes/10web-theme/templates/elements/button/css/new/../../../../../../../uploads/tenweb-theme/images/icons/loading.svg);
  background-size: contain;
  box-sizing: border-box;
  animation: loading-spinner-rotate 1s linear infinite;
}
.tw_button.blue_bg {
  background-color: #3339F1;
  color: #FFFFFF;
  border: 1px solid #3339F1;
}
.tw_button.blue_bg span {
  color: #FFFFFF;
}
.tw_button.blue_bg:hover {
  background-color: rgba(51, 57, 241, 0.8);
  border-color: rgba(51, 57, 241, 0.8);
}
.tw_button.palatinate_blue_bg {
  background: #3339f0 !important;
  color: #ffffff;
}
.tw_button.palatinate_blue_bg:hover {
  opacity: 0.8;
}
.tw_button.white_bg {
  background-color: #FFFFFF;
  color: #000000;
  cursor: pointer;
}
.tw_button.white_bg.blue_text {
  color: #3339f0;
}
.tw_button.white_bg.outline {
  border: 1px solid #000000;
  padding: 13px 20px;
  color: #000000;
}
.tw_button.white_bg.outline:hover {
  background-color: #000000;
  color: #FFFFFF;
  opacity: 1;
}
.tw_button.white_bg.grey_outline {
  border: 1px solid rgba(20, 21, 31, 0.12);
  padding: 13px 20px;
}
.tw_button.white_bg.grey_outline:hover {
  background-color: #000000;
  color: #FFFFFF !important;
  opacity: 1;
}
.tw_button.white_bg.grey_outline:hover span {
  color: #FFFFFF !important;
}
.tw_button.white_bg span {
  color: #000000;
}
.tw_button.white_bg:hover {
  opacity: 0.8;
}
.tw_button.black_bg {
  background: #000000;
  border: 1px solid #000000;
  color: #ffffff;
}
.tw_button.black_bg:hover {
  opacity: 0.8;
}
.tw_button.dark_blue_bg {
  background: #14151F;
  border: 1px solid #14151F;
  color: #ffffff;
}
.tw_button.dark_blue_bg:hover {
  opacity: 0.8;
}
.tw_button.white_transparent_bg {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid transparent;
  color: #ffffff;
}
.tw_button.white_transparent_bg:hover {
  background: rgba(255, 255, 255, 0.2);
}
.tw_button.transparent_bg:hover {
  color: rgba(0, 0, 0, 0.5);
}
.tw_button.black_border {
  border: 1px solid #000000;
}
.tw_button.black_border:hover {
  background-color: #000000;
  color: #FFFFFF;
  opacity: 1;
}
.tw_button.rounded {
  border-radius: 23px;
}
.tw_button.blur {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}
.tw_button.white_outline {
  color: #ffffff;
  border: 1px solid #ffffff;
}
.tw_button.white_outline:hover {
  color: #000000;
  background: #ffffff;
}
.tw_button.outline {
  background-color: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.14);
  color: #fff;
}
.tw_button.outline:hover {
  background-color: rgba(255, 255, 255, 0.14);
}
.tw_button.dark_outline {
  color: #000000;
  border: 1px solid #000000;
  background-color: transparent;
  box-sizing: border-box;
}
.tw_button.dark_outline:hover {
  color: #fff;
  background: #000000;
}
.tw_button.black_outline {
  border: 1px solid #000000;
}
.tw_button.black_outline:hover {
  color: #ffffff;
  background: #000000;
}
.tw_button.with-stars {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.tw_button.with-stars:before {
  content: "";
  background: url(https://10web.io/wp-content/themes/10web-theme/templates/elements/button/css/new/../../../../../../../uploads/tenweb-theme/images/icons/ai.svg) no-repeat;
  background-size: contain;
  display: inline-block;
}
.tw_button.with-arrow {
  display: flex;
  align-items: center;
  gap: 8px;
}
.tw_button.with-arrow:after {
  content: "";
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url(https://10web.io/wp-content/themes/10web-theme/templates/elements/button/css/new/../../../../../../../uploads/tenweb-theme/images/icons/arrows/link-arrow-right-thin.svg) no-repeat;
  background-size: contain;
  background-position: right center;
}
.tw_button.auto-width {
  width: fit-content;
}

.link_buton_container {
  font-size: 14px;
  line-height: 20px;
}
.link_buton_container.black {
  color: #000000;
}
.link_buton_container.underline {
  text-decoration: underline;
}
.link_buton_container.underline:hover {
  text-decoration: none;
}

@media screen and (min-width: 1261px) {
  .button_container {
    margin-top: 48px;
  }
  .button_container .cancel_anytime {
    font-size: 12px;
    line-height: 18px;
    margin-top: 12px;
  }
  .button_container.bottom {
    margin-top: 64px;
  }
  .tw_button.loading .new-loader {
    width: 20px;
    height: 20px;
  }
  .tw_button.with-stars {
    padding: 16px 0;
    font-size: 16px;
    line-height: 26px;
    width: 260px;
  }
  .tw_button.with-stars:before {
    width: 24px;
    height: 24px;
  }
  .buttons-container {
    margin-top: 48px;
  }
}
@media screen and (max-width: 1260px) and (min-width: 768px) {
  .button_container {
    margin-top: 48px;
  }
  .button_container .cancel_anytime {
    font-size: 12px;
    line-height: 18px;
    margin-top: 12px;
  }
  .button_container.bottom {
    margin-top: 64px;
  }
  .tw_button.loading .new-loader {
    width: 20px;
    height: 20px;
  }
  .tw_button.with-stars {
    padding: 16px 0;
    font-size: 16px;
    line-height: 26px;
    width: 260px;
  }
  .tw_button.with-stars:before {
    width: 24px;
    height: 24px;
  }
  .buttons-container {
    margin-top: 48px;
  }
}
@media screen and (max-width: 767px) {
  .button_container {
    margin-top: 32px;
  }
  .button_container .cancel_anytime {
    font-size: 10px;
    line-height: 16px;
    margin-top: 8px;
  }
  .tw_button.loading .new-loader {
    width: 17px;
    height: 17px;
  }
  .tw_button.with-stars {
    padding: 13px 0;
    font-size: 14px;
    line-height: 20px;
    width: 233px;
  }
  .tw_button.with-stars:before {
    width: 20px;
    height: 20px;
  }
  .buttons-container {
    margin-top: 32px;
  }
}


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/css/scss/animations/animate-after-visible.css */
.js .animate-after-visible {
  transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  position: absolute;
  opacity: 0;
}
.js .animate-after-visible.from-bottom {
  transform: translate(0, 80px);
  -webkit-transform: translate(0, 80px);
}
.js .animate-after-visible.from-right {
  transform: translate(80px, 0);
  -webkit-transform: translate(80px, 0);
}
.js .animate-after-visible.from-top {
  transform: translate(0, -80px);
  -webkit-transform: translate(0, -80px);
}
.js .animate-after-visible.from-left {
  transform: translate(-80px, 0);
  -webkit-transform: translate(-80px, 0);
}
.js .animate-after-visible.from-left-bottom {
  transform: translate(-80px, 80px);
  -webkit-transform: translate(-80px, 80px);
}
.js .animate-after-visible.from-right-bottom {
  transform: translate(80px, 80px);
  -webkit-transform: translate(80px, 80px);
}
.js .animate-after-visible.from-left-top {
  transform: translate(-80px, -80px);
  -webkit-transform: translate(-80px, -80px);
}
.js .animate-after-visible.from-right-top {
  transform: translate(80px, 0);
  -webkit-transform: translate(80px, 0);
}
.js .show-after-visible {
  transition-property: all;
  -webkit-transition-property: all;
  transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.12, 0.23, 0.5, 1);
  -webkit-transition-timing-function: cubic-bezier(0.12, 0.23, 0.5, 1);
  opacity: 0;
}
.js .show-after-visible.td0 {
  transition-delay: 0.09s;
  -webkit-transition-delay: 0.09s;
}
.js .show-after-visible.td1 {
  transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
}
.js .show-after-visible.td2 {
  transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
}
.js .show-after-visible.td3 {
  transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
}
.js .show-after-visible.td4 {
  transition-delay: 0.4s;
  -webkit-transition-delay: 0.4s;
}
.js .show-after-visible.td5 {
  transition-delay: 0.5s;
  -webkit-transition-delay: 0.5s;
}
.js .show-after-visible.td6 {
  transition-delay: 0.6s;
  -webkit-transition-delay: 0.6s;
}
.js .show-after-visible.from-bottom {
  transform: translate(0, 30px);
  -webkit-transform: translate(0, 30px);
}
.js .show-after-visible.from-right {
  transform: translate(30px, 0);
  -webkit-transform: translate(30px, 0);
}
.js .show-after-visible.from-top {
  transform: translate(0, -30px);
  -webkit-transform: translate(0, -30px);
}
.js .show-after-visible.from-left {
  transform: translate(-30px, 0);
  -webkit-transform: translate(-30px, 0);
}
.js .show-after-visible.from-left-bottom {
  transform: translate(-30px, 30px);
  -webkit-transform: translate(-30px, 30px);
}
.js .show-after-visible.from-right-bottom {
  transform: translate(30px, 30px);
  -webkit-transform: translate(30px, 30px);
}
.js .show-after-visible.from-left-top {
  transform: translate(-30px, -30px);
  -webkit-transform: translate(-30px, -30px);
}
.js .show-after-visible.from-right-top {
  transform: translate(30px, 0);
  -webkit-transform: translate(30px, 0);
}
.js .animated .animate-after-visible,
.js .animated .show-after-visible {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}
.js .animated .animate-after-visible.section-description,
.js .animated .show-after-visible.section-description {
  opacity: 0.7;
}

@media screen and (min-width: 768px) {
  .js .animate-after-visible-desktop {
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    position: absolute;
    opacity: 0;
  }
  .js .animate-after-visible-desktop.from-bottom {
    transform: translate(0, 80px);
    -webkit-transform: translate(0, 80px);
  }
  .js .animate-after-visible-desktop.from-right {
    transform: translate(80px, 0);
    -webkit-transform: translate(80px, 0);
  }
  .js .animate-after-visible-desktop.from-top {
    transform: translate(0, -80px);
    -webkit-transform: translate(0, -80px);
  }
  .js .animate-after-visible-desktop.from-left {
    transform: translate(-80px, 0);
    -webkit-transform: translate(-80px, 0);
  }
  .js .animate-after-visible-desktop.from-left-bottom {
    transform: translate(-80px, 80px);
    -webkit-transform: translate(-80px, 80px);
  }
  .js .animate-after-visible-desktop.from-right-bottom {
    transform: translate(80px, 80px);
    -webkit-transform: translate(80px, 80px);
  }
  .js .animate-after-visible-desktop.from-left-top {
    transform: translate(-80px, -80px);
    -webkit-transform: translate(-80px, -80px);
  }
  .js .animate-after-visible-desktop.from-right-top {
    transform: translate(80px, 0);
    -webkit-transform: translate(80px, 0);
  }
  .js .show-after-visible-desktop {
    transition-property: all;
    -webkit-transition-property: all;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.12, 0.23, 0.5, 1);
    -webkit-transition-timing-function: cubic-bezier(0.12, 0.23, 0.5, 1);
    opacity: 0;
  }
  .js .show-after-visible-desktop.td0 {
    transition-delay: 0.09s;
    -webkit-transition-delay: 0.09s;
  }
  .js .show-after-visible-desktop.td1 {
    transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s;
  }
  .js .show-after-visible-desktop.td2 {
    transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
  }
  .js .show-after-visible-desktop.td3 {
    transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
  }
  .js .show-after-visible-desktop.td4 {
    transition-delay: 0.4s;
    -webkit-transition-delay: 0.4s;
  }
  .js .show-after-visible-desktop.td5 {
    transition-delay: 0.5s;
    -webkit-transition-delay: 0.5s;
  }
  .js .show-after-visible-desktop.td6 {
    transition-delay: 0.6s;
    -webkit-transition-delay: 0.6s;
  }
  .js .show-after-visible-desktop.from-bottom {
    transform: translate(0, 30px);
    -webkit-transform: translate(0, 30px);
  }
  .js .show-after-visible-desktop.from-right {
    transform: translate(30px, 0);
    -webkit-transform: translate(30px, 0);
  }
  .js .show-after-visible-desktop.from-top {
    transform: translate(0, -30px);
    -webkit-transform: translate(0, -30px);
  }
  .js .show-after-visible-desktop.from-left {
    transform: translate(-30px, 0);
    -webkit-transform: translate(-30px, 0);
  }
  .js .show-after-visible-desktop.from-left-bottom {
    transform: translate(-30px, 30px);
    -webkit-transform: translate(-30px, 30px);
  }
  .js .show-after-visible-desktop.from-right-bottom {
    transform: translate(30px, 30px);
    -webkit-transform: translate(30px, 30px);
  }
  .js .show-after-visible-desktop.from-left-top {
    transform: translate(-30px, -30px);
    -webkit-transform: translate(-30px, -30px);
  }
  .js .show-after-visible-desktop.from-right-top {
    transform: translate(30px, 0);
    -webkit-transform: translate(30px, 0);
  }
  .js .animated .animate-after-visible-desktop,
  .js .animated .show-after-visible-desktop {
    opacity: 1;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
  }
  .js .animated .animate-after-visible-desktop.section-description,
  .js .animated .show-after-visible-desktop.section-description {
    opacity: 0.7;
  }
}


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/sections/common-hero/css/common-hero.css */
.hero {
  text-align: center;
  position: relative;
}
.hero.new .feature_button_container {
  text-align: center;
  margin-bottom: 24px;
}
.hero.new .feature_button_container a {
  box-sizing: border-box;
  box-shadow: 0 4px 8px 0 rgba(20, 21, 31, 0.1), 0 2px 4px 0 rgba(20, 21, 31, 0.06);
  display: inline-flex;
  gap: 8px;
  border-radius: 32px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background-color: rgba(255, 255, 255, 0.06);
  padding: 8px 16px 8px 8px;
  align-items: center;
  text-decoration: none;
  transition: all 0.3s ease;
}
.hero.new .feature_button_container a:hover .arrow {
  transform: translateX(8px);
}
.hero.new .feature_button_container a * {
  text-decoration: none;
}
.hero.new .feature_button_container a .arrow {
  transition: all 0.3s ease;
}
.hero.new .feature_button_container a .arrow img {
  filter: brightness(0) saturate(100%) invert(99%) sepia(3%) saturate(504%) hue-rotate(311deg) brightness(118%) contrast(100%);
  opacity: 0.4;
}
.hero.new .feature_button_container a .link_text {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.hero.new .feature_button_container a .icon_wrapper {
  display: flex;
  padding: 3px 6px;
  background-color: #fff;
  border-radius: 32px;
  gap: 4px;
  align-items: center;
  justify-content: center;
  color: #14151f;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
}
.hero.new .feature_button_container a .icon_wrapper img {
  width: 14px;
  height: 14px;
}
.hero.new .site-title {
  position: relative;
}
.hero.new .site-title .dropping-texts {
  display: inline-block;
  width: 180px;
  text-align: left;
  height: 60px;
  vertical-align: -2px;
}
.hero.new .site-title .dropping-texts > div {
  font-size: 0px;
  opacity: 0;
  margin-left: -30px;
  position: absolute;
  font-weight: 700;
}
.hero.new .site-title strong {
  font-weight: inherit;
}
.hero.new .site-title strong .wrap {
  display: inline-block;
  animation: typeFade 200ms ease;
}
.hero.new .site-title span.cursor {
  display: inline-block;
  margin-left: 2px;
  animation: cursor 1s infinite step-end;
  width: 4px;
  height: 60px;
  background-color: rgba(255, 255, 255, 0.9);
  transform: translateY(9px);
}
.hero .for-animation {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.hero:not(.without-shadow):not(.without-bottom-shadow) .for-animation::before, .hero:not(.without-shadow) .for-animation::after {
  position: absolute;
  content: "";
  left: 4%;
  right: 0;
  width: 720px;
  height: 180px;
  max-width: 100%;
  transform: translateX(-50%);
  background: linear-gradient(to bottom right, #5ccc81, #5ccc81, #7d81f1, #585df1, #3339f1, #585df1, #7d81f1, #5ccc81, #5ccc81);
  background-size: 200% 200%;
  animation: animateGlow 9s linear infinite;
  opacity: 0.3;
  filter: blur(97px);
  -webkit-backdrop-filter: blur(97px);
}
.hero:not(.without-shadow) .for-animation::before {
  width: 520px !important;
  right: -38% !important;
  left: unset !important;
  bottom: 5% !important;
  height: 180px !important;
}
.hero .text-container {
  margin: 0 auto;
  position: relative;
  z-index: 1;
  width: auto;
}
.hero .sub-title {
  font-weight: 500;
  color: rgba(0, 0, 0, 0.5) !important;
}
.hero .buttons {
  display: flex;
  justify-content: center;
  gap: 20px;
}
.hero.dark_blue {
  background-color: #14151f;
}
.hero.dark_blue * {
  color: #ffffff;
}
.hero.dark_blue .sub-title {
  color: rgba(255, 255, 255, 0.5) !important;
}
.hero.black {
  background-color: #000000;
}
.hero.black * {
  color: #ffffff;
}
.hero.black .sub-title {
  color: rgba(255, 255, 255, 0.5) !important;
}
.hero.grey {
  background-color: #f5f5f6;
}
.hero.left-align .text-container {
  text-align: left;
}
.hero.section-in-lps {
  background-color: #ffffff;
}
.hero.section-in-lps .for-animation {
  display: none;
}
.hero.section-in-lps.dark_blue > .container {
  background-color: #14151f;
}

@keyframes cursor {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes typeFade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
html .hero.fit-window {
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  min-height: calc(100vh - var(--hero-top, 0px));
  min-height: calc(100svh - var(--hero-top, 0px));
  padding: calc(var(--hero-header, 70px) + 24px) 0 24px;
}
html .hero.fit-window > .container {
  position: relative;
  z-index: 1;
  width: 100%;
}

.hero.home-composer .for-animation {
  --glow-top: calc(var(--hero-field-top, 60%) + 106px);
}
.hero.home-composer .for-animation::before {
  content: "";
  position: absolute;
  top: var(--glow-top);
  left: 50%;
  width: max(2200px, 153%);
  aspect-ratio: 2.5;
  border-radius: 50%;
  background: #1d24dc;
  filter: blur(84px);
  translate: -50% 0;
}
.hero.home-composer .for-animation::after {
  content: "";
  position: absolute;
  inset: 0;
  width: auto;
  height: auto;
  max-width: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='1.6 0 0 0 -.3 1.6 0 0 0 -.3 1.6 0 0 0 -.3 0 0 0 0 1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E") 0 0/110px 110px;
  mix-blend-mode: soft-light;
  filter: none;
  transform: none;
  animation: none;
}
.hero.home-composer.new .site-title {
  font-weight: 500;
}
.hero.home-composer .sub-title {
  margin: 0;
}

@keyframes hero-entrance-show {
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes hero-entrance-glow {
  to {
    opacity: 1;
    transform: none;
    filter: blur(84px);
  }
}
.hero.hero-entrance:not(.is-ready) .js-hero-title:not(.tr-split),
.hero.hero-entrance:not(.is-ready) .sub-title:not(.tr-split) {
  opacity: 0;
  animation: hero-entrance-show 0s 3s forwards;
}
.hero.hero-entrance .sub-title .tr-w,
.hero.hero-entrance .sub-title .tr-ch {
  color: inherit !important;
}
.hero.hero-entrance .hero-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.hero.hero-entrance .website-generator {
  opacity: 0;
  transform: translateY(14px);
  transition: transform 0.9s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.6s ease;
}
.hero.hero-entrance:not(.is-ready) .website-generator {
  animation: hero-entrance-show 0s 3s forwards;
}
.hero.hero-entrance:not(.is-glow) .for-animation::before {
  animation: hero-entrance-glow 0s 3s forwards;
}
.hero.hero-entrance:not(.is-glow) .for-animation::after {
  animation: hero-entrance-show 0s 3s forwards;
}
.hero.hero-entrance .website-generator {
  transition-delay: 0.25s;
}
.hero.hero-entrance.is-ready .website-generator {
  opacity: 1;
  transform: none;
}
.hero.hero-entrance .for-animation::before {
  opacity: 0;
  transform: translateY(28%);
  filter: blur(84px) saturate(0.25) brightness(1.5);
  transition: opacity 1.6s ease, transform 2.2s cubic-bezier(0.16, 1, 0.3, 1), filter 2.4s ease;
}
.hero.hero-entrance .for-animation::after {
  opacity: 0;
  transition: opacity 1.4s ease;
}
.hero.hero-entrance.is-glow .for-animation::before {
  opacity: 1;
  transform: none;
  filter: blur(84px);
}
.hero.hero-entrance.is-glow .for-animation::after {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .hero.hero-entrance .website-generator,
  .hero.hero-entrance .for-animation::before,
  .hero.hero-entrance .for-animation::after {
    transition: none;
  }
}


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/sections/common-hero/css/common-hero-1920.css */
@media screen and (min-width: 1261px) {
  .hero {
    padding: 148px 0 80px;
  }
  .hero.with-input {
    padding-top: 164px;
  }
  .hero.home {
    padding-bottom: 55px;
  }
  .hero .for-animation::after {
    height: 320px;
    top: 110px;
  }
  .hero.new .site-title {
    font-size: 56px;
    line-height: 72px;
    margin-bottom: 24px;
  }
  .hero.new .sub-title {
    font-weight: 400;
  }
  .hero .site-title {
    font-size: 52px;
    line-height: 68px;
  }
  .hero .text-container.with-description {
    width: 1012px;
  }
  .hero .sub-title {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 8px;
  }
  .hero .websites_created_container.black_bg {
    padding: 0;
    margin: 42px 0 80px;
  }
  .hero .text-container {
    width: 1012px;
  }
  .hero.without-input .site-title {
    font-size: 56px;
    line-height: 72px;
  }
  .hero.without-input .sub-title {
    font-size: 24px;
    line-height: 36px;
  }
  .hero.white-bg {
    padding-bottom: 152px;
  }
  .hero.trustpilot_bottom .website-generator {
    margin: 40px 0 66px;
  }
  .hero.trustpilot_bottom .cards .cards__sub-title {
    padding-bottom: 56px;
  }
  .hero.trustpilot_bottom .websites_created_container {
    padding: 0;
    margin: 56px 0 0;
  }
  .hero.section-in-lps.dark_blue > .container {
    padding: 64px 0;
    border-radius: 32px;
  }
  .hero.section-in-lps.dark_blue .website-generator {
    margin: 64px 0 0;
  }
  .short_lp .hero {
    padding: 100px 0 80px;
  }
  .short_lp .hero::after {
    top: 100px;
  }
  .short_lp .hero .site-title {
    font-size: 56px;
    line-height: 72px;
  }
  .short_lp .hero .sub-title {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 0;
  }
  .short_lp .hero .website-generator {
    margin: 32px 0;
  }
  .short_lp .hero .websites_created_container.black_bg {
    margin: 32px 0 80px;
  }
  .short_lp .hero .trustpilot_title {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1260px) and (min-width: 768px) {
  #primary .carousel_section {
    padding: 64px 0 0;
  }
}
@media screen and (min-width: 1261px) {
  .hero.home-composer.new .site-title {
    font-size: 40px;
    line-height: 52px;
    margin-bottom: 16px;
  }
  .hero.home-composer .sub-title {
    font-size: 20px;
    line-height: 30px;
  }
  html .hero.home-composer .website-generator.wg-composer {
    margin: 48px 0 0;
  }
}


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/sections/common-hero/css/common-hero-768.css */
@media screen and (max-width: 1260px) and (min-width: 768px) {
  .hero {
    padding: 132px 0 80px;
  }
  .hero.with-input {
    padding-top: 164px;
  }
  .hero.home {
    padding-bottom: 55px;
  }
  .hero .for-animation::after {
    height: 380px;
    top: 140px;
  }
  .hero.new .site-title {
    font-size: 56px;
    line-height: 72px;
    margin-bottom: 24px;
  }
  .hero.new .sub-title {
    font-weight: 400;
  }
  .hero .site-title {
    font-size: 52px;
    line-height: 68px;
    margin-bottom: 48px;
  }
  .hero .text-container.with-description .site-title {
    margin-bottom: 24px;
  }
  .hero .sub-title {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 8px;
  }
  .hero .website-generator {
    margin: 48px 0;
  }
  .hero .websites_created_container.black_bg {
    padding: 0;
    margin: 48px 0 80px;
  }
  .hero .title-slide-up {
    font-size: 64px;
    line-height: 80px;
  }
  .hero.without-input .site-title {
    font-size: 72px;
    line-height: 86px;
  }
  .hero.without-input .sub-title {
    font-size: 24px;
    line-height: 36px;
  }
  .hero.white-bg {
    padding-bottom: 96px;
  }
  .hero.trustpilot_bottom .website-generator {
    margin: 40px 0 66px;
  }
  .hero.trustpilot_bottom .cards .cards__sub-title {
    padding-bottom: 56px;
  }
  .hero.trustpilot_bottom .websites_created_container {
    padding: 0;
    margin: 56px 0 0;
  }
  .hero.section-in-lps.dark_blue > .container {
    padding: 56px 0;
    border-radius: 32px;
  }
  .hero.section-in-lps.dark_blue .website-generator {
    margin: 64px 0 0;
  }
  .short_lp .hero .site-title {
    font-size: 56px;
    line-height: 72px;
  }
}
@media screen and (max-width: 1260px) and (min-width: 768px) {
  .hero.home-composer.new .site-title {
    font-size: 40px;
    line-height: 52px;
    margin-bottom: 16px;
  }
  .hero.home-composer .sub-title {
    font-size: 20px;
    line-height: 30px;
  }
  html .hero.home-composer .website-generator.wg-composer {
    margin: 48px 0 0;
  }
}


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/sections/common-hero/css/common-hero-320.css */
@media screen and (max-width: 767px) {
  .hero {
    padding: 132px 0 64px;
  }
  .hero:not(.without-shadow) .for-animation::before {
    content: unset !important;
  }
  .hero:not(.without-shadow) .for-animation::after {
    left: 50%;
    top: 64%;
    right: 0;
    width: 954px;
    height: 150px;
    transform: translate(-50%, -30%);
  }
  .hero.dark_blue {
    padding-bottom: 12px;
  }
  .hero::after {
    height: 220px;
    top: 190px;
  }
  .hero .sub-title {
    margin-bottom: 4px;
  }
  .hero.new .site-title {
    margin-bottom: 20px;
  }
  .hero.new .site-title span.cursor {
    width: 4px;
    height: 40px !important;
  }
  .hero.new .sub-title {
    font-weight: 400;
  }
  .hero .site-title {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 20px;
  }
  .hero .website-generator {
    margin: 32px 0;
  }
  .hero .websites_created_container.black_bg {
    padding: 0;
    margin: 60px 0 48px;
  }
  .hero .buttons {
    flex-direction: column;
    margin-top: 32px;
  }
  .hero .buttons .button_container {
    margin-top: 0;
  }
  .hero .title-slide-up {
    font-size: 32px;
    line-height: 42px;
  }
  .hero .main-button {
    margin-top: 12px;
  }
  .hero.without-input .websites_created_container {
    margin: 32px 0 48px;
  }
  .hero.without-input .buttons {
    align-items: center;
  }
  .hero.without-input .site-title {
    font-size: 40px;
    line-height: 48px;
  }
  .hero.white-bg {
    padding-bottom: 72px;
  }
  .hero.trustpilot_bottom .website-generator {
    margin: 40px 0 44px;
  }
  .hero.trustpilot_bottom .cards .cards__sub-title {
    padding-bottom: 32px;
  }
  .hero.trustpilot_bottom .websites_created_container {
    padding: 0;
    margin: 32px 0 0;
  }
  .hero.section-in-lps.dark_blue > .container {
    padding: 32px 0 24px;
    border-radius: 16px;
  }
  .hero.section-in-lps.dark_blue .website-generator .container {
    min-width: 295px;
  }
  .short_lp .site_header .container {
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .hero.home-composer.new .site-title {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 8px;
  }
  .hero.home-composer .sub-title {
    font-size: 16px;
    line-height: 24px;
  }
  html .hero.home-composer .website-generator.wg-composer {
    margin: 32px 0 0;
  }
  html .hero.home-composer .website-generator.wg-composer > .container {
    width: 100%;
    max-width: none;
  }
}


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/sections/common-hero/css/common-hero-light.css */
@media (prefers-color-scheme: light) {
  .hero.dark_blue {
    background-color: #fff;
  }
  .hero.dark_blue .feature_button_container {
    text-align: center;
    margin-bottom: 24px;
  }
  .hero.dark_blue .feature_button_container a {
    box-shadow: 0 4px 8px 0 rgba(20, 21, 31, 0.1), 0 2px 4px 0 rgba(20, 21, 31, 0.06);
    border: 1px solid rgba(20, 21, 31, 0.12);
    background-color: #fff;
  }
  .hero.dark_blue .feature_button_container a * {
    text-decoration: none;
  }
  .hero.dark_blue .feature_button_container a .arrow img {
    filter: unset;
    opacity: 0.5;
  }
  .hero.dark_blue .feature_button_container a .link_text {
    color: #14151f;
  }
  .hero.dark_blue .feature_button_container a .icon_wrapper {
    background-color: #14151f;
    color: #fff !important;
  }
  .hero.dark_blue *:where(:not(.tr-ch)) {
    color: #14151f !important;
  }
  .hero.dark_blue .tr-ch {
    color: #14151f;
  }
  .hero.dark_blue .site-title span.cursor {
    background-color: #14151f;
    opacity: 0.9;
  }
  .hero.dark_blue .sub-title {
    color: rgba(20, 21, 31, 0.7) !important;
  }
}
.hero.only-light.dark_blue {
  background-color: #fff;
}
.hero.only-light.dark_blue .feature_button_container {
  text-align: center;
  margin-bottom: 24px;
}
.hero.only-light.dark_blue .feature_button_container a {
  box-shadow: 0 4px 8px 0 rgba(20, 21, 31, 0.1), 0 2px 4px 0 rgba(20, 21, 31, 0.06);
  border: 1px solid rgba(20, 21, 31, 0.12);
  background-color: #fff;
}
.hero.only-light.dark_blue .feature_button_container a * {
  text-decoration: none;
}
.hero.only-light.dark_blue .feature_button_container a .arrow img {
  filter: unset;
  opacity: 0.5;
}
.hero.only-light.dark_blue .feature_button_container a .link_text {
  color: #14151f;
}
.hero.only-light.dark_blue .feature_button_container a .icon_wrapper {
  background-color: #14151f;
  color: #fff !important;
}
.hero.only-light.dark_blue *:where(:not(.tr-ch)) {
  color: #14151f !important;
}
.hero.only-light.dark_blue .tr-ch {
  color: #14151f;
}
.hero.only-light.dark_blue .site-title span.cursor {
  background-color: #14151f;
  opacity: 0.9;
}
.hero.only-light.dark_blue .sub-title {
  color: rgba(20, 21, 31, 0.7) !important;
}


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/elements/title-reveal/css/title-reveal.css */
.tr-split .tr-w {
  display: inline-block;
  white-space: nowrap;
}
.tr-split .tr-ch {
  display: inline-block;
  will-change: opacity, filter, color;
}
.tr-split:not(.is-in) .tr-ch {
  opacity: 0;
}
.tr-split.is-in .tr-ch {
  animation: title-reveal-in 0.95s cubic-bezier(0.22, 1, 0.36, 1) both;
  animation-delay: calc(var(--i) * 26ms);
}
.tr-split.is-in .tr-ch.is-out {
  animation: title-reveal-out 0.5s cubic-bezier(0.55, 0, 0.75, 0) both;
  animation-delay: calc(var(--i) * 26ms);
}

@keyframes title-reveal-in {
  0% {
    opacity: 0;
    filter: blur(8px);
    color: var(--c);
    transform: translateX(-2px);
  }
  35% {
    opacity: 1;
    filter: blur(0);
    color: var(--c);
    transform: none;
  }
}
@keyframes title-reveal-out {
  0% {
    opacity: 1;
    filter: blur(0);
    transform: none;
  }
  35% {
    color: var(--c);
  }
  100% {
    opacity: 0;
    filter: blur(8px);
    color: var(--c);
    transform: translateX(2px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .tr-split .tr-ch,
  .tr-split:not(.is-in) .tr-ch {
    opacity: 1;
  }
  .tr-split.is-in .tr-ch {
    animation: none;
  }
}


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/elements/website-generator-textarea/css/composer.css */
@property --wgc-angle {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}
@keyframes wgc-spin {
  to {
    --wgc-angle: 360deg;
  }
}
@keyframes wgc-rotate {
  to {
    transform: rotate(360deg);
  }
}
@keyframes wgc-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
@keyframes wgc-blink {
  50% {
    opacity: 0;
  }
}
@keyframes wgc-fade-in {
  from {
    opacity: 0;
  }
}
@keyframes wgc-hop {
  0% {
    transform: translateX(0);
  }
  35% {
    transform: translateX(2px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes wgc-pop {
  40% {
    transform: scale(1.15);
  }
}
@keyframes wgc-shake {
  25% {
    transform: translateX(-5px);
  }
  75% {
    transform: translateX(5px);
  }
}
@keyframes wgc-pulse {
  50% {
    opacity: 0.3;
  }
}
html .website-generator.wg-composer {
  font-family: "Evergrow Sans", sans-serif;
  color: #14151f !important;
  text-align: left;
}
html .website-generator.wg-composer .website-generator-container {
  width: 600px;
  max-width: 100%;
  margin: 0 auto;
}
html .website-generator.wg-composer button {
  font: inherit;
  color: inherit !important;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
  appearance: none;
}
html .website-generator.wg-composer .wg-composer__content {
  position: relative;
  z-index: 10;
}
html .website-generator.wg-composer .wg-composer__content * {
  color: inherit !important;
}
html .website-generator.wg-composer .wg-composer__field {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  background: #fff;
  border: 4px solid rgba(51, 57, 241, 0.16);
  border-radius: 24px;
  transition: box-shadow 0.3s ease, border-color 0.2s ease;
}
html .website-generator.wg-composer .wg-composer__content.focus .wg-composer__field,
html .website-generator.wg-composer .wg-composer__field.has-attachments {
  box-shadow: 0 4px 8px 0 rgba(20, 21, 31, 0.1), 0 2px 4px 0 rgba(20, 21, 31, 0.06);
}
html .website-generator.wg-composer .wg-composer__content.focus .wg-composer__field,
html .website-generator.wg-composer .wg-composer__field:has(.website-generator-editor:focus) {
  padding: 19px;
  border-width: 1px;
  border-color: rgba(20, 21, 31, 0.12);
  box-shadow: 0 4px 8px 0 rgba(20, 21, 31, 0.1), 0 2px 4px 0 rgba(20, 21, 31, 0.06);
}
html .website-generator.wg-composer .wg-composer__streak {
  position: absolute;
  inset: -4px;
  padding: 4px;
  border-radius: 24px;
  pointer-events: none;
  opacity: 0.4;
  transition: opacity 0.5s;
  background: conic-gradient(from var(--wgc-angle), #3339f1, rgba(51, 57, 241, 0.55), rgba(51, 57, 241, 0.2), rgba(51, 57, 241, 0.6), #3339f1, rgba(51, 57, 241, 0.5), rgba(51, 57, 241, 0.15), #3339f1);
  animation: wgc-spin 5s linear infinite;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
}
html .website-generator.wg-composer .wg-composer__field:hover .wg-composer__streak {
  opacity: 0.6;
}
html .website-generator.wg-composer .wg-composer__content.focus .wg-composer__streak {
  opacity: 0;
  transition-duration: 0.25s;
}
html .website-generator.wg-composer .wg-composer__attachments {
  display: grid;
  grid-template-rows: 0fr;
  margin-bottom: -12px;
  transition: grid-template-rows 0.45s cubic-bezier(0.22, 1, 0.36, 1), margin-bottom 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
html .website-generator.wg-composer .wg-composer__attachments.has {
  grid-template-rows: 1fr;
  margin-bottom: 0;
}
html .website-generator.wg-composer .wg-composer__att-row {
  display: flex;
  gap: 8px;
  min-height: 0;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  scroll-behavior: smooth;
}
html .website-generator.wg-composer .wg-composer__att-row::-webkit-scrollbar {
  display: none;
}
html .website-generator.wg-composer .wg-composer__att-row.fl {
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 36px);
  mask-image: linear-gradient(90deg, transparent, #000 36px);
}
html .website-generator.wg-composer .wg-composer__att-row.fr {
  -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 36px), transparent);
  mask-image: linear-gradient(90deg, #000 calc(100% - 36px), transparent);
}
html .website-generator.wg-composer .wg-composer__att-row.fl.fr {
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 36px, #000 calc(100% - 36px), transparent);
  mask-image: linear-gradient(90deg, transparent, #000 36px, #000 calc(100% - 36px), transparent);
}
html .website-generator.wg-composer .wg-composer__chips,
html .website-generator.wg-composer .figma-input-holder,
html .website-generator.wg-composer .figma-preview-container {
  display: contents;
}
html .website-generator.wg-composer .wg-chip {
  position: relative;
  flex: none;
  display: flex;
  align-items: center;
  gap: 6px;
  width: 164px;
  padding: 8px;
  border-radius: 12px;
  background: #f8f8f9;
  animation: wgc-fade-in 0.3s ease both;
  box-sizing: border-box;
  transition: background 0.15s;
}
html .website-generator.wg-composer .wg-chip:hover {
  background: #f0f0f1;
}
html .website-generator.wg-composer .wg-chip:hover .wg-chip__remove, html .website-generator.wg-composer .wg-chip:focus-within .wg-chip__remove {
  opacity: 1;
  transform: scale(1);
}
html .website-generator.wg-composer .wg-chip.is-previewable {
  cursor: pointer;
}
html .website-generator.wg-composer .wg-chip.is-previewable:focus-visible {
  outline: 2px solid #3339f1;
  outline-offset: 1px;
}
html .website-generator.wg-composer .wg-chip__media {
  position: relative;
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  background: #fff;
  border: 1px solid rgba(20, 21, 31, 0.12);
  border-radius: 8px;
  box-sizing: border-box;
  color: #14151f !important;
}
html .website-generator.wg-composer .wg-chip__media svg {
  display: block;
  width: 16px;
  height: 16px;
  flex: none;
}
html .website-generator.wg-composer .wg-chip__media img {
  width: 16px;
  height: 16px;
  object-fit: contain;
}
html .website-generator.wg-composer .wg-chip__text {
  display: flex;
  flex-direction: column;
  flex: none;
  width: 90px;
  min-width: 0;
}
html .website-generator.wg-composer .wg-chip__name,
html .website-generator.wg-composer .wg-chip__text input {
  font-size: 12px;
  line-height: 16px;
  color: #14151f !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html .website-generator.wg-composer .wg-chip__desc {
  font-size: 10px;
  line-height: 14px;
  color: rgba(20, 21, 31, 0.5) !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html .website-generator.wg-composer .wg-chip__remove,
html .website-generator.wg-composer .prompt-image-preview__remove {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 1;
  display: block;
  width: 14px;
  height: 14px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' overflow='visible' width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cg id='Layer 1'%3E %3Crect id='Circle' x='0.910156' y='0.91' width='12.17' height='12.17' rx='6.085' fill='white'/%3E %3Cpath id='Path 171943' fill-rule='evenodd' clip-rule='evenodd' d='M6.99321 0.914063C3.63148 0.914063 0.90625 3.63928 0.90625 7.00102C0.90625 10.3628 3.63147 13.088 6.99321 13.088C10.3549 13.088 13.0802 10.3628 13.0802 7.00102C13.0802 3.63928 10.3549 0.914062 6.9932 0.914062L6.99321 0.914063ZM9.24736 8.69414C9.3989 8.85005 9.3989 9.09823 9.24736 9.25414C9.17307 9.32831 9.07234 9.36992 8.96736 9.36979C8.86197 9.37204 8.76045 9.33011 8.68736 9.25415L6.9891 7.55589L5.29084 9.25415C5.21776 9.33011 5.11623 9.37204 5.01084 9.36979C4.90586 9.36992 4.80513 9.32831 4.73084 9.25415C4.5793 9.09824 4.5793 8.85006 4.73084 8.69415L6.4291 6.99589L4.73084 5.30371C4.5793 5.1478 4.5793 4.89962 4.73084 4.74371C4.80423 4.66783 4.90527 4.625 5.01084 4.625C5.11641 4.625 5.21745 4.66784 5.29084 4.74371L6.9891 6.43589L8.68736 4.74371C8.76075 4.66783 8.8618 4.625 8.96736 4.625C9.07293 4.625 9.17397 4.66784 9.24736 4.74371C9.3989 4.89962 9.3989 5.1478 9.24736 5.30371L7.5491 6.99589L9.24736 8.69414Z' fill='%2314151F'/%3E %3Cg id='Rectangle 53685'%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat center/14px 14px;
  opacity: 0;
  transform: scale(0.6);
  transition: opacity 0.2s, transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  cursor: pointer;
}
html .website-generator.wg-composer .wg-chip__remove > *,
html .website-generator.wg-composer .prompt-image-preview__remove > * {
  display: none;
}
html .website-generator.wg-composer .wg-chip__remove::before,
html .website-generator.wg-composer .prompt-image-preview__remove::before {
  content: "";
  position: absolute;
  inset: -5px;
}
html .website-generator.wg-composer .wg-chip__remove:focus-visible,
html .website-generator.wg-composer .prompt-image-preview__remove:focus-visible {
  outline: 2px solid #3339f1;
  outline-offset: 1px;
}
@media (hover: hover) {
  html .website-generator.wg-composer .wg-chip:hover .wg-chip__remove:hover,
  html .website-generator.wg-composer .prompt-image-preview:hover .prompt-image-preview__remove:hover {
    opacity: 0.7;
  }
}
@media (hover: none) {
  html .website-generator.wg-composer .wg-chip__remove,
  html .website-generator.wg-composer .prompt-image-preview__remove {
    opacity: 1;
    transform: none;
  }
}
html .website-generator.wg-composer .wg-chip--figma .wg-chip__text input {
  width: 100%;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  box-shadow: none;
  font-family: inherit;
}
html .website-generator.wg-composer .wg-chip--figma .wg-chip__text input::placeholder {
  color: rgba(20, 21, 31, 0.5) !important;
}
html .website-generator.wg-composer .wg-chip--figma .wg-chip__desc--loading {
  display: none;
}
html .website-generator.wg-composer .wg-chip--figma .figma-input-holder.loading .wg-chip__desc--idle {
  display: none;
}
html .website-generator.wg-composer .wg-chip--figma .figma-input-holder.loading .wg-chip__desc--loading {
  display: block;
}
html .website-generator.wg-composer .wg-chip--figma .figma-input-holder.loading .wg-chip__media svg {
  animation: wgc-pulse 1.3s ease-in-out infinite;
}
html .website-generator.wg-composer .wg-fav {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
}
html .website-generator.wg-composer .wg-fav .wg-fav__img {
  position: absolute;
  inset: 0;
  background: #fff;
  opacity: 0;
  transition: opacity 0.25s;
}
html .website-generator.wg-composer .wg-fav .wg-fav__img.ok {
  opacity: 1;
}
html .website-generator.wg-composer .wg-letter {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background: rgba(20, 21, 31, 0.06);
  color: rgba(20, 21, 31, 0.7) !important;
  font-size: 10px;
  line-height: 1;
  font-weight: 500;
  text-transform: uppercase;
}
html .website-generator.wg-composer .prompt-images-container {
  display: contents;
}
html .website-generator.wg-composer .prompt-image-preview {
  position: relative;
  flex: none;
  width: 46px;
  height: 46px;
  border: 1px solid rgba(20, 21, 31, 0.12);
  border-radius: 8px;
  background-position: center;
  background-size: cover;
  box-sizing: border-box;
  animation: wgc-fade-in 0.3s ease both;
  cursor: pointer;
}
html .website-generator.wg-composer .prompt-image-preview .overlay {
  position: absolute;
  inset: -1px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: rgba(20, 21, 31, 0.3);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.15s;
}
html .website-generator.wg-composer .prompt-image-preview .loader {
  display: none;
  width: 12px;
  height: 12px;
  background: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' overflow='visible' width='11.922' height='11.922' viewBox='0 0 11.922 11.922' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cg id='Vector'%3E %3Cpath id='Vector_2' d='M11.0047 6.87824C11.5113 6.87824 11.922 6.46758 11.922 5.96099C11.922 5.45441 11.5113 5.04374 11.0047 5.04374C10.4981 5.04374 10.0875 5.45441 10.0875 5.96099C10.0875 6.46758 10.4981 6.87824 11.0047 6.87824Z' fill='white'/%3E %3Cpath id='Vector_3' d='M0.91725 6.87824C1.42383 6.87824 1.8345 6.46758 1.8345 5.96099C1.8345 5.45441 1.42383 5.04374 0.91725 5.04374C0.410667 5.04374 0 5.45441 0 5.96099C0 6.46758 0.410667 6.87824 0.91725 6.87824Z' fill='white' fill-opacity='0.4'/%3E %3Cpath id='Vector_4' d='M5.96107 11.922C6.46766 11.922 6.87832 11.5113 6.87832 11.0047C6.87832 10.4982 6.46766 10.0875 5.96107 10.0875C5.45449 10.0875 5.04382 10.4982 5.04382 11.0047C5.04382 11.5113 5.45449 11.922 5.96107 11.922Z' fill='white' fill-opacity='0.4'/%3E %3Cpath id='Vector_5' d='M5.96107 1.8345C6.46766 1.8345 6.87832 1.42383 6.87832 0.91725C6.87832 0.410667 6.46766 0 5.96107 0C5.45449 0 5.04382 0.410667 5.04382 0.91725C5.04382 1.42383 5.45449 1.8345 5.96107 1.8345Z' fill='white' fill-opacity='0.4'/%3E %3Cpath id='Vector_6' d='M3.06122 10.188C3.41792 9.82826 3.41548 9.24749 3.05577 8.89079C2.69606 8.53409 2.11529 8.53654 1.75859 8.89625C1.40189 9.25596 1.40434 9.83673 1.76405 10.1934C2.12376 10.5501 2.70453 10.5477 3.06122 10.188Z' fill='white' fill-opacity='0.4'/%3E %3Cpath id='Vector_7' d='M10.1635 3.02562C10.5202 2.6659 10.5178 2.08514 10.1581 1.72844C9.79835 1.37174 9.21759 1.37418 8.86089 1.7339C8.50419 2.09361 8.50663 2.67437 8.86634 3.03107C9.22605 3.38777 9.80682 3.38533 10.1635 3.02562Z' fill='white' fill-opacity='0.4'/%3E %3Cpath id='Vector_8' d='M3.03119 3.0556C3.38789 2.69589 3.38545 2.11512 3.02574 1.75842C2.66603 1.40172 2.08526 1.40417 1.72856 1.76388C1.37186 2.12359 1.37431 2.70436 1.73402 3.06106C2.09373 3.41775 2.6745 3.41531 3.03119 3.0556Z' fill='white' fill-opacity='0.4'/%3E %3Cpath id='Vector_9' d='M10.1935 10.158C10.5502 9.79827 10.5478 9.21751 10.1881 8.86081C9.82838 8.50411 9.24761 8.50655 8.89092 8.86627C8.53422 9.22598 8.53666 9.80674 8.89637 10.1634C9.25608 10.5201 9.83685 10.5177 10.1935 10.158Z' fill='white' fill-opacity='0.4'/%3E %3C/g%3E %3C/svg%3E") no-repeat center/11.922px 11.922px;
  animation: wgc-rotate 0.8s steps(8) infinite;
}
html .website-generator.wg-composer .prompt-image-preview .prompt-image-preview__retry {
  display: none;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
}
html .website-generator.wg-composer .prompt-image-preview .prompt-image-preview__retry svg {
  display: block;
  width: 16px;
  height: 16px;
  flex: none;
}
html .website-generator.wg-composer .prompt-image-preview.uploading .overlay, html .website-generator.wg-composer .prompt-image-preview.upload-failed .overlay {
  opacity: 1;
  visibility: visible;
}
html .website-generator.wg-composer .prompt-image-preview.uploading .overlay {
  background: rgba(20, 21, 31, 0.5);
}
html .website-generator.wg-composer .prompt-image-preview.uploading .loader {
  display: block;
}
html .website-generator.wg-composer .prompt-image-preview.upload-failed .prompt-image-preview__retry {
  display: flex;
}
html .website-generator.wg-composer .prompt-image-preview:not(.has-info) .prompt-image-preview__remove {
  top: 1px;
  right: 1px;
}
html .website-generator.wg-composer .prompt-image-preview:not(.has-info):hover .overlay {
  opacity: 1;
  visibility: visible;
}
html .website-generator.wg-composer .prompt-image-preview:hover .prompt-image-preview__remove, html .website-generator.wg-composer .prompt-image-preview:focus-within .prompt-image-preview__remove {
  opacity: 1;
  transform: scale(1);
}
html .website-generator.wg-composer .prompt-image-preview__thumb,
html .website-generator.wg-composer .prompt-image-preview__info {
  display: none;
}
html .website-generator.wg-composer .prompt-image-preview.has-info {
  display: flex;
  align-items: center;
  gap: 6px;
  width: 164px;
  height: 46px;
  padding: 8px;
  border: 0;
  border-radius: 12px;
  background: #f8f8f9 !important;
  transition: background 0.15s;
  cursor: pointer;
}
html .website-generator.wg-composer .prompt-image-preview.has-info:hover {
  background: #f0f0f1 !important;
}
html .website-generator.wg-composer .prompt-image-preview.has-info .prompt-image-preview__thumb {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 30px;
  height: 30px;
  border: 1px solid rgba(20, 21, 31, 0.12);
  border-radius: 8px;
  background-color: #fff;
  background-position: center;
  background-size: cover;
  box-sizing: border-box;
}
html .website-generator.wg-composer .prompt-image-preview.has-info .prompt-image-preview__info {
  display: flex;
  flex-direction: column;
  flex: none;
  width: 90px;
  min-width: 0;
}
html .website-generator.wg-composer .prompt-image-preview.has-info .prompt-image-preview__name,
html .website-generator.wg-composer .prompt-image-preview.has-info .prompt-image-preview__label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
html .website-generator.wg-composer .prompt-image-preview.has-info .prompt-image-preview__name {
  font-size: 12px;
  line-height: 16px;
  color: #14151f !important;
}
html .website-generator.wg-composer .prompt-image-preview.has-info .prompt-image-preview__label {
  font-size: 10px;
  line-height: 14px;
  color: rgba(20, 21, 31, 0.5) !important;
}
html .website-generator.wg-composer .prompt-image-preview.has-info .overlay {
  inset: 8px auto auto 8px;
  width: 30px;
  height: 30px;
}
html .website-generator.wg-composer .prompt-image-preview.is-file {
  cursor: pointer;
}
html .website-generator.wg-composer .prompt-image-preview.is-file .prompt-image-preview__ext {
  font-size: 10px;
  line-height: 10px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: rgba(20, 21, 31, 0.7) !important;
}
html .website-generator.wg-composer .inputs-container {
  position: relative;
}
html .website-generator.wg-composer .website-generator-editor {
  position: relative;
  z-index: 1;
  min-height: 80px;
  max-height: 160px;
  overflow-y: auto;
  outline: 0;
  font-size: 16px;
  line-height: 24px;
  color: #14151f !important;
  white-space: pre-wrap;
  word-break: break-word;
  overflow-wrap: anywhere;
  caret-color: #14151f;
  cursor: text;
}
html .website-generator.wg-composer .website-generator-editor[contenteditable=false] {
  cursor: default;
}
html .website-generator.wg-composer .website-generator-editor br {
  display: block;
}
html .website-generator.wg-composer .website-generator-editor p {
  margin: 0;
}
html .website-generator.wg-composer .website-generator-editor h1,
html .website-generator.wg-composer .website-generator-editor h2,
html .website-generator.wg-composer .website-generator-editor h3,
html .website-generator.wg-composer .website-generator-editor h4,
html .website-generator.wg-composer .website-generator-editor h5,
html .website-generator.wg-composer .website-generator-editor h6 {
  margin: 0;
  padding: 0;
  font-weight: 600;
  line-height: 1.35;
  color: inherit;
}
html .website-generator.wg-composer .website-generator-editor h1 {
  font-size: 22px;
}
html .website-generator.wg-composer .website-generator-editor h2 {
  font-size: 19px;
}
html .website-generator.wg-composer .website-generator-editor h3 {
  font-size: 17px;
}
html .website-generator.wg-composer .website-generator-editor h4,
html .website-generator.wg-composer .website-generator-editor h5,
html .website-generator.wg-composer .website-generator-editor h6 {
  font-size: 16px;
}
html .website-generator.wg-composer .website-generator-editor h5,
html .website-generator.wg-composer .website-generator-editor h6 {
  opacity: 0.85;
}
html .website-generator.wg-composer .website-generator-editor strong,
html .website-generator.wg-composer .website-generator-editor b {
  font-weight: 600;
}
html .website-generator.wg-composer .website-generator-editor em,
html .website-generator.wg-composer .website-generator-editor i {
  font-style: italic;
}
html .website-generator.wg-composer .website-generator-editor s,
html .website-generator.wg-composer .website-generator-editor strike,
html .website-generator.wg-composer .website-generator-editor del {
  text-decoration: line-through;
}
html .website-generator.wg-composer .website-generator-editor ul,
html .website-generator.wg-composer .website-generator-editor ol {
  margin: 0;
  padding-left: 22px;
  list-style-position: outside;
}
html .website-generator.wg-composer .website-generator-editor ul {
  list-style-type: disc;
}
html .website-generator.wg-composer .website-generator-editor ul ul {
  list-style-type: circle;
}
html .website-generator.wg-composer .website-generator-editor ul ul ul {
  list-style-type: square;
}
html .website-generator.wg-composer .website-generator-editor ol {
  list-style-type: decimal;
}
html .website-generator.wg-composer .website-generator-editor ol > li::marker {
  font-weight: 600;
}
html .website-generator.wg-composer .website-generator-editor ol ol {
  list-style-type: lower-alpha;
}
html .website-generator.wg-composer .website-generator-editor ol ol ol {
  list-style-type: lower-roman;
}
html .website-generator.wg-composer .website-generator-editor li {
  margin: 0;
  padding: 0;
}
html .website-generator.wg-composer .website-generator-editor li > ul,
html .website-generator.wg-composer .website-generator-editor li > ol,
html .website-generator.wg-composer .website-generator-editor ul > ul,
html .website-generator.wg-composer .website-generator-editor ul > ol,
html .website-generator.wg-composer .website-generator-editor ol > ul,
html .website-generator.wg-composer .website-generator-editor ol > ol {
  padding-left: 18px;
}
html .website-generator.wg-composer .website-generator-editor a {
  color: #3339f1 !important;
}
html .website-generator.wg-composer .website-generator-editor a.wg-link {
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: text;
}
html .website-generator.wg-composer .website-generator-editor .wg-link-chip {
  position: relative;
  display: inline-block;
}
html .website-generator.wg-composer .website-generator-editor .wg-link-chip img {
  width: 14px;
  height: 14px;
  margin: 0 2px;
  border: 0;
  border-radius: 0;
}
html .website-generator.wg-composer .website-generator-editor.is-empty::before {
  content: attr(data-placeholder);
  position: absolute;
  color: rgba(20, 21, 31, 0.5) !important;
  pointer-events: none;
  display: none;
}
html .website-generator.wg-composer .wg-composer__placeholder {
  position: absolute;
  inset: 0 0 auto;
  height: 24px;
  overflow: hidden;
  font-size: 16px;
  line-height: 24px;
  color: rgba(20, 21, 31, 0.5) !important;
  white-space: nowrap;
  pointer-events: none;
}
html .website-generator.wg-composer .wg-ph {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  will-change: transform, opacity;
  transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1), filter 0.7s ease;
}
html .website-generator.wg-composer .wg-ph.is-in {
  opacity: 0;
  filter: blur(2px);
  transform: translateY(55%);
}
html .website-generator.wg-composer .wg-ph.is-out {
  opacity: 0;
  filter: blur(2px);
  transform: translateY(-55%);
}
html .website-generator.wg-composer .inputs-container:has(.website-generator-editor:not(.is-empty)) .wg-composer__placeholder {
  display: none;
}
html .website-generator.wg-composer .wg-composer__bar {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 40px;
}
html .website-generator.wg-composer .website-generator-footer-tooltip {
  display: none;
  position: absolute;
  bottom: calc(100% + 8px);
  z-index: 5;
  padding: 6px 8px;
  border-radius: 6px;
  background: #14151f;
  color: #fff !important;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
html .website-generator.wg-composer .prompt_btn_upload,
html .website-generator.wg-composer .prompt_btn_figma {
  display: none !important;
}
html .website-generator.wg-composer .wg-composer__pills {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
html .website-generator.wg-composer .wg-composer__pill {
  display: flex;
  flex: none;
  align-items: center;
  gap: 8px;
  height: 40px;
  border: 1px solid rgba(20, 21, 31, 0.12);
  border-radius: 32px;
  background: #fff;
  box-sizing: border-box;
  white-space: nowrap;
  transition: background 0.2s;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
html .website-generator.wg-composer .wg-composer__pill:hover, html .website-generator.wg-composer .wg-composer__pill.is-on {
  background: rgba(20, 21, 31, 0.08);
}
html .website-generator.wg-composer .wg-composer__files {
  padding: 0 16px 0 12px;
}
html .website-generator.wg-composer .wg-composer__files svg {
  display: block;
  width: 16px;
  height: 16px;
  flex: none;
}
html .website-generator.wg-composer .wg-composer__start {
  position: relative;
  min-width: 0;
  padding: 4px 4px 4px 12px;
}
html .website-generator.wg-composer .wg-composer__start::after {
  content: attr(data-tip);
  position: absolute;
  left: 50%;
  bottom: calc(100% + 10px);
  z-index: 30;
  padding: 6px 8px;
  border-radius: 6px;
  background: #14151f;
  color: #fff !important;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, 4px);
  transition: opacity 0.15s, transform 0.2s cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: 0s;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
html .website-generator.wg-composer .wg-composer__start:hover::after {
  opacity: 1;
  transform: translate(-50%, 0);
  transition-delay: 0.6s;
}
html .website-generator.wg-composer .wg-composer__start.is-on::after {
  opacity: 0 !important;
  transition-delay: 0s !important;
}
html .website-generator.wg-composer .wg-composer__start:active .wg-composer__stack {
  transform: scale(0.97);
}
html .website-generator.wg-composer .wg-composer__start[hidden] {
  display: none;
}
html .website-generator.wg-composer .wg-composer__stack {
  display: flex;
  transition: transform 0.2s;
}
html .website-generator.wg-composer .wg-stack__item {
  position: relative;
  display: block;
  width: 32px;
  height: 32px;
  margin-left: -10px;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(20, 21, 31, 0.12);
  border-radius: 32px;
  box-sizing: border-box;
  transition: margin 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}
html .website-generator.wg-composer .wg-stack__item:first-child {
  margin-left: 0;
}
html .website-generator.wg-composer .wg-stack__item.hop {
  animation: wgc-hop 0.75s cubic-bezier(0.3, 0, 0.3, 1) both;
}
html .website-generator.wg-composer .wg-composer__start:hover .wg-stack__item,
html .website-generator.wg-composer .wg-composer__start.is-on .wg-stack__item {
  margin-left: -6px;
}
html .website-generator.wg-composer .wg-composer__start:hover .wg-stack__item:first-child,
html .website-generator.wg-composer .wg-composer__start.is-on .wg-stack__item:first-child {
  margin-left: 0;
}
html .website-generator.wg-composer .wg-stack__icon {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.6s ease, filter 0.6s ease, transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
html .website-generator.wg-composer .wg-stack__icon svg {
  display: block;
  width: 16px;
  height: 16px;
  flex: none;
}
html .website-generator.wg-composer .wg-stack__icon img {
  width: 16px;
  height: 16px;
}
html .website-generator.wg-composer .wg-stack__icon.out {
  opacity: 0;
  filter: blur(3px);
  transform: translateX(9px);
}
html .website-generator.wg-composer .wg-stack__icon.in {
  opacity: 0;
  filter: blur(3px);
  transform: translateX(-9px);
}
html .website-generator.wg-composer .wg-composer__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}
html .website-generator.wg-composer .wg-composer__icon-btn,
html .website-generator.wg-composer .wg-composer__send-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 40px;
  height: 40px;
  border-radius: 32px;
  box-sizing: border-box;
  text-decoration: none;
  transition: background 0.2s, transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s, opacity 0.2s;
}
html .website-generator.wg-composer .wg-composer__icon-btn svg,
html .website-generator.wg-composer .wg-composer__send-btn svg {
  display: block;
  width: 16px;
  height: 16px;
  flex: none;
}
html .website-generator.wg-composer .wg-composer__icon-btn .tooltip-holder,
html .website-generator.wg-composer .wg-composer__send-btn .tooltip-holder {
  display: flex;
  align-items: center;
  justify-content: center;
}
html .website-generator.wg-composer .wg-composer__icon-btn {
  background: #fff;
  border: 1px solid rgba(20, 21, 31, 0.12);
  color: #14151f !important;
}
html .website-generator.wg-composer .wg-composer__icon-btn:hover {
  background: #f8f8f9;
}
html .website-generator.wg-composer .wg-composer__icon-btn:active {
  transform: scale(0.94);
}
html .website-generator.wg-composer .wg-composer__icon-btn.disabled {
  opacity: 0.5;
  pointer-events: none;
}
html .website-generator.wg-composer .prompt_btn_voice .prompt_tooltip {
  position: absolute;
  right: 0;
  bottom: calc(100% + 8px);
  z-index: 5;
  display: flex;
  gap: 4px;
  padding: 6px 8px;
  border-radius: 6px;
  background: #14151f;
  color: #fff !important;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.15s;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
html .website-generator.wg-composer .prompt_btn_voice .prompt_tooltip img {
  filter: invert(1);
}
html .website-generator.wg-composer .prompt_btn_voice:hover .prompt_tooltip,
html .website-generator.wg-composer .prompt_btn_voice .prompt_tooltip.has_img {
  opacity: 1;
  visibility: visible;
}
html .website-generator.wg-composer .wg-composer__send-btn {
  background: rgba(51, 57, 241, 0.5);
  color: rgba(255, 255, 255, 0.4) !important;
  cursor: default;
}
html .website-generator.wg-composer .wg-composer__send-btn .loading-circular-spinner {
  display: none;
}
html .website-generator.wg-composer .wg-composer__send-btn.generate {
  background: #3339f1;
  color: #fff !important;
  cursor: pointer;
  box-shadow: 0 6px 16px -6px rgba(51, 57, 241, 0.7);
}
html .website-generator.wg-composer .wg-composer__send-btn.generate:hover {
  transform: scale(1.06);
}
html .website-generator.wg-composer .wg-composer__send-btn.pop {
  animation: wgc-pop 0.45s cubic-bezier(0.34, 1.56, 0.64, 1);
}
html .website-generator.wg-composer .wg-composer__send-btn.loading {
  pointer-events: none;
}
html .website-generator.wg-composer .wg-composer__send-btn.loading > svg {
  display: none;
}
html .website-generator.wg-composer .wg-composer__send-btn.loading .loading-circular-spinner {
  display: block;
  width: 20px;
  height: 20px;
}
html .website-generator.wg-composer .wg-composer__send-btn .circular {
  width: 100%;
  height: 100%;
  animation: wgc-rotate 2s linear infinite;
}
html .website-generator.wg-composer .wg-composer__send-btn .path {
  stroke: #fff;
  stroke-linecap: round;
  animation: wgc-dash 1.5s ease-in-out infinite;
}
html .website-generator.wg-composer .voice_recorder {
  display: none;
}
html .website-generator.wg-composer .voice_recorder:not(.wg-composer__voice-controls) {
  flex: 1;
  min-width: 0;
  align-items: center;
  gap: 8px;
}
html .website-generator.wg-composer .timer {
  display: flex;
  align-items: center;
  gap: 4px;
  flex: none;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
html .website-generator.wg-composer .timer .indicator {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #d41125;
}
html .website-generator.wg-composer .timer .indicator.is-live {
  animation: wgc-pulse 1.3s ease-in-out infinite;
}
html .website-generator.wg-composer .wave {
  flex: 1;
  min-width: 0;
  height: 28px;
  overflow: hidden;
}
html .website-generator.wg-composer .wave canvas {
  display: block;
  width: 100% !important;
  height: 28px !important;
}
html .website-generator.wg-composer .controls {
  display: flex;
  align-items: center;
  gap: 8px;
}
html .website-generator.wg-composer .save {
  background: #3339f1;
  color: #fff !important;
  cursor: pointer;
}
html .website-generator.wg-composer .save.loading {
  background: rgba(51, 57, 241, 0.5);
}
html .website-generator.wg-composer .save.loading svg {
  display: none;
}
html .website-generator.wg-composer .save .loader {
  display: block;
  width: 16px;
  height: 16px;
  border: 2px solid rgba(255, 255, 255, 0.35);
  border-top-color: #fff;
  border-radius: 50%;
  box-sizing: border-box;
  animation: wgc-rotate 0.8s linear infinite;
}
html .website-generator.wg-composer .wg-composer__content.audio-recorder .wg-composer__pills,
html .website-generator.wg-composer .wg-composer__content.audio-recorder .prompt_btn_voice,
html .website-generator.wg-composer .wg-composer__content.audio-recorder .website-generator-button {
  display: none;
}
html .website-generator.wg-composer .wg-composer__content.audio-recorder .voice_recorder {
  display: flex;
  animation: wgc-fade-in 0.25s cubic-bezier(0.22, 1, 0.36, 1);
}
html .website-generator.wg-composer .wg-composer__content.audio-recorder .wg-composer__placeholder {
  display: none;
}
html .website-generator.wg-composer .wg-composer__content.audio-recorder .website-generator-editor.is-empty::before {
  display: block;
}
html .website-generator.wg-composer .wg-composer__content.figma .wg-composer__pill {
  opacity: 0.5;
  pointer-events: none;
}
html .website-generator.wg-composer .wg-composer__menu {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(20, 21, 31, 0.12);
  border-radius: 12px;
  box-shadow: 0 4px 8px 0 rgba(20, 21, 31, 0.1), 0 2px 4px 0 rgba(20, 21, 31, 0.06);
  box-sizing: border-box;
  opacity: 0;
  pointer-events: none;
  transform: scale(0.97) translateY(-4px);
  transform-origin: top left;
  transition: opacity 0.14s ease-out, transform 0.22s cubic-bezier(0.22, 1, 0.36, 1), height 0.22s cubic-bezier(0.22, 1, 0.36, 1), width 0.22s cubic-bezier(0.22, 1, 0.36, 1), left 0.22s cubic-bezier(0.22, 1, 0.36, 1), top 0.22s cubic-bezier(0.22, 1, 0.36, 1);
}
html .website-generator.wg-composer .wg-composer__menu.up {
  transform-origin: bottom left;
}
html .website-generator.wg-composer .wg-composer__menu.up:not(.open) {
  transform: scale(0.96) translateY(4px);
}
html .website-generator.wg-composer .wg-composer__menu.open {
  opacity: 1;
  pointer-events: auto;
  transform: none;
}
html .website-generator.wg-composer .wg-menu__panel {
  padding: 8px;
  box-sizing: border-box;
}
html .website-generator.wg-composer .wg-menu__panel.is-form {
  padding: 16px;
}
html .website-generator.wg-composer .wg-composer__menu:not(.sheet) .wg-menu__panel.is-list {
  padding-bottom: 0;
}
html .website-generator.wg-composer .wg-menu__search {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 8px 16px;
  border-bottom: 1px solid rgba(20, 21, 31, 0.12);
  color: #14151f !important;
  cursor: text;
}
html .website-generator.wg-composer .wg-menu__search svg {
  display: block;
  width: 16px;
  height: 16px;
  flex: none;
}
html .website-generator.wg-composer .wg-menu__search svg {
  opacity: 0.5;
}
html .website-generator.wg-composer .wg-menu__search input {
  flex: 1;
  min-width: 0;
  height: 18px;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  box-shadow: none;
  color: #14151f !important;
  font-family: inherit;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
html .website-generator.wg-composer .wg-menu__search input::placeholder {
  color: rgba(20, 21, 31, 0.5) !important;
}
html .website-generator.wg-composer .wg-menu__list {
  display: flex;
  flex-direction: column;
  gap: 1px;
  max-height: 355px;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(20, 21, 31, 0.12) transparent;
}
html .website-generator.wg-composer .wg-menu__list.is-scrollable {
  padding-bottom: 8px;
}
html .website-generator.wg-composer .wg-menu__list:focus {
  outline: 0;
}
html .website-generator.wg-composer .wg-menu__section {
  display: flex;
  align-items: flex-end;
  flex: none;
  height: 26px;
  margin-top: 8px;
}
html .website-generator.wg-composer .wg-menu__section:first-child {
  margin-top: 0;
}
html .website-generator.wg-composer .wg-menu__section {
  padding: 0 8px;
  color: rgba(20, 21, 31, 0.5) !important;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
html .website-generator.wg-composer .wg-menu__item {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: none;
  width: 100%;
  min-height: 32px;
  padding: 0 8px;
  border-radius: 8px;
  text-align: left;
  box-sizing: border-box;
  transition: background 0.12s;
}
html .website-generator.wg-composer .wg-menu__item.act, html .website-generator.wg-composer .wg-menu__item:focus-visible {
  background: rgba(20, 21, 31, 0.06);
  outline: 0;
}
html .website-generator.wg-composer .wg-menu__item.soon {
  cursor: default;
  color: rgba(20, 21, 31, 0.5) !important;
}
html .website-generator.wg-composer .wg-menu__item.soon .wg-menu__icon {
  opacity: 0.5;
}
html .website-generator.wg-composer .wg-menu__item.is-rich {
  align-items: flex-start;
  gap: 12px;
  padding: 8px;
}
html .website-generator.wg-composer .wg-menu__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 16px;
  height: 16px;
}
html .website-generator.wg-composer .wg-menu__icon svg {
  display: block;
  width: 16px;
  height: 16px;
  flex: none;
}
html .website-generator.wg-composer .wg-menu__icon img {
  width: 16px;
  height: 16px;
  object-fit: contain;
}
html .website-generator.wg-composer .wg-menu__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 32px;
  height: 32px;
  background: #fff;
  border: 1px solid rgba(20, 21, 31, 0.12);
  border-radius: 6px;
  box-sizing: border-box;
}
html .website-generator.wg-composer .wg-menu__logo svg {
  display: block;
  width: 16px;
  height: 16px;
  flex: none;
}
html .website-generator.wg-composer .wg-menu__text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  min-width: 0;
}
html .website-generator.wg-composer .wg-menu__text small {
  font-size: 10px;
  line-height: 16px;
  color: rgba(20, 21, 31, 0.7) !important;
}
html .website-generator.wg-composer .wg-menu__label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
html .website-generator.wg-composer .is-rich .wg-menu__label {
  font-weight: 500;
}
html .website-generator.wg-composer .wg-menu__soon {
  display: inline-flex;
  align-items: center;
  flex: none;
  height: 20px;
  padding: 0 8px;
  border: 1px solid rgba(20, 21, 31, 0.12);
  border-radius: 32px;
  background: #fff;
  box-sizing: border-box;
  color: rgba(20, 21, 31, 0.7) !important;
  font-size: 10px;
  line-height: 16px;
  opacity: 0.5;
}
html .website-generator.wg-composer .wg-menu__empty {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 120px;
  padding: 16px 8px;
  color: rgba(20, 21, 31, 0.5) !important;
  text-align: center;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
html .website-generator.wg-composer .wg-menu__empty svg {
  display: block;
  width: 16px;
  height: 16px;
  flex: none;
}
html .website-generator.wg-composer .wg-menu__back-row {
  margin-bottom: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(20, 21, 31, 0.12);
}
html .website-generator.wg-composer .wg-menu__back {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
html .website-generator.wg-composer .wg-menu__back svg {
  display: block;
  width: 16px;
  height: 16px;
  flex: none;
}
html .website-generator.wg-composer .wg-menu__back {
  transition: opacity 0.2s;
}
html .website-generator.wg-composer .wg-menu__back:hover {
  opacity: 0.7;
}
html .website-generator.wg-composer .wg-form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
html .website-generator.wg-composer .wg-form__head {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
html .website-generator.wg-composer .wg-form__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 36px;
  height: 36px;
  background: #fff;
  border: 1px solid rgba(20, 21, 31, 0.12);
  border-radius: 8px;
  box-sizing: border-box;
}
html .website-generator.wg-composer .wg-form__icon svg {
  display: block;
  width: 16px;
  height: 16px;
  flex: none;
}
html .website-generator.wg-composer .wg-form__icon img {
  width: 16px;
  height: 16px;
}
html .website-generator.wg-composer .wg-form__titles {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
html .website-generator.wg-composer .wg-form__title {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
html .website-generator.wg-composer .wg-form__desc {
  color: rgba(20, 21, 31, 0.7) !important;
}
html .website-generator.wg-composer .wg-options {
  display: flex;
  gap: 16px;
}
html .website-generator.wg-composer .wg-options--3 {
  gap: 8px;
}
html .website-generator.wg-composer .wg-options--3 .wg-option {
  padding: 12px;
}
html .website-generator.wg-composer .wg-option {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  min-width: 0;
  min-height: 84px;
  padding: 16px;
  border: 1px solid rgba(20, 21, 31, 0.12);
  border-radius: 8px;
  background: #fff;
  text-align: left;
  box-sizing: border-box;
  transition: border-color 0.2s;
}
html .website-generator.wg-composer .wg-option:hover {
  border-color: rgba(20, 21, 31, 0.24);
}
html .website-generator.wg-composer .wg-option.on {
  border-color: #3339f1;
}
html .website-generator.wg-composer .wg-option b {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  font-weight: 500;
}
html .website-generator.wg-composer .wg-option small {
  color: rgba(20, 21, 31, 0.7) !important;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
html .website-generator.wg-composer .wg-field {
  display: flex;
  flex: none;
  align-items: center;
  gap: 8px;
  height: 40px;
  padding: 0 16px;
  border: 1px solid rgba(20, 21, 31, 0.12);
  border-radius: 8px;
  background: #fff;
  box-sizing: border-box;
  color: #14151f !important;
  cursor: text;
  transition: border-color 0.2s;
}
html .website-generator.wg-composer .wg-field svg {
  display: block;
  width: 16px;
  height: 16px;
  flex: none;
}
html .website-generator.wg-composer .wg-field svg {
  opacity: 0.5;
}
html .website-generator.wg-composer .wg-field:focus-within {
  border-color: #3339f1;
}
html .website-generator.wg-composer .wg-field .wg-input {
  flex: 1;
  min-width: 0;
  height: 100%;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  box-shadow: none;
}
html .website-generator.wg-composer .wg-field--prefix {
  gap: 0;
}
html .website-generator.wg-composer .wg-field--prefix svg {
  margin-right: 8px;
}
html .website-generator.wg-composer .wg-field--prefix .wg-field__prefix {
  flex: none;
  color: rgba(20, 21, 31, 0.5) !important;
  white-space: nowrap;
  user-select: none;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
html .website-generator.wg-composer .wg-input {
  color: #14151f !important;
  font-family: inherit;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
html .website-generator.wg-composer .wg-input::placeholder {
  color: rgba(20, 21, 31, 0.5) !important;
}
html .website-generator.wg-composer .wg-textarea {
  display: block;
  width: 100%;
  height: 114px;
  padding: 12px 16px;
  border: 1px solid rgba(20, 21, 31, 0.12);
  border-radius: 8px;
  background: #fff;
  box-sizing: border-box;
  outline: 0;
  resize: vertical;
  transition: border-color 0.2s;
}
html .website-generator.wg-composer .wg-textarea:focus {
  border-color: #3339f1;
}
html .website-generator.wg-composer .wg-field.bad,
html .website-generator.wg-composer .wg-textarea.bad {
  border-color: #d41125 !important;
  animation: wgc-shake 0.35s;
}
html .website-generator.wg-composer .wg-form__actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 8px;
}
html .website-generator.wg-composer .wg-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  padding: 0 16px;
  border-radius: 8px;
  background: #14151f;
  color: #fff !important;
  transition: background 0.2s, transform 0.15s;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
html .website-generator.wg-composer .wg-btn:hover {
  background: #2a2b36;
}
html .website-generator.wg-composer .wg-btn:active {
  transform: scale(0.97);
}
html .website-generator.wg-composer .wg-btn:disabled {
  background: rgba(20, 21, 31, 0.5);
  color: rgba(255, 255, 255, 0.4) !important;
  cursor: default;
  transform: none;
}
html .website-generator.wg-composer .wg-composer__card {
  position: absolute;
  z-index: 21;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  width: 280px;
  padding: 12px;
  background: #fff;
  border: 1px solid rgba(20, 21, 31, 0.12);
  border-radius: 12px;
  box-shadow: 0 4px 8px 0 rgba(20, 21, 31, 0.1), 0 2px 4px 0 rgba(20, 21, 31, 0.06);
  box-sizing: border-box;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.15s;
}
html .website-generator.wg-composer .wg-composer__card.show {
  opacity: 1;
}
html .website-generator.wg-composer .wg-card__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 32px;
  height: 32px;
  border: 1px solid rgba(20, 21, 31, 0.12);
  border-radius: 6px;
  box-sizing: border-box;
}
html .website-generator.wg-composer .wg-card__icon svg {
  display: block;
  width: 16px;
  height: 16px;
  flex: none;
}
html .website-generator.wg-composer .wg-card__body {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
html .website-generator.wg-composer .wg-card__title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
html .website-generator.wg-composer .wg-card__desc {
  color: rgba(20, 21, 31, 0.7) !important;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
html .website-generator.wg-composer .wg-composer__sheet-bg {
  position: fixed;
  inset: 0;
  z-index: 19;
  background: rgba(20, 21, 31, 0.3);
  opacity: 0;
  pointer-events: none;
  touch-action: none;
  transition: opacity 0.2s;
}
html .website-generator.wg-composer .wg-composer__content.sheet-open .wg-composer__sheet-bg {
  opacity: 1;
  pointer-events: auto;
}
html .website-generator.wg-composer .wg-composer__menu.sheet {
  position: fixed;
  top: auto !important;
  right: 0;
  bottom: 0;
  left: 0 !important;
  width: auto !important;
  border: 0;
  border-radius: 24px 24px 0 0;
  box-shadow: 0 -12px 40px rgba(0, 0, 0, 0.18);
  transform: translateY(105%);
  transition: opacity 0.15s, transform 0.3s cubic-bezier(0.22, 1, 0.36, 1), height 0.22s cubic-bezier(0.22, 1, 0.36, 1);
}
html .website-generator.wg-composer .wg-composer__menu.sheet.open {
  transform: translateY(var(--drag, 0px));
}
html .website-generator.wg-composer .wg-composer__menu.sheet .wg-menu__panel,
html .website-generator.wg-composer .wg-composer__menu.sheet .wg-menu__panel.is-form {
  padding: 24px 24px calc(24px + env(safe-area-inset-bottom));
}
html .website-generator.wg-composer .wg-composer__menu.sheet .wg-menu__search {
  height: 40px;
  margin-bottom: 24px;
  padding: 0 16px;
  border: 1px solid rgba(20, 21, 31, 0.12);
  border-radius: 8px;
  box-sizing: border-box;
}
html .website-generator.wg-composer .wg-composer__menu.sheet .wg-menu__search input {
  height: 100%;
}
html .website-generator.wg-composer .wg-composer__menu.sheet .wg-menu__list {
  gap: 4px;
}
html .website-generator.wg-composer .wg-composer__menu.sheet .wg-menu__section {
  padding: 0 12px;
}
html .website-generator.wg-composer .wg-composer__menu.sheet .wg-menu__item {
  gap: 12px;
  min-height: 36px;
  padding: 0 12px;
}
html .website-generator.wg-composer .wg-composer__menu.sheet .wg-menu__item:active {
  background: rgba(20, 21, 31, 0.06);
}
html .website-generator.wg-composer .wg-composer__menu.sheet .wg-menu__icon {
  width: 20px;
  height: 20px;
}
html .website-generator.wg-composer .wg-composer__menu.sheet .wg-menu__icon svg {
  display: block;
  width: 20px;
  height: 20px;
  flex: none;
}
html .website-generator.wg-composer .wg-composer__menu.sheet .wg-menu__icon img {
  width: 20px;
  height: 20px;
}
html .website-generator.wg-composer .wg-composer__menu.sheet .wg-menu__label {
  font-size: 14px;
  line-height: 20px;
}
html .website-generator.wg-composer .wg-composer__menu.sheet .wg-menu__add {
  display: flex;
  flex: none;
  color: rgba(20, 21, 31, 0.5) !important;
}
html .website-generator.wg-composer .wg-composer__menu.sheet .wg-menu__add svg {
  display: block;
  width: 20px;
  height: 20px;
  flex: none;
}
html .website-generator.wg-composer .wg-composer__menu.sheet .wg-menu__item.is-rich {
  align-items: center;
  gap: 16px;
  padding: 12px;
}
html .website-generator.wg-composer .wg-composer__menu.sheet .wg-menu__item.is-rich .wg-menu__text {
  gap: 4px;
}
html .website-generator.wg-composer .wg-composer__menu.sheet .wg-menu__item.is-rich .wg-menu__text small {
  font-size: 12px;
  line-height: 18px;
}
html .website-generator.wg-composer .wg-composer__menu.sheet .wg-menu__logo {
  width: 36px;
  height: 36px;
  border-radius: 8px;
}
html .website-generator.wg-composer .wg-composer__menu.sheet .wg-form__actions {
  gap: 16px;
  margin-top: 8px;
}
html .website-generator.wg-composer .wg-composer__menu.sheet .wg-btn {
  flex: 1;
  height: 40px;
  font-size: 12px;
  line-height: 18px;
}
html .website-generator.wg-composer .wg-composer__menu.sheet .wg-btn--ghost {
  width: auto;
  border: 1px solid rgba(20, 21, 31, 0.12);
  background: #fff;
  color: #14151f !important;
}
html .website-generator.wg-composer .wg-composer__menu.sheet .wg-btn--ghost:hover {
  opacity: 1;
  background: #fff;
}
html .website-generator.wg-composer .wg-composer__menu.sheet .wg-option {
  min-height: 84px;
  padding: 16px;
}
html .website-generator.wg-composer .wg-composer__menu.sheet .wg-option b {
  font-size: 12px;
  line-height: 18px;
}
html .website-generator.wg-composer .wg-composer__menu.sheet .wg-options--3 {
  flex-direction: column;
  gap: 8px;
}
html .website-generator.wg-composer .wg-composer__menu.sheet .wg-options--3 .wg-option {
  min-height: 0;
  padding: 12px 16px;
}
html .website-generator.wg-composer > .container .error,
html .website-generator.wg-composer .wg-composer__content > .error {
  display: none;
  position: absolute;
  top: calc(100% + 6px);
  left: 16px;
  color: #d41125 !important;
  font-style: italic;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
html .website-generator.wg-composer .wg-composer__content.error > .error {
  display: block;
}
html .website-generator.wg-composer .input_desc_items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 24px;
  margin-top: 24px;
}
html .website-generator.wg-composer .input_desc_item {
  display: flex;
  align-items: center;
  gap: 8px;
  color: rgba(20, 21, 31, 0.7) !important;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
html .website-generator.wg-composer .input_desc_item .soon {
  color: rgba(20, 21, 31, 0.5) !important;
}
@media (prefers-reduced-motion: reduce) {
  html .website-generator.wg-composer .wg-composer__streak {
    animation: none;
  }
  html .website-generator.wg-composer .wg-stack__item.hop,
  html .website-generator.wg-composer .wg-composer__send-btn.pop {
    animation: none;
  }
}

body.wg-sheet-open {
  overflow: hidden;
}
body.wg-sheet-open .site_header {
  z-index: 1 !important;
}
body.wg-sheet-open .free_users_chat {
  z-index: 0 !important;
}

.wg-composer-drop.prompt-drop-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  background-color: rgba(255, 255, 255, 0.9);
  opacity: 0;
  visibility: hidden;
}
.wg-composer-drop.prompt-drop-overlay.show {
  z-index: 999999;
  opacity: 1;
  visibility: visible;
}
.wg-composer-drop.prompt-drop-overlay .prompt-drop-overlay__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: "Evergrow Sans", sans-serif;
  text-align: center;
}
.wg-composer-drop.prompt-drop-overlay .prompt-drop-overlay__inner img {
  filter: brightness(0) saturate(100%) invert(4%) sepia(22%) saturate(1943%) hue-rotate(199deg) brightness(92%) contrast(90%);
}
.wg-composer-drop.prompt-drop-overlay .prompt-drop-overlay__inner h4 {
  margin: 12px 0 4px 0;
  color: #14151f !important;
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
}
.wg-composer-drop.prompt-drop-overlay .prompt-drop-overlay__inner .desc {
  color: rgba(20, 21, 31, 0.7) !important;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}

.error-toast {
  position: fixed;
  top: 100px;
  left: 50%;
  z-index: -1;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  width: 310px;
  padding: 16px;
  border-radius: 8px;
  background-color: #14151f;
  box-shadow: 0 4px 8px 0 rgba(20, 21, 31, 0.1), 0 2px 4px 0 rgba(20, 21, 31, 0.06);
  box-sizing: border-box;
  font-family: "Evergrow Sans", sans-serif;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-50%) translateY(-20px);
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.error-toast .error-content {
  text-align: left;
}
.error-toast .error-content .title {
  color: #fff !important;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
.error-toast .error-content .desc {
  margin-top: 4px;
  color: #fff !important;
  opacity: 0.75;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
.error-toast.show {
  z-index: 9999;
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}

.lightbox_container {
  position: fixed;
  top: -600px;
  left: 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 100vw;
  height: 0;
  padding: 60px 0;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(8px);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease;
}
.lightbox_container.show {
  top: 0;
  z-index: 9999999;
  height: 100vh;
  opacity: 1;
  visibility: visible;
}
.lightbox_container .lightbox_inner_container {
  position: relative;
  width: calc(100% - 24px);
  max-width: 1000px;
  margin: 0 auto;
  padding: 40px;
  border-radius: 16px;
  background: #fff;
  box-sizing: border-box;
}
.lightbox_container .lighbox_close {
  position: absolute;
  top: 12px;
  right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.lightbox_container .lighbox_close:hover {
  background: #000;
}
.lightbox_container h4 {
  margin-bottom: 32px;
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  color: #000 !important;
  text-align: left;
}
.lightbox_container .lightbox_inner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 458px;
  overflow: hidden;
  border: 1px solid rgba(20, 21, 31, 0.12);
  border-radius: 16px;
  background: #f8f8f9;
}
.lightbox_container .lightbox_inner .image_holder {
  display: flex;
  align-items: flex-start;
  height: 100%;
  overflow-y: auto;
}
.lightbox_container .lightbox_inner .image_holder img {
  width: auto;
  max-width: 100%;
  object-fit: contain;
  object-position: top center;
}

body.wg-preview-open {
  overflow: hidden;
}

.wg-preview {
  position: fixed;
  inset: 0;
  z-index: 10000000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(8px);
  font-family: "Evergrow Sans", sans-serif;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.18s;
}
.wg-preview.open {
  opacity: 1;
  pointer-events: auto;
}
.wg-preview .wg-preview__dialog {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 1000px;
  max-width: 100%;
  height: 600px;
  max-height: 100%;
  padding: 40px;
  border-radius: 16px;
  background: #fff;
  box-sizing: border-box;
  outline: 0;
  transform: translateY(10px) scale(0.97);
  transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
.wg-preview.open .wg-preview__dialog {
  transform: none;
}
.wg-preview .wg-preview__close {
  position: absolute;
  top: 10px;
  right: 10px;
  display: flex;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  background: none;
  color: rgba(20, 21, 31, 0.12);
  cursor: pointer;
  transition: color 0.15s;
}
.wg-preview .wg-preview__close svg {
  width: 24px;
  height: 24px;
}
.wg-preview .wg-preview__close:hover {
  color: rgba(20, 21, 31, 0.3);
}
.wg-preview .wg-preview__head {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  padding-right: 24px;
}
.wg-preview .wg-preview__title {
  margin: 0;
  overflow: hidden;
  color: #14151f;
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.wg-preview .wg-preview__subtitle {
  margin: 0;
  color: rgba(20, 21, 31, 0.7);
  font-size: 14px;
  line-height: 20px;
}
.wg-preview .wg-preview__subtitle[hidden] {
  display: none;
}
.wg-preview .wg-preview__body {
  display: flex;
  flex: 1;
  min-height: 0;
}
.wg-preview .wg-preview__body > * {
  flex: 1;
  min-width: 0;
  overflow: auto;
  box-sizing: border-box;
  scrollbar-width: thin;
  scrollbar-color: rgba(20, 21, 31, 0.12) transparent;
}
.wg-preview .wg-preview__media {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(20, 21, 31, 0.12);
  border-radius: 16px;
  background: rgba(20, 21, 31, 0.08);
}
.wg-preview .wg-preview__media img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.wg-preview .wg-preview__media.is-vector {
  padding: 24px;
}
.wg-preview .wg-preview__media.is-vector img {
  width: 100%;
  height: 100%;
}
.wg-preview .wg-preview__code,
.wg-preview .wg-preview__text {
  padding: 12px 16px;
  border: 1px solid rgba(20, 21, 31, 0.12);
  border-radius: 8px;
  background: #fff;
}
.wg-preview .wg-preview__text {
  color: #14151f;
  font-size: 12px;
  line-height: 18px;
  white-space: pre-wrap;
  word-break: break-word;
}
.wg-preview .wg-code {
  display: table;
  min-width: 100%;
  color: #3339f1;
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 13px;
  line-height: 18px;
}
.wg-preview .wg-code * {
  font-family: inherit;
}
.wg-preview .wg-code__line {
  display: table-row;
}
.wg-preview .wg-code__num {
  display: table-cell;
  width: 1%;
  padding-right: 24px;
  color: rgba(20, 21, 31, 0.5);
  text-align: right;
  white-space: nowrap;
  user-select: none;
}
.wg-preview .wg-code__text {
  display: table-cell;
  white-space: pre;
}
.wg-preview .wg-tok-k,
.wg-preview .wg-tok-n {
  color: #3339f1;
}
.wg-preview .wg-tok-s,
.wg-preview .wg-tok-t {
  color: #5cc971;
}
.wg-preview .wg-tok-i,
.wg-preview .wg-tok-p {
  color: rgba(20, 21, 31, 0.5);
}
.wg-preview .wg-tok-c {
  color: rgba(20, 21, 31, 0.5);
  font-style: italic;
}
@media (prefers-reduced-motion: reduce) {
  .wg-preview .wg-preview__dialog {
    transition: none;
  }
}


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/elements/website-generator-textarea/css/composer-1920.css */
@media screen and (min-width: 1261px) {
  html .website-generator.wg-composer {
    margin: 40px 0 42px;
  }
  html .website-generator.wg-composer .website-generator-container {
    width: 600px;
  }
}


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/elements/website-generator-textarea/css/composer-768.css */
@media screen and (max-width: 1260px) and (min-width: 768px) {
  html .website-generator.wg-composer {
    margin: 40px 0 42px;
  }
  html .website-generator.wg-composer .website-generator-container {
    width: 600px;
  }
}


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/elements/website-generator-textarea/css/composer-320.css */
@media screen and (max-width: 767px) {
  html .website-generator.wg-composer {
    margin: 32px 0 48px;
  }
  html .website-generator.wg-composer .website-generator-container {
    width: 100%;
  }
  html .website-generator.wg-composer .wg-composer__files {
    justify-content: center;
    width: 40px;
    padding: 0;
  }
  html .website-generator.wg-composer .wg-composer__files .wg-composer__pill-label {
    display: none;
  }
  html .website-generator.wg-composer .wg-composer__start .wg-stack__item:nth-child(n+4) {
    display: none;
  }
  html .website-generator.wg-composer .wg-composer__bar {
    gap: 6px;
  }
  html .website-generator.wg-composer .wg-composer__pills {
    gap: 6px;
  }
  html .website-generator.wg-composer .wg-composer__start {
    flex: 0 1 auto;
    overflow: hidden;
  }
  html .website-generator.wg-composer .wg-composer__start::after {
    display: none;
  }
  html .website-generator.wg-composer .wg-composer__start .wg-stack__item,
  html .website-generator.wg-composer .wg-composer__start:hover .wg-stack__item,
  html .website-generator.wg-composer .wg-composer__start.is-on .wg-stack__item {
    margin-left: -12px;
  }
  html .website-generator.wg-composer .wg-composer__start .wg-stack__item:first-child,
  html .website-generator.wg-composer .wg-composer__start:hover .wg-stack__item:first-child,
  html .website-generator.wg-composer .wg-composer__start.is-on .wg-stack__item:first-child {
    margin-left: 0;
  }
  .wg-preview {
    align-items: flex-end;
    padding: 0;
  }
  .wg-preview .wg-preview__dialog {
    width: 100%;
    height: calc(100% - 24px);
    max-height: none;
    gap: 24px;
    padding: 24px 24px calc(24px + env(safe-area-inset-bottom));
    border-radius: 24px 24px 0 0;
    transform: translateY(24px);
  }
  .wg-preview .wg-preview__close {
    top: 20px;
    right: 20px;
  }
  .wg-preview .wg-preview__title {
    font-size: 14px;
    line-height: 20px;
  }
  .wg-preview .wg-preview__code,
  .wg-preview .wg-preview__text {
    padding: 16px 15px;
    border-radius: 16px;
  }
  .wg-preview.is-image {
    background: #000;
    backdrop-filter: none;
  }
  .wg-preview.is-image .wg-preview__dialog {
    height: 100%;
    padding: 0;
    border-radius: 0;
    background: #000;
  }
  .wg-preview.is-image .wg-preview__head {
    display: none;
  }
  .wg-preview.is-image .wg-preview__close {
    z-index: 1;
    color: rgba(255, 255, 255, 0.7);
  }
  .wg-preview.is-image .wg-preview__media {
    border: 0;
    border-radius: 0;
    background: #000;
  }
}


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/css/scss/design-system/tenweb-website/tenweb-website-tokens.css */
/* 10web Website tokens, light theme, generated from design-system/tokens.json. */
:root {
  --font-sans: "Evergrow Sans", "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --blue-0: #3339f100;
  --blue-100: #3339f11a;
  --blue-200: #3339f133;
  --blue-300: #3339f14d;
  --blue-400: #3339f166;
  --blue-500: #3339f180;
  --blue-600: #3339f199;
  --blue-700: #3339f1b2;
  --blue-800: #3339f1cc;
  --blue-900: #3339f1e5;
  --blue-1000: #3339f1;
  --black-0: #00000000;
  --black-100: #0000001a;
  --black-200: #00000033;
  --black-300: #0000004d;
  --black-400: #00000066;
  --black-500: #00000080;
  --black-600: #00000099;
  --black-700: #000000b2;
  --black-800: #000000cc;
  --black-900: #000000e5;
  --black-1000: #000000;
  --white-0: #ffffff00;
  --white-100: #ffffff1a;
  --white-200: #ffffff33;
  --white-300: #ffffff4d;
  --white-400: #ffffff66;
  --white-500: #ffffff80;
  --white-600: #ffffff99;
  --white-700: #ffffffb2;
  --white-800: #ffffffcc;
  --white-900: #ffffffe5;
  --white-1000: #ffffff;
  --grey-0: #f5f5f600;
  --grey-100: #f5f5f61a;
  --grey-300: #f5f5f64d;
  --grey-500: #f5f5f680;
  --grey-800: #f5f5f6cc;
  --grey-1000: #f5f5f6;
  --green-0: #33c25700;
  --green-100: #dff9e5;
  --green-200: #c0f2cc;
  --green-300: #8fe6a5;
  --green-400: #57d175;
  --green-500: #33c257;
  --green-600: #22973f;
  --green-700: #1e7735;
  --green-800: #1d5e2e;
  --green-900: #194e28;
  --green-1000: #092a13;
  --orange-0: #ff950000;
  --orange-100: #fff1c5;
  --orange-200: #ffe485;
  --orange-300: #ffcf46;
  --orange-400: #ffb91b;
  --orange-500: #ff9500;
  --orange-600: #e26e00;
  --orange-700: #bb4a02;
  --orange-800: #983908;
  --orange-900: #7c2f0b;
  --orange-1000: #481600;
  --red-0: #f5392e00;
  --red-100: #ffe3e1;
  --red-200: #ffcbc8;
  --red-300: #ffa7a2;
  --red-400: #fd746c;
  --red-500: #f5392e;
  --red-600: #e32a1f;
  --red-700: #bf1f16;
  --red-800: #9e1e16;
  --red-900: #831f19;
  --red-1000: #470b08;
  --surface-brand-void: var(--blue-0);
  --surface-brand-subtle: var(--blue-100);
  --surface-brand-mid: var(--blue-300);
  --surface-brand-half: var(--blue-500);
  --surface-brand-earthy: var(--blue-800);
  --surface-brand-default: var(--blue-1000);
  --surface-brand-adept: var(--blue-1000);
  --surface-black-void: var(--black-0);
  --surface-black-subtle: var(--black-100);
  --surface-black-twenty: var(--black-200);
  --surface-black-mid: var(--black-300);
  --surface-black-half: var(--black-500);
  --surface-black-earthy: var(--black-800);
  --surface-black-default: var(--black-1000);
  --surface-black-adept-subtle: var(--black-100);
  --surface-black-adept-twenty: var(--black-200);
  --surface-black-adept-mid: var(--black-300);
  --surface-black-adept-half: var(--black-500);
  --surface-black-adept-earthy: var(--black-800);
  --surface-black-adept: var(--black-1000);
  --surface-white-void: var(--white-0);
  --surface-white-subtle: var(--white-100);
  --surface-white-mid: var(--white-300);
  --surface-white-half: var(--white-500);
  --surface-white-earthy: var(--white-800);
  --surface-white-default: var(--white-1000);
  --surface-white-adept-subtle: var(--white-100);
  --surface-white-adept-mid: var(--white-300);
  --surface-white-adept-half: var(--white-500);
  --surface-white-adept-earthy: var(--white-800);
  --surface-white-adept: var(--white-1000);
  --surface-white-strong: var(--white-1000);
  --surface-grey-void: var(--grey-0);
  --surface-grey-subtle: var(--grey-100);
  --surface-grey-mid: var(--grey-300);
  --surface-grey-half: var(--grey-500);
  --surface-grey-earthy: var(--grey-800);
  --surface-grey-default: var(--grey-1000);
  --surface-grey-adept: var(--grey-1000);
  --surface-grey-strong: var(--grey-1000);
  --surface-positive-void: var(--green-0);
  --surface-positive-subtle: var(--green-100);
  --surface-positive-calm: var(--green-200);
  --surface-positive-earthy: var(--green-300);
  --surface-positive-default: var(--green-500);
  --surface-warning-void: var(--orange-0);
  --surface-warning-subtle: var(--orange-100);
  --surface-warning-calm: var(--orange-200);
  --surface-warning-earthy: var(--orange-300);
  --surface-warning-default: var(--orange-500);
  --surface-danger-void: var(--red-0);
  --surface-danger-subtle: var(--red-100);
  --surface-danger-calm: var(--red-200);
  --surface-danger-earthy: var(--red-300);
  --surface-danger-default: var(--red-500);
  --text-brand-void: var(--blue-0);
  --text-brand-subtle: var(--blue-100);
  --text-brand-mid: var(--blue-300);
  --text-brand-half: var(--blue-500);
  --text-brand-earthy: var(--blue-800);
  --text-brand-default: var(--blue-1000);
  --text-brand-adept: var(--blue-1000);
  --text-brand-strong-half: var(--blue-500);
  --text-brand-strong: var(--blue-1000);
  --text-black-void: var(--black-0);
  --text-black-subtle: var(--black-100);
  --text-black-twenty: var(--black-200);
  --text-black-mid: var(--black-300);
  --text-black-half: var(--black-500);
  --text-black-earthy: var(--black-800);
  --text-black-default: var(--black-1000);
  --text-black-trio: var(--black-1000);
  --text-black-adept-subtle: var(--black-100);
  --text-black-adept-mid: var(--black-300);
  --text-black-adept-twenty: var(--black-200);
  --text-black-adept-half: var(--black-500);
  --text-black-adept-earthy: var(--black-800);
  --text-black-adept: var(--black-1000);
  --text-black-strong-mid: var(--black-300);
  --text-black-strong-half: var(--black-500);
  --text-black-strong-earthy: var(--black-800);
  --text-black-strong: var(--black-1000);
  --text-white-void: var(--white-0);
  --text-white-subtle: var(--white-100);
  --text-white-mid: var(--white-300);
  --text-white-half: var(--white-500);
  --text-white-earthy: var(--white-800);
  --text-white-default: var(--white-1000);
  --text-white-trio: var(--white-1000);
  --text-white-adept-subtle: var(--white-100);
  --text-white-adept-mid: var(--white-300);
  --text-white-adept-half: var(--white-500);
  --text-white-adept-earthy: var(--white-800);
  --text-white-adept: var(--white-1000);
  --text-white-strong-half: var(--white-500);
  --text-white-strong: var(--white-1000);
  --text-grey-void: var(--grey-0);
  --text-grey-default: var(--grey-1000);
  --text-grey-adept: var(--grey-1000);
  --text-positive-void: var(--green-0);
  --text-positive-subtle: var(--green-100);
  --text-positive-calm: var(--green-200);
  --text-positive-earthy: var(--green-300);
  --text-positive-default: var(--green-500);
  --text-warning-void: var(--orange-0);
  --text-warning-subtle: var(--orange-100);
  --text-warning-calm: var(--orange-200);
  --text-warning-earthy: var(--orange-300);
  --text-warning-default: var(--orange-500);
  --text-danger-void: var(--red-0);
  --text-danger-subtle: var(--red-100);
  --text-danger-calm: var(--red-200);
  --text-danger-earthy: var(--red-300);
  --text-danger-default: var(--red-500);
  --element-brand-void: var(--blue-0);
  --element-brand-subtle: var(--blue-100);
  --element-brand-mid: var(--blue-300);
  --element-brand-half: var(--blue-500);
  --element-brand-earthy: var(--blue-800);
  --element-brand-default: var(--blue-1000);
  --element-brand-adept: var(--blue-1000);
  --element-black-void: var(--black-0);
  --element-black-subtle: var(--black-100);
  --element-black-twenty: var(--black-200);
  --element-black-mid: var(--black-300);
  --element-black-half: var(--black-500);
  --element-black-earthy: var(--black-800);
  --element-black-default: var(--black-1000);
  --element-black-trio: var(--black-1000);
  --element-black-adept-subtle: var(--black-100);
  --element-black-adept-twenty: var(--black-200);
  --element-black-adept-mid: var(--black-300);
  --element-black-adept-half: var(--black-500);
  --element-black-adept-earthy: var(--black-800);
  --element-black-adept: var(--black-1000);
  --element-black-strong-subtle: var(--black-100);
  --element-black-strong-mid: var(--black-300);
  --element-black-strong-half: var(--black-500);
  --element-black-strong-earthy: var(--black-800);
  --element-black-strong: var(--black-1000);
  --element-white-void: var(--white-0);
  --element-white-subtle: var(--white-100);
  --element-white-mid: var(--white-300);
  --element-white-half: var(--white-500);
  --element-white-earthy: var(--white-800);
  --element-white-default: var(--white-1000);
  --element-white-trio: var(--white-1000);
  --element-white-adept-subtle: var(--white-100);
  --element-white-adept-mid: var(--white-300);
  --element-white-adept-half: var(--white-500);
  --element-white-adept: var(--white-1000);
  --element-white-strong: var(--white-1000);
  --element-grey-void: var(--grey-0);
  --element-grey-default: var(--grey-1000);
  --element-grey-adept: var(--grey-1000);
  --element-positive-void: var(--green-0);
  --element-positive-subtle: var(--green-100);
  --element-positive-calm: var(--green-200);
  --element-positive-default: var(--green-300);
  --element-positive-classic: var(--green-500);
  --element-warning-void: var(--orange-0);
  --element-warning-subtle: var(--orange-100);
  --element-warning-calm: var(--orange-200);
  --element-warning-default: var(--orange-300);
  --element-warning-classic: var(--orange-500);
  --element-danger-void: var(--red-0);
  --element-danger-subtle: var(--red-100);
  --element-danger-calm: var(--red-200);
  --element-danger-earthy: var(--red-300);
  --element-danger-classic: var(--red-500);
  --border-brand-void: var(--blue-0);
  --border-brand-subtle: var(--blue-100);
  --border-brand-mid: var(--blue-300);
  --border-brand-half: var(--blue-500);
  --border-brand-earthy: var(--blue-800);
  --border-brand-default: var(--blue-1000);
  --border-brand-adept: var(--blue-1000);
  --border-black-void: var(--black-0);
  --border-black-subtle: var(--black-100);
  --border-black-twenty: var(--black-200);
  --border-black-mid: var(--black-300);
  --border-black-half: var(--black-500);
  --border-black-earthy: var(--black-800);
  --border-black-default: var(--black-1000);
  --border-black-adept-subtle: var(--black-100);
  --border-black-adept-twenty: var(--black-200);
  --border-black-adept-mid: var(--black-300);
  --border-black-adept-half: var(--black-500);
  --border-black-adept-earthy: var(--black-800);
  --border-black-adept: var(--black-1000);
  --border-white-void: var(--white-0);
  --border-white-subtle: var(--white-100);
  --border-white-mid: var(--white-300);
  --border-white-half: var(--white-500);
  --border-white-earthy: var(--white-800);
  --border-white-default: var(--white-1000);
  --border-white-adept-subtle: var(--white-100);
  --border-white-adept-mid: var(--white-300);
  --border-white-adept-half: var(--white-500);
  --border-white-adept-earthy: var(--white-800);
  --border-white-adept: var(--white-1000);
  --border-grey-void: var(--grey-0);
  --border-grey-subtle: var(--grey-100);
  --border-grey-mid: var(--grey-300);
  --border-grey-half: var(--grey-500);
  --border-grey-earthy: var(--grey-800);
  --border-grey-default: var(--grey-1000);
  --border-grey-adept: var(--grey-1000);
  --border-grey-strong: var(--grey-1000);
  --border-positive-void: var(--green-0);
  --border-positive-subtle: var(--green-100);
  --border-positive-calm: var(--green-200);
  --border-positive-earthy: var(--green-300);
  --border-positive-default: var(--green-500);
  --border-warning-void: var(--orange-0);
  --border-warning-subtle: var(--orange-100);
  --border-warning-calm: var(--orange-200);
  --border-warning-earthy: var(--orange-300);
  --border-warning-default: var(--orange-500);
  --border-danger-void: var(--red-0);
  --border-danger-subtle: var(--red-100);
  --border-danger-calm: var(--red-200);
  --border-danger-earthy: var(--red-300);
  --border-danger-default: var(--red-500);
  --space-0: 0px;
  --space-25: 1px;
  --space-50: 2px;
  --space-100: 4px;
  --space-200: 6px;
  --space-300: 8px;
  --space-400: 12px;
  --space-500: 16px;
  --space-600: 20px;
  --space-700: 24px;
  --space-750: 28px;
  --space-800: 32px;
  --space-850: 36px;
  --space-900: 40px;
  --space-950: 44px;
  --space-1000: 48px;
  --space-1050: 52px;
  --space-1100: 56px;
  --space-1150: 60px;
  --space-1200: 64px;
  --space-1250: 68px;
  --space-1300: 72px;
  --space-1350: 76px;
  --space-1400: 80px;
  --space-1450: 84px;
  --space-1500: 88px;
  --space-1550: 92px;
  --space-1600: 96px;
  --space-1650: 100px;
  --space-1700: 104px;
  --space-1800: 108px;
  --space-1900: 112px;
  --space-2000: 116px;
  --space-2100: 120px;
  --space-2200: 124px;
  --space-2300: 128px;
  --space-2400: 132px;
  --space-2500: 136px;
  --space-2600: 140px;
  --space-2700: 144px;
  --space-2800: 148px;
  --space-2900: 152px;
  --corner-radius-0: 0px;
  --corner-radius-50: 2px;
  --corner-radius-100: 4px;
  --corner-radius-200: 6px;
  --corner-radius-300: 8px;
  --corner-radius-400: 12px;
  --corner-radius-500: 16px;
  --corner-radius-600: 24px;
  --corner-radius-700: 32px;
  --corner-radius-750: 9999px;
  --elevation-0: none;
  --elevation-100: 0 1px 2px 0 rgba(0,0,0,0.05);
  --elevation-200: 0 1px 2px 0 rgba(0,0,0,0.06), 0 1px 3px 0 rgba(0,0,0,0.10);
  --elevation-300: 0 -3px 4px -2px rgba(0,0,0,0.06), 0 4px 8px 0 rgba(0,0,0,0.10);
  --elevation-400: 0 -6px 8px -4px rgba(0,0,0,0.06), 0 8px 16px 0 rgba(0,0,0,0.10);
  --elevation-500: 0 8px 8px -4px rgba(0,0,0,0.03), 0 20px 24px -4px rgba(0,0,0,0.08);
  --elevation-600: 0 24px 48px -12px rgba(0,0,0,0.18);
  --elevation-700: 0 32px 64px -12px rgba(0,0,0,0.14);
  --element-xsm: 16px;
  --element-sm: 20px;
  --element-md: 24px;
  --element-lg: 32px;
  --element-xlg: 40px;
  --element-2xlg: 48px;
  --device-desktop: 1440px;
  --device-desktop-wide: 1920px;
  --device-tablet: 768px;
  --device-mobile: 375px;
  --container-desktop: 1272px;
  --container-tablet: 728px;
  --container-mobile: 343px;
  --margin-desktop: 84px;
  --margin-tablet: 20px;
  --margin-mobile: 16px;
  --margin-desktop-wide: 84px;
  --container-desktop-wide: 1272px;
  --background-blur-0: 0px;
  --background-blur-100: 16px;
  --background-blur-250: 24px;
  --background-blur-500: 40px;
  --background-blur-650: 50px;
  --background-blur-700: 70px;
  --type-weight-extrabold: 800;
  --type-weight-bold: 700;
  --type-weight-medium: 500;
  --type-weight-regular: 400;
  --type-weight-light: 300;
  --type-display-lg-size: 72px;
  --type-display-lg-line-height: 86px;
  --type-display-lg-weight: 700;
  --type-display-lg-letter-spacing: 0;
  --type-display-md-size: 64px;
  --type-display-md-line-height: 80px;
  --type-display-md-weight: 700;
  --type-display-md-letter-spacing: 0;
  --type-display-sm-size: 56px;
  --type-display-sm-line-height: 72px;
  --type-display-sm-weight: 700;
  --type-display-sm-letter-spacing: 0;
  --type-h1-size: 52px;
  --type-h1-line-height: 68px;
  --type-h1-weight: 700;
  --type-h1-letter-spacing: 0;
  --type-h2-size: 40px;
  --type-h2-line-height: 52px;
  --type-h2-weight: 700;
  --type-h2-letter-spacing: 0;
  --type-h3-size: 32px;
  --type-h3-line-height: 44px;
  --type-h3-weight: 700;
  --type-h3-letter-spacing: 0;
  --type-h4-size: 28px;
  --type-h4-line-height: 40px;
  --type-h4-weight: 700;
  --type-h4-letter-spacing: 0;
  --type-h5-size: 24px;
  --type-h5-line-height: 36px;
  --type-h5-weight: 500;
  --type-h5-letter-spacing: 0;
  --type-h6-size: 20px;
  --type-h6-line-height: 30px;
  --type-h6-weight: 500;
  --type-h6-letter-spacing: 0;
  --type-body-lg-size: 20px;
  --type-body-lg-line-height: 30px;
  --type-body-lg-weight: 400;
  --type-body-lg-letter-spacing: 0;
  --type-body-md-size: 18px;
  --type-body-md-line-height: 28px;
  --type-body-md-weight: 400;
  --type-body-md-letter-spacing: 0;
  --type-body-sm-size: 16px;
  --type-body-sm-line-height: 24px;
  --type-body-sm-weight: 400;
  --type-body-sm-letter-spacing: 0;
  --type-caption-xlg-size: 16px;
  --type-caption-xlg-line-height: 24px;
  --type-caption-xlg-weight: 500;
  --type-caption-xlg-letter-spacing: 0;
  --type-caption-lg-size: 14px;
  --type-caption-lg-line-height: 20px;
  --type-caption-lg-weight: 500;
  --type-caption-lg-letter-spacing: 0;
  --type-caption-md-size: 12px;
  --type-caption-md-line-height: 18px;
  --type-caption-md-weight: 400;
  --type-caption-md-letter-spacing: 0;
  --type-caption-sm-size: 10px;
  --type-caption-sm-line-height: 16px;
  --type-caption-sm-weight: 400;
  --type-caption-sm-letter-spacing: 0;
  --type-hyperlink-2xlg-size: 20px;
  --type-hyperlink-2xlg-line-height: 30px;
  --type-hyperlink-2xlg-weight: 500;
  --type-hyperlink-2xlg-letter-spacing: 0;
  --type-hyperlink-xlg-size: 18px;
  --type-hyperlink-xlg-line-height: 28px;
  --type-hyperlink-xlg-weight: 500;
  --type-hyperlink-xlg-letter-spacing: 0;
  --type-hyperlink-lg-size: 16px;
  --type-hyperlink-lg-line-height: 24px;
  --type-hyperlink-lg-weight: 500;
  --type-hyperlink-lg-letter-spacing: 0;
  --type-hyperlink-md-size: 14px;
  --type-hyperlink-md-line-height: 20px;
  --type-hyperlink-md-weight: 500;
  --type-hyperlink-md-letter-spacing: 0;
  --type-hyperlink-sm-size: 12px;
  --type-hyperlink-sm-line-height: 18px;
  --type-hyperlink-sm-weight: 500;
  --type-hyperlink-sm-letter-spacing: 0;
  --type-hyperlink-xsm-size: 10px;
  --type-hyperlink-xsm-line-height: 16px;
  --type-hyperlink-xsm-weight: 500;
  --type-hyperlink-xsm-letter-spacing: 0;
  --type-aux-2xlg-size: 40px;
  --type-aux-2xlg-line-height: 52px;
  --type-aux-2xlg-weight: 500;
  --type-aux-2xlg-letter-spacing: 0;
  --type-aux-xlg-size: 32px;
  --type-aux-xlg-line-height: 44px;
  --type-aux-xlg-weight: 500;
  --type-aux-xlg-letter-spacing: 0;
  --type-aux-lg-size: 28px;
  --type-aux-lg-line-height: 40px;
  --type-aux-lg-weight: 500;
  --type-aux-lg-letter-spacing: 0;
  --type-aux-md-size: 24px;
  --type-aux-md-line-height: 36px;
  --type-aux-md-weight: 500;
  --type-aux-md-letter-spacing: 0;
  --type-aux-sm-size: 20px;
  --type-aux-sm-line-height: 30px;
  --type-aux-sm-weight: 500;
  --type-aux-sm-letter-spacing: 0;
  --type-aux-xsm-size: 16px;
  --type-aux-xsm-line-height: 24px;
  --type-aux-xsm-weight: 500;
  --type-aux-xsm-letter-spacing: 0;
  --type-aux-2xsm-size: 14px;
  --type-aux-2xsm-line-height: 20px;
  --type-aux-2xsm-weight: 500;
  --type-aux-2xsm-letter-spacing: 0;
}
@media (max-width: 767.98px) {
  :root {
    --type-display-lg-size: 40px;
    --type-display-lg-line-height: 48px;
    --type-display-md-size: 36px;
    --type-display-md-line-height: 44px;
    --type-display-sm-size: 32px;
    --type-display-sm-line-height: 42px;
    --type-h1-size: 30px;
    --type-h1-line-height: 40px;
    --type-h2-size: 26px;
    --type-h2-line-height: 34px;
    --type-h3-size: 24px;
    --type-h3-line-height: 32px;
    --type-h4-size: 20px;
    --type-h4-line-height: 28px;
    --type-h5-size: 18px;
    --type-h5-line-height: 26px;
    --type-h6-size: 16px;
    --type-h6-line-height: 24px;
    --type-body-lg-size: 16px;
    --type-body-lg-line-height: 24px;
    --type-body-md-size: 14px;
    --type-body-md-line-height: 20px;
    --type-body-sm-size: 12px;
    --type-body-sm-line-height: 18px;
    --type-caption-xlg-size: 14px;
    --type-caption-xlg-line-height: 20px;
    --type-caption-lg-size: 12px;
    --type-caption-lg-line-height: 18px;
    --type-caption-md-size: 10px;
    --type-caption-md-line-height: 16px;
    --type-caption-sm-size: 8px;
    --type-caption-sm-line-height: 12px;
    --type-hyperlink-2xlg-size: 16px;
    --type-hyperlink-2xlg-line-height: 24px;
    --type-hyperlink-xlg-size: 14px;
    --type-hyperlink-xlg-line-height: 20px;
    --type-hyperlink-lg-size: 12px;
    --type-hyperlink-lg-line-height: 18px;
    --type-hyperlink-md-size: 10px;
    --type-hyperlink-md-line-height: 16px;
    --type-hyperlink-sm-size: 8px;
    --type-hyperlink-sm-line-height: 12px;
    --type-hyperlink-xsm-size: 6px;
    --type-hyperlink-xsm-line-height: 10px;
  }
}
.t-display-lg { font-family: var(--font-sans); font-size: var(--type-display-lg-size); line-height: var(--type-display-lg-line-height); font-weight: var(--type-display-lg-weight); letter-spacing: var(--type-display-lg-letter-spacing); }
.t-display-md { font-family: var(--font-sans); font-size: var(--type-display-md-size); line-height: var(--type-display-md-line-height); font-weight: var(--type-display-md-weight); letter-spacing: var(--type-display-md-letter-spacing); }
.t-display-sm { font-family: var(--font-sans); font-size: var(--type-display-sm-size); line-height: var(--type-display-sm-line-height); font-weight: var(--type-display-sm-weight); letter-spacing: var(--type-display-sm-letter-spacing); }
.t-h1 { font-family: var(--font-sans); font-size: var(--type-h1-size); line-height: var(--type-h1-line-height); font-weight: var(--type-h1-weight); letter-spacing: var(--type-h1-letter-spacing); }
.t-h2 { font-family: var(--font-sans); font-size: var(--type-h2-size); line-height: var(--type-h2-line-height); font-weight: var(--type-h2-weight); letter-spacing: var(--type-h2-letter-spacing); }
.t-h3 { font-family: var(--font-sans); font-size: var(--type-h3-size); line-height: var(--type-h3-line-height); font-weight: var(--type-h3-weight); letter-spacing: var(--type-h3-letter-spacing); }
.t-h4 { font-family: var(--font-sans); font-size: var(--type-h4-size); line-height: var(--type-h4-line-height); font-weight: var(--type-h4-weight); letter-spacing: var(--type-h4-letter-spacing); }
.t-h5 { font-family: var(--font-sans); font-size: var(--type-h5-size); line-height: var(--type-h5-line-height); font-weight: var(--type-h5-weight); letter-spacing: var(--type-h5-letter-spacing); }
.t-h6 { font-family: var(--font-sans); font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); font-weight: var(--type-h6-weight); letter-spacing: var(--type-h6-letter-spacing); }
.t-body-lg { font-family: var(--font-sans); font-size: var(--type-body-lg-size); line-height: var(--type-body-lg-line-height); font-weight: var(--type-body-lg-weight); letter-spacing: var(--type-body-lg-letter-spacing); }
.t-body-md { font-family: var(--font-sans); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); font-weight: var(--type-body-md-weight); letter-spacing: var(--type-body-md-letter-spacing); }
.t-body-sm { font-family: var(--font-sans); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); font-weight: var(--type-body-sm-weight); letter-spacing: var(--type-body-sm-letter-spacing); }
.t-caption-xlg { font-family: var(--font-sans); font-size: var(--type-caption-xlg-size); line-height: var(--type-caption-xlg-line-height); font-weight: var(--type-caption-xlg-weight); letter-spacing: var(--type-caption-xlg-letter-spacing); }
.t-caption-lg { font-family: var(--font-sans); font-size: var(--type-caption-lg-size); line-height: var(--type-caption-lg-line-height); font-weight: var(--type-caption-lg-weight); letter-spacing: var(--type-caption-lg-letter-spacing); }
.t-caption-md { font-family: var(--font-sans); font-size: var(--type-caption-md-size); line-height: var(--type-caption-md-line-height); font-weight: var(--type-caption-md-weight); letter-spacing: var(--type-caption-md-letter-spacing); }
.t-caption-sm { font-family: var(--font-sans); font-size: var(--type-caption-sm-size); line-height: var(--type-caption-sm-line-height); font-weight: var(--type-caption-sm-weight); letter-spacing: var(--type-caption-sm-letter-spacing); }
.t-hyperlink-2xlg { font-family: var(--font-sans); font-size: var(--type-hyperlink-2xlg-size); line-height: var(--type-hyperlink-2xlg-line-height); font-weight: var(--type-hyperlink-2xlg-weight); letter-spacing: var(--type-hyperlink-2xlg-letter-spacing); }
.t-hyperlink-xlg { font-family: var(--font-sans); font-size: var(--type-hyperlink-xlg-size); line-height: var(--type-hyperlink-xlg-line-height); font-weight: var(--type-hyperlink-xlg-weight); letter-spacing: var(--type-hyperlink-xlg-letter-spacing); }
.t-hyperlink-lg { font-family: var(--font-sans); font-size: var(--type-hyperlink-lg-size); line-height: var(--type-hyperlink-lg-line-height); font-weight: var(--type-hyperlink-lg-weight); letter-spacing: var(--type-hyperlink-lg-letter-spacing); }
.t-hyperlink-md { font-family: var(--font-sans); font-size: var(--type-hyperlink-md-size); line-height: var(--type-hyperlink-md-line-height); font-weight: var(--type-hyperlink-md-weight); letter-spacing: var(--type-hyperlink-md-letter-spacing); }
.t-hyperlink-sm { font-family: var(--font-sans); font-size: var(--type-hyperlink-sm-size); line-height: var(--type-hyperlink-sm-line-height); font-weight: var(--type-hyperlink-sm-weight); letter-spacing: var(--type-hyperlink-sm-letter-spacing); }
.t-hyperlink-xsm { font-family: var(--font-sans); font-size: var(--type-hyperlink-xsm-size); line-height: var(--type-hyperlink-xsm-line-height); font-weight: var(--type-hyperlink-xsm-weight); letter-spacing: var(--type-hyperlink-xsm-letter-spacing); }
.t-aux-2xlg { font-family: var(--font-mono); font-size: var(--type-aux-2xlg-size); line-height: var(--type-aux-2xlg-line-height); font-weight: var(--type-aux-2xlg-weight); letter-spacing: var(--type-aux-2xlg-letter-spacing); }
.t-aux-xlg { font-family: var(--font-mono); font-size: var(--type-aux-xlg-size); line-height: var(--type-aux-xlg-line-height); font-weight: var(--type-aux-xlg-weight); letter-spacing: var(--type-aux-xlg-letter-spacing); }
.t-aux-lg { font-family: var(--font-mono); font-size: var(--type-aux-lg-size); line-height: var(--type-aux-lg-line-height); font-weight: var(--type-aux-lg-weight); letter-spacing: var(--type-aux-lg-letter-spacing); }
.t-aux-md { font-family: var(--font-mono); font-size: var(--type-aux-md-size); line-height: var(--type-aux-md-line-height); font-weight: var(--type-aux-md-weight); letter-spacing: var(--type-aux-md-letter-spacing); }
.t-aux-sm { font-family: var(--font-mono); font-size: var(--type-aux-sm-size); line-height: var(--type-aux-sm-line-height); font-weight: var(--type-aux-sm-weight); letter-spacing: var(--type-aux-sm-letter-spacing); }
.t-aux-xsm { font-family: var(--font-mono); font-size: var(--type-aux-xsm-size); line-height: var(--type-aux-xsm-line-height); font-weight: var(--type-aux-xsm-weight); letter-spacing: var(--type-aux-xsm-letter-spacing); }
.t-aux-2xsm { font-family: var(--font-mono); font-size: var(--type-aux-2xsm-size); line-height: var(--type-aux-2xsm-line-height); font-weight: var(--type-aux-2xsm-weight); letter-spacing: var(--type-aux-2xsm-letter-spacing); }


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/css/scss/design-system/tenweb-website/tenweb-website-components.css */
/* The 10web Website components (design-system/components/bundle.css), made responsive for theme pages. Generated by tenweb-design. */
/* 10web Website component styles. Every color, size and radius comes from tokens.css. */
.eg { box-sizing: border-box; font-family: var(--font-sans); letter-spacing: 0; }
.eg *, .eg *::before, .eg *::after { box-sizing: border-box; }
.eg-icon { display: inline-block; flex: none; }
.eg-icon svg { display: block; width: 100%; height: 100%; }
/* ---------- Button ---------- */
.eg-btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-400); height: var(--element-2xlg); padding: var(--space-400) var(--space-700); border: var(--space-25) solid transparent; border-radius: var(--corner-radius-200); font-size: var(--type-caption-lg-size); line-height: var(--type-caption-lg-line-height); font-weight: var(--type-caption-lg-weight); cursor: pointer; text-decoration: none; white-space: nowrap; transition: background-color 150ms, color 150ms, border-color 150ms; }
.eg-btn:focus-visible { outline: var(--space-50) solid var(--border-brand-earthy); outline-offset: var(--space-50); }
.eg-btn .eg-icon { width: var(--element-md); height: var(--element-md); }
.eg-btn--primary { background: var(--surface-black-default); color: var(--text-white-adept); }
.eg-btn--primary:hover, .eg-btn--primary:focus-visible { background: var(--surface-black-earthy); }
.eg-btn--primary:disabled { background: var(--surface-black-half); color: var(--text-white-adept-mid); cursor: default; }
.eg-btn--secondary { background: transparent; border-color: var(--surface-black-adept); color: var(--text-black-adept); }
.eg-btn--secondary:hover, .eg-btn--secondary:focus-visible { background: var(--surface-black-adept); color: var(--text-white-adept); }
.eg-btn--secondary:disabled { background: transparent; border-color: var(--surface-black-half); color: var(--text-black-adept-mid); cursor: default; }
.eg-btn--tertiary { background: var(--surface-black-adept-subtle); color: var(--text-white-adept); border-radius: var(--corner-radius-750); backdrop-filter: blur(var(--background-blur-100)); -webkit-backdrop-filter: blur(var(--background-blur-100)); }
.eg-btn--tertiary:hover, .eg-btn--tertiary:focus-visible { background: var(--surface-black-adept-mid); }
.eg-btn--tertiary:disabled { background: var(--surface-black-subtle); color: var(--text-white-adept-mid); cursor: default; }
.eg-btn--text { height: auto; padding: 0; background: transparent; color: var(--text-black-default); }
.eg-btn--text:hover, .eg-btn--text:focus-visible { color: var(--text-black-half); }
.eg-btn--text:disabled { color: var(--text-black-adept-mid); cursor: default; }
.eg-btn--text.eg-btn--large { font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); }
.eg-btn--text.eg-btn--small { font-size: var(--type-caption-lg-size); line-height: var(--type-caption-lg-line-height); }
.eg-btn--icon { width: var(--element-2xlg); padding: var(--space-400); }
.eg-btn--loading .eg-btn__label { visibility: hidden; }
.eg-btn__spin { position: absolute; width: var(--element-md); height: var(--element-md); animation: eg-spin 900ms linear infinite; }
.eg-btn--loading { position: relative; }
@keyframes eg-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
.eg-btn__spin { animation-duration: 3s; }
}
.eg-tag--master { background: linear-gradient(135deg, var(--blue-500), var(--white-500)); border-color: var(--white-300); }
.eg-tag--master.eg-tag--small { padding: var(--space-700) var(--space-900); border-radius: var(--corner-radius-500); font-size: var(--type-body-lg-size); line-height: var(--type-body-lg-line-height); }
.eg-tag--child.eg-tag--large { padding: var(--space-700) var(--space-900); border-radius: var(--corner-radius-600); font-size: var(--type-body-lg-size); line-height: var(--type-body-lg-line-height); }
.eg-tag .eg-icon { width: 1.6em; height: 1.6em; }
.eg-ftag--active { border-color: var(--surface-black-adept-mid); color: var(--text-black-adept); }
.eg-ftag:focus-visible { outline: var(--space-50) solid var(--border-brand-earthy); outline-offset: var(--space-50); }
/* ---------- Field ---------- */
.eg-field { display: flex; flex-direction: column; gap: var(--space-300); width: 100%; }
.eg-field__box { display: flex; align-items: center; gap: var(--space-400); height: var(--element-2xlg); padding: var(--space-400) var(--space-600); border: var(--space-25) solid var(--border-black-subtle); border-radius: var(--corner-radius-200); background: var(--surface-white-default); transition: border-color 150ms; }
.eg-field__box:hover { border-color: var(--border-black-twenty); }
.eg-field__box:focus-within, .eg-field--active .eg-field__box { border-color: var(--border-brand-earthy); }
.eg-field--error .eg-field__box, .eg-field--error .eg-field__box:hover { border-color: var(--red-800); }
.eg-field__input { flex: 1; min-width: 0; border: 0; padding: 0; background: transparent; font: inherit; font-size: var(--type-caption-lg-size); line-height: var(--type-caption-lg-line-height); color: var(--text-black-default); outline: none; }
.eg-field__input::placeholder { color: var(--text-black-half); }
.eg-field--complete .eg-field__input { color: var(--text-black-earthy); }
.eg-field--inactive .eg-field__box { pointer-events: none; }
.eg-field--inactive .eg-field__input, .eg-field--inactive .eg-field__input::placeholder { color: var(--text-black-twenty); }
.eg-field__help { font-size: var(--type-caption-md-size); line-height: var(--type-caption-md-line-height); color: var(--text-black-half); }
.eg-field--error .eg-field__help { color: var(--text-danger-default); }
.eg-field__label { font-size: var(--type-caption-lg-size); line-height: var(--type-caption-lg-line-height); font-weight: var(--type-caption-lg-weight); color: var(--text-black-default); }
/* ---------- Avatar ---------- */
.eg-avatar { display: inline-block; flex: none; border-radius: var(--corner-radius-750); overflow: hidden; background: var(--surface-black-adept-subtle); }
.eg-avatar img { display: block; width: 100%; height: 100%; object-fit: cover; }
.eg-avatar--xs { width: var(--element-xsm); height: var(--element-xsm); }
.eg-avatar--sm { width: var(--element-sm); height: var(--element-sm); }
.eg-avatar--md { width: var(--element-md); height: var(--element-md); }
.eg-avatar--lg { width: var(--element-lg); height: var(--element-lg); }
.eg-avatar--xl { width: var(--element-xlg); height: var(--element-xlg); }
.eg-avatar--2xl { width: var(--element-2xlg); height: var(--element-2xlg); }
.eg-avatar__initial { display: grid; place-items: center; width: 100%; height: 100%; font-size: var(--type-hyperlink-sm-size); font-weight: var(--type-hyperlink-sm-weight); color: var(--text-black-adept); }
.eg-avatars { display: inline-flex; }
.eg-avatars .eg-avatar { border: var(--space-50) solid var(--surface-white-default); margin-left: calc(-1 * var(--space-300)); }
.eg-avatars .eg-avatar:first-child { margin-left: 0; }
/* ---------- Breadcrumb ---------- */
.eg-crumbs { display: flex; align-items: center; gap: var(--space-300); margin: 0; padding: 0; list-style: none; font-size: var(--type-caption-lg-size); line-height: var(--type-caption-lg-line-height); }
.eg-crumbs li { display: inline-flex; align-items: center; gap: var(--space-300); color: var(--text-black-half); }
.eg-crumbs a { color: inherit; text-decoration: none; }
.eg-crumbs a:hover { color: var(--text-black-default); }
.eg-crumbs li[aria-current] { color: var(--text-black-default); font-weight: var(--type-caption-xlg-weight); }
.eg-crumbs .eg-icon { width: var(--element-xsm); height: var(--element-xsm); opacity: .5; }
/* ---------- Controllers ---------- */
.eg-ctrl { display: inline-grid; place-items: center; width: var(--element-2xlg); height: var(--element-2xlg); padding: var(--space-300); border: 0; border-radius: var(--corner-radius-750); background: var(--surface-black-adept-subtle); color: var(--element-black-adept); cursor: pointer; backdrop-filter: blur(var(--background-blur-500)); -webkit-backdrop-filter: blur(var(--background-blur-500)); transition: background-color 150ms; position: relative; }
.eg-ctrl:hover, .eg-ctrl:focus-visible { background: var(--surface-black-adept-twenty); }
.eg-ctrl:focus-visible { outline: var(--space-50) solid var(--border-brand-earthy); outline-offset: var(--space-50); }
.eg-ctrl:disabled { color: var(--element-black-adept-mid); cursor: default; }
.eg-ctrl:disabled:hover { background: var(--surface-black-adept-subtle); }
.eg-ctrl .eg-icon { width: var(--element-lg); height: var(--element-lg); }
.eg-ctrl--media .eg-icon { width: var(--element-md); height: var(--element-md); }
.eg-ctrl__ring { position: absolute; inset: 0; width: 100%; height: 100%; transform: rotate(-90deg); }
.eg-ctrl__ring circle { fill: none; stroke-width: 2; }
.eg-ctrl__ring .eg-ctrl__track { stroke: var(--element-black-adept-subtle); }
.eg-ctrl__ring .eg-ctrl__bar { stroke: var(--element-black-adept); stroke-linecap: round; transition: stroke-dashoffset 300ms; }
/* ---------- Badge ---------- */
.eg-badge { display: inline-flex; align-items: center; gap: var(--space-100); border-radius: var(--corner-radius-300); background: var(--surface-white-adept); color: var(--text-black-strong-earthy); font-size: var(--type-caption-md-size); line-height: var(--type-caption-md-line-height); font-weight: var(--type-caption-md-weight); white-space: nowrap; }
.eg-badge--small { padding: var(--space-100) var(--space-400); }
.eg-badge--medium { padding: var(--space-200) var(--space-500); }
.eg-badge--round { width: var(--space-750); height: var(--space-750); padding: var(--space-100); border-radius: var(--corner-radius-750); background: var(--white-300); backdrop-filter: blur(var(--background-blur-100)); -webkit-backdrop-filter: blur(var(--background-blur-100)); justify-content: center; }
.eg-badge .eg-icon { width: var(--element-xsm); height: var(--element-xsm); }
/* ---------- Tabs ---------- */
.eg-tab { display: inline-flex; align-items: center; padding: var(--space-300) var(--space-500); border: 0; border-radius: var(--corner-radius-200); background: var(--surface-grey-adept); color: var(--text-black-adept-half); font-size: var(--type-caption-lg-size); line-height: var(--type-caption-lg-line-height); font-weight: var(--type-caption-lg-weight); cursor: pointer; transition: background-color 150ms, color 150ms; }
.eg-tab:hover { background: var(--surface-black-adept-subtle); color: var(--text-black-adept); }
.eg-tab[aria-selected="true"] { background: var(--surface-black-adept); color: var(--text-white-adept); }
.eg-tab:focus-visible { outline: var(--space-50) solid var(--border-brand-earthy); outline-offset: var(--space-50); }
.eg-tabpill { display: inline-flex; align-items: center; padding: var(--space-300) var(--space-500); border: 0; border-radius: var(--corner-radius-750); background: var(--surface-white-subtle); color: var(--white-500); font-size: var(--type-caption-xlg-size); line-height: var(--type-caption-xlg-line-height); font-weight: var(--type-caption-xlg-weight); cursor: pointer; transition: background-color 150ms, color 150ms; }
.eg-tabpill[aria-selected="true"] { background: var(--surface-white-adept); color: var(--text-black-strong); }
.eg-tabbar { display: inline-flex; gap: var(--space-100); padding: var(--space-100); border-radius: var(--corner-radius-750); background: var(--surface-grey-adept); max-width: 100%; overflow-x: auto; scrollbar-width: none; }
.eg-tabbar::-webkit-scrollbar { display: none; }
.eg-tabbar .eg-tab { border-radius: var(--corner-radius-750); background: transparent; white-space: nowrap; }
.eg-tabbar .eg-tab:hover { background: var(--surface-black-adept-subtle); }
.eg-tabbar .eg-tab[aria-selected="true"] { background: var(--surface-black-adept); color: var(--text-white-adept); }
/* On a dark ground (the Dark theme), the Tab pill of the file: a fixed 10 percent white track, muted labels, and the selected tab a fixed white pill with black text. The light tab's selected fill turns white in the Dark theme while its label stays white. */
.eg-tabbar--dark { background: var(--surface-white-adept-subtle); }
.eg-tabbar--dark .eg-tab { color: var(--text-black-half); }
.eg-tabbar--dark .eg-tab:hover { background: var(--surface-black-adept-subtle); color: var(--text-black-default); }
.eg-tabbar--dark .eg-tab[aria-selected="true"] { background: var(--surface-white-adept); color: var(--text-black-strong); }
.eg-tabbar--dark .eg-tab:focus-visible { outline-color: var(--border-black-adept); }
.eg-nav { display: flex; align-items: center; justify-content: space-between; gap: var(--space-600); height: var(--space-1300); padding: var(--space-400) var(--margin-desktop); background: var(--surface-white-adept); backdrop-filter: blur(var(--background-blur-250)); -webkit-backdrop-filter: blur(var(--background-blur-250)); }
.eg-nav--tablet { padding: var(--space-400) var(--margin-tablet); background: var(--surface-white-earthy); backdrop-filter: blur(var(--background-blur-650)); -webkit-backdrop-filter: blur(var(--background-blur-650)); }
@media (min-width: 1261px) { :is(.eg-nav--tablet--bp-d, .eg-nav--tablet--bp-dt, .eg-nav--tablet--bp-dm) { padding: var(--space-400) var(--margin-tablet); background: var(--surface-white-earthy); backdrop-filter: blur(var(--background-blur-650)); -webkit-backdrop-filter: blur(var(--background-blur-650)); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-nav--tablet--bp-t, .eg-nav--tablet--bp-dt, .eg-nav--tablet--bp-tm) { padding: var(--space-400) var(--margin-tablet); background: var(--surface-white-earthy); backdrop-filter: blur(var(--background-blur-650)); -webkit-backdrop-filter: blur(var(--background-blur-650)); } }
@media (max-width: 767px) { :is(.eg-nav--tablet--bp-m, .eg-nav--tablet--bp-dm, .eg-nav--tablet--bp-tm) { padding: var(--space-400) var(--margin-tablet); background: var(--surface-white-earthy); backdrop-filter: blur(var(--background-blur-650)); -webkit-backdrop-filter: blur(var(--background-blur-650)); } }
.eg-nav--mobile { padding: var(--space-400) var(--margin-mobile); background: var(--surface-white-earthy); backdrop-filter: blur(var(--background-blur-650)); -webkit-backdrop-filter: blur(var(--background-blur-650)); }
@media (min-width: 1261px) { :is(.eg-nav--mobile--bp-d, .eg-nav--mobile--bp-dt, .eg-nav--mobile--bp-dm) { padding: var(--space-400) var(--margin-mobile); background: var(--surface-white-earthy); backdrop-filter: blur(var(--background-blur-650)); -webkit-backdrop-filter: blur(var(--background-blur-650)); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-nav--mobile--bp-t, .eg-nav--mobile--bp-dt, .eg-nav--mobile--bp-tm) { padding: var(--space-400) var(--margin-mobile); background: var(--surface-white-earthy); backdrop-filter: blur(var(--background-blur-650)); -webkit-backdrop-filter: blur(var(--background-blur-650)); } }
@media (max-width: 767px) { :is(.eg-nav--mobile--bp-m, .eg-nav--mobile--bp-dm, .eg-nav--mobile--bp-tm) { padding: var(--space-400) var(--margin-mobile); background: var(--surface-white-earthy); backdrop-filter: blur(var(--background-blur-650)); -webkit-backdrop-filter: blur(var(--background-blur-650)); } }
.eg-nav__logo { display: flex; align-items: center; height: var(--element-xlg); }
.eg-nav__logo img { display: block; height: var(--element-lg); width: auto; }
.eg-nav__actions { display: flex; align-items: center; gap: var(--space-300); }
.eg-toast--short { width: 288px; }
.eg-toast--long { width: 100%; }
/* ---------- Pagination ---------- */
.eg-pages { display: flex; align-items: center; gap: var(--space-400); margin: 0; padding: 0; list-style: none; }
.eg-pages__item { display: inline-grid; place-items: center; width: var(--element-xlg); height: var(--element-xlg); padding: var(--space-100); border: 0; border-radius: var(--corner-radius-750); background: var(--surface-white-default); color: var(--text-black-default); font-size: var(--type-caption-lg-size); line-height: var(--type-caption-lg-line-height); font-family: inherit; cursor: pointer; font-variant-numeric: tabular-nums; transition: background-color 150ms, color 150ms; }
.eg-pages__item:hover { background: var(--surface-black-adept-subtle); }
.eg-pages__item[aria-current="page"] { background: var(--surface-black-adept); color: var(--text-white-adept); }
.eg-pages__item:disabled { color: var(--text-black-adept-mid); cursor: default; }
.eg-pages__item:disabled:hover { background: var(--surface-white-default); }
.eg-pages__item .eg-icon { width: var(--element-sm); height: var(--element-sm); }
.eg-pages__item:focus-visible { outline: var(--space-50) solid var(--border-brand-earthy); outline-offset: var(--space-50); }
/* ---------- Card ---------- */
.eg-card { display: flex; flex-direction: column; overflow: hidden; background: var(--surface-white-default); box-shadow: var(--elevation-300); color: var(--text-black-default); }
.eg-card--small { width: 408px; max-width: 100%; border-radius: var(--corner-radius-600); }
.eg-card--large { width: 624px; max-width: 100%; border-radius: var(--corner-radius-700); }
.eg-card--small.eg-card--icon { padding: var(--space-800); }
.eg-card--large.eg-card--icon { padding: var(--space-900); }
.eg-card__media { display: block; width: 100%; aspect-ratio: 408 / 260; object-fit: cover; background: var(--surface-grey-default); }
.eg-card--large .eg-card__media { aspect-ratio: 624 / 406; }
.eg-card__body { display: flex; flex-direction: column; gap: var(--space-700); }
.eg-card--media.eg-card--small .eg-card__body { padding: 0 var(--space-800) var(--space-800); margin-top: var(--space-900); }
.eg-card--media.eg-card--large .eg-card__body { padding: var(--space-900) var(--space-900) 0; margin-bottom: var(--space-900); }
.eg-card--media.eg-card--large { flex-direction: column-reverse; }
.eg-card__icon { width: var(--element-lg); height: var(--element-lg); color: var(--element-black-adept); }
.eg-card--large .eg-card__icon { width: var(--element-xlg); height: var(--element-xlg); }
.eg-card__text { display: flex; flex-direction: column; gap: var(--space-500); }
.eg-card--large .eg-card__text { gap: var(--space-600); }
.eg-card__overline { margin: 0; font-size: var(--type-caption-xlg-size); line-height: var(--type-caption-xlg-line-height); font-weight: var(--type-caption-xlg-weight); color: var(--text-black-half); }
.eg-card__title { margin: 0; font-size: var(--type-h4-size); line-height: var(--type-h4-line-height); font-weight: var(--type-h4-weight); color: var(--text-black-default); text-wrap: balance; }
.eg-card--large .eg-card__title { font-size: var(--type-h3-size); line-height: var(--type-h3-line-height); }
.eg-card__copy { margin: 0; font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); color: var(--text-black-earthy); }
.eg-card__head { display: flex; flex-direction: column; gap: var(--space-300); }
.eg-card__action { display: flex; }
.eg-card__redirect { position: absolute; right: var(--space-500); bottom: var(--space-500); display: grid; place-items: center; width: var(--element-2xlg); height: var(--element-2xlg); border-radius: var(--corner-radius-750); background: var(--surface-white-adept); border: var(--space-25) solid var(--border-black-subtle); box-shadow: var(--elevation-300); color: var(--element-black-adept); }
.eg-card__redirect .eg-icon { width: var(--element-md); height: var(--element-md); }
.eg-card { position: relative; }
/* ---------- FAQ ---------- */
.eg-faq { width: 100%; max-width: 1012px; }
.eg-faq__title { margin: 0 0 var(--space-1200); font-size: var(--type-h2-size); line-height: var(--type-h2-line-height); font-weight: var(--type-h2-weight); color: var(--text-black-default); text-wrap: balance; }
.eg-faq--mobile .eg-faq__title { margin-bottom: var(--space-1000); }
@media (min-width: 1261px) { :is(.eg-faq--mobile--bp-d, .eg-faq--mobile--bp-dt, .eg-faq--mobile--bp-dm) .eg-faq__title { margin-bottom: var(--space-1000); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-faq--mobile--bp-t, .eg-faq--mobile--bp-dt, .eg-faq--mobile--bp-tm) .eg-faq__title { margin-bottom: var(--space-1000); } }
@media (max-width: 767px) { :is(.eg-faq--mobile--bp-m, .eg-faq--mobile--bp-dm, .eg-faq--mobile--bp-tm) .eg-faq__title { margin-bottom: var(--space-1000); } }
.eg-faq__list { display: flex; flex-direction: column; gap: var(--space-1000); }
.eg-faq__actions { margin-top: var(--space-1200); }
.eg-faqitem { display: flex; flex-direction: column; gap: var(--space-700); }
.eg-faqitem__q { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-1350); width: 100%; margin: 0; padding: 0; border: 0; background: transparent; text-align: left; font-family: inherit; font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); font-weight: var(--type-h6-weight); color: var(--text-black-default); cursor: pointer; }
.eg-faqitem__q:focus-visible { outline: var(--space-50) solid var(--border-brand-earthy); outline-offset: var(--space-100); border-radius: var(--corner-radius-50); }
.eg-faqitem__q .eg-icon { width: var(--element-md); height: var(--element-md); flex: none; margin-top: var(--space-50); color: var(--element-black-adept); }
.eg-faqitem__a { margin: 0; font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); font-weight: var(--type-body-md-weight); color: var(--text-black-earthy); max-width: 70ch; }
.eg-faqitem__content { display: flex; flex-direction: column; gap: var(--space-500); }
.eg-faqitem__divider { height: var(--space-25); background: var(--element-black-subtle); }
.eg-faq--mobile .eg-faqitem__q { gap: var(--space-700); }
@media (min-width: 1261px) { :is(.eg-faq--mobile--bp-d, .eg-faq--mobile--bp-dt, .eg-faq--mobile--bp-dm) .eg-faqitem__q { gap: var(--space-700); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-faq--mobile--bp-t, .eg-faq--mobile--bp-dt, .eg-faq--mobile--bp-tm) .eg-faqitem__q { gap: var(--space-700); } }
@media (max-width: 767px) { :is(.eg-faq--mobile--bp-m, .eg-faq--mobile--bp-dm, .eg-faq--mobile--bp-tm) .eg-faqitem__q { gap: var(--space-700); } }
/* ---------- Section frame shared by Hero, Pricing, Testimonials, SocialProof, CTA ---------- */
.eg-section { width: 100%; padding: var(--space-1400) max(var(--margin-tablet), calc((100% - var(--container-desktop)) / 2)); background: var(--surface-white-default); color: var(--text-black-default); }
.eg-section--tablet { padding: var(--space-1200) var(--margin-tablet); }
@media (min-width: 1261px) { :is(.eg-section--tablet--bp-d, .eg-section--tablet--bp-dt, .eg-section--tablet--bp-dm) { padding: var(--space-1200) var(--margin-tablet); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-section--tablet--bp-t, .eg-section--tablet--bp-dt, .eg-section--tablet--bp-tm) { padding: var(--space-1200) var(--margin-tablet); } }
@media (max-width: 767px) { :is(.eg-section--tablet--bp-m, .eg-section--tablet--bp-dm, .eg-section--tablet--bp-tm) { padding: var(--space-1200) var(--margin-tablet); } }
.eg-section--mobile { padding: var(--space-1000) var(--margin-mobile); }
@media (min-width: 1261px) { :is(.eg-section--mobile--bp-d, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-dm) { padding: var(--space-1000) var(--margin-mobile); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-section--mobile--bp-t, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-tm) { padding: var(--space-1000) var(--margin-mobile); } }
@media (max-width: 767px) { :is(.eg-section--mobile--bp-m, .eg-section--mobile--bp-dm, .eg-section--mobile--bp-tm) { padding: var(--space-1000) var(--margin-mobile); } }
.eg-section__inner { width: 100%; max-width: var(--container-desktop); margin: 0 auto; }
.eg-section--dark { background: var(--surface-black-default); color: var(--text-white-default); }
.eg-section__head { display: flex; flex-direction: column; gap: var(--space-700); }
.eg-section__overline { margin: 0; font-size: var(--type-h5-size); line-height: var(--type-h5-line-height); font-weight: var(--type-h5-weight); color: var(--text-black-half); }
.eg-section__h2 { margin: 0; font-size: var(--type-h2-size); line-height: var(--type-h2-line-height); font-weight: var(--type-h2-weight); text-wrap: balance; }
.eg-section__lead { margin: 0; font-size: var(--type-body-lg-size); line-height: var(--type-body-lg-line-height); color: var(--text-black-earthy); max-width: 62ch; }
.eg-section--dark .eg-section__lead { color: var(--text-white-earthy); }
.eg-section--dark .eg-section__overline { color: var(--text-white-half); }
.eg-section__row { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--space-900); }
.eg-section--mobile .eg-section__row, .eg-section--tablet .eg-section__row { flex-direction: column; align-items: flex-start; gap: var(--space-700); }
@media (min-width: 1261px) { :is(.eg-section--mobile--bp-d, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-dm) .eg-section__row, :is(.eg-section--tablet--bp-d, .eg-section--tablet--bp-dt, .eg-section--tablet--bp-dm) .eg-section__row { flex-direction: column; align-items: flex-start; gap: var(--space-700); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-section--mobile--bp-t, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-tm) .eg-section__row, :is(.eg-section--tablet--bp-t, .eg-section--tablet--bp-dt, .eg-section--tablet--bp-tm) .eg-section__row { flex-direction: column; align-items: flex-start; gap: var(--space-700); } }
@media (max-width: 767px) { :is(.eg-section--mobile--bp-m, .eg-section--mobile--bp-dm, .eg-section--mobile--bp-tm) .eg-section__row, :is(.eg-section--tablet--bp-m, .eg-section--tablet--bp-dm, .eg-section--tablet--bp-tm) .eg-section__row { flex-direction: column; align-items: flex-start; gap: var(--space-700); } }
/* ---------- Hero ---------- */
.eg-hero { padding: var(--space-1600) var(--margin-desktop); }
.eg-hero--tablet { padding: var(--space-1400) var(--margin-tablet); }
@media (min-width: 1261px) { :is(.eg-hero--tablet--bp-d, .eg-hero--tablet--bp-dt, .eg-hero--tablet--bp-dm) { padding: var(--space-1400) var(--margin-tablet); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-hero--tablet--bp-t, .eg-hero--tablet--bp-dt, .eg-hero--tablet--bp-tm) { padding: var(--space-1400) var(--margin-tablet); } }
@media (max-width: 767px) { :is(.eg-hero--tablet--bp-m, .eg-hero--tablet--bp-dm, .eg-hero--tablet--bp-tm) { padding: var(--space-1400) var(--margin-tablet); } }
.eg-hero--mobile { padding: var(--space-1200) var(--margin-mobile); }
@media (min-width: 1261px) { :is(.eg-hero--mobile--bp-d, .eg-hero--mobile--bp-dt, .eg-hero--mobile--bp-dm) { padding: var(--space-1200) var(--margin-mobile); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-hero--mobile--bp-t, .eg-hero--mobile--bp-dt, .eg-hero--mobile--bp-tm) { padding: var(--space-1200) var(--margin-mobile); } }
@media (max-width: 767px) { :is(.eg-hero--mobile--bp-m, .eg-hero--mobile--bp-dm, .eg-hero--mobile--bp-tm) { padding: var(--space-1200) var(--margin-mobile); } }
.eg-hero__content { display: flex; flex-direction: column; gap: var(--space-900); max-width: 900px; }
.eg-hero__text { display: flex; flex-direction: column; gap: var(--space-700); }
.eg-hero__display { margin: 0; font-size: var(--type-display-lg-size); line-height: var(--type-display-lg-line-height); font-weight: var(--type-display-lg-weight); text-wrap: balance; }
.eg-hero__buttons { display: flex; flex-wrap: wrap; gap: var(--space-400); }
.eg-hero--center .eg-hero__content { align-items: center; text-align: center; margin: 0 auto; }
.eg-hero--center .eg-hero__buttons { justify-content: center; }
.eg-hero__media { display: block; width: 100%; margin-top: var(--space-1700); border-radius: var(--corner-radius-600); background: var(--surface-grey-default); aspect-ratio: 1272 / 720; object-fit: cover; }
.eg-hero--mobile .eg-hero__media { margin-top: var(--space-1300); }
@media (min-width: 1261px) { :is(.eg-hero--mobile--bp-d, .eg-hero--mobile--bp-dt, .eg-hero--mobile--bp-dm) .eg-hero__media { margin-top: var(--space-1300); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-hero--mobile--bp-t, .eg-hero--mobile--bp-dt, .eg-hero--mobile--bp-tm) .eg-hero__media { margin-top: var(--space-1300); } }
@media (max-width: 767px) { :is(.eg-hero--mobile--bp-m, .eg-hero--mobile--bp-dm, .eg-hero--mobile--bp-tm) .eg-hero__media { margin-top: var(--space-1300); } }
.eg-billing__label { color: var(--text-black-half); cursor: pointer; }
.eg-billing__switch { position: relative; width: var(--space-750); height: var(--element-xsm); border: 0; border-radius: var(--corner-radius-750); background: var(--surface-positive-default); cursor: pointer; padding: 0; }
.eg-billing__switch[aria-checked="true"]::after { transform: translateX(var(--space-400)); }
.eg-billing__switch:focus-visible { outline: var(--space-50) solid var(--border-brand-earthy); outline-offset: var(--space-50); }
.eg-price--mobile { grid-template-columns: 1fr; }
@media (min-width: 1261px) { :is(.eg-price--mobile--bp-d, .eg-price--mobile--bp-dt, .eg-price--mobile--bp-dm) { grid-template-columns: 1fr; } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-price--mobile--bp-t, .eg-price--mobile--bp-dt, .eg-price--mobile--bp-tm) { grid-template-columns: 1fr; } }
@media (max-width: 767px) { :is(.eg-price--mobile--bp-m, .eg-price--mobile--bp-dm, .eg-price--mobile--bp-tm) { grid-template-columns: 1fr; } }
.eg-price__tag { display: inline-flex; padding: var(--space-100) var(--space-400); border: var(--space-25) solid var(--border-black-subtle); border-radius: var(--corner-radius-200); font-size: var(--type-hyperlink-sm-size); line-height: var(--type-hyperlink-sm-line-height); font-weight: var(--type-hyperlink-sm-weight); color: var(--text-black-earthy); }
.eg-price__amount { margin: 0; display: flex; align-items: baseline; gap: var(--space-100); font-size: var(--type-h1-size); line-height: var(--type-h1-line-height); font-weight: var(--type-h1-weight); font-variant-numeric: tabular-nums; }
.eg-price__copy { margin: 0; font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); color: var(--text-black-earthy); }
.eg-price__features li { display: flex; align-items: center; gap: var(--space-400); font-size: var(--type-caption-lg-size); line-height: var(--type-caption-lg-line-height); color: var(--text-black-default); }
/* ---------- Testimonial ---------- */
.eg-quote { display: flex; flex-direction: column; gap: var(--space-500); width: 408px; max-width: 100%; padding: var(--space-700); border: var(--space-25) solid var(--border-black-subtle); border-radius: var(--corner-radius-500); background: var(--surface-white-default); color: var(--text-black-default); }
.eg-quote__who { display: flex; align-items: center; gap: var(--space-400); }
.eg-quote__name { margin: 0; font-size: var(--type-caption-lg-size); line-height: var(--type-caption-lg-line-height); font-weight: var(--type-h1-weight); }
.eg-quote__handle { margin: 0; font-size: var(--type-caption-md-size); line-height: var(--type-caption-md-line-height); color: var(--text-black-half); }
.eg-quote__text { margin: 0; font-size: var(--type-caption-lg-size); line-height: var(--type-caption-lg-line-height); color: var(--text-black-earthy); }
.eg-quote__media { display: block; width: 100%; aspect-ratio: 360 / 250; border-radius: var(--corner-radius-400); object-fit: cover; background: var(--surface-grey-default); }
.eg-quote__date { margin: 0; font-size: var(--type-caption-md-size); line-height: var(--type-caption-md-line-height); color: var(--text-black-half); font-variant-numeric: tabular-nums; }
.eg-quote__source { width: var(--element-sm); height: var(--element-sm); margin-left: auto; color: var(--element-black-adept); }
/* ---------- Social proof ---------- */
.eg-proof { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--space-1400); margin: 0; padding: 0; list-style: none; }
.eg-proof--mobile { gap: var(--space-700); }
@media (min-width: 1261px) { :is(.eg-proof--mobile--bp-d, .eg-proof--mobile--bp-dt, .eg-proof--mobile--bp-dm) { gap: var(--space-700); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-proof--mobile--bp-t, .eg-proof--mobile--bp-dt, .eg-proof--mobile--bp-tm) { gap: var(--space-700); } }
@media (max-width: 767px) { :is(.eg-proof--mobile--bp-m, .eg-proof--mobile--bp-dm, .eg-proof--mobile--bp-tm) { gap: var(--space-700); } }
.eg-proof__item { display: inline-flex; align-items: center; gap: var(--space-600); font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); font-weight: var(--type-h6-weight); color: var(--text-black-default); }
.eg-proof__item .eg-icon { width: var(--element-xlg); height: var(--element-xlg); color: var(--element-black-adept); }
.eg-proof__logo { height: var(--element-lg); width: auto; display: block; }
.eg-ctaitem { display: flex; align-items: center; justify-content: space-between; gap: var(--space-900); width: 100%; max-width: 1080px; padding: var(--space-800) var(--space-1000); border-radius: var(--corner-radius-500); background: var(--white-100); color: var(--text-white-earthy); font-size: var(--type-h5-size); line-height: var(--type-h5-line-height); font-weight: var(--type-h1-weight); transition: background-color 150ms; }
.eg-ctaitem mark { background: transparent; color: var(--text-brand-adept); }
/* ================= Part 2: marketing sections and patterns ================= */
.eg-section--grey { background: var(--surface-grey-adept); }
.eg-section--cut { padding-bottom: 0; }
.eg-section__h2--display { font-size: var(--type-display-sm-size); line-height: var(--type-display-sm-line-height); }
.eg-section__h2--h3 { font-size: var(--type-h3-size); line-height: var(--type-h3-line-height); }
.eg-section__lead--md { font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); }
.eg-headrow { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: var(--space-900); }
.eg-headrow__text { display: flex; flex-direction: column; gap: var(--space-600); max-width: 1012px; min-width: min(360px, 100%); flex: 1 1 0; }
.eg-headrow--center { flex-direction: column; align-items: center; text-align: center; }
.eg-headrow--center .eg-headrow__text { align-items: center; }
.eg-headrow--center .eg-section__lead { margin-inline: auto; }
.eg-headrow--stack { flex-direction: column; align-items: flex-start; gap: var(--space-700); }
@media (min-width: 1261px) { :is(.eg-headrow--stack--bp-d, .eg-headrow--stack--bp-dt, .eg-headrow--stack--bp-dm) { flex-direction: column; align-items: flex-start; gap: var(--space-700); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-headrow--stack--bp-t, .eg-headrow--stack--bp-dt, .eg-headrow--stack--bp-tm) { flex-direction: column; align-items: flex-start; gap: var(--space-700); } }
@media (max-width: 767px) { :is(.eg-headrow--stack--bp-m, .eg-headrow--stack--bp-dm, .eg-headrow--stack--bp-tm) { flex-direction: column; align-items: flex-start; gap: var(--space-700); } }
/* An action wider than the room beside the text (a row of badges, not a button) moves under it, and wraps. */
.eg-headrow__action { flex: none; max-width: 100%; }
.eg-headrow__action > * { flex-wrap: wrap; }
/* A group in the action slot (a row of badges): one line, centred, wrapping. */
.eg-headrow__action > div { display: flex; align-items: center; gap: var(--space-200); }
.eg-list__inner { display: flex; flex-direction: column; gap: var(--space-1200); }
.eg-ctrls { display: flex; gap: var(--space-500); }
.eg-hero__buttons--center { justify-content: center; }
/* ---------- Media placeholder ---------- */
.eg-media { display: grid; place-items: center; width: 100%; max-width: 100%; background: var(--surface-black-adept-subtle); color: var(--element-black-adept-mid); overflow: hidden; }
.eg-media--img { display: block; object-fit: cover; }
.eg-media--r8 { border-radius: var(--corner-radius-300); }
.eg-media--r12 { border-radius: var(--corner-radius-400); }
.eg-media--r16 { border-radius: var(--corner-radius-500); }
.eg-media--r24 { border-radius: var(--corner-radius-600); }
.eg-media--r32 { border-radius: var(--corner-radius-700); }
.eg-media--r0 { border-radius: 0; }
.eg-media__glyph { width: 33%; max-width: 256px; aspect-ratio: 1; display: grid; place-items: center; }
.eg-media__glyph svg { width: 75%; height: 75%; }
.eg-media__glyph--lg { width: 40%; }
.eg-media--animation .eg-media__glyph { color: var(--element-black-adept-mid); }
/* ---------- Player, timeline, video card ---------- */
.eg-player { display: inline-flex; align-items: center; gap: var(--space-100); height: var(--element-xlg); padding: var(--space-300) var(--space-400); border: 0; border-radius: var(--corner-radius-750); background: var(--surface-white-default); color: var(--text-black-default); box-shadow: var(--elevation-300); font-family: inherit; font-size: var(--type-hyperlink-sm-size); line-height: var(--type-hyperlink-sm-line-height); font-weight: var(--type-hyperlink-sm-weight); cursor: pointer; font-variant-numeric: tabular-nums; }
.eg-player:focus-visible { outline: var(--space-50) solid var(--border-brand-earthy); outline-offset: var(--space-50); }
.eg-timeline__seg { flex: 1; position: relative; height: var(--space-100); border-radius: var(--corner-radius-750); background: var(--surface-white-mid); overflow: hidden; }
.eg-timeline__fill { position: absolute; inset: 0; background: var(--surface-white-adept); transform-origin: left; transition: transform 300ms linear; }
.eg-video__media { aspect-ratio: 1066 / 600; }
.eg-video--active .eg-video__overlay { opacity: 1; }
.eg-video__top { top: var(--space-900); justify-content: space-between; align-items: flex-start; }
.eg-video__text { display: flex; gap: var(--space-400); max-width: 750px; }
.eg-video__icon .eg-icon { width: var(--element-lg); height: var(--element-lg); }
.eg-video__copy { margin: var(--space-200) 0 0; font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); color: var(--text-white-earthy); }
.eg-video:not(.eg-video--active) .eg-video__top, .eg-video:not(.eg-video--active) .eg-video__bottom { opacity: 0; }
.eg-videos > * { flex: none; scroll-snap-align: start; width: min(1066px, 100%); }
/* ---------- Media spotlight ---------- */
.eg-spot { position: relative; width: 100%; max-width: 1102px; }
.eg-spot__media { aspect-ratio: 1102 / 620; border-radius: var(--corner-radius-700); }
.eg-spot__layer { position: absolute; left: var(--space-700); right: var(--space-700); bottom: var(--space-700); display: flex; gap: var(--space-1200); padding: var(--space-900) var(--space-1000); border-radius: var(--corner-radius-500); background: var(--surface-white-adept); color: var(--text-black-strong); backdrop-filter: blur(var(--background-blur-700)); -webkit-backdrop-filter: blur(var(--background-blur-700)); }
.eg-spot__head { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-400); flex: 1; min-width: 0; }
.eg-spot__label { display: inline-flex; align-items: center; gap: var(--space-200); padding: var(--space-300) var(--space-400) var(--space-300) var(--space-300); border-radius: var(--corner-radius-750); background: var(--blue-100); color: var(--blue-800); font-size: var(--type-caption-lg-size); line-height: var(--type-caption-lg-line-height); font-weight: var(--type-caption-lg-weight); }
.eg-spot__title { margin: 0; font-size: var(--type-h2-size); line-height: var(--type-h2-line-height); font-weight: var(--type-h2-weight); color: var(--text-black-strong); text-wrap: balance; }
.eg-spot__list { width: 316px; flex: none; padding-top: var(--space-600); font-size: var(--type-caption-lg-size); line-height: var(--type-caption-lg-line-height); color: var(--text-black-strong-earthy); display: flex; flex-direction: column; gap: var(--space-500); }
.eg-spot__list ul { margin: 0; padding-left: 1.2em; display: grid; gap: var(--space-200); }
.eg-spot__list p { margin: 0; }
@media (max-width: 900px) {
.eg-spot__layer { flex-direction: column; gap: var(--space-600); padding: var(--space-700); }
.eg-spot__list { width: auto; padding-top: 0; }
.eg-spot__title { font-size: var(--type-h5-size); line-height: var(--type-h5-line-height); }
}
.eg-navmedia--black { background-color: var(--surface-black-default); }
.eg-navmedia__title { margin: 0; font-size: var(--type-h4-size); line-height: var(--type-h4-line-height); font-weight: var(--type-h4-weight); }
.eg-navmedia__item { display: block; width: 100%; padding: 0; border: 0; background: transparent; text-align: left; font-family: inherit; font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); color: var(--text-white-half); cursor: pointer; border-radius: var(--corner-radius-400); }
.eg-navmedia__item:focus-visible { outline: var(--space-50) solid var(--white-1000); outline-offset: var(--space-100); }
.eg-navmedia__panel .eg-btn { flex: 1; }
/* ---------- Info layer ---------- */
.eg-info { display: flex; align-items: center; gap: var(--space-600); width: 100%; padding: var(--space-600) var(--space-700); border-radius: var(--corner-radius-500); background: var(--white-100); color: var(--white-1000); backdrop-filter: blur(var(--background-blur-650)); -webkit-backdrop-filter: blur(var(--background-blur-650)); }
.eg-info--light { background: var(--surface-white-adept); color: var(--text-black-strong); }
.eg-info__icon { display: grid; place-items: center; width: var(--space-1100); height: var(--space-1100); flex: none; border-radius: var(--corner-radius-300); background: var(--white-100); color: currentColor; }
.eg-info--light .eg-info__icon { background: var(--surface-black-adept-subtle); color: var(--element-black-strong); }
.eg-info__icon .eg-icon { width: var(--element-xlg); height: var(--element-xlg); }
.eg-info__text { display: flex; flex-direction: column; gap: var(--space-100); min-width: 0; }
.eg-info__title { margin: 0; font-size: var(--type-body-lg-size); line-height: var(--type-body-lg-line-height); font-weight: var(--type-h1-weight); }
.eg-info__copy { margin: 0; font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); opacity: .8; }
.eg-notice--tablet { padding: var(--space-500) var(--margin-tablet); }
@media (min-width: 1261px) { :is(.eg-notice--tablet--bp-d, .eg-notice--tablet--bp-dt, .eg-notice--tablet--bp-dm) { padding: var(--space-500) var(--margin-tablet); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-notice--tablet--bp-t, .eg-notice--tablet--bp-dt, .eg-notice--tablet--bp-tm) { padding: var(--space-500) var(--margin-tablet); } }
@media (max-width: 767px) { :is(.eg-notice--tablet--bp-m, .eg-notice--tablet--bp-dm, .eg-notice--tablet--bp-tm) { padding: var(--space-500) var(--margin-tablet); } }
.eg-notice__left { display: flex; align-items: center; gap: var(--space-500); min-width: 0; }
.eg-notice__pages { display: inline-flex; flex-direction: column; gap: var(--space-50); width: var(--space-50); height: var(--element-md); flex: none; }
.eg-notice__pages i.eg-notice__page--on { background: var(--element-white-default); }
.eg-notice--mobile .eg-notice__pages i { width: var(--element-md); }
@media (min-width: 1261px) { :is(.eg-notice--mobile--bp-d, .eg-notice--mobile--bp-dt, .eg-notice--mobile--bp-dm) .eg-notice__pages i { width: var(--element-md); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-notice--mobile--bp-t, .eg-notice--mobile--bp-dt, .eg-notice--mobile--bp-tm) .eg-notice__pages i { width: var(--element-md); } }
@media (max-width: 767px) { :is(.eg-notice--mobile--bp-m, .eg-notice--mobile--bp-dm, .eg-notice--mobile--bp-tm) .eg-notice__pages i { width: var(--element-md); } }
.eg-notice__text { font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); }
.eg-notice__link:hover { text-decoration: underline; }
.eg-notice__btn:hover { background: var(--white-800); }
.eg-notice__close:focus-visible { outline: var(--space-50) solid var(--white-1000); }
.eg-cmenu__col { display: flex; flex-direction: column; gap: var(--space-700); width: 192px; }
.eg-cmenu__group { display: flex; flex-direction: column; gap: var(--space-600); }
.eg-cmenu__list { display: flex; flex-direction: column; gap: var(--space-500); margin: 0; padding: 0; list-style: none; }
.eg-cmenu__item:hover { color: var(--text-black-half); }
.eg-dnav { display: flex; align-items: center; justify-content: space-between; gap: var(--space-1200); min-height: 82px; padding: var(--space-500) var(--margin-desktop); background: var(--surface-white-default); border-bottom: var(--space-25) solid var(--element-black-subtle); }
.eg-dnav--mobile { padding: var(--space-500) var(--margin-mobile); flex-direction: column; align-items: stretch; gap: var(--space-500); }
@media (min-width: 1261px) { :is(.eg-dnav--mobile--bp-d, .eg-dnav--mobile--bp-dt, .eg-dnav--mobile--bp-dm) { padding: var(--space-500) var(--margin-mobile); flex-direction: column; align-items: stretch; gap: var(--space-500); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-dnav--mobile--bp-t, .eg-dnav--mobile--bp-dt, .eg-dnav--mobile--bp-tm) { padding: var(--space-500) var(--margin-mobile); flex-direction: column; align-items: stretch; gap: var(--space-500); } }
@media (max-width: 767px) { :is(.eg-dnav--mobile--bp-m, .eg-dnav--mobile--bp-dm, .eg-dnav--mobile--bp-tm) { padding: var(--space-500) var(--margin-mobile); flex-direction: column; align-items: stretch; gap: var(--space-500); } }
.eg-dnav__li { position: relative; }
.eg-dnav__item:hover, .eg-dnav__item--on { color: var(--text-black-half); }
.eg-dnav__menu { position: absolute; top: calc(100% + var(--space-600)); left: 0; z-index: 10; }
.eg-dnav__search input { flex: 1; min-width: 0; border: 0; background: transparent; font: inherit; font-size: var(--type-body-sm-size); color: var(--text-black-default); outline: none; }
.eg-dnav__go { height: var(--element-xlg); border-radius: var(--corner-radius-750); padding: var(--space-300) var(--space-600); }
/* ---------- Banner ---------- */
.eg-banner { color: var(--text-black-default); }
.eg-banner--card { display: flex; align-items: center; gap: var(--space-1650); width: 100%; max-width: var(--container-desktop); padding: var(--space-1200); border-radius: var(--corner-radius-700); background: var(--surface-grey-default); }
.eg-banner--tablet, .eg-banner--mobile { flex-direction: column; align-items: stretch; gap: var(--space-900); padding: var(--space-800); }
@media (min-width: 1261px) { :is(.eg-banner--tablet--bp-d, .eg-banner--tablet--bp-dt, .eg-banner--tablet--bp-dm), :is(.eg-banner--mobile--bp-d, .eg-banner--mobile--bp-dt, .eg-banner--mobile--bp-dm) { flex-direction: column; align-items: stretch; gap: var(--space-900); padding: var(--space-800); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-banner--tablet--bp-t, .eg-banner--tablet--bp-dt, .eg-banner--tablet--bp-tm), :is(.eg-banner--mobile--bp-t, .eg-banner--mobile--bp-dt, .eg-banner--mobile--bp-tm) { flex-direction: column; align-items: stretch; gap: var(--space-900); padding: var(--space-800); } }
@media (max-width: 767px) { :is(.eg-banner--tablet--bp-m, .eg-banner--tablet--bp-dm, .eg-banner--tablet--bp-tm), :is(.eg-banner--mobile--bp-m, .eg-banner--mobile--bp-dm, .eg-banner--mobile--bp-tm) { flex-direction: column; align-items: stretch; gap: var(--space-900); padding: var(--space-800); } }
.eg-banner__left { display: flex; flex-direction: column; gap: var(--space-1000); width: 500px; max-width: 100%; flex: none; }
.eg-banner--mobile .eg-banner__left, .eg-banner--tablet .eg-banner__left { width: auto; }
@media (min-width: 1261px) { :is(.eg-banner--mobile--bp-d, .eg-banner--mobile--bp-dt, .eg-banner--mobile--bp-dm) .eg-banner__left, :is(.eg-banner--tablet--bp-d, .eg-banner--tablet--bp-dt, .eg-banner--tablet--bp-dm) .eg-banner__left { width: auto; } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-banner--mobile--bp-t, .eg-banner--mobile--bp-dt, .eg-banner--mobile--bp-tm) .eg-banner__left, :is(.eg-banner--tablet--bp-t, .eg-banner--tablet--bp-dt, .eg-banner--tablet--bp-tm) .eg-banner__left { width: auto; } }
@media (max-width: 767px) { :is(.eg-banner--mobile--bp-m, .eg-banner--mobile--bp-dm, .eg-banner--mobile--bp-tm) .eg-banner__left, :is(.eg-banner--tablet--bp-m, .eg-banner--tablet--bp-dm, .eg-banner--tablet--bp-tm) .eg-banner__left { width: auto; } }
.eg-banner__text { display: flex; flex-direction: column; gap: var(--space-600); }
.eg-banner__overline { display: flex; align-items: center; gap: var(--space-300); margin: 0; font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); font-weight: var(--type-h6-weight); color: var(--text-black-half); }
.eg-banner__overline--h5 { font-size: var(--type-h5-size); line-height: var(--type-h5-line-height); gap: var(--space-400); }
.eg-banner__title { margin: 0; font-size: var(--type-h3-size); line-height: var(--type-h3-line-height); font-weight: var(--type-h3-weight); text-wrap: balance; }
.eg-banner__title--h3 { font-size: var(--type-h4-size); line-height: var(--type-h4-line-height); }
.eg-banner__title--display { font-size: var(--type-display-sm-size); line-height: var(--type-display-sm-line-height); }
.eg-banner__lead { margin: 0; font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); color: var(--text-black-earthy); }
.eg-banner__lead--lg { font-size: var(--type-body-lg-size); line-height: var(--type-body-lg-line-height); }
.eg-banner__buttons { display: flex; flex-wrap: wrap; gap: var(--space-600); }
.eg-banner__media { flex: 1; min-width: 0; }
.eg-banner__media--cut { align-self: flex-end; margin-bottom: calc(-1 * var(--space-1200)); border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
@media (min-width: 1261px) { :is(.eg-banner__media--cut--bp-d, .eg-banner__media--cut--bp-dt, .eg-banner__media--cut--bp-dm) { align-self: flex-end; margin-bottom: calc(-1 * var(--space-1200)); border-bottom-left-radius: 0; border-bottom-right-radius: 0; } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-banner__media--cut--bp-t, .eg-banner__media--cut--bp-dt, .eg-banner__media--cut--bp-tm) { align-self: flex-end; margin-bottom: calc(-1 * var(--space-1200)); border-bottom-left-radius: 0; border-bottom-right-radius: 0; } }
@media (max-width: 767px) { :is(.eg-banner__media--cut--bp-m, .eg-banner__media--cut--bp-dm, .eg-banner__media--cut--bp-tm) { align-self: flex-end; margin-bottom: calc(-1 * var(--space-1200)); border-bottom-left-radius: 0; border-bottom-right-radius: 0; } }
.eg-banner__layers { display: flex; flex-direction: column; gap: var(--space-400); flex: 1; min-width: 0; }
.eg-banner__layers .eg-info--light { background: var(--surface-white-adept); }
.eg-banner--pattern { flex-direction: column; align-items: stretch; gap: var(--space-1200); }
.eg-banner--pattern .eg-banner__left { width: auto; }
.eg-banner--pattern .eg-banner__text { max-width: 1012px; }
.eg-banner__pattern { width: 100%; }
.eg-banner__patternbox { aspect-ratio: 1144 / 763; }
.eg-banner--band { background: var(--surface-grey-default); }
.eg-banner__inner { display: flex; flex-direction: column; gap: var(--space-1000); }
.eg-banner--band .eg-banner__left { width: 100%; }
.eg-banner--band-media { padding-bottom: 0; }
.eg-banner--band-media .eg-banner__inner { flex-direction: row; align-items: flex-end; gap: var(--space-1650); }
.eg-banner--band-media .eg-banner__left { width: 500px; padding-bottom: var(--space-1400); }
.eg-banner--band-media .eg-banner__media--cut { margin-bottom: 0; }
@media (min-width: 1261px) { .eg-banner--band-media :is(.eg-banner__media--cut--bp-d, .eg-banner__media--cut--bp-dt, .eg-banner__media--cut--bp-dm) { margin-bottom: 0; } }
@media (min-width: 768px) and (max-width: 1260px) { .eg-banner--band-media :is(.eg-banner__media--cut--bp-t, .eg-banner__media--cut--bp-dt, .eg-banner__media--cut--bp-tm) { margin-bottom: 0; } }
@media (max-width: 767px) { .eg-banner--band-media :is(.eg-banner__media--cut--bp-m, .eg-banner__media--cut--bp-dm, .eg-banner__media--cut--bp-tm) { margin-bottom: 0; } }
.eg-table { width: 100%; min-width: 720px; border-collapse: collapse; border: var(--space-25) solid var(--surface-black-adept-mid); color: var(--text-black-adept); font-size: var(--type-body-lg-size); line-height: var(--type-body-lg-line-height); }
.eg-table thead th { font-weight: var(--type-h1-weight); }
.eg-table__label { display: block; font-weight: var(--type-h1-weight); }
.eg-table .eg-icon { color: var(--element-black-adept); }
/* ---------- Auto-switch list and list sections ---------- */
.eg-aslist { display: flex; flex-direction: column; gap: var(--space-600); margin: 0; padding: 0; list-style: none; }
.eg-aslist__item { display: flex; gap: var(--space-700); padding-left: var(--space-800); }
.eg-aslist__item--on { padding-left: 0; }
.eg-aslist__bar { width: var(--space-200); flex: none; border-radius: var(--corner-radius-750); background: var(--surface-black-adept-subtle); overflow: hidden; display: flex; flex-direction: column; }
.eg-aslist__fill { width: 100%; background: var(--surface-black-default); border-radius: var(--corner-radius-750); transition: height 300ms; }
.eg-aslist__body { display: flex; flex-direction: column; gap: var(--space-400); min-width: 0; }
.eg-aslist__title { padding: 0; border: 0; background: transparent; text-align: left; font-family: inherit; font-size: var(--type-h5-size); line-height: var(--type-h5-line-height); font-weight: var(--type-h5-weight); color: var(--text-black-half); cursor: pointer; }
.eg-aslist__item--on .eg-aslist__title { color: var(--text-black-default); }
.eg-aslist__title:focus-visible { outline: var(--space-50) solid var(--border-brand-earthy); outline-offset: var(--space-100); border-radius: var(--corner-radius-50); }
.eg-aslist__copy { margin: 0; font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); color: var(--text-black-earthy); max-width: 470px; }
.eg-aslist__action { margin-top: var(--space-500); }
.eg-list__cols { display: flex; align-items: flex-start; gap: var(--space-1650); }
.eg-list__cols--media-left { flex-direction: row-reverse; }
.eg-list__left { display: flex; flex-direction: column; gap: var(--space-1000); width: 500px; max-width: 100%; flex: none; }
.eg-list__heading { display: flex; flex-direction: column; gap: var(--space-600); }
.eg-list__media, .eg-list__pattern { flex: 1; min-width: 0; }
.eg-list__buttons { display: flex; flex-wrap: wrap; gap: var(--space-600); }
.eg-list__bullets { margin: 0; padding-left: 1.2em; font-size: var(--type-body-lg-size); line-height: var(--type-body-lg-line-height); color: var(--text-black-earthy); display: grid; gap: var(--space-100); }
.eg-section--mobile .eg-list__cols, .eg-section--tablet .eg-list__cols { flex-direction: column; }
@media (min-width: 1261px) { :is(.eg-section--mobile--bp-d, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-dm) .eg-list__cols, :is(.eg-section--tablet--bp-d, .eg-section--tablet--bp-dt, .eg-section--tablet--bp-dm) .eg-list__cols { flex-direction: column; } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-section--mobile--bp-t, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-tm) .eg-list__cols, :is(.eg-section--tablet--bp-t, .eg-section--tablet--bp-dt, .eg-section--tablet--bp-tm) .eg-list__cols { flex-direction: column; } }
@media (max-width: 767px) { :is(.eg-section--mobile--bp-m, .eg-section--mobile--bp-dm, .eg-section--mobile--bp-tm) .eg-list__cols, :is(.eg-section--tablet--bp-m, .eg-section--tablet--bp-dm, .eg-section--tablet--bp-tm) .eg-list__cols { flex-direction: column; } }
.eg-section--mobile .eg-list__left, .eg-section--tablet .eg-list__left { width: auto; }
@media (min-width: 1261px) { :is(.eg-section--mobile--bp-d, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-dm) .eg-list__left, :is(.eg-section--tablet--bp-d, .eg-section--tablet--bp-dt, .eg-section--tablet--bp-dm) .eg-list__left { width: auto; } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-section--mobile--bp-t, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-tm) .eg-list__left, :is(.eg-section--tablet--bp-t, .eg-section--tablet--bp-dt, .eg-section--tablet--bp-tm) .eg-list__left { width: auto; } }
@media (max-width: 767px) { :is(.eg-section--mobile--bp-m, .eg-section--mobile--bp-dm, .eg-section--mobile--bp-tm) .eg-list__left, :is(.eg-section--tablet--bp-m, .eg-section--tablet--bp-dm, .eg-section--tablet--bp-tm) .eg-list__left { width: auto; } }
.eg-textrow--stack { grid-template-columns: 1fr; }
@media (min-width: 1261px) { :is(.eg-textrow--stack--bp-d, .eg-textrow--stack--bp-dt, .eg-textrow--stack--bp-dm) { grid-template-columns: 1fr; } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-textrow--stack--bp-t, .eg-textrow--stack--bp-dt, .eg-textrow--stack--bp-tm) { grid-template-columns: 1fr; } }
@media (max-width: 767px) { :is(.eg-textrow--stack--bp-m, .eg-textrow--stack--bp-dm, .eg-textrow--stack--bp-tm) { grid-template-columns: 1fr; } }
.eg-textrow__icon { display: grid; place-items: center; width: var(--space-1200); height: var(--space-1200); border-radius: var(--corner-radius-750); background: var(--surface-grey-default); color: var(--element-black-adept); margin-bottom: var(--space-100); }
.eg-textrow__title { margin: 0; font-size: var(--type-h4-size); line-height: var(--type-h4-line-height); font-weight: var(--type-h4-weight); }
.eg-irow { display: flex; gap: var(--space-2500); overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: var(--space-100); }
.eg-irow__media { width: 546px; max-width: 48%; flex: none; }
.eg-irow__title { margin: 0 0 calc(-1 * var(--space-600)); font-size: var(--type-h5-size); line-height: var(--type-h5-line-height); font-weight: var(--type-h5-weight); }
.eg-crow { overflow: hidden; }
.eg-crow__track { display: flex; gap: var(--space-900); transition: transform 300ms; }
.eg-crow__item { flex: none; width: 100%; }
@media (max-width: 900px) {
.eg-irow__media { max-width: 100%; }
}
/* ---------- Zigzag ---------- */
.eg-zig__inner { display: flex; flex-direction: column; gap: var(--space-2100); }
.eg-zig__head { display: flex; flex-direction: column; gap: var(--space-1000); }
.eg-zig__items { display: flex; flex-direction: column; gap: var(--space-1650); }
.eg-zig__item { display: flex; align-items: center; gap: var(--space-2500); }
.eg-zig__item--flip { flex-direction: row-reverse; }
.eg-zig__text { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-800); width: 500px; max-width: 100%; flex: none; }
.eg-zig__heading { display: flex; flex-direction: column; gap: var(--space-500); }
.eg-zig__title { margin: 0; font-size: var(--type-h4-size); line-height: var(--type-h4-line-height); font-weight: var(--type-h4-weight); }
.eg-zig__copy { margin: 0; font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); color: var(--text-black-earthy); }
.eg-zig__media { flex: 1; min-width: 0; }
.eg-zig__item--large .eg-zig__media { flex: 1; }
.eg-section--mobile .eg-zig__inner { gap: var(--space-1200); }
@media (min-width: 1261px) { :is(.eg-section--mobile--bp-d, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-dm) .eg-zig__inner { gap: var(--space-1200); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-section--mobile--bp-t, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-tm) .eg-zig__inner { gap: var(--space-1200); } }
@media (max-width: 767px) { :is(.eg-section--mobile--bp-m, .eg-section--mobile--bp-dm, .eg-section--mobile--bp-tm) .eg-zig__inner { gap: var(--space-1200); } }
.eg-section--mobile .eg-zig__item, .eg-section--tablet .eg-zig__item { flex-direction: column; align-items: stretch; gap: var(--space-800); }
@media (min-width: 1261px) { :is(.eg-section--mobile--bp-d, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-dm) .eg-zig__item, :is(.eg-section--tablet--bp-d, .eg-section--tablet--bp-dt, .eg-section--tablet--bp-dm) .eg-zig__item { flex-direction: column; align-items: stretch; gap: var(--space-800); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-section--mobile--bp-t, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-tm) .eg-zig__item, :is(.eg-section--tablet--bp-t, .eg-section--tablet--bp-dt, .eg-section--tablet--bp-tm) .eg-zig__item { flex-direction: column; align-items: stretch; gap: var(--space-800); } }
@media (max-width: 767px) { :is(.eg-section--mobile--bp-m, .eg-section--mobile--bp-dm, .eg-section--mobile--bp-tm) .eg-zig__item, :is(.eg-section--tablet--bp-m, .eg-section--tablet--bp-dm, .eg-section--tablet--bp-tm) .eg-zig__item { flex-direction: column; align-items: stretch; gap: var(--space-800); } }
.eg-section--mobile .eg-zig__text, .eg-section--tablet .eg-zig__text { width: auto; }
@media (min-width: 1261px) { :is(.eg-section--mobile--bp-d, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-dm) .eg-zig__text, :is(.eg-section--tablet--bp-d, .eg-section--tablet--bp-dt, .eg-section--tablet--bp-dm) .eg-zig__text { width: auto; } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-section--mobile--bp-t, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-tm) .eg-zig__text, :is(.eg-section--tablet--bp-t, .eg-section--tablet--bp-dt, .eg-section--tablet--bp-tm) .eg-zig__text { width: auto; } }
@media (max-width: 767px) { :is(.eg-section--mobile--bp-m, .eg-section--mobile--bp-dm, .eg-section--mobile--bp-tm) .eg-zig__text, :is(.eg-section--tablet--bp-m, .eg-section--tablet--bp-dm, .eg-section--tablet--bp-tm) .eg-zig__text { width: auto; } }
/* ---------- Card section ---------- */
.eg-cardsec { display: flex; flex-direction: column; gap: var(--space-1200); }
.eg-cards { display: flex; gap: var(--space-700); }
.eg-cards > .eg-card { flex: none; }
.eg-cards--small > .eg-card { width: calc((100% - 2 * var(--space-700)) / 3); }
.eg-cards--large > .eg-card { width: calc((100% - var(--space-700)) / 2); }
.eg-cards--stack { flex-direction: column; }
@media (min-width: 1261px) { :is(.eg-cards--stack--bp-d, .eg-cards--stack--bp-dt, .eg-cards--stack--bp-dm) { flex-direction: column; } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-cards--stack--bp-t, .eg-cards--stack--bp-dt, .eg-cards--stack--bp-tm) { flex-direction: column; } }
@media (max-width: 767px) { :is(.eg-cards--stack--bp-m, .eg-cards--stack--bp-dm, .eg-cards--stack--bp-tm) { flex-direction: column; } }
.eg-cards--stack > .eg-card { width: 100%; }
@media (min-width: 1261px) { :is(.eg-cards--stack--bp-d, .eg-cards--stack--bp-dt, .eg-cards--stack--bp-dm) > .eg-card { width: 100%; } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-cards--stack--bp-t, .eg-cards--stack--bp-dt, .eg-cards--stack--bp-tm) > .eg-card { width: 100%; } }
@media (max-width: 767px) { :is(.eg-cards--stack--bp-m, .eg-cards--stack--bp-dm, .eg-cards--stack--bp-tm) > .eg-card { width: 100%; } }
.eg-cards--carousel { overflow: hidden; }
.eg-cards__track { display: flex; gap: var(--space-700); transition: transform 300ms; }
.eg-cardsec .eg-ctrls { margin-top: calc(var(--space-1000) - var(--space-1200)); }
.eg-cardsec--interactive { flex-direction: row; align-items: flex-start; gap: var(--space-1650); }
.eg-cardsec__side { display: flex; flex-direction: column; gap: var(--space-1000); flex: 1; }
.eg-cards__stack { display: flex; flex-direction: column; align-items: flex-end; gap: var(--space-700); width: 408px; max-width: 100%; padding-top: var(--space-1200); flex: none; }
.eg-cards__layer { border-radius: var(--corner-radius-600); background: var(--surface-grey-default); box-shadow: var(--elevation-300); max-width: 100%; }
@media (max-width: 900px) {
.eg-cardsec--interactive { flex-direction: column; }
.eg-cards { flex-wrap: wrap; }
.eg-cards--small > .eg-card, .eg-cards--large > .eg-card { width: 100%; }
}
/* ---------- Testimonials: exact card, quote card, grid ---------- */
.eg-quote { gap: var(--space-600); padding: var(--space-800); border: 0; border-radius: var(--corner-radius-600); box-shadow: var(--elevation-300); }
.eg-quote__who { gap: var(--space-500); }
.eg-quote__meta { display: flex; flex-direction: column; gap: var(--space-100); min-width: 0; }
.eg-quote__name { font-size: var(--type-body-lg-size); line-height: var(--type-body-lg-line-height); }
.eg-quote__handle { font-size: var(--type-caption-lg-size); line-height: var(--type-caption-lg-line-height); }
.eg-quote__text { font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); }
.eg-quote__media { aspect-ratio: 343 / 228; }
.eg-quote__date { font-size: var(--type-caption-lg-size); line-height: var(--type-caption-lg-line-height); }
.eg-quote__stars { display: inline-flex; gap: var(--space-100); }
.eg-quote__star--on { color: var(--element-black-adept); }
.eg-quote__star--off { color: var(--element-black-adept-subtle); }
.eg-quotecard { position: relative; display: flex; flex-direction: column; width: 720px; max-width: 100%; padding: var(--space-1000); border-radius: var(--corner-radius-600); background: var(--surface-white-default); color: var(--text-black-default); box-shadow: var(--elevation-300); overflow: hidden; }
.eg-quotecard__name { position: absolute; bottom: var(--space-900); left: 0; right: 0; margin: 0; text-align: center; font-size: var(--type-display-lg-size); line-height: var(--type-display-lg-line-height); font-weight: var(--type-display-lg-weight); white-space: nowrap; overflow: hidden; background: linear-gradient(90deg, var(--black-0), var(--black-100), var(--black-0)); -webkit-background-clip: text; background-clip: text; color: transparent; pointer-events: none; }
.eg-quotecard__content { position: relative; display: flex; flex-direction: column; gap: var(--space-900); }
.eg-quotecard__foot { align-items: center; text-align: center; }
.eg-quotecard__who { align-items: center; }
.eg-quotecard__body { display: flex; flex-direction: column; gap: var(--space-600); }
.eg-quotecard__mark { font-size: var(--type-display-md-size); line-height: var(--type-display-md-line-height); height: var(--element-2xlg); color: var(--element-black-adept-mid); font-weight: var(--type-display-md-weight); }
.eg-quotecard__highlight { margin: 0; font-size: var(--type-h2-size); line-height: var(--type-h2-line-height); font-weight: var(--type-h2-weight); color: var(--text-black-adept-earthy); }
.eg-quotecard__text { margin: 0; font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); font-weight: var(--type-h6-weight); color: var(--text-black-adept-earthy); }
.eg-quotecard__foot { display: flex; flex-direction: column; gap: var(--space-500); }
.eg-quotecard__who { display: flex; flex-direction: column; gap: var(--space-100); }
.eg-quotecard__whoname { margin: 0; font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); font-weight: var(--type-h1-weight); }
.eg-quotecard__role { margin: 0; font-size: var(--type-caption-lg-size); line-height: var(--type-caption-lg-line-height); color: var(--text-black-half); }
.eg-tq { display: flex; align-items: flex-start; gap: var(--space-1650); }
.eg-tq--stack { flex-direction: column; }
@media (min-width: 1261px) { :is(.eg-tq--stack--bp-d, .eg-tq--stack--bp-dt, .eg-tq--stack--bp-dm) { flex-direction: column; } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-tq--stack--bp-t, .eg-tq--stack--bp-dt, .eg-tq--stack--bp-tm) { flex-direction: column; } }
@media (max-width: 767px) { :is(.eg-tq--stack--bp-m, .eg-tq--stack--bp-dm, .eg-tq--stack--bp-tm) { flex-direction: column; } }
.eg-tq__left { display: flex; flex-direction: column; gap: var(--space-1000); width: 500px; max-width: 100%; flex: none; }
.eg-tq--stack .eg-tq__left { width: auto; }
@media (min-width: 1261px) { :is(.eg-tq--stack--bp-d, .eg-tq--stack--bp-dt, .eg-tq--stack--bp-dm) .eg-tq__left { width: auto; } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-tq--stack--bp-t, .eg-tq--stack--bp-dt, .eg-tq--stack--bp-tm) .eg-tq__left { width: auto; } }
@media (max-width: 767px) { :is(.eg-tq--stack--bp-m, .eg-tq--stack--bp-dm, .eg-tq--stack--bp-tm) .eg-tq__left { width: auto; } }
.eg-tq__right { display: flex; flex-direction: column; gap: var(--space-1000); flex: 1; min-width: 0; }
.eg-tgrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-700); }
.eg-tgrid--tablet { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 1261px) { :is(.eg-tgrid--tablet--bp-d, .eg-tgrid--tablet--bp-dt, .eg-tgrid--tablet--bp-dm) { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-tgrid--tablet--bp-t, .eg-tgrid--tablet--bp-dt, .eg-tgrid--tablet--bp-tm) { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { :is(.eg-tgrid--tablet--bp-m, .eg-tgrid--tablet--bp-dm, .eg-tgrid--tablet--bp-tm) { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.eg-tgrid--mobile { grid-template-columns: 1fr; }
@media (min-width: 1261px) { :is(.eg-tgrid--mobile--bp-d, .eg-tgrid--mobile--bp-dt, .eg-tgrid--mobile--bp-dm) { grid-template-columns: 1fr; } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-tgrid--mobile--bp-t, .eg-tgrid--mobile--bp-dt, .eg-tgrid--mobile--bp-tm) { grid-template-columns: 1fr; } }
@media (max-width: 767px) { :is(.eg-tgrid--mobile--bp-m, .eg-tgrid--mobile--bp-dm, .eg-tgrid--mobile--bp-tm) { grid-template-columns: 1fr; } }
.eg-tgrid__col { display: flex; flex-direction: column; gap: var(--space-700); }
.eg-tgrid__col > .eg-quote { width: 100%; }
.eg-price__features--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
/* ---------- Mentions ---------- */
.eg-mentions__row { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: var(--space-1100); margin: 0; padding: 0; list-style: none; }
.eg-layers { position: relative; width: 100%; max-width: 1080px; margin: 0 auto; padding-bottom: var(--space-1200); }
.eg-layers__ghost--1 { bottom: var(--space-800); width: 91%; height: 276px; }
.eg-layers__card { position: relative; padding: var(--space-1000) var(--space-900); border-radius: var(--corner-radius-600); background: var(--surface-white-adept); color: var(--text-black-strong); box-shadow: var(--elevation-600); }
.eg-mq { display: flex; flex-direction: column; gap: var(--space-1000); }
.eg-mq__title { margin: 0; font-size: var(--type-h4-size); line-height: var(--type-h4-line-height); font-weight: var(--type-h4-weight); text-align: center; }
.eg-mq__tab { display: inline-flex; align-items: center; gap: var(--space-300); padding: var(--space-300) var(--space-500); border: 0; border-radius: var(--corner-radius-750); background: var(--surface-black-adept-subtle); color: var(--text-black-adept-half); font-family: inherit; font-size: var(--type-caption-xlg-size); line-height: var(--type-caption-xlg-line-height); font-weight: var(--type-caption-xlg-weight); cursor: pointer; }
.eg-mq__spin { animation: eg-spin 900ms linear infinite; }
.eg-mq__logo { height: var(--element-lg); width: auto; opacity: .35; }
.eg-mq__mark { font-size: var(--type-h2-size); line-height: var(--type-h2-line-height); color: var(--element-black-adept-mid); font-weight: var(--type-h2-weight); }
.eg-mq__quote strong { font-weight: var(--type-caption-xlg-weight); color: var(--text-black-strong); }
@media (max-width: 720px) {
.eg-layers__card { padding: var(--space-800) var(--space-600); }
}
/* ---------- Text interactive ---------- */
.eg-autype { display: flex; flex-direction: column; align-items: center; gap: var(--space-700); width: 100%; max-width: var(--container-desktop); margin: 0 auto; text-align: center; color: var(--text-black-default); }
.eg-autype--left { align-items: flex-start; text-align: left; }
.eg-autype__overline { display: inline-flex; align-items: center; gap: var(--space-200); font-size: var(--type-h5-size); line-height: var(--type-h5-line-height); font-weight: var(--type-h5-weight); }
.eg-autype__ai { color: var(--blue-1000); filter: drop-shadow(0 0 var(--space-400) var(--blue-400)); }
.eg-autype__cursor { display: inline-block; width: var(--space-25); height: var(--element-lg); background: var(--element-black-default); animation: eg-blink 1s steps(2) infinite; }
@keyframes eg-blink { to { opacity: 0; } }
.eg-autype__title { margin: 0; font-size: var(--type-display-md-size); line-height: var(--type-display-md-line-height); font-weight: var(--type-display-md-weight); text-wrap: balance; }
.eg-autype__lead { margin: 0; font-size: var(--type-body-lg-size); line-height: var(--type-body-lg-line-height); color: var(--text-black-earthy); max-width: var(--container-desktop); }
@media (max-width: 720px) {
.eg-autype__title { font-size: var(--type-h3-size); line-height: var(--type-h3-line-height); }
.eg-autype__lead { font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); }
}
.eg-runline { width: 100%; padding-top: var(--space-1400); background: var(--surface-white-default); color: var(--text-black-default); overflow: hidden; }
.eg-runline__track { display: flex; gap: var(--space-2900); width: max-content; padding-left: var(--space-2900); animation: eg-run 30s linear infinite; }
.eg-runline__text { font-size: var(--type-h1-size); line-height: var(--type-h1-line-height); font-weight: var(--type-body-lg-weight); white-space: nowrap; }
@keyframes eg-run { to { transform: translateX(-50%); } }
.eg-runline__trust { display: flex; align-items: center; justify-content: center; gap: var(--space-600); height: var(--space-1400); margin-top: var(--space-1400); border-top: var(--space-25) solid var(--surface-black-adept-mid); border-bottom: var(--space-25) solid var(--surface-black-adept-mid); font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); font-weight: var(--type-h6-weight); }
.eg-runline__stars { display: inline-flex; gap: var(--space-50); }
.eg-runline__stars i { display: block; width: var(--element-md); height: var(--element-md); background: var(--element-positive-classic); clip-path: none; position: relative; }
.eg-runline__stars i::after { content: "\2605"; position: absolute; inset: 0; display: grid; place-items: center; color: var(--text-white-default); font-style: normal; font-size: var(--type-body-md-size); }
.eg-runline__source { font-size: var(--type-body-sm-size); }
@media (prefers-reduced-motion: reduce) {
.eg-runline__track, .eg-autype__cursor, .eg-mq__spin { animation: none; }
}
/* ---------- Device frame and interactive ---------- */
.eg-device { width: 100%; max-width: var(--container-desktop); border-radius: var(--corner-radius-500); overflow: hidden; }
.eg-device__bar { display: flex; gap: var(--space-300); height: var(--space-850); padding: var(--space-300) var(--space-700); background: var(--surface-black-adept); color: var(--text-white-adept); font-size: var(--type-caption-lg-size); line-height: var(--type-caption-lg-line-height); font-weight: var(--type-caption-lg-weight); }
.eg-device__meta { color: var(--text-white-adept-half); }
.eg-device__screen { min-height: 560px; background: var(--surface-grey-adept); }
.eg-device__screen img { display: block; width: 100%; }
.eg-device--mobile { max-width: var(--device-mobile); }
@media (min-width: 1261px) { :is(.eg-device--mobile--bp-d, .eg-device--mobile--bp-dt, .eg-device--mobile--bp-dm) { max-width: var(--device-mobile); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-device--mobile--bp-t, .eg-device--mobile--bp-dt, .eg-device--mobile--bp-tm) { max-width: var(--device-mobile); } }
@media (max-width: 767px) { :is(.eg-device--mobile--bp-m, .eg-device--mobile--bp-dm, .eg-device--mobile--bp-tm) { max-width: var(--device-mobile); } }
.eg-device--mobile .eg-device__bar { padding-inline: var(--space-500); }
@media (min-width: 1261px) { :is(.eg-device--mobile--bp-d, .eg-device--mobile--bp-dt, .eg-device--mobile--bp-dm) .eg-device__bar { padding-inline: var(--space-500); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-device--mobile--bp-t, .eg-device--mobile--bp-dt, .eg-device--mobile--bp-tm) .eg-device__bar { padding-inline: var(--space-500); } }
@media (max-width: 767px) { :is(.eg-device--mobile--bp-m, .eg-device--mobile--bp-dm, .eg-device--mobile--bp-tm) .eg-device__bar { padding-inline: var(--space-500); } }
.eg-devopt__cta { display: flex; align-items: center; gap: var(--space-700); margin-top: calc(var(--space-1000) - var(--space-1200)); }
.eg-tabbar--large .eg-tab { padding: var(--space-400) var(--space-700); height: var(--element-2xlg); }
.eg-tabbar--large { padding: 0; }
.eg-cmc { display: flex; align-items: center; gap: var(--space-400); width: 100%; padding: var(--space-500) var(--space-700); border: 0; border-radius: var(--corner-radius-500); background: transparent; color: var(--text-black-adept-earthy); font-family: inherit; font-size: var(--type-caption-xlg-size); line-height: var(--type-caption-xlg-line-height); font-weight: var(--type-caption-xlg-weight); text-align: left; cursor: pointer; }
.eg-cmc--play { background: var(--surface-white-default); color: var(--text-black-adept); box-shadow: var(--elevation-100); }
.eg-cmc__icon { display: inline-grid; place-items: center; width: var(--element-md); height: var(--element-md); flex: none; }
.eg-cmc__spin { animation: eg-spin 900ms linear infinite; }
.eg-cmc:focus-visible { outline: var(--space-50) solid var(--border-brand-earthy); outline-offset: var(--space-50); }
.eg-galanim { display: flex; align-items: flex-start; gap: var(--space-2800); }
.eg-galanim--stack { flex-direction: column; gap: var(--space-900); }
@media (min-width: 1261px) { :is(.eg-galanim--stack--bp-d, .eg-galanim--stack--bp-dt, .eg-galanim--stack--bp-dm) { flex-direction: column; gap: var(--space-900); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-galanim--stack--bp-t, .eg-galanim--stack--bp-dt, .eg-galanim--stack--bp-tm) { flex-direction: column; gap: var(--space-900); } }
@media (max-width: 767px) { :is(.eg-galanim--stack--bp-m, .eg-galanim--stack--bp-dm, .eg-galanim--stack--bp-tm) { flex-direction: column; gap: var(--space-900); } }
.eg-galanim__left { width: 624px; max-width: 100%; flex: none; }
.eg-galanim__box { width: 100%; }
.eg-galanim__right { display: flex; flex-direction: column; gap: var(--space-1000); width: 500px; max-width: 100%; }
.eg-galanim--stack .eg-galanim__right, .eg-galanim--stack .eg-galanim__left { width: auto; }
@media (min-width: 1261px) { :is(.eg-galanim--stack--bp-d, .eg-galanim--stack--bp-dt, .eg-galanim--stack--bp-dm) .eg-galanim__right, :is(.eg-galanim--stack--bp-d, .eg-galanim--stack--bp-dt, .eg-galanim--stack--bp-dm) .eg-galanim__left { width: auto; } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-galanim--stack--bp-t, .eg-galanim--stack--bp-dt, .eg-galanim--stack--bp-tm) .eg-galanim__right, :is(.eg-galanim--stack--bp-t, .eg-galanim--stack--bp-dt, .eg-galanim--stack--bp-tm) .eg-galanim__left { width: auto; } }
@media (max-width: 767px) { :is(.eg-galanim--stack--bp-m, .eg-galanim--stack--bp-dm, .eg-galanim--stack--bp-tm) .eg-galanim__right, :is(.eg-galanim--stack--bp-m, .eg-galanim--stack--bp-dm, .eg-galanim--stack--bp-tm) .eg-galanim__left { width: auto; } }
.eg-galanim__heading { display: flex; flex-direction: column; gap: var(--space-600); }
.eg-galanim__overline { display: flex; align-items: center; gap: var(--space-400); margin: 0 0 calc(var(--space-300) - var(--space-600)); font-size: var(--type-h5-size); line-height: var(--type-h5-line-height); font-weight: var(--type-h5-weight); color: var(--text-black-half); }
.eg-galanim__title { margin: 0; font-size: var(--type-h1-size); line-height: var(--type-h1-line-height); font-weight: var(--type-h1-weight); text-wrap: balance; }
.eg-galanim__list { display: flex; flex-direction: column; }
@media (max-width: 900px) {
.eg-galanim { flex-direction: column; gap: var(--space-900); }
.eg-galanim__title { font-size: var(--type-h4-size); line-height: var(--type-h4-line-height); }
.eg-galanim__left, .eg-galanim__right { width: auto; }
}
.eg-gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-700); }
.eg-gallery--stack { grid-template-columns: 1fr; }
@media (min-width: 1261px) { :is(.eg-gallery--stack--bp-d, .eg-gallery--stack--bp-dt, .eg-gallery--stack--bp-dm) { grid-template-columns: 1fr; } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-gallery--stack--bp-t, .eg-gallery--stack--bp-dt, .eg-gallery--stack--bp-tm) { grid-template-columns: 1fr; } }
@media (max-width: 767px) { :is(.eg-gallery--stack--bp-m, .eg-gallery--stack--bp-dm, .eg-gallery--stack--bp-tm) { grid-template-columns: 1fr; } }
.eg-gallery__item { position: relative; display: block; border-radius: var(--corner-radius-500); overflow: hidden; color: var(--text-white-default); text-decoration: none; }
.eg-gallery__media { aspect-ratio: 408 / 480; }
.eg-gallery__hover { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: flex-end; gap: var(--space-600); padding: var(--space-800); background: var(--surface-black-mid); backdrop-filter: blur(var(--background-blur-100)); -webkit-backdrop-filter: blur(var(--background-blur-100)); opacity: 0; transition: opacity 150ms; }
.eg-gallery__item:hover .eg-gallery__hover, .eg-gallery__item:focus-visible .eg-gallery__hover { opacity: 1; }
.eg-gallery__title { margin: 0; font-size: var(--type-h5-size); line-height: var(--type-h5-line-height); font-weight: var(--type-h1-weight); }
.eg-gallery__copy { margin: var(--space-400) 0 0; font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); }
.eg-gallery__link { display: inline-flex; align-items: center; gap: var(--space-300); font-size: var(--type-caption-xlg-size); line-height: var(--type-caption-xlg-line-height); font-weight: var(--type-caption-xlg-weight); text-decoration: underline; }
.eg-gallery__bottom { display: flex; justify-content: center; margin-top: calc(var(--space-1000) - var(--space-1200)); }
.eg-calc { display: flex; align-items: flex-start; gap: var(--space-1200); }
.eg-calc--stack { flex-direction: column; }
@media (min-width: 1261px) { :is(.eg-calc--stack--bp-d, .eg-calc--stack--bp-dt, .eg-calc--stack--bp-dm) { flex-direction: column; } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-calc--stack--bp-t, .eg-calc--stack--bp-dt, .eg-calc--stack--bp-tm) { flex-direction: column; } }
@media (max-width: 767px) { :is(.eg-calc--stack--bp-m, .eg-calc--stack--bp-dm, .eg-calc--stack--bp-tm) { flex-direction: column; } }
.eg-calc__form { display: flex; flex-direction: column; gap: var(--space-800); width: 450px; max-width: 100%; flex: none; }
.eg-calc--stack .eg-calc__form { width: auto; }
@media (min-width: 1261px) { :is(.eg-calc--stack--bp-d, .eg-calc--stack--bp-dt, .eg-calc--stack--bp-dm) .eg-calc__form { width: auto; } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-calc--stack--bp-t, .eg-calc--stack--bp-dt, .eg-calc--stack--bp-tm) .eg-calc__form { width: auto; } }
@media (max-width: 767px) { :is(.eg-calc--stack--bp-m, .eg-calc--stack--bp-dm, .eg-calc--stack--bp-tm) .eg-calc__form { width: auto; } }
.eg-calc__field .eg-field__box { padding: var(--space-400) var(--space-500); border-color: var(--grey-1000); }
.eg-calc__field .eg-field__input { font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); }
.eg-calc__right { display: flex; flex-direction: column; gap: var(--space-500); flex: 1; min-width: 0; }
.eg-calc__label { margin: 0; font-size: var(--type-body-lg-size); line-height: var(--type-body-lg-line-height); font-weight: var(--type-h1-weight); }
.eg-calc__preview { display: flex; flex-direction: column; gap: var(--space-900); padding: var(--space-800); border: var(--space-25) solid var(--grey-1000); border-radius: var(--corner-radius-500); background: var(--surface-grey-default); }
.eg-calc__top { display: flex; align-items: center; gap: var(--space-900); padding-bottom: var(--space-600); border-bottom: var(--space-25) solid var(--grey-1000); }
.eg-calc__number { margin: 0; display: flex; align-items: flex-start; gap: var(--space-300); font-size: var(--type-display-lg-size); line-height: var(--type-display-lg-line-height); font-weight: var(--type-display-lg-weight); font-variant-numeric: tabular-nums; padding-right: var(--space-900); border-right: var(--space-25) solid var(--grey-1000); }
.eg-calc__cur { font-size: var(--type-h4-size); line-height: var(--type-h4-line-height); }
.eg-calc__formula { display: flex; flex-direction: column; gap: var(--space-200); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); }
.eg-calc__formula p { margin: 0; }
.eg-calc__formulatext { color: var(--text-black-half); font-variant-numeric: tabular-nums; }
.eg-calc__chart { display: flex; align-items: flex-end; gap: var(--space-600); height: 244px; }
.eg-calc__col { position: relative; flex: 1; height: 100%; display: flex; align-items: flex-end; border-radius: var(--corner-radius-200); background: var(--green-100); }
.eg-calc__bar { width: 100%; border-radius: var(--corner-radius-200); background: var(--green-500); transition: height 300ms; }
.eg-logos__row { display: flex; gap: var(--space-700); width: max-content; }
.eg-logos__tile { display: grid; place-items: center; width: 408px; height: 408px; flex: none; background: var(--surface-black-subtle); }
.eg-logos__ph { width: 160px; height: 160px; background: transparent; }
.eg-illus { aspect-ratio: 1272 / 450; }
.eg-compare { position: relative; width: 100%; aspect-ratio: 1272 / 716; border-radius: var(--corner-radius-600); border: var(--space-25) solid var(--border-black-subtle); box-shadow: var(--elevation-300); overflow: hidden; user-select: none; }
.eg-compare__after, .eg-compare__before { position: absolute; inset: 0; overflow: hidden; }
.eg-compare__before { right: auto; }
.eg-compare img, .eg-compare__ph { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.eg-compare__before img, .eg-compare__before .eg-compare__ph { width: 100vw; max-width: none; }
.eg-compare__ph { background: repeating-conic-gradient(var(--surface-grey-default) 0 25%, var(--surface-white-default) 0 50%) 0 0 / var(--space-1400) var(--space-1400); }
.eg-compare__ph--after { filter: brightness(.97); }
.eg-compare__badge { position: absolute; top: var(--space-700); display: inline-flex; align-items: center; gap: var(--space-300); padding: var(--space-300) var(--space-600); border-radius: var(--corner-radius-700); background: var(--white-800); color: var(--text-black-earthy); backdrop-filter: blur(var(--background-blur-650)); -webkit-backdrop-filter: blur(var(--background-blur-650)); font-size: var(--type-h5-size); line-height: var(--type-h5-line-height); font-weight: var(--type-h5-weight); pointer-events: none; }
.eg-compare__badge--before { left: var(--space-700); }
.eg-compare__badge--after { right: var(--space-700); color: var(--blue-1000); }
.eg-compare__line { position: absolute; top: 0; bottom: 0; width: var(--space-200); margin-left: calc(-1 * var(--space-50)); background: var(--surface-white-adept); pointer-events: none; }
.eg-compare__knob { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: grid; place-items: center; width: var(--element-2xlg); height: var(--element-2xlg); border-radius: var(--corner-radius-700); background: var(--surface-white-adept); color: var(--element-black-strong); box-shadow: var(--elevation-300); }
.eg-compare__range { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: ew-resize; }
.eg-compare__range:focus-visible + * { outline: var(--space-50) solid var(--border-brand-earthy); }
@media (max-width: 720px) {
.eg-compare__badge { font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); padding: var(--space-200) var(--space-400); top: var(--space-400); }
.eg-compare__badge--before { left: var(--space-400); }
.eg-compare__badge--after { right: var(--space-400); }
}
.eg-overlay--black-lighter { background: var(--surface-black-subtle); backdrop-filter: blur(var(--background-blur-100)); -webkit-backdrop-filter: blur(var(--background-blur-100)); }
.eg-overlay--white-lighter { background: var(--surface-white-subtle); backdrop-filter: blur(var(--background-blur-100)); -webkit-backdrop-filter: blur(var(--background-blur-100)); }
.eg-tpl { display: flex; flex-direction: column; gap: var(--space-600); width: 408px; max-width: 100%; color: var(--text-black-default); text-decoration: none; }
.eg-tpl:hover .eg-tpl__frame { box-shadow: var(--elevation-400); transform: translateY(calc(-1 * var(--space-50))); }
.eg-tpl__cover { display: grid; place-items: center; aspect-ratio: 408 / 256; background: var(--surface-white-default); color: var(--element-black-adept-mid); }
.eg-tpl__glyph { width: var(--space-1200); height: var(--space-1200); }
.eg-tpl__title { margin: 0; font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); font-weight: var(--type-h6-weight); }
.eg-tpl--long { width: 344px; border-radius: var(--corner-radius-300); box-shadow: var(--elevation-300); overflow: hidden; }
/* ---------- Hero secondary and media ---------- */
.eg-hero__cols { display: flex; align-items: center; gap: var(--space-1650); }
.eg-hero--secondary .eg-hero__content { width: 650px; max-width: 100%; flex: none; gap: var(--space-1000); }
.eg-hero__display--md { font-size: var(--type-display-md-size); line-height: var(--type-display-md-line-height); }
.eg-hero__media--side { flex: 1; min-width: 0; margin-top: 0; }
.eg-hero--cut { padding-bottom: 0; }
.eg-hero--cut .eg-hero__media { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.eg-hero__caption { margin: 0; font-size: var(--type-caption-md-size); line-height: var(--type-caption-md-line-height); color: var(--text-black-half); }
.eg-hero__media { margin-top: var(--space-1700); }
.eg-hero--secondary .eg-hero__media { margin-top: 0; }
@media (max-width: 900px) {
.eg-hero__cols { flex-direction: column; align-items: stretch; }
.eg-hero--secondary .eg-hero__content { width: auto; }
.eg-hero__media { margin-top: var(--space-1300); }
}
/* ---------- part 3: sections the Figma library has no component for yet (tokens only) ---------- */
/* Small and large card rows wrap at every width, so a fourth card starts a new row instead of
   running past the container. */
.eg-cards--small, .eg-cards--large { flex-wrap: wrap; }
/* Prompt hero */

/* The prompt card */
.eg-prompt { display: flex; flex-direction: column; gap: var(--space-500); width: 100%; max-width: var(--container-tablet); padding: var(--space-700); border: var(--space-25) solid var(--border-black-subtle); border-radius: var(--corner-radius-600); background: var(--surface-white-default); box-shadow: var(--elevation-500); text-align: left; }
.eg-prompt__text { width: 100%; min-height: var(--space-2600); resize: vertical; border: 0; padding: 0; background: transparent; font: inherit; font-size: var(--type-body-lg-size); line-height: var(--type-body-lg-line-height); color: var(--text-black-default); outline: none; }
.eg-prompt__text::placeholder { color: var(--text-black-half); }
.eg-prompt__bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-500); }
.eg-prompt__chips { display: flex; flex-wrap: wrap; gap: var(--space-300); }
.eg-prompt__sources { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-300); padding-top: var(--space-500); border-top: var(--space-25) solid var(--border-black-subtle); }
.eg-prompt__entry { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--space-300); width: 100%; }
.eg-prompt__entry .eg-field { flex: 1; min-width: 0; }
.eg-prompt--mobile { padding: var(--space-500); }
@media (min-width: 1261px) { :is(.eg-prompt--mobile--bp-d, .eg-prompt--mobile--bp-dt, .eg-prompt--mobile--bp-dm) { padding: var(--space-500); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-prompt--mobile--bp-t, .eg-prompt--mobile--bp-dt, .eg-prompt--mobile--bp-tm) { padding: var(--space-500); } }
@media (max-width: 767px) { :is(.eg-prompt--mobile--bp-m, .eg-prompt--mobile--bp-dm, .eg-prompt--mobile--bp-tm) { padding: var(--space-500); } }
.eg-prompt--mobile .eg-prompt__text { resize: none; }
@media (min-width: 1261px) { :is(.eg-prompt--mobile--bp-d, .eg-prompt--mobile--bp-dt, .eg-prompt--mobile--bp-dm) .eg-prompt__text { resize: none; } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-prompt--mobile--bp-t, .eg-prompt--mobile--bp-dt, .eg-prompt--mobile--bp-tm) .eg-prompt__text { resize: none; } }
@media (max-width: 767px) { :is(.eg-prompt--mobile--bp-m, .eg-prompt--mobile--bp-dm, .eg-prompt--mobile--bp-tm) .eg-prompt__text { resize: none; } }
.eg-prompt--mobile .eg-prompt__bar .eg-btn--primary { width: 100%; }
@media (min-width: 1261px) { :is(.eg-prompt--mobile--bp-d, .eg-prompt--mobile--bp-dt, .eg-prompt--mobile--bp-dm) .eg-prompt__bar .eg-btn--primary { width: 100%; } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-prompt--mobile--bp-t, .eg-prompt--mobile--bp-dt, .eg-prompt--mobile--bp-tm) .eg-prompt__bar .eg-btn--primary { width: 100%; } }
@media (max-width: 767px) { :is(.eg-prompt--mobile--bp-m, .eg-prompt--mobile--bp-dm, .eg-prompt--mobile--bp-tm) .eg-prompt__bar .eg-btn--primary { width: 100%; } }
/* Product tabs */

/* Comparison with rivals */
.eg-ctabs__inner { display: flex; flex-direction: column; gap: var(--space-800); }
.eg-ctabs__table .eg-table th:nth-child(2), .eg-ctabs__table .eg-table td:nth-child(2) { background: var(--surface-brand-subtle); }
.eg-ctabs__note { margin: 0; font-size: var(--type-caption-md-size); line-height: var(--type-caption-md-line-height); color: var(--text-black-half); }
/* Included list */
.eg-included__inner { display: flex; flex-direction: column; align-items: center; gap: var(--space-700); }
.eg-included__label { margin: 0; font-size: var(--type-caption-lg-size); line-height: var(--type-caption-lg-line-height); font-weight: var(--type-caption-lg-weight); color: var(--text-black-half); }
.eg-included__list { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-400); margin: 0; padding: 0; list-style: none; }
.eg-included__item { display: inline-flex; align-items: center; gap: var(--space-300); padding: var(--space-300) var(--space-500); border: var(--space-25) solid var(--border-black-subtle); border-radius: var(--corner-radius-750); background: var(--surface-white-default); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); }
.eg-included__item .eg-icon { color: var(--element-positive-default); }
/* ---------- Following the Figma library, measured from its instances (desktop, 2026-10-01) ----------
   Where the sections above were drawn from the promo kit and differ from the library's own
   components, the library wins: Figma is the source of truth. */
/* Card Section / Small + Icon: 40px icons, titles wrap as set (not balanced), cards of different
   heights centred on the row. */
.eg-card--icon .eg-card__icon { width: var(--element-xlg); height: var(--element-xlg); }
.eg-card__title { text-wrap: wrap; }
.eg-cards--small { align-items: center; }
/* Zigzag / Small: the heading centred; each row's media 720 by 480, reaching the page's edge on
   desktop (past the container by the page margin), on the side it sits. */
.eg-zig__head { align-items: center; text-align: center; }
.eg-zig:not(.eg-section--tablet):not(.eg-section--mobile) .eg-zig__media { flex: none; width: calc(var(--container-desktop) + var(--margin-desktop) - 500px - var(--space-2500)); margin-right: calc(-1 * var(--margin-desktop)); }
@media (min-width: 1261px) { .eg-zig:not(:is(.eg-section--tablet--bp-d, .eg-section--tablet--bp-dt, .eg-section--tablet--bp-dm)):not(:is(.eg-section--mobile--bp-d, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-dm)) .eg-zig__media { flex: none; width: calc(var(--container-desktop) + var(--margin-desktop) - 500px - var(--space-2500)); margin-right: calc(-1 * var(--margin-desktop)); } }
@media (min-width: 768px) and (max-width: 1260px) { .eg-zig:not(:is(.eg-section--tablet--bp-t, .eg-section--tablet--bp-dt, .eg-section--tablet--bp-tm)):not(:is(.eg-section--mobile--bp-t, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-tm)) .eg-zig__media { flex: none; width: calc(var(--container-desktop) + var(--margin-desktop) - 500px - var(--space-2500)); margin-right: calc(-1 * var(--margin-desktop)); } }
@media (max-width: 767px) { .eg-zig:not(:is(.eg-section--tablet--bp-m, .eg-section--tablet--bp-dm, .eg-section--tablet--bp-tm)):not(:is(.eg-section--mobile--bp-m, .eg-section--mobile--bp-dm, .eg-section--mobile--bp-tm)) .eg-zig__media { flex: none; width: calc(var(--container-desktop) + var(--margin-desktop) - 500px - var(--space-2500)); margin-right: calc(-1 * var(--margin-desktop)); } }
.eg-zig:not(.eg-section--tablet):not(.eg-section--mobile) .eg-zig__item--flip .eg-zig__media { margin-right: 0; margin-left: calc(-1 * var(--margin-desktop)); }
@media (min-width: 1261px) { .eg-zig:not(:is(.eg-section--tablet--bp-d, .eg-section--tablet--bp-dt, .eg-section--tablet--bp-dm)):not(:is(.eg-section--mobile--bp-d, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-dm)) .eg-zig__item--flip .eg-zig__media { margin-right: 0; margin-left: calc(-1 * var(--margin-desktop)); } }
@media (min-width: 768px) and (max-width: 1260px) { .eg-zig:not(:is(.eg-section--tablet--bp-t, .eg-section--tablet--bp-dt, .eg-section--tablet--bp-tm)):not(:is(.eg-section--mobile--bp-t, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-tm)) .eg-zig__item--flip .eg-zig__media { margin-right: 0; margin-left: calc(-1 * var(--margin-desktop)); } }
@media (max-width: 767px) { .eg-zig:not(:is(.eg-section--tablet--bp-m, .eg-section--tablet--bp-dm, .eg-section--tablet--bp-tm)):not(:is(.eg-section--mobile--bp-m, .eg-section--mobile--bp-dm, .eg-section--mobile--bp-tm)) .eg-zig__item--flip .eg-zig__media { margin-right: 0; margin-left: calc(-1 * var(--margin-desktop)); } }
/* FAQ / Short: the list centred in the container, items 24 apart, the answer full width in the
   Light cut, the button centred under the list. The library draws this section in its older Gray
   Slate colours; the nearest current tokens are used (raised with the design team). */
.eg-faq { margin-inline: auto; }
.eg-faq__list { gap: var(--space-700); }
.eg-faqitem__a { max-width: none; font-weight: var(--type-weight-light); }
.eg-faq__actions { display: flex; justify-content: center; margin-top: var(--space-1000); }
.eg-faq__actions .eg-btn--secondary { border-color: var(--border-black-subtle); }
.eg-faq__actions .eg-btn--secondary .eg-btn__label { font-weight: var(--type-weight-regular); }
.eg-faq__actions .eg-btn { padding-inline: var(--space-600); }
/* Tablet and mobile, from the library's Tablet and Mobile variants (auto-layout read 2026-10-01). */
/* Card Section: stacked cards 20 apart on tablet; on mobile the heading 16 over its lead, 48 over
   the cards, cards 16 apart, each padded 24 with a 32px icon, 16 under it, 12 between title and
   copy, corners 16. */
.eg-section--tablet .eg-cards { gap: var(--space-600); }
@media (min-width: 1261px) { corners 16. */
:is(.eg-section--tablet--bp-d, .eg-section--tablet--bp-dt, .eg-section--tablet--bp-dm) .eg-cards { gap: var(--space-600); } }
@media (min-width: 768px) and (max-width: 1260px) { corners 16. */
:is(.eg-section--tablet--bp-t, .eg-section--tablet--bp-dt, .eg-section--tablet--bp-tm) .eg-cards { gap: var(--space-600); } }
@media (max-width: 767px) { corners 16. */
:is(.eg-section--tablet--bp-m, .eg-section--tablet--bp-dm, .eg-section--tablet--bp-tm) .eg-cards { gap: var(--space-600); } }
.eg-section--mobile .eg-cardsec { gap: var(--space-1000); }
@media (min-width: 1261px) { :is(.eg-section--mobile--bp-d, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-dm) .eg-cardsec { gap: var(--space-1000); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-section--mobile--bp-t, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-tm) .eg-cardsec { gap: var(--space-1000); } }
@media (max-width: 767px) { :is(.eg-section--mobile--bp-m, .eg-section--mobile--bp-dm, .eg-section--mobile--bp-tm) .eg-cardsec { gap: var(--space-1000); } }
.eg-section--mobile .eg-cardsec .eg-headrow__text { gap: var(--space-500); }
@media (min-width: 1261px) { :is(.eg-section--mobile--bp-d, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-dm) .eg-cardsec .eg-headrow__text { gap: var(--space-500); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-section--mobile--bp-t, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-tm) .eg-cardsec .eg-headrow__text { gap: var(--space-500); } }
@media (max-width: 767px) { :is(.eg-section--mobile--bp-m, .eg-section--mobile--bp-dm, .eg-section--mobile--bp-tm) .eg-cardsec .eg-headrow__text { gap: var(--space-500); } }
.eg-section--mobile .eg-cards { gap: var(--space-500); }
@media (min-width: 1261px) { :is(.eg-section--mobile--bp-d, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-dm) .eg-cards { gap: var(--space-500); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-section--mobile--bp-t, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-tm) .eg-cards { gap: var(--space-500); } }
@media (max-width: 767px) { :is(.eg-section--mobile--bp-m, .eg-section--mobile--bp-dm, .eg-section--mobile--bp-tm) .eg-cards { gap: var(--space-500); } }
.eg-section--mobile .eg-card--small.eg-card--icon { padding: var(--space-700); border-radius: var(--corner-radius-500); }
@media (min-width: 1261px) { :is(.eg-section--mobile--bp-d, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-dm) .eg-card--small.eg-card--icon { padding: var(--space-700); border-radius: var(--corner-radius-500); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-section--mobile--bp-t, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-tm) .eg-card--small.eg-card--icon { padding: var(--space-700); border-radius: var(--corner-radius-500); } }
@media (max-width: 767px) { :is(.eg-section--mobile--bp-m, .eg-section--mobile--bp-dm, .eg-section--mobile--bp-tm) .eg-card--small.eg-card--icon { padding: var(--space-700); border-radius: var(--corner-radius-500); } }
.eg-section--mobile .eg-card--icon .eg-card__icon, .eg-section--mobile .eg-card--icon .eg-card__icon .eg-icon { width: var(--element-lg); height: var(--element-lg); }
@media (min-width: 1261px) { :is(.eg-section--mobile--bp-d, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-dm) .eg-card--icon .eg-card__icon, :is(.eg-section--mobile--bp-d, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-dm) .eg-card--icon .eg-card__icon .eg-icon { width: var(--element-lg); height: var(--element-lg); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-section--mobile--bp-t, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-tm) .eg-card--icon .eg-card__icon, :is(.eg-section--mobile--bp-t, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-tm) .eg-card--icon .eg-card__icon .eg-icon { width: var(--element-lg); height: var(--element-lg); } }
@media (max-width: 767px) { :is(.eg-section--mobile--bp-m, .eg-section--mobile--bp-dm, .eg-section--mobile--bp-tm) .eg-card--icon .eg-card__icon, :is(.eg-section--mobile--bp-m, .eg-section--mobile--bp-dm, .eg-section--mobile--bp-tm) .eg-card--icon .eg-card__icon .eg-icon { width: var(--element-lg); height: var(--element-lg); } }
.eg-section--mobile .eg-card__body { gap: var(--space-500); }
@media (min-width: 1261px) { :is(.eg-section--mobile--bp-d, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-dm) .eg-card__body { gap: var(--space-500); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-section--mobile--bp-t, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-tm) .eg-card__body { gap: var(--space-500); } }
@media (max-width: 767px) { :is(.eg-section--mobile--bp-m, .eg-section--mobile--bp-dm, .eg-section--mobile--bp-tm) .eg-card__body { gap: var(--space-500); } }
.eg-section--mobile .eg-card__text { gap: var(--space-400); }
@media (min-width: 1261px) { :is(.eg-section--mobile--bp-d, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-dm) .eg-card__text { gap: var(--space-400); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-section--mobile--bp-t, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-tm) .eg-card__text { gap: var(--space-400); } }
@media (max-width: 767px) { :is(.eg-section--mobile--bp-m, .eg-section--mobile--bp-dm, .eg-section--mobile--bp-tm) .eg-card__text { gap: var(--space-400); } }
.eg-section--mobile .eg-card__head { gap: var(--space-100); }
@media (min-width: 1261px) { :is(.eg-section--mobile--bp-d, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-dm) .eg-card__head { gap: var(--space-100); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-section--mobile--bp-t, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-tm) .eg-card__head { gap: var(--space-100); } }
@media (max-width: 767px) { :is(.eg-section--mobile--bp-m, .eg-section--mobile--bp-dm, .eg-section--mobile--bp-tm) .eg-card__head { gap: var(--space-100); } }
/* Zigzag: on tablet each row is its text over a 720 by 480 media, centred, 40 apart; on mobile the
   heading 80 over the rows, rows 64 apart, text 32 over the media, 12 between title and copy. */
.eg-section--tablet .eg-zig__item { gap: var(--space-900); align-items: center; }
@media (min-width: 1261px) { 12 between title and copy. */
:is(.eg-section--tablet--bp-d, .eg-section--tablet--bp-dt, .eg-section--tablet--bp-dm) .eg-zig__item { gap: var(--space-900); align-items: center; } }
@media (min-width: 768px) and (max-width: 1260px) { 12 between title and copy. */
:is(.eg-section--tablet--bp-t, .eg-section--tablet--bp-dt, .eg-section--tablet--bp-tm) .eg-zig__item { gap: var(--space-900); align-items: center; } }
@media (max-width: 767px) { 12 between title and copy. */
:is(.eg-section--tablet--bp-m, .eg-section--tablet--bp-dm, .eg-section--tablet--bp-tm) .eg-zig__item { gap: var(--space-900); align-items: center; } }
.eg-section--tablet .eg-zig__text { align-self: stretch; }
@media (min-width: 1261px) { :is(.eg-section--tablet--bp-d, .eg-section--tablet--bp-dt, .eg-section--tablet--bp-dm) .eg-zig__text { align-self: stretch; } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-section--tablet--bp-t, .eg-section--tablet--bp-dt, .eg-section--tablet--bp-tm) .eg-zig__text { align-self: stretch; } }
@media (max-width: 767px) { :is(.eg-section--tablet--bp-m, .eg-section--tablet--bp-dm, .eg-section--tablet--bp-tm) .eg-zig__text { align-self: stretch; } }
.eg-section--tablet .eg-zig__media { flex: none; width: calc(var(--container-desktop) + var(--margin-desktop) - 500px - var(--space-2500)); max-width: 100%; }
@media (min-width: 1261px) { :is(.eg-section--tablet--bp-d, .eg-section--tablet--bp-dt, .eg-section--tablet--bp-dm) .eg-zig__media { flex: none; width: calc(var(--container-desktop) + var(--margin-desktop) - 500px - var(--space-2500)); max-width: 100%; } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-section--tablet--bp-t, .eg-section--tablet--bp-dt, .eg-section--tablet--bp-tm) .eg-zig__media { flex: none; width: calc(var(--container-desktop) + var(--margin-desktop) - 500px - var(--space-2500)); max-width: 100%; } }
@media (max-width: 767px) { :is(.eg-section--tablet--bp-m, .eg-section--tablet--bp-dm, .eg-section--tablet--bp-tm) .eg-zig__media { flex: none; width: calc(var(--container-desktop) + var(--margin-desktop) - 500px - var(--space-2500)); max-width: 100%; } }
.eg-section--mobile .eg-zig__inner { gap: var(--space-1400); }
@media (min-width: 1261px) { :is(.eg-section--mobile--bp-d, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-dm) .eg-zig__inner { gap: var(--space-1400); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-section--mobile--bp-t, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-tm) .eg-zig__inner { gap: var(--space-1400); } }
@media (max-width: 767px) { :is(.eg-section--mobile--bp-m, .eg-section--mobile--bp-dm, .eg-section--mobile--bp-tm) .eg-zig__inner { gap: var(--space-1400); } }
.eg-section--mobile .eg-zig__head .eg-headrow__text { gap: var(--space-500); }
@media (min-width: 1261px) { :is(.eg-section--mobile--bp-d, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-dm) .eg-zig__head .eg-headrow__text { gap: var(--space-500); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-section--mobile--bp-t, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-tm) .eg-zig__head .eg-headrow__text { gap: var(--space-500); } }
@media (max-width: 767px) { :is(.eg-section--mobile--bp-m, .eg-section--mobile--bp-dm, .eg-section--mobile--bp-tm) .eg-zig__head .eg-headrow__text { gap: var(--space-500); } }
.eg-section--mobile .eg-zig__items { gap: var(--space-1200); }
@media (min-width: 1261px) { :is(.eg-section--mobile--bp-d, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-dm) .eg-zig__items { gap: var(--space-1200); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-section--mobile--bp-t, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-tm) .eg-zig__items { gap: var(--space-1200); } }
@media (max-width: 767px) { :is(.eg-section--mobile--bp-m, .eg-section--mobile--bp-dm, .eg-section--mobile--bp-tm) .eg-zig__items { gap: var(--space-1200); } }
.eg-section--mobile .eg-zig__item { gap: var(--space-800); }
@media (min-width: 1261px) { :is(.eg-section--mobile--bp-d, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-dm) .eg-zig__item { gap: var(--space-800); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-section--mobile--bp-t, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-tm) .eg-zig__item { gap: var(--space-800); } }
@media (max-width: 767px) { :is(.eg-section--mobile--bp-m, .eg-section--mobile--bp-dm, .eg-section--mobile--bp-tm) .eg-zig__item { gap: var(--space-800); } }
.eg-section--mobile .eg-zig__heading { gap: var(--space-400); }
@media (min-width: 1261px) { :is(.eg-section--mobile--bp-d, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-dm) .eg-zig__heading { gap: var(--space-400); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-section--mobile--bp-t, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-tm) .eg-zig__heading { gap: var(--space-400); } }
@media (max-width: 767px) { :is(.eg-section--mobile--bp-m, .eg-section--mobile--bp-dm, .eg-section--mobile--bp-tm) .eg-zig__heading { gap: var(--space-400); } }
/* FAQ on mobile: items 16 apart, 16 over their divider, 12 between question and answer, the button
   32 under the list. */
.eg-faq--mobile .eg-faq__list { gap: var(--space-500); }
@media (min-width: 1261px) { the button
   32 under the list. */
:is(.eg-faq--mobile--bp-d, .eg-faq--mobile--bp-dt, .eg-faq--mobile--bp-dm) .eg-faq__list { gap: var(--space-500); } }
@media (min-width: 768px) and (max-width: 1260px) { the button
   32 under the list. */
:is(.eg-faq--mobile--bp-t, .eg-faq--mobile--bp-dt, .eg-faq--mobile--bp-tm) .eg-faq__list { gap: var(--space-500); } }
@media (max-width: 767px) { the button
   32 under the list. */
:is(.eg-faq--mobile--bp-m, .eg-faq--mobile--bp-dm, .eg-faq--mobile--bp-tm) .eg-faq__list { gap: var(--space-500); } }
.eg-faq--mobile .eg-faqitem { gap: var(--space-500); }
@media (min-width: 1261px) { :is(.eg-faq--mobile--bp-d, .eg-faq--mobile--bp-dt, .eg-faq--mobile--bp-dm) .eg-faqitem { gap: var(--space-500); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-faq--mobile--bp-t, .eg-faq--mobile--bp-dt, .eg-faq--mobile--bp-tm) .eg-faqitem { gap: var(--space-500); } }
@media (max-width: 767px) { :is(.eg-faq--mobile--bp-m, .eg-faq--mobile--bp-dm, .eg-faq--mobile--bp-tm) .eg-faqitem { gap: var(--space-500); } }
.eg-faq--mobile .eg-faqitem__content { gap: var(--space-400); }
@media (min-width: 1261px) { :is(.eg-faq--mobile--bp-d, .eg-faq--mobile--bp-dt, .eg-faq--mobile--bp-dm) .eg-faqitem__content { gap: var(--space-400); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-faq--mobile--bp-t, .eg-faq--mobile--bp-dt, .eg-faq--mobile--bp-tm) .eg-faqitem__content { gap: var(--space-400); } }
@media (max-width: 767px) { :is(.eg-faq--mobile--bp-m, .eg-faq--mobile--bp-dm, .eg-faq--mobile--bp-tm) .eg-faqitem__content { gap: var(--space-400); } }
.eg-faq--mobile .eg-faq__actions { margin-top: var(--space-800); }
@media (min-width: 1261px) { :is(.eg-faq--mobile--bp-d, .eg-faq--mobile--bp-dt, .eg-faq--mobile--bp-dm) .eg-faq__actions { margin-top: var(--space-800); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-faq--mobile--bp-t, .eg-faq--mobile--bp-dt, .eg-faq--mobile--bp-tm) .eg-faq__actions { margin-top: var(--space-800); } }
@media (max-width: 767px) { :is(.eg-faq--mobile--bp-m, .eg-faq--mobile--bp-dm, .eg-faq--mobile--bp-tm) .eg-faq__actions { margin-top: var(--space-800); } }
.eg-faq--mobile .eg-faqitem__q .eg-icon { margin-top: 0; }
@media (min-width: 1261px) { :is(.eg-faq--mobile--bp-d, .eg-faq--mobile--bp-dt, .eg-faq--mobile--bp-dm) .eg-faqitem__q .eg-icon { margin-top: 0; } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-faq--mobile--bp-t, .eg-faq--mobile--bp-dt, .eg-faq--mobile--bp-tm) .eg-faqitem__q .eg-icon { margin-top: 0; } }
@media (max-width: 767px) { :is(.eg-faq--mobile--bp-m, .eg-faq--mobile--bp-dm, .eg-faq--mobile--bp-tm) .eg-faqitem__q .eg-icon { margin-top: 0; } }
/* Figma sets headings as they wrap; it never balances lines. The library's sections do the same here. */
.eg-cardsec .eg-section__h2, .eg-zig .eg-section__h2, .eg-faq__title { text-wrap: wrap; }
/* ---------- Part 3: components added from the 10web Website file (2026-10-02) ---------- */
/* The file's controls draw with its Default collection (Neutral Strong, Mid, Light, Lighter; Inverse Strong;
   Error); each maps to the nearest Color token: Neutral Strong = black default, Neutral Mid (50%) = half,
   Neutral Light (12%) and Lighter (8%) = subtle (10%), Neutral Weak (70%) = earthy, Inverse Strong = white. */

/* Dot */
.eg-dot { display: block; flex: none; width: var(--space-200); height: var(--space-200); border-radius: var(--corner-radius-750); background: var(--element-black-half); overflow: hidden; }
.eg-dot--selected { width: var(--space-300); height: var(--space-300); background: var(--element-black-default); }
.eg-dot--load { width: var(--space-800); height: var(--space-300); }
.eg-dot__fill { display: block; height: 100%; border-radius: var(--corner-radius-750); background: var(--element-black-default); transition: width 300ms; }
/* Controller Carousel */
.eg-ccar { display: inline-flex; align-items: center; gap: var(--space-400); height: var(--element-2xlg); padding: var(--space-600); border-radius: var(--corner-radius-750); background: var(--surface-black-subtle); }
.eg-ccar__hit { display: grid; place-items: center; padding: 0; border: 0; background: transparent; cursor: pointer; }
.eg-ccar__hit:focus-visible { outline: var(--space-50) solid var(--border-brand-earthy); outline-offset: var(--space-100); border-radius: var(--corner-radius-750); }
/* Avatar Labelled */
.eg-alab { display: inline-flex; align-items: center; gap: var(--space-300); }
.eg-alab--xl { gap: var(--space-400); }
.eg-alab__avatar { width: var(--space-850); height: var(--space-850); border: var(--space-25) solid var(--border-black-subtle); }
.eg-alab--xl .eg-alab__avatar { width: var(--space-950); height: var(--space-950); }
.eg-alab__text { display: flex; flex-direction: column; min-width: 0; }
.eg-alab__name, .eg-alab__detail { font-size: var(--type-caption-md-size); line-height: var(--type-caption-md-line-height); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.eg-alab--xl .eg-alab__name, .eg-alab--xl .eg-alab__detail { font-size: var(--type-caption-lg-size); line-height: var(--type-caption-lg-line-height); }
.eg-alab__name { font-weight: var(--type-weight-medium); color: var(--text-black-default); }
.eg-alab__detail { font-weight: var(--type-weight-regular); color: var(--text-black-earthy); }
/* Dropdown and Search Input share the field (_Dropdown Field Base, _Search Input Base) */
.eg-ffield { position: relative; display: flex; flex-direction: column; gap: var(--space-300); width: 100%; max-width: 100%; }
.eg-ffield__label { font-size: var(--type-caption-lg-size); line-height: var(--type-caption-lg-line-height); font-weight: var(--type-weight-medium); color: var(--text-black-default); }
.eg-ffield__box { display: flex; align-items: center; justify-content: space-between; gap: var(--space-600); width: 100%; height: var(--element-2xlg); padding: 0 var(--space-600); border: var(--space-25) solid var(--border-black-subtle); border-radius: var(--corner-radius-300); background: var(--surface-white-default); color: var(--text-black-default); font: inherit; text-align: left; cursor: pointer; transition: border-color 150ms; }
.eg-ffield__box:hover { border-color: var(--border-black-twenty); }
.eg-ffield--open .eg-ffield__box, .eg-ffield__box:focus-within, .eg-ffield__box:focus-visible { border-color: var(--border-brand-default); outline: none; }
.eg-ffield__value, .eg-ffield__input { flex: 1; min-width: 0; font-size: var(--type-caption-lg-size); line-height: var(--type-caption-lg-line-height); font-weight: var(--type-weight-regular); color: var(--text-black-default); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.eg-ffield__value--placeholder, .eg-ffield__input::placeholder { color: var(--text-black-half); }
.eg-ffield__box .eg-icon { color: var(--element-black-default); }
.eg-ffield__lead { display: flex; align-items: center; gap: var(--space-400); flex: 1; min-width: 0; }
.eg-ffield__input { border: 0; padding: 0; background: transparent; font-family: inherit; outline: none; -webkit-appearance: none; appearance: none; }
.eg-ffield__input::-webkit-search-cancel-button { display: none; }
.eg-ffield--action .eg-ffield__box { padding-right: var(--space-100); cursor: text; }
.eg-ffield form .eg-ffield__box, form.eg-ffield .eg-ffield__box { cursor: text; }
.eg-ffield__action.eg-btn { height: var(--element-xlg); padding: 0 var(--space-500); }
.eg-ffield--error .eg-ffield__box, .eg-ffield--error .eg-ffield__box:hover { background: var(--surface-danger-subtle); border-color: var(--border-danger-calm); }
.eg-ffield--disabled .eg-ffield__box { cursor: default; pointer-events: none; }
.eg-ffield--disabled .eg-ffield__value, .eg-ffield--disabled .eg-ffield__input, .eg-ffield--disabled .eg-ffield__input::placeholder, .eg-ffield--disabled .eg-ffield__box .eg-icon { color: var(--text-black-twenty); }
.eg-ffield__msg { display: flex; gap: var(--space-300); margin: 0; font-size: var(--type-caption-lg-size); line-height: var(--type-caption-lg-line-height); color: var(--text-black-half); }
.eg-ffield__msg--error { color: var(--text-danger-default); }
.eg-ffield__msgicon { margin-top: var(--space-50); }
.eg-menu { position: absolute; z-index: 10; left: 0; right: 0; top: calc(var(--element-2xlg) + var(--space-200)); display: flex; flex-direction: column; gap: var(--space-50); max-height: calc(var(--space-850) * 8); overflow-y: auto; margin: 0; padding: var(--space-300); list-style: none; border: var(--space-25) solid var(--border-black-subtle); border-radius: var(--corner-radius-400); background: var(--surface-white-default); box-shadow: var(--elevation-500); }
.eg-ffield:has(.eg-ffield__label) .eg-menu { top: auto; }
.eg-ffield--up .eg-menu { top: auto; bottom: calc(var(--element-2xlg) + var(--space-200)); }
.eg-menu__item { display: flex; align-items: center; justify-content: space-between; gap: var(--space-600); min-height: var(--space-850); padding: 0 var(--space-400); border-radius: var(--corner-radius-300); font-size: var(--type-caption-lg-size); line-height: var(--type-caption-lg-line-height); color: var(--text-black-default); cursor: pointer; }
.eg-menu__item:hover, .eg-menu__item--hover { background: var(--surface-black-subtle); }
.eg-menu__label { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* New card (ProductCard) */
.eg-pcard { display: flex; flex-direction: column; gap: var(--space-900); width: 100%; max-width: 100%; overflow: hidden; border-radius: var(--corner-radius-600); background: var(--surface-white-default); box-shadow: var(--elevation-300); }
.eg-pcard__media { display: block; width: 100%; }
.eg-pcard__body { display: flex; flex-direction: column; gap: var(--space-500); padding: 0 var(--space-800) var(--space-800); }
.eg-pcard__title { display: flex; flex-direction: column; gap: var(--space-300); }
.eg-pcard__overline { margin: 0; font-size: var(--type-caption-xlg-size); line-height: var(--type-caption-xlg-line-height); font-weight: var(--type-weight-medium); color: var(--text-black-half); }
.eg-pcard__h { margin: 0; font-size: var(--type-h4-size); line-height: var(--type-h4-line-height); font-weight: var(--type-h4-weight); color: var(--text-black-default); }
.eg-pcard__tags { display: flex; flex-direction: column; gap: var(--space-100); }
.eg-pcard__tagslabel, .eg-pcard__taglist, .eg-pcard__copy { margin: 0; font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); }
.eg-pcard__tagslabel { font-weight: var(--type-weight-medium); color: var(--text-black-half); }
.eg-pcard__taglist { color: var(--text-black-default); }
.eg-pcard__sep { color: var(--text-black-half); }
.eg-pcard__copy { color: var(--text-black-earthy); }
.eg-pcard__buttons { display: flex; flex-direction: column; gap: var(--space-400); margin-top: var(--space-300); }
.eg-pcard__buttons .eg-btn { width: 100%; }
/* Section Trustpilot */
.eg-trust { width: 100%; padding: var(--space-900) max(var(--space-1400), calc((100% - var(--container-desktop)) / 2)); border-top: var(--space-25) solid var(--border-black-subtle); border-bottom: var(--space-25) solid var(--border-black-subtle); background: var(--surface-white-default); color: var(--text-black-default); }
.eg-trust--tablet { padding: var(--space-900) var(--margin-tablet); }
@media (min-width: 1261px) { :is(.eg-trust--tablet--bp-d, .eg-trust--tablet--bp-dt, .eg-trust--tablet--bp-dm) { padding: var(--space-900) var(--margin-tablet); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-trust--tablet--bp-t, .eg-trust--tablet--bp-dt, .eg-trust--tablet--bp-tm) { padding: var(--space-900) var(--margin-tablet); } }
@media (max-width: 767px) { :is(.eg-trust--tablet--bp-m, .eg-trust--tablet--bp-dm, .eg-trust--tablet--bp-tm) { padding: var(--space-900) var(--margin-tablet); } }
.eg-trust--mobile { padding: var(--space-700) var(--margin-mobile); }
@media (min-width: 1261px) { :is(.eg-trust--mobile--bp-d, .eg-trust--mobile--bp-dt, .eg-trust--mobile--bp-dm) { padding: var(--space-700) var(--margin-mobile); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-trust--mobile--bp-t, .eg-trust--mobile--bp-dt, .eg-trust--mobile--bp-tm) { padding: var(--space-700) var(--margin-mobile); } }
@media (max-width: 767px) { :is(.eg-trust--mobile--bp-m, .eg-trust--mobile--bp-dm, .eg-trust--mobile--bp-tm) { padding: var(--space-700) var(--margin-mobile); } }
.eg-trust__row { display: flex; align-items: center; justify-content: center; gap: var(--space-950); }
.eg-trust--tablet .eg-trust__row { flex-direction: column; gap: var(--space-500); }
@media (min-width: 1261px) { :is(.eg-trust--tablet--bp-d, .eg-trust--tablet--bp-dt, .eg-trust--tablet--bp-dm) .eg-trust__row { flex-direction: column; gap: var(--space-500); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-trust--tablet--bp-t, .eg-trust--tablet--bp-dt, .eg-trust--tablet--bp-tm) .eg-trust__row { flex-direction: column; gap: var(--space-500); } }
@media (max-width: 767px) { :is(.eg-trust--tablet--bp-m, .eg-trust--tablet--bp-dm, .eg-trust--tablet--bp-tm) .eg-trust__row { flex-direction: column; gap: var(--space-500); } }
.eg-trust--mobile .eg-trust__row { flex-direction: column; gap: var(--space-400); }
@media (min-width: 1261px) { :is(.eg-trust--mobile--bp-d, .eg-trust--mobile--bp-dt, .eg-trust--mobile--bp-dm) .eg-trust__row { flex-direction: column; gap: var(--space-400); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-trust--mobile--bp-t, .eg-trust--mobile--bp-dt, .eg-trust--mobile--bp-tm) .eg-trust__row { flex-direction: column; gap: var(--space-400); } }
@media (max-width: 767px) { :is(.eg-trust--mobile--bp-m, .eg-trust--mobile--bp-dm, .eg-trust--mobile--bp-tm) .eg-trust__row { flex-direction: column; gap: var(--space-400); } }
.eg-trust__text { margin: 0; font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); font-weight: var(--type-h6-weight); }
.eg-trust__widget { display: block; height: var(--element-lg); width: auto; max-width: 100%; }
.eg-trust__fallback { display: inline-flex; align-items: center; gap: var(--space-600); }
.eg-trust--mobile .eg-trust__fallback { flex-wrap: wrap; justify-content: center; gap: var(--space-300); }
@media (min-width: 1261px) { :is(.eg-trust--mobile--bp-d, .eg-trust--mobile--bp-dt, .eg-trust--mobile--bp-dm) .eg-trust__fallback { flex-wrap: wrap; justify-content: center; gap: var(--space-300); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-trust--mobile--bp-t, .eg-trust--mobile--bp-dt, .eg-trust--mobile--bp-tm) .eg-trust__fallback { flex-wrap: wrap; justify-content: center; gap: var(--space-300); } }
@media (max-width: 767px) { :is(.eg-trust--mobile--bp-m, .eg-trust--mobile--bp-dm, .eg-trust--mobile--bp-tm) .eg-trust__fallback { flex-wrap: wrap; justify-content: center; gap: var(--space-300); } }
/* Social proof / Media (logos) */
.eg-proof--media .eg-proof__item { gap: 0; }
.eg-proof--tablet.eg-proof--media { gap: var(--space-900) var(--space-1200); }
@media (min-width: 1261px) { :is(.eg-proof--tablet--bp-d, .eg-proof--tablet--bp-dt, .eg-proof--tablet--bp-dm).eg-proof--media { gap: var(--space-900) var(--space-1200); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-proof--tablet--bp-t, .eg-proof--tablet--bp-dt, .eg-proof--tablet--bp-tm).eg-proof--media { gap: var(--space-900) var(--space-1200); } }
@media (max-width: 767px) { :is(.eg-proof--tablet--bp-m, .eg-proof--tablet--bp-dm, .eg-proof--tablet--bp-tm).eg-proof--media { gap: var(--space-900) var(--space-1200); } }
.eg-proof--tablet.eg-proof--media .eg-proof__logo { height: var(--element-md); }
@media (min-width: 1261px) { :is(.eg-proof--tablet--bp-d, .eg-proof--tablet--bp-dt, .eg-proof--tablet--bp-dm).eg-proof--media .eg-proof__logo { height: var(--element-md); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-proof--tablet--bp-t, .eg-proof--tablet--bp-dt, .eg-proof--tablet--bp-tm).eg-proof--media .eg-proof__logo { height: var(--element-md); } }
@media (max-width: 767px) { :is(.eg-proof--tablet--bp-m, .eg-proof--tablet--bp-dm, .eg-proof--tablet--bp-tm).eg-proof--media .eg-proof__logo { height: var(--element-md); } }
.eg-proof--mobile.eg-proof--media { gap: var(--space-600) var(--space-850); }
@media (min-width: 1261px) { :is(.eg-proof--mobile--bp-d, .eg-proof--mobile--bp-dt, .eg-proof--mobile--bp-dm).eg-proof--media { gap: var(--space-600) var(--space-850); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-proof--mobile--bp-t, .eg-proof--mobile--bp-dt, .eg-proof--mobile--bp-tm).eg-proof--media { gap: var(--space-600) var(--space-850); } }
@media (max-width: 767px) { :is(.eg-proof--mobile--bp-m, .eg-proof--mobile--bp-dm, .eg-proof--mobile--bp-tm).eg-proof--media { gap: var(--space-600) var(--space-850); } }
.eg-proof--mobile.eg-proof--media .eg-proof__logo { height: var(--element-sm); }
@media (min-width: 1261px) { :is(.eg-proof--mobile--bp-d, .eg-proof--mobile--bp-dt, .eg-proof--mobile--bp-dm).eg-proof--media .eg-proof__logo { height: var(--element-sm); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-proof--mobile--bp-t, .eg-proof--mobile--bp-dt, .eg-proof--mobile--bp-tm).eg-proof--media .eg-proof__logo { height: var(--element-sm); } }
@media (max-width: 767px) { :is(.eg-proof--mobile--bp-m, .eg-proof--mobile--bp-dm, .eg-proof--mobile--bp-tm).eg-proof--media .eg-proof__logo { height: var(--element-sm); } }
/* Testimonials / Variant 6 (carousel) */
.eg-tq--carousel { align-items: center; }
.eg-tq--carousel .eg-tq__right { gap: var(--space-1000); }
.eg-tq__ctrls { display: flex; align-items: center; justify-content: center; gap: var(--space-500); }
.eg-section--tablet .eg-tq--carousel, .eg-section--mobile .eg-tq--carousel { align-items: stretch; gap: var(--space-1200); }
@media (min-width: 1261px) { :is(.eg-section--tablet--bp-d, .eg-section--tablet--bp-dt, .eg-section--tablet--bp-dm) .eg-tq--carousel, :is(.eg-section--mobile--bp-d, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-dm) .eg-tq--carousel { align-items: stretch; gap: var(--space-1200); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-section--tablet--bp-t, .eg-section--tablet--bp-dt, .eg-section--tablet--bp-tm) .eg-tq--carousel, :is(.eg-section--mobile--bp-t, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-tm) .eg-tq--carousel { align-items: stretch; gap: var(--space-1200); } }
@media (max-width: 767px) { :is(.eg-section--tablet--bp-m, .eg-section--tablet--bp-dm, .eg-section--tablet--bp-tm) .eg-tq--carousel, :is(.eg-section--mobile--bp-m, .eg-section--mobile--bp-dm, .eg-section--mobile--bp-tm) .eg-tq--carousel { align-items: stretch; gap: var(--space-1200); } }
.eg-section--mobile .eg-tq--carousel { gap: var(--space-1000); }
@media (min-width: 1261px) { :is(.eg-section--mobile--bp-d, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-dm) .eg-tq--carousel { gap: var(--space-1000); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-section--mobile--bp-t, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-tm) .eg-tq--carousel { gap: var(--space-1000); } }
@media (max-width: 767px) { :is(.eg-section--mobile--bp-m, .eg-section--mobile--bp-dm, .eg-section--mobile--bp-tm) .eg-tq--carousel { gap: var(--space-1000); } }
.eg-section--mobile .eg-tq--carousel .eg-tq__left, .eg-section--mobile .eg-tq--carousel .eg-tq__right { gap: var(--space-800); }
@media (min-width: 1261px) { :is(.eg-section--mobile--bp-d, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-dm) .eg-tq--carousel .eg-tq__left, :is(.eg-section--mobile--bp-d, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-dm) .eg-tq--carousel .eg-tq__right { gap: var(--space-800); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-section--mobile--bp-t, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-tm) .eg-tq--carousel .eg-tq__left, :is(.eg-section--mobile--bp-t, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-tm) .eg-tq--carousel .eg-tq__right { gap: var(--space-800); } }
@media (max-width: 767px) { :is(.eg-section--mobile--bp-m, .eg-section--mobile--bp-dm, .eg-section--mobile--bp-tm) .eg-tq--carousel .eg-tq__left, :is(.eg-section--mobile--bp-m, .eg-section--mobile--bp-dm, .eg-section--mobile--bp-tm) .eg-tq--carousel .eg-tq__right { gap: var(--space-800); } }
.eg-section--mobile .eg-tq__buttons { flex-direction: column; }
@media (min-width: 1261px) { :is(.eg-section--mobile--bp-d, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-dm) .eg-tq__buttons { flex-direction: column; } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-section--mobile--bp-t, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-tm) .eg-tq__buttons { flex-direction: column; } }
@media (max-width: 767px) { :is(.eg-section--mobile--bp-m, .eg-section--mobile--bp-dm, .eg-section--mobile--bp-tm) .eg-tq__buttons { flex-direction: column; } }
.eg-section--mobile .eg-tq__buttons .eg-btn { width: 100%; }
@media (min-width: 1261px) { :is(.eg-section--mobile--bp-d, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-dm) .eg-tq__buttons .eg-btn { width: 100%; } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-section--mobile--bp-t, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-tm) .eg-tq__buttons .eg-btn { width: 100%; } }
@media (max-width: 767px) { :is(.eg-section--mobile--bp-m, .eg-section--mobile--bp-dm, .eg-section--mobile--bp-tm) .eg-tq__buttons .eg-btn { width: 100%; } }
/* Banner / accordion */
.eg-acc { display: flex; flex-direction: column; gap: var(--space-700); }
.eg-acc__item { display: flex; flex-direction: column; gap: var(--space-500); }
.eg-acc__q { display: flex; align-items: center; justify-content: space-between; gap: var(--space-300); width: 100%; padding: 0; border: 0; background: transparent; text-align: left; font-family: inherit; font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); font-weight: var(--type-weight-bold); color: var(--text-black-default); cursor: pointer; }
.eg-acc__q:focus-visible { outline: var(--space-50) solid var(--border-brand-earthy); outline-offset: var(--space-100); border-radius: var(--corner-radius-50); }
.eg-acc__a { margin: 0; font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); color: var(--text-black-earthy); }
.eg-banner--accordion { padding: var(--space-1200); }
.eg-banner--accordion .eg-banner__left { gap: var(--space-1000); }
.eg-banner--accordion.eg-banner--tablet { padding: var(--space-1100) var(--space-1000) 0; gap: var(--space-1200); }
@media (min-width: 1261px) { .eg-banner--accordion:is(.eg-banner--tablet--bp-d, .eg-banner--tablet--bp-dt, .eg-banner--tablet--bp-dm) { padding: var(--space-1100) var(--space-1000) 0; gap: var(--space-1200); } }
@media (min-width: 768px) and (max-width: 1260px) { .eg-banner--accordion:is(.eg-banner--tablet--bp-t, .eg-banner--tablet--bp-dt, .eg-banner--tablet--bp-tm) { padding: var(--space-1100) var(--space-1000) 0; gap: var(--space-1200); } }
@media (max-width: 767px) { .eg-banner--accordion:is(.eg-banner--tablet--bp-m, .eg-banner--tablet--bp-dm, .eg-banner--tablet--bp-tm) { padding: var(--space-1100) var(--space-1000) 0; gap: var(--space-1200); } }
.eg-banner--accordion.eg-banner--mobile { padding: var(--space-800) var(--space-700) 0; gap: var(--space-1000); border-radius: var(--corner-radius-500); }
@media (min-width: 1261px) { .eg-banner--accordion:is(.eg-banner--mobile--bp-d, .eg-banner--mobile--bp-dt, .eg-banner--mobile--bp-dm) { padding: var(--space-800) var(--space-700) 0; gap: var(--space-1000); border-radius: var(--corner-radius-500); } }
@media (min-width: 768px) and (max-width: 1260px) { .eg-banner--accordion:is(.eg-banner--mobile--bp-t, .eg-banner--mobile--bp-dt, .eg-banner--mobile--bp-tm) { padding: var(--space-800) var(--space-700) 0; gap: var(--space-1000); border-radius: var(--corner-radius-500); } }
@media (max-width: 767px) { .eg-banner--accordion:is(.eg-banner--mobile--bp-m, .eg-banner--mobile--bp-dm, .eg-banner--mobile--bp-tm) { padding: var(--space-800) var(--space-700) 0; gap: var(--space-1000); border-radius: var(--corner-radius-500); } }
.eg-banner--accordion.eg-banner--mobile .eg-banner__left { gap: var(--space-700); }
@media (min-width: 1261px) { .eg-banner--accordion:is(.eg-banner--mobile--bp-d, .eg-banner--mobile--bp-dt, .eg-banner--mobile--bp-dm) .eg-banner__left { gap: var(--space-700); } }
@media (min-width: 768px) and (max-width: 1260px) { .eg-banner--accordion:is(.eg-banner--mobile--bp-t, .eg-banner--mobile--bp-dt, .eg-banner--mobile--bp-tm) .eg-banner__left { gap: var(--space-700); } }
@media (max-width: 767px) { .eg-banner--accordion:is(.eg-banner--mobile--bp-m, .eg-banner--mobile--bp-dm, .eg-banner--mobile--bp-tm) .eg-banner__left { gap: var(--space-700); } }
.eg-banner--accordion.eg-banner--mobile .eg-acc { gap: var(--space-500); }
@media (min-width: 1261px) { .eg-banner--accordion:is(.eg-banner--mobile--bp-d, .eg-banner--mobile--bp-dt, .eg-banner--mobile--bp-dm) .eg-acc { gap: var(--space-500); } }
@media (min-width: 768px) and (max-width: 1260px) { .eg-banner--accordion:is(.eg-banner--mobile--bp-t, .eg-banner--mobile--bp-dt, .eg-banner--mobile--bp-tm) .eg-acc { gap: var(--space-500); } }
@media (max-width: 767px) { .eg-banner--accordion:is(.eg-banner--mobile--bp-m, .eg-banner--mobile--bp-dm, .eg-banner--mobile--bp-tm) .eg-acc { gap: var(--space-500); } }
.eg-banner--accordion.eg-banner--mobile .eg-acc__item { gap: var(--space-400); }
@media (min-width: 1261px) { .eg-banner--accordion:is(.eg-banner--mobile--bp-d, .eg-banner--mobile--bp-dt, .eg-banner--mobile--bp-dm) .eg-acc__item { gap: var(--space-400); } }
@media (min-width: 768px) and (max-width: 1260px) { .eg-banner--accordion:is(.eg-banner--mobile--bp-t, .eg-banner--mobile--bp-dt, .eg-banner--mobile--bp-tm) .eg-acc__item { gap: var(--space-400); } }
@media (max-width: 767px) { .eg-banner--accordion:is(.eg-banner--mobile--bp-m, .eg-banner--mobile--bp-dm, .eg-banner--mobile--bp-tm) .eg-acc__item { gap: var(--space-400); } }
.eg-banner--accordion.eg-banner--tablet .eg-banner__media--cut, .eg-banner--accordion.eg-banner--mobile .eg-banner__media--cut { margin-bottom: 0; align-self: center; width: 100%; }
@media (min-width: 1261px) { .eg-banner--accordion:is(.eg-banner--tablet--bp-d, .eg-banner--tablet--bp-dt, .eg-banner--tablet--bp-dm) :is(.eg-banner__media--cut--bp-d, .eg-banner__media--cut--bp-dt, .eg-banner__media--cut--bp-dm), .eg-banner--accordion:is(.eg-banner--mobile--bp-d, .eg-banner--mobile--bp-dt, .eg-banner--mobile--bp-dm) :is(.eg-banner__media--cut--bp-d, .eg-banner__media--cut--bp-dt, .eg-banner__media--cut--bp-dm) { margin-bottom: 0; align-self: center; width: 100%; } }
@media (min-width: 768px) and (max-width: 1260px) { .eg-banner--accordion:is(.eg-banner--tablet--bp-t, .eg-banner--tablet--bp-dt, .eg-banner--tablet--bp-tm) :is(.eg-banner__media--cut--bp-t, .eg-banner__media--cut--bp-dt, .eg-banner__media--cut--bp-tm), .eg-banner--accordion:is(.eg-banner--mobile--bp-t, .eg-banner--mobile--bp-dt, .eg-banner--mobile--bp-tm) :is(.eg-banner__media--cut--bp-t, .eg-banner__media--cut--bp-dt, .eg-banner__media--cut--bp-tm) { margin-bottom: 0; align-self: center; width: 100%; } }
@media (max-width: 767px) { .eg-banner--accordion:is(.eg-banner--tablet--bp-m, .eg-banner--tablet--bp-dm, .eg-banner--tablet--bp-tm) :is(.eg-banner__media--cut--bp-m, .eg-banner__media--cut--bp-dm, .eg-banner__media--cut--bp-tm), .eg-banner--accordion:is(.eg-banner--mobile--bp-m, .eg-banner--mobile--bp-dm, .eg-banner--mobile--bp-tm) :is(.eg-banner__media--cut--bp-m, .eg-banner__media--cut--bp-dm, .eg-banner__media--cut--bp-tm) { margin-bottom: 0; align-self: center; width: 100%; } }
.eg-banner--accordion.eg-banner--tablet .eg-banner__media--cut { max-width: calc(var(--container-desktop) * 546 / 1272); }
@media (min-width: 1261px) { .eg-banner--accordion:is(.eg-banner--tablet--bp-d, .eg-banner--tablet--bp-dt, .eg-banner--tablet--bp-dm) :is(.eg-banner__media--cut--bp-d, .eg-banner__media--cut--bp-dt, .eg-banner__media--cut--bp-dm) { max-width: calc(var(--container-desktop) * 546 / 1272); } }
@media (min-width: 768px) and (max-width: 1260px) { .eg-banner--accordion:is(.eg-banner--tablet--bp-t, .eg-banner--tablet--bp-dt, .eg-banner--tablet--bp-tm) :is(.eg-banner__media--cut--bp-t, .eg-banner__media--cut--bp-dt, .eg-banner__media--cut--bp-tm) { max-width: calc(var(--container-desktop) * 546 / 1272); } }
@media (max-width: 767px) { .eg-banner--accordion:is(.eg-banner--tablet--bp-m, .eg-banner--tablet--bp-dm, .eg-banner--tablet--bp-tm) :is(.eg-banner__media--cut--bp-m, .eg-banner__media--cut--bp-dm, .eg-banner__media--cut--bp-tm) { max-width: calc(var(--container-desktop) * 546 / 1272); } }
/* The auto-switch list's active item carries the 32px arrow of the Auto-Switch List component */
.eg-aslist__arrow { flex: none; align-self: center; width: var(--element-lg); height: var(--element-lg); color: var(--element-black-default); }
/* List Animated Patterns: on tablet and mobile, one item, its pattern and a progress dot carousel */
.eg-list__media--pattern { border-radius: 0; }
.eg-list__slide { display: flex; flex-direction: column; align-items: center; gap: var(--space-900); }
.eg-list__slide .eg-ccar { margin-top: var(--space-300); }
.eg-section--tablet .eg-list__slide .eg-list__one, .eg-section--mobile .eg-list__slide .eg-list__one { align-self: stretch; }
@media (min-width: 1261px) { :is(.eg-section--tablet--bp-d, .eg-section--tablet--bp-dt, .eg-section--tablet--bp-dm) .eg-list__slide .eg-list__one, :is(.eg-section--mobile--bp-d, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-dm) .eg-list__slide .eg-list__one { align-self: stretch; } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-section--tablet--bp-t, .eg-section--tablet--bp-dt, .eg-section--tablet--bp-tm) .eg-list__slide .eg-list__one, :is(.eg-section--mobile--bp-t, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-tm) .eg-list__slide .eg-list__one { align-self: stretch; } }
@media (max-width: 767px) { :is(.eg-section--tablet--bp-m, .eg-section--tablet--bp-dm, .eg-section--tablet--bp-tm) .eg-list__slide .eg-list__one, :is(.eg-section--mobile--bp-m, .eg-section--mobile--bp-dm, .eg-section--mobile--bp-tm) .eg-list__slide .eg-list__one { align-self: stretch; } }
.eg-section--tablet .eg-list--patterns .eg-section__inner { display: flex; flex-direction: column; gap: var(--space-1200); }
@media (min-width: 1261px) { :is(.eg-section--tablet--bp-d, .eg-section--tablet--bp-dt, .eg-section--tablet--bp-dm) .eg-list--patterns .eg-section__inner { display: flex; flex-direction: column; gap: var(--space-1200); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-section--tablet--bp-t, .eg-section--tablet--bp-dt, .eg-section--tablet--bp-tm) .eg-list--patterns .eg-section__inner { display: flex; flex-direction: column; gap: var(--space-1200); } }
@media (max-width: 767px) { :is(.eg-section--tablet--bp-m, .eg-section--tablet--bp-dm, .eg-section--tablet--bp-tm) .eg-list--patterns .eg-section__inner { display: flex; flex-direction: column; gap: var(--space-1200); } }
.eg-section--mobile .eg-list--patterns .eg-section__inner { display: flex; flex-direction: column; gap: var(--space-1000); }
@media (min-width: 1261px) { :is(.eg-section--mobile--bp-d, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-dm) .eg-list--patterns .eg-section__inner { display: flex; flex-direction: column; gap: var(--space-1000); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-section--mobile--bp-t, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-tm) .eg-list--patterns .eg-section__inner { display: flex; flex-direction: column; gap: var(--space-1000); } }
@media (max-width: 767px) { :is(.eg-section--mobile--bp-m, .eg-section--mobile--bp-dm, .eg-section--mobile--bp-tm) .eg-list--patterns .eg-section__inner { display: flex; flex-direction: column; gap: var(--space-1000); } }
.eg-section--tablet .eg-list__slide .eg-list__media { width: 100%; max-width: calc(var(--container-desktop) * 720 / 1272); }
@media (min-width: 1261px) { :is(.eg-section--tablet--bp-d, .eg-section--tablet--bp-dt, .eg-section--tablet--bp-dm) .eg-list__slide .eg-list__media { width: 100%; max-width: calc(var(--container-desktop) * 720 / 1272); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-section--tablet--bp-t, .eg-section--tablet--bp-dt, .eg-section--tablet--bp-tm) .eg-list__slide .eg-list__media { width: 100%; max-width: calc(var(--container-desktop) * 720 / 1272); } }
@media (max-width: 767px) { :is(.eg-section--tablet--bp-m, .eg-section--tablet--bp-dm, .eg-section--tablet--bp-tm) .eg-list__slide .eg-list__media { width: 100%; max-width: calc(var(--container-desktop) * 720 / 1272); } }
.eg-section--mobile .eg-list__slide { gap: var(--space-700); }
@media (min-width: 1261px) { :is(.eg-section--mobile--bp-d, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-dm) .eg-list__slide { gap: var(--space-700); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-section--mobile--bp-t, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-tm) .eg-list__slide { gap: var(--space-700); } }
@media (max-width: 767px) { :is(.eg-section--mobile--bp-m, .eg-section--mobile--bp-dm, .eg-section--mobile--bp-tm) .eg-list__slide { gap: var(--space-700); } }
.eg-section--mobile .eg-list__slide .eg-list__media { width: 100%; }
@media (min-width: 1261px) { :is(.eg-section--mobile--bp-d, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-dm) .eg-list__slide .eg-list__media { width: 100%; } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-section--mobile--bp-t, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-tm) .eg-list__slide .eg-list__media { width: 100%; } }
@media (max-width: 767px) { :is(.eg-section--mobile--bp-m, .eg-section--mobile--bp-dm, .eg-section--mobile--bp-tm) .eg-list__slide .eg-list__media { width: 100%; } }
/* Hero: the framed primary media (Hero / Primary / Media) and the cut one, as the file draws them */
.eg-hero:not(.eg-hero--secondary) .eg-hero__media { max-width: calc(var(--container-desktop) * 1080 / 1272); margin-left: auto; margin-right: auto; }
.eg-hero--tablet:not(.eg-hero--secondary) .eg-hero__media { max-width: calc(var(--container-desktop) * 720 / 1272); border-radius: var(--corner-radius-500); }
@media (min-width: 1261px) { :is(.eg-hero--tablet--bp-d, .eg-hero--tablet--bp-dt, .eg-hero--tablet--bp-dm):not(.eg-hero--secondary) .eg-hero__media { max-width: calc(var(--container-desktop) * 720 / 1272); border-radius: var(--corner-radius-500); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-hero--tablet--bp-t, .eg-hero--tablet--bp-dt, .eg-hero--tablet--bp-tm):not(.eg-hero--secondary) .eg-hero__media { max-width: calc(var(--container-desktop) * 720 / 1272); border-radius: var(--corner-radius-500); } }
@media (max-width: 767px) { :is(.eg-hero--tablet--bp-m, .eg-hero--tablet--bp-dm, .eg-hero--tablet--bp-tm):not(.eg-hero--secondary) .eg-hero__media { max-width: calc(var(--container-desktop) * 720 / 1272); border-radius: var(--corner-radius-500); } }
.eg-hero--mobile .eg-hero__media { border-radius: var(--corner-radius-300); }
@media (min-width: 1261px) { :is(.eg-hero--mobile--bp-d, .eg-hero--mobile--bp-dt, .eg-hero--mobile--bp-dm) .eg-hero__media { border-radius: var(--corner-radius-300); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-hero--mobile--bp-t, .eg-hero--mobile--bp-dt, .eg-hero--mobile--bp-tm) .eg-hero__media { border-radius: var(--corner-radius-300); } }
@media (max-width: 767px) { :is(.eg-hero--mobile--bp-m, .eg-hero--mobile--bp-dm, .eg-hero--mobile--bp-tm) .eg-hero__media { border-radius: var(--corner-radius-300); } }
.eg-hero--tablet.eg-hero--cut:not(.eg-hero--secondary) .eg-hero__media, .eg-hero--mobile.eg-hero--cut:not(.eg-hero--secondary) .eg-hero__media { aspect-ratio: 16 / 9 !important; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
@media (min-width: 1261px) { :is(.eg-hero--tablet--bp-d, .eg-hero--tablet--bp-dt, .eg-hero--tablet--bp-dm).eg-hero--cut:not(.eg-hero--secondary) .eg-hero__media, :is(.eg-hero--mobile--bp-d, .eg-hero--mobile--bp-dt, .eg-hero--mobile--bp-dm).eg-hero--cut:not(.eg-hero--secondary) .eg-hero__media { aspect-ratio: 16 / 9 !important; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-hero--tablet--bp-t, .eg-hero--tablet--bp-dt, .eg-hero--tablet--bp-tm).eg-hero--cut:not(.eg-hero--secondary) .eg-hero__media, :is(.eg-hero--mobile--bp-t, .eg-hero--mobile--bp-dt, .eg-hero--mobile--bp-tm).eg-hero--cut:not(.eg-hero--secondary) .eg-hero__media { aspect-ratio: 16 / 9 !important; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } }
@media (max-width: 767px) { :is(.eg-hero--tablet--bp-m, .eg-hero--tablet--bp-dm, .eg-hero--tablet--bp-tm).eg-hero--cut:not(.eg-hero--secondary) .eg-hero__media, :is(.eg-hero--mobile--bp-m, .eg-hero--mobile--bp-dm, .eg-hero--mobile--bp-tm).eg-hero--cut:not(.eg-hero--secondary) .eg-hero__media { aspect-ratio: 16 / 9 !important; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } }
/* Hero / Secondary / Media Large: the 1080x720 media runs past the container and is cut at the page edge */
.eg-hero--media-large { overflow: hidden; }
.eg-hero--media-large .eg-hero__cols { align-items: center; }
.eg-hero--media-large .eg-hero__media--side { flex: none; width: calc(var(--container-desktop) * 1080 / 1272); border-radius: var(--corner-radius-600); }
.eg-hero--media-large.eg-hero--cut .eg-hero__cols { align-items: flex-end; }
.eg-hero--media-large.eg-hero--cut .eg-hero__content { align-self: center; }
.eg-hero--media-large.eg-hero--tablet .eg-hero__media--side, .eg-hero--media-large.eg-hero--mobile .eg-hero__media--side { flex: initial; width: 100%; }
@media (min-width: 1261px) { .eg-hero--media-large:is(.eg-hero--tablet--bp-d, .eg-hero--tablet--bp-dt, .eg-hero--tablet--bp-dm) .eg-hero__media--side, .eg-hero--media-large:is(.eg-hero--mobile--bp-d, .eg-hero--mobile--bp-dt, .eg-hero--mobile--bp-dm) .eg-hero__media--side { flex: initial; width: 100%; } }
@media (min-width: 768px) and (max-width: 1260px) { .eg-hero--media-large:is(.eg-hero--tablet--bp-t, .eg-hero--tablet--bp-dt, .eg-hero--tablet--bp-tm) .eg-hero__media--side, .eg-hero--media-large:is(.eg-hero--mobile--bp-t, .eg-hero--mobile--bp-dt, .eg-hero--mobile--bp-tm) .eg-hero__media--side { flex: initial; width: 100%; } }
@media (max-width: 767px) { .eg-hero--media-large:is(.eg-hero--tablet--bp-m, .eg-hero--tablet--bp-dm, .eg-hero--tablet--bp-tm) .eg-hero__media--side, .eg-hero--media-large:is(.eg-hero--mobile--bp-m, .eg-hero--mobile--bp-dm, .eg-hero--mobile--bp-tm) .eg-hero__media--side { flex: initial; width: 100%; } }
.eg-hero--media-large.eg-hero--tablet .eg-hero__media--side { border-radius: var(--corner-radius-500); }
@media (min-width: 1261px) { .eg-hero--media-large:is(.eg-hero--tablet--bp-d, .eg-hero--tablet--bp-dt, .eg-hero--tablet--bp-dm) .eg-hero__media--side { border-radius: var(--corner-radius-500); } }
@media (min-width: 768px) and (max-width: 1260px) { .eg-hero--media-large:is(.eg-hero--tablet--bp-t, .eg-hero--tablet--bp-dt, .eg-hero--tablet--bp-tm) .eg-hero__media--side { border-radius: var(--corner-radius-500); } }
@media (max-width: 767px) { .eg-hero--media-large:is(.eg-hero--tablet--bp-m, .eg-hero--tablet--bp-dm, .eg-hero--tablet--bp-tm) .eg-hero__media--side { border-radius: var(--corner-radius-500); } }
/* On desktop the file keeps these at 720 wide, running past the container's edge (the banner's is cut by its card). */
.eg-section:not(.eg-section--tablet):not(.eg-section--mobile) .eg-tq--carousel .eg-tq__right { flex: none; width: calc(var(--container-desktop) * 720 / 1272); }
@media (min-width: 1261px) { running past the container's edge (the banner's is cut by its card). */
.eg-section:not(:is(.eg-section--tablet--bp-d, .eg-section--tablet--bp-dt, .eg-section--tablet--bp-dm)):not(:is(.eg-section--mobile--bp-d, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-dm)) .eg-tq--carousel .eg-tq__right { flex: none; width: calc(var(--container-desktop) * 720 / 1272); } }
@media (min-width: 768px) and (max-width: 1260px) { running past the container's edge (the banner's is cut by its card). */
.eg-section:not(:is(.eg-section--tablet--bp-t, .eg-section--tablet--bp-dt, .eg-section--tablet--bp-tm)):not(:is(.eg-section--mobile--bp-t, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-tm)) .eg-tq--carousel .eg-tq__right { flex: none; width: calc(var(--container-desktop) * 720 / 1272); } }
@media (max-width: 767px) { running past the container's edge (the banner's is cut by its card). */
.eg-section:not(:is(.eg-section--tablet--bp-m, .eg-section--tablet--bp-dm, .eg-section--tablet--bp-tm)):not(:is(.eg-section--mobile--bp-m, .eg-section--mobile--bp-dm, .eg-section--mobile--bp-tm)) .eg-tq--carousel .eg-tq__right { flex: none; width: calc(var(--container-desktop) * 720 / 1272); } }
.eg-list--patterns:not(.eg-section--tablet):not(.eg-section--mobile) .eg-list__pattern { flex: none; width: calc(var(--container-desktop) * 720 / 1272); }
@media (min-width: 1261px) { .eg-list--patterns:not(:is(.eg-section--tablet--bp-d, .eg-section--tablet--bp-dt, .eg-section--tablet--bp-dm)):not(:is(.eg-section--mobile--bp-d, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-dm)) .eg-list__pattern { flex: none; width: calc(var(--container-desktop) * 720 / 1272); } }
@media (min-width: 768px) and (max-width: 1260px) { .eg-list--patterns:not(:is(.eg-section--tablet--bp-t, .eg-section--tablet--bp-dt, .eg-section--tablet--bp-tm)):not(:is(.eg-section--mobile--bp-t, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-tm)) .eg-list__pattern { flex: none; width: calc(var(--container-desktop) * 720 / 1272); } }
@media (max-width: 767px) { .eg-list--patterns:not(:is(.eg-section--tablet--bp-m, .eg-section--tablet--bp-dm, .eg-section--tablet--bp-tm)):not(:is(.eg-section--mobile--bp-m, .eg-section--mobile--bp-dm, .eg-section--mobile--bp-tm)) .eg-list__pattern { flex: none; width: calc(var(--container-desktop) * 720 / 1272); } }
.eg-banner--accordion { overflow: hidden; }
.eg-banner--accordion:not(.eg-banner--tablet):not(.eg-banner--mobile) .eg-banner__media { flex: none; width: calc(var(--container-desktop) * 720 / 1272); }
@media (min-width: 1261px) { .eg-banner--accordion:not(:is(.eg-banner--tablet--bp-d, .eg-banner--tablet--bp-dt, .eg-banner--tablet--bp-dm)):not(:is(.eg-banner--mobile--bp-d, .eg-banner--mobile--bp-dt, .eg-banner--mobile--bp-dm)) .eg-banner__media { flex: none; width: calc(var(--container-desktop) * 720 / 1272); } }
@media (min-width: 768px) and (max-width: 1260px) { .eg-banner--accordion:not(:is(.eg-banner--tablet--bp-t, .eg-banner--tablet--bp-dt, .eg-banner--tablet--bp-tm)):not(:is(.eg-banner--mobile--bp-t, .eg-banner--mobile--bp-dt, .eg-banner--mobile--bp-tm)) .eg-banner__media { flex: none; width: calc(var(--container-desktop) * 720 / 1272); } }
@media (max-width: 767px) { .eg-banner--accordion:not(:is(.eg-banner--tablet--bp-m, .eg-banner--tablet--bp-dm, .eg-banner--tablet--bp-tm)):not(:is(.eg-banner--mobile--bp-m, .eg-banner--mobile--bp-dm, .eg-banner--mobile--bp-tm)) .eg-banner__media { flex: none; width: calc(var(--container-desktop) * 720 / 1272); } }
.eg-hero--tablet:not(.eg-hero--secondary) .eg-hero__media { margin-top: var(--space-1700); }
@media (min-width: 1261px) { :is(.eg-hero--tablet--bp-d, .eg-hero--tablet--bp-dt, .eg-hero--tablet--bp-dm):not(.eg-hero--secondary) .eg-hero__media { margin-top: var(--space-1700); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-hero--tablet--bp-t, .eg-hero--tablet--bp-dt, .eg-hero--tablet--bp-tm):not(.eg-hero--secondary) .eg-hero__media { margin-top: var(--space-1700); } }
@media (max-width: 767px) { :is(.eg-hero--tablet--bp-m, .eg-hero--tablet--bp-dm, .eg-hero--tablet--bp-tm):not(.eg-hero--secondary) .eg-hero__media { margin-top: var(--space-1700); } }
.eg-section--mobile .eg-tq--carousel .eg-quotecard { padding: var(--space-800); border-radius: var(--corner-radius-500); }
@media (min-width: 1261px) { :is(.eg-section--mobile--bp-d, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-dm) .eg-tq--carousel .eg-quotecard { padding: var(--space-800); border-radius: var(--corner-radius-500); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.eg-section--mobile--bp-t, .eg-section--mobile--bp-dt, .eg-section--mobile--bp-tm) .eg-tq--carousel .eg-quotecard { padding: var(--space-800); border-radius: var(--corner-radius-500); } }
@media (max-width: 767px) { :is(.eg-section--mobile--bp-m, .eg-section--mobile--bp-dm, .eg-section--mobile--bp-tm) .eg-tq--carousel .eg-quotecard { padding: var(--space-800); border-radius: var(--corner-radius-500); } }


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/css/scss/design-system/tenweb-website/tenweb-website-page.css */
/* The page around the 10web Website sections on a theme page. Generated by tenweb-design. */
/* The page around the design-system sections, shared by the preview and the generated template:
   grounds, the inset dark card, new sections, comparison tables, drafted sections. Every value is a
   design-system token. The ground rules are generated from the surface tokens (GROUNDS below). */
.tw-ground--black {
  --blue-0: #3339f100;
  --blue-100: #3339f11a;
  --blue-200: #3339f133;
  --blue-300: #3339f14d;
  --blue-400: #3339f166;
  --blue-500: #3339f180;
  --blue-600: #3339f199;
  --blue-700: #3339f1b2;
  --blue-800: #3339f1cc;
  --blue-900: #3339f1e5;
  --blue-1000: #3339f1;
  --black-0: #00000000;
  --black-100: #0000001a;
  --black-200: #00000033;
  --black-300: #0000004d;
  --black-400: #00000066;
  --black-500: #00000080;
  --black-600: #00000099;
  --black-700: #000000b2;
  --black-800: #000000cc;
  --black-900: #000000e5;
  --black-1000: #000000;
  --white-0: #ffffff00;
  --white-100: #ffffff1a;
  --white-200: #ffffff33;
  --white-300: #ffffff4d;
  --white-400: #ffffff66;
  --white-500: #ffffff80;
  --white-600: #ffffff99;
  --white-700: #ffffffb2;
  --white-800: #ffffffcc;
  --white-900: #ffffffe5;
  --white-1000: #ffffff;
  --grey-0: #f5f5f600;
  --grey-100: #f5f5f61a;
  --grey-300: #f5f5f64d;
  --grey-500: #f5f5f680;
  --grey-800: #f5f5f6cc;
  --grey-1000: #f5f5f6;
  --green-0: #33c25700;
  --green-100: #dff9e5;
  --green-200: #c0f2cc;
  --green-300: #8fe6a5;
  --green-400: #57d175;
  --green-500: #33c257;
  --green-600: #22973f;
  --green-700: #1e7735;
  --green-800: #1d5e2e;
  --green-900: #194e28;
  --green-1000: #092a13;
  --orange-0: #ff950000;
  --orange-100: #fff1c5;
  --orange-200: #ffe485;
  --orange-300: #ffcf46;
  --orange-400: #ffb91b;
  --orange-500: #ff9500;
  --orange-600: #e26e00;
  --orange-700: #bb4a02;
  --orange-800: #983908;
  --orange-900: #7c2f0b;
  --orange-1000: #481600;
  --red-0: #f5392e00;
  --red-100: #ffe3e1;
  --red-200: #ffcbc8;
  --red-300: #ffa7a2;
  --red-400: #fd746c;
  --red-500: #f5392e;
  --red-600: #e32a1f;
  --red-700: #bf1f16;
  --red-800: #9e1e16;
  --red-900: #831f19;
  --red-1000: #470b08;
  --surface-brand-void: var(--black-0);
  --surface-brand-subtle: var(--black-100);
  --surface-brand-mid: var(--black-300);
  --surface-brand-half: var(--black-500);
  --surface-brand-earthy: var(--black-800);
  --surface-brand-default: var(--black-1000);
  --surface-brand-adept: var(--blue-1000);
  --surface-black-void: var(--blue-0);
  --surface-black-subtle: var(--blue-100);
  --surface-black-twenty: var(--blue-200);
  --surface-black-mid: var(--blue-300);
  --surface-black-half: var(--blue-500);
  --surface-black-earthy: var(--blue-800);
  --surface-black-default: var(--blue-1000);
  --surface-black-adept-subtle: var(--white-100);
  --surface-black-adept-twenty: var(--white-200);
  --surface-black-adept-mid: var(--white-300);
  --surface-black-adept-half: var(--white-500);
  --surface-black-adept-earthy: var(--white-800);
  --surface-black-adept: var(--white-1000);
  --surface-white-void: var(--black-0);
  --surface-white-subtle: var(--black-100);
  --surface-white-mid: var(--black-300);
  --surface-white-half: var(--black-500);
  --surface-white-earthy: var(--black-800);
  --surface-white-default: var(--black-1000);
  --surface-white-adept-subtle: var(--white-100);
  --surface-white-adept-mid: var(--white-300);
  --surface-white-adept-half: var(--white-500);
  --surface-white-adept-earthy: var(--white-800);
  --surface-white-adept: var(--white-1000);
  --surface-white-strong: var(--white-1000);
  --surface-grey-void: var(--black-0);
  --surface-grey-subtle: var(--black-100);
  --surface-grey-mid: var(--black-300);
  --surface-grey-half: var(--black-500);
  --surface-grey-earthy: var(--black-800);
  --surface-grey-default: var(--black-1000);
  --surface-grey-adept: var(--white-100);
  --surface-grey-strong: var(--grey-1000);
  --surface-positive-void: var(--green-0);
  --surface-positive-subtle: var(--green-1000);
  --surface-positive-calm: var(--green-900);
  --surface-positive-earthy: var(--green-700);
  --surface-positive-default: var(--green-500);
  --surface-warning-void: var(--orange-0);
  --surface-warning-subtle: var(--orange-1000);
  --surface-warning-calm: var(--orange-900);
  --surface-warning-earthy: var(--orange-700);
  --surface-warning-default: var(--orange-500);
  --surface-danger-void: var(--red-0);
  --surface-danger-subtle: var(--red-1000);
  --surface-danger-calm: var(--red-900);
  --surface-danger-earthy: var(--red-700);
  --surface-danger-default: var(--red-500);
  --text-brand-void: var(--white-0);
  --text-brand-subtle: var(--white-100);
  --text-brand-mid: var(--white-300);
  --text-brand-half: var(--white-500);
  --text-brand-earthy: var(--white-800);
  --text-brand-default: var(--white-1000);
  --text-brand-adept: var(--white-1000);
  --text-brand-strong-half: var(--blue-500);
  --text-brand-strong: var(--blue-1000);
  --text-black-void: var(--white-0);
  --text-black-subtle: var(--white-100);
  --text-black-twenty: var(--white-200);
  --text-black-mid: var(--white-300);
  --text-black-half: var(--white-500);
  --text-black-earthy: var(--white-800);
  --text-black-default: var(--white-1000);
  --text-black-trio: var(--white-1000);
  --text-black-adept-subtle: var(--white-100);
  --text-black-adept-mid: var(--white-300);
  --text-black-adept-twenty: var(--white-200);
  --text-black-adept-half: var(--white-500);
  --text-black-adept-earthy: var(--white-800);
  --text-black-adept: var(--white-1000);
  --text-black-strong-mid: var(--black-300);
  --text-black-strong-half: var(--black-500);
  --text-black-strong-earthy: var(--black-800);
  --text-black-strong: var(--black-1000);
  --text-white-void: var(--black-0);
  --text-white-subtle: var(--black-100);
  --text-white-mid: var(--black-300);
  --text-white-half: var(--black-500);
  --text-white-earthy: var(--black-800);
  --text-white-default: var(--black-1000);
  --text-white-trio: var(--black-1000);
  --text-white-adept-subtle: var(--white-100);
  --text-white-adept-mid: var(--white-300);
  --text-white-adept-half: var(--white-500);
  --text-white-adept-earthy: var(--white-800);
  --text-white-adept: var(--white-1000);
  --text-white-strong-half: var(--white-500);
  --text-white-strong: var(--white-1000);
  --text-grey-void: var(--black-0);
  --text-grey-default: var(--black-1000);
  --text-grey-adept: var(--grey-1000);
  --text-positive-void: var(--green-0);
  --text-positive-subtle: var(--green-1000);
  --text-positive-calm: var(--green-900);
  --text-positive-earthy: var(--green-700);
  --text-positive-default: var(--green-500);
  --text-warning-void: var(--orange-0);
  --text-warning-subtle: var(--orange-1000);
  --text-warning-calm: var(--orange-900);
  --text-warning-earthy: var(--orange-700);
  --text-warning-default: var(--orange-500);
  --text-danger-void: var(--red-0);
  --text-danger-subtle: var(--red-1000);
  --text-danger-calm: var(--red-900);
  --text-danger-earthy: var(--red-700);
  --text-danger-default: var(--red-500);
  --element-brand-void: var(--white-0);
  --element-brand-subtle: var(--white-100);
  --element-brand-mid: var(--white-300);
  --element-brand-half: var(--white-500);
  --element-brand-earthy: var(--white-800);
  --element-brand-default: var(--white-1000);
  --element-brand-adept: var(--blue-1000);
  --element-black-void: var(--white-0);
  --element-black-subtle: var(--white-100);
  --element-black-twenty: var(--white-200);
  --element-black-mid: var(--white-300);
  --element-black-half: var(--white-500);
  --element-black-earthy: var(--white-800);
  --element-black-default: var(--white-1000);
  --element-black-trio: var(--white-1000);
  --element-black-adept-subtle: var(--white-100);
  --element-black-adept-twenty: var(--white-200);
  --element-black-adept-mid: var(--white-300);
  --element-black-adept-half: var(--white-500);
  --element-black-adept-earthy: var(--white-800);
  --element-black-adept: var(--white-1000);
  --element-black-strong-subtle: var(--black-100);
  --element-black-strong-mid: var(--black-300);
  --element-black-strong-half: var(--black-500);
  --element-black-strong-earthy: var(--black-800);
  --element-black-strong: var(--black-1000);
  --element-white-void: var(--black-0);
  --element-white-subtle: var(--black-100);
  --element-white-mid: var(--black-300);
  --element-white-half: var(--black-500);
  --element-white-earthy: var(--black-800);
  --element-white-default: var(--black-1000);
  --element-white-trio: var(--black-1000);
  --element-white-adept-subtle: var(--white-100);
  --element-white-adept-mid: var(--white-300);
  --element-white-adept-half: var(--white-500);
  --element-white-adept: var(--white-1000);
  --element-white-strong: var(--white-1000);
  --element-grey-void: var(--black-0);
  --element-grey-default: var(--black-1000);
  --element-grey-adept: var(--grey-1000);
  --element-positive-void: var(--green-0);
  --element-positive-subtle: var(--green-1000);
  --element-positive-calm: var(--green-900);
  --element-positive-default: var(--green-700);
  --element-positive-classic: var(--green-500);
  --element-warning-void: var(--orange-0);
  --element-warning-subtle: var(--orange-1000);
  --element-warning-calm: var(--orange-900);
  --element-warning-default: var(--orange-700);
  --element-warning-classic: var(--orange-500);
  --element-danger-void: var(--red-0);
  --element-danger-subtle: var(--red-1000);
  --element-danger-calm: var(--red-900);
  --element-danger-earthy: var(--red-700);
  --element-danger-classic: var(--red-500);
  --border-brand-void: var(--black-0);
  --border-brand-subtle: var(--black-100);
  --border-brand-mid: var(--black-300);
  --border-brand-half: var(--black-500);
  --border-brand-earthy: var(--black-800);
  --border-brand-default: var(--black-1000);
  --border-brand-adept: var(--blue-1000);
  --border-black-void: var(--blue-0);
  --border-black-subtle: var(--blue-100);
  --border-black-twenty: var(--blue-200);
  --border-black-mid: var(--blue-300);
  --border-black-half: var(--blue-500);
  --border-black-earthy: var(--blue-800);
  --border-black-default: var(--blue-1000);
  --border-black-adept-subtle: var(--white-100);
  --border-black-adept-twenty: var(--white-200);
  --border-black-adept-mid: var(--white-300);
  --border-black-adept-half: var(--white-500);
  --border-black-adept-earthy: var(--white-800);
  --border-black-adept: var(--white-1000);
  --border-white-void: var(--black-0);
  --border-white-subtle: var(--black-100);
  --border-white-mid: var(--black-300);
  --border-white-half: var(--black-500);
  --border-white-earthy: var(--black-800);
  --border-white-default: var(--black-1000);
  --border-white-adept-subtle: var(--white-100);
  --border-white-adept-mid: var(--white-300);
  --border-white-adept-half: var(--white-500);
  --border-white-adept-earthy: var(--white-800);
  --border-white-adept: var(--white-1000);
  --border-grey-void: var(--black-0);
  --border-grey-subtle: var(--black-100);
  --border-grey-mid: var(--black-300);
  --border-grey-half: var(--black-500);
  --border-grey-earthy: var(--black-800);
  --border-grey-default: var(--black-1000);
  --border-grey-adept: var(--white-100);
  --border-grey-strong: var(--grey-1000);
  --border-positive-void: var(--green-0);
  --border-positive-subtle: var(--green-1000);
  --border-positive-calm: var(--green-900);
  --border-positive-earthy: var(--green-700);
  --border-positive-default: var(--green-500);
  --border-warning-void: var(--orange-0);
  --border-warning-subtle: var(--orange-1000);
  --border-warning-calm: var(--orange-900);
  --border-warning-earthy: var(--orange-700);
  --border-warning-default: var(--orange-500);
  --border-danger-void: var(--red-0);
  --border-danger-subtle: var(--red-1000);
  --border-danger-calm: var(--red-900);
  --border-danger-earthy: var(--red-700);
  --border-danger-default: var(--red-500);
}
.tw-ground--black { background: var(--surface-white-default); color: var(--text-black-default); }
.tw-ground--black .eg-section { background: var(--surface-white-default); color: var(--text-black-default); }
.tw-ground--black .eg-mentions__logo, .tw-ground--black .eg-logos__item img { filter: invert(1); }
.tw-ground--white .eg-section, .tw-ground--white.eg-section { background: var(--surface-white-default); color: var(--text-black-default); }
.tw-ground--grey .eg-section, .tw-ground--grey.eg-section { background: var(--surface-grey-default); color: var(--text-black-default); }
.tw-ground--grey .eg-card { background: var(--surface-white-default); }
/* On a page that opens light, a dark section is a rounded card inset from the page edge on
   desktop, as on the 10web.io homepage (full width on tablet and mobile, as there); on a page
   that opens dark, dark sections run full-bleed. */
@media (min-width: 1261px) { .tw-lp-inset .tw-ground--black, .tw-lp-inset .tw-ground--native { margin: 0 var(--space-300); border-radius: var(--corner-radius-600); overflow: hidden; } }
/* A new section: its heading, a grid of items and a row of buttons, spaced by the spacing tokens. */
.tw-new__items { display: grid; gap: var(--space-700); margin-top: var(--space-1000); }
.tw-new__media { margin-top: var(--space-1000); }
.tw-new__buttons { display: flex; flex-wrap: wrap; gap: var(--space-300); margin-top: var(--space-1000); }
.tw-new__tabs { display: flex; margin-top: var(--space-1000); }
.tw-new__tabs + * { margin-top: var(--space-800); }
/* A comparison table: the points down the side, one column per thing compared, the emphasised
   column (10Web) on a brand tint from top to bottom. On mobile each point is a block of its own. */
.tw-cmp { display: grid; margin-top: var(--space-1000); background: var(--surface-white-default); border-radius: var(--corner-radius-400); padding: var(--space-300); }
.tw-cmp__cell { padding: var(--space-600) var(--space-700); border-top: var(--space-25) solid var(--border-black-subtle); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); color: var(--text-black-earthy); }
.tw-cmp__head { border-top: 0; font-size: var(--type-h5-size); line-height: var(--type-h5-line-height); font-weight: var(--type-h5-weight); color: var(--text-black-default); }
.tw-cmp__point { font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); font-weight: var(--type-h5-weight); color: var(--text-black-default); }
.tw-cmp__cell--em { background: var(--surface-brand-subtle); color: var(--text-black-default); border-top-color: var(--border-brand-subtle); }
.tw-cmp__head.tw-cmp__cell--em { color: var(--text-brand-default); border-radius: var(--corner-radius-300) var(--corner-radius-300) 0 0; }
.tw-cmp__cell--last.tw-cmp__cell--em { border-radius: 0 0 var(--corner-radius-300) var(--corner-radius-300); }
.tw-cmp--stack { display: flex; flex-direction: column; gap: var(--space-500); padding: 0; background: none; }
@media (min-width: 1261px) { :is(.tw-cmp--stack--bp-d, .tw-cmp--stack--bp-dt, .tw-cmp--stack--bp-dm) { display: flex; flex-direction: column; gap: var(--space-500); padding: 0; background: none; } }
@media (min-width: 768px) and (max-width: 1260px) { :is(.tw-cmp--stack--bp-t, .tw-cmp--stack--bp-dt, .tw-cmp--stack--bp-tm) { display: flex; flex-direction: column; gap: var(--space-500); padding: 0; background: none; } }
@media (max-width: 767px) { :is(.tw-cmp--stack--bp-m, .tw-cmp--stack--bp-dm, .tw-cmp--stack--bp-tm) { display: flex; flex-direction: column; gap: var(--space-500); padding: 0; background: none; } }
.tw-cmp__row { background: var(--surface-white-default); border-radius: var(--corner-radius-400); padding: var(--space-700); display: flex; flex-direction: column; gap: var(--space-400); }
.tw-cmp__value { border-radius: var(--corner-radius-300); padding: var(--space-400) var(--space-500); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); color: var(--text-black-earthy); }
.tw-cmp__value b { display: block; font-size: var(--type-caption-lg-size); line-height: var(--type-caption-lg-line-height); font-weight: var(--type-caption-lg-weight); color: var(--text-black-half); }
.tw-cmp__value--em { background: var(--surface-brand-subtle); color: var(--text-black-default); }
.tw-cmp__value--em b { color: var(--text-brand-default); }
/* The choices preview: each question, then each option's label above the section it names. */
.tw-choice { padding: var(--space-700) var(--space-500); background: var(--surface-grey-default); border-top: var(--space-25) solid var(--border-black-subtle); display: flex; flex-direction: column; gap: var(--space-200); }
.tw-choice--question { background: var(--surface-brand-subtle); padding-block: var(--space-1000) var(--space-700); border-top: 0; }
.tw-choice__label { font-size: var(--type-h5-size); line-height: var(--type-h5-line-height); font-weight: var(--type-h5-weight); color: var(--text-black-default); }
.tw-choice--question .tw-choice__label { font-size: var(--type-h4-size); line-height: var(--type-h4-line-height); font-weight: var(--type-h4-weight); }
.tw-choice__sub { font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); color: var(--text-black-earthy); }
.tw-choice__note { font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); color: var(--text-black-half); }
/* A drafted new section: its design-system elements are drawn by the components, in place. */
[data-ds] { display: contents; }
/* On a dark ground the default focus ring (border-brand-earthy) turns near black and vanishes: it is white there. */
.tw-ground--black :focus-visible, .tw-ground--native :focus-visible { outline-color: var(--border-black-adept) !important; }
.tw-new-html__tabs { display: flex; justify-content: center; }
/* A draft that brings its own spacing and width (a page's nav or hero drawn as is): the section
   around it adds no padding, so it is as tall and as wide as the draft draws it. */
.tw-bleed > .eg-section { padding: 0; display: flow-root; }
/* flow-root: the draft's own margins stay inside it */
.tw-bleed > .eg-section > .eg-section__inner { max-width: none; width: 100%; }
.tw-new-html__controls { display: flex; align-items: center; justify-content: center; gap: var(--space-400); margin-top: var(--space-700); }
[data-tw-swap] { display: contents !important; }
[data-tw-theme] { display: contents; }
.tw-error { padding: var(--space-700); margin: var(--space-500); border: var(--space-25) solid var(--border-black-subtle); color: var(--text-black-default); }
.ds-bp { display: none; }
@media (min-width: 1261px) { .ds-bp--d, .ds-bp--dt, .ds-bp--dm { display: contents; } }
@media (min-width: 768px) and (max-width: 1260px) { .ds-bp--t, .ds-bp--dt, .ds-bp--tm { display: contents; } }
@media (max-width: 767px) { .ds-bp--m, .ds-bp--dm, .ds-bp--tm { display: contents; } }

.tw-lp-section { font-family: var(--font-sans); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); color: var(--text-black-default); -webkit-font-smoothing: antialiased; }
.tw-lp-section *, .tw-lp-section *::before, .tw-lp-section *::after { box-sizing: border-box; }
/* A state not shown (a closed answer, the other icon, an inactive panel) stays hidden whatever display the design system gives it. */
.tw-lp-section [hidden] { display: none !important; }
[data-tw-swap] { display: contents !important; }
[data-tw-theme] { display: contents; }


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/sections/lp-ai-website-builder-steps/css/lp-ai-website-builder-steps.css */
/* AI website builder, steps: its styles, every value a design-system token. Generated by tenweb-design. */
:where([data-new="steps"]) h2 { margin: 0; font-family: var(--font-sans); font-size: var(--type-h2-size); line-height: var(--type-h2-line-height); font-weight: var(--type-h2-weight); letter-spacing: var(--type-h2-letter-spacing); color: var(--text-black-default); }
:where([data-new="steps"]) h3 { margin: 0; font-family: var(--font-sans); font-size: var(--type-h4-size); line-height: var(--type-h4-line-height); font-weight: var(--type-h4-weight); letter-spacing: var(--type-h4-letter-spacing); color: var(--text-black-default); }
:where([data-new="steps"]) h4 { margin: 0; font-family: var(--font-sans); font-size: var(--type-h5-size); line-height: var(--type-h5-line-height); font-weight: var(--type-h5-weight); letter-spacing: var(--type-h5-letter-spacing); color: var(--text-black-default); }
:where([data-new="steps"]) h5 { margin: 0; font-family: var(--font-sans); font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); font-weight: var(--type-h6-weight); letter-spacing: var(--type-h6-letter-spacing); color: var(--text-black-default); }
:where([data-new="steps"]) h6 { margin: 0; font-family: var(--font-sans); font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); font-weight: var(--type-h6-weight); letter-spacing: var(--type-h6-letter-spacing); color: var(--text-black-default); }
:where([data-new="steps"]) p { margin: 0; font-family: var(--font-sans); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); font-weight: var(--type-body-md-weight); letter-spacing: var(--type-body-md-letter-spacing); color: var(--text-black-earthy); }
:where([data-new="steps"]) li { margin: 0; font-family: var(--font-sans); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); font-weight: var(--type-body-md-weight); letter-spacing: var(--type-body-md-letter-spacing); color: var(--text-black-earthy); }
:where([data-new="steps"]) td { margin: 0; font-family: var(--font-sans); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); font-weight: var(--type-body-md-weight); letter-spacing: var(--type-body-md-letter-spacing); color: var(--text-black-earthy); }
:where([data-new="steps"]) th { margin: 0; font-family: var(--font-sans); font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); font-weight: var(--type-h6-weight); letter-spacing: var(--type-h6-letter-spacing); color: var(--text-black-default); }
:where([data-new="steps"]) label { margin: 0; font-family: var(--font-sans); font-size: var(--type-caption-lg-size); line-height: var(--type-caption-lg-line-height); font-weight: var(--type-caption-lg-weight); letter-spacing: var(--type-caption-lg-letter-spacing); color: var(--text-black-default); }
:where([data-new="steps"]) small { margin: 0; font-family: var(--font-sans); font-size: var(--type-caption-md-size); line-height: var(--type-caption-md-line-height); font-weight: var(--type-caption-md-weight); letter-spacing: var(--type-caption-md-letter-spacing); color: var(--text-black-earthy); }
:where([data-new="steps"]) figcaption { margin: 0; font-family: var(--font-sans); font-size: var(--type-caption-md-size); line-height: var(--type-caption-md-line-height); font-weight: var(--type-caption-md-weight); letter-spacing: var(--type-caption-md-letter-spacing); color: var(--text-black-earthy); }
:where([data-new="steps"]) blockquote { margin: 0; font-family: var(--font-sans); font-size: var(--type-h5-size); line-height: var(--type-h5-line-height); font-weight: var(--type-h5-weight); letter-spacing: var(--type-h5-letter-spacing); color: var(--text-black-default); }
:where([data-new="steps"]) dt { margin: 0; font-family: var(--font-sans); font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); font-weight: var(--type-h6-weight); letter-spacing: var(--type-h6-letter-spacing); color: var(--text-black-default); }
:where([data-new="steps"]) dd { margin: 0; font-family: var(--font-sans); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); font-weight: var(--type-body-md-weight); letter-spacing: var(--type-body-md-letter-spacing); color: var(--text-black-earthy); }
:where([data-new="steps"]) ul, :where([data-new="steps"]) ol { margin: 0; padding-left: var(--space-600); }
:where([data-new="steps"]) table { border-collapse: collapse; width: 100%; }
:where([data-new="steps"]) a { color: var(--text-brand-default); text-decoration: underline; text-underline-offset: var(--space-50); }
:where([data-new="steps"]) input, :where([data-new="steps"]) textarea, :where([data-new="steps"]) select, :where([data-new="steps"]) button { font-family: var(--font-sans); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); font-weight: var(--type-body-md-weight); letter-spacing: var(--type-body-md-letter-spacing); color: var(--text-black-default); accent-color: var(--element-brand-default); }
:where([data-new="steps"]) [data-carousel] { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
:where([data-new="steps"]) [data-carousel] > * { flex: 0 0 auto; scroll-snap-align: start; }
:where([data-new="steps"]) [data-tab][hidden] { display: none; }
[data-new="steps"] .gl4-steps { width: 100%; min-width: 0; color: var(--text-black-default); }
[data-new="steps"] .gl4-h2 { font-family: var(--font-sans); font-size: var(--type-h2-size); line-height: var(--type-h2-line-height); font-weight: var(--type-h2-weight); letter-spacing: var(--type-h2-letter-spacing); margin: 0 0 var(--space-500); }
[data-new="steps"] .gl4-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-400); }
[data-new="steps"] .gl4-card { position: relative; background: var(--surface-white-default); border: var(--space-25) solid var(--border-black-subtle); border-radius: var(--corner-radius-500); padding: var(--space-500); min-width: 0; transition: border-color .2s; }
[data-new="steps"] .gl4-card:hover { border-color: var(--border-brand-default); }
[data-new="steps"] .gl4-rn { position: absolute; right: var(--space-500); top: var(--space-500); width: var(--element-md); height: var(--element-md); border-radius: var(--corner-radius-750); background: var(--surface-grey-default); color: var(--text-brand-default); font-family: var(--font-sans); font-size: var(--type-caption-md-size); line-height: var(--type-caption-md-line-height); font-weight: var(--type-caption-md-weight); letter-spacing: var(--type-caption-md-letter-spacing); display: flex; align-items: center; justify-content: center; }
[data-new="steps"] .gl4-title { margin: 0 var(--space-800) var(--space-100) 0; font-family: var(--font-sans); font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); font-weight: var(--type-h6-weight); letter-spacing: var(--type-h6-letter-spacing); color: var(--text-black-default); }
[data-new="steps"] .gl4-desc { margin: 0; font-family: var(--font-sans); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); font-weight: var(--type-body-sm-weight); letter-spacing: var(--type-body-sm-letter-spacing); color: var(--text-black-earthy); min-height: var(--element-2xlg); }
[data-new="steps"] .gl4-vis { margin-top: var(--space-500); height: 232px; border-radius: var(--corner-radius-400); background: var(--surface-grey-default); border: var(--space-25) solid var(--border-black-subtle); display: flex; align-items: center; justify-content: center; padding: var(--space-400); overflow: hidden; }
[data-new="steps"] .gl4-v1box { width: 100%; min-width: 0; background: var(--surface-white-default); border: var(--space-25) solid var(--border-black-subtle); border-radius: var(--corner-radius-400); padding: var(--space-400); box-shadow: var(--elevation-200); }
[data-new="steps"] .gl4-v1t { display: block; width: 100%; font-family: var(--font-sans); font-size: var(--type-caption-lg-size); line-height: var(--type-caption-lg-line-height); font-weight: var(--type-caption-lg-weight); letter-spacing: var(--type-caption-lg-letter-spacing); color: var(--text-black-default); white-space: nowrap; overflow: hidden; border-right: var(--space-50) solid transparent; }
[data-new="steps"] .gl4-v1row { display: flex; justify-content: space-between; align-items: center; gap: var(--space-300); margin-top: var(--space-400); }
[data-new="steps"] .gl4-v1chip { display: inline-flex; border: var(--space-25) solid var(--border-black-subtle); border-radius: var(--corner-radius-300); }
[data-new="steps"] .gl4-gb { width: var(--element-xsm); height: var(--element-xsm); border-radius: var(--corner-radius-100); background: var(--surface-brand-default); color: var(--text-white-default); font-family: var(--font-sans); font-size: var(--type-caption-sm-size); line-height: var(--type-caption-sm-line-height); font-weight: var(--type-caption-sm-weight); letter-spacing: var(--type-caption-sm-letter-spacing); font-style: normal; display: inline-flex; align-items: center; justify-content: center; margin-right: var(--space-100); }
[data-new="steps"] .gl4-v1go { flex: 0 0 auto; }
[data-new="steps"] .gl4-plv { width: 100%; min-width: 0; font-family: var(--font-sans); font-size: var(--type-caption-md-size); line-height: var(--type-caption-md-line-height); font-weight: var(--type-caption-md-weight); letter-spacing: var(--type-caption-md-letter-spacing); display: flex; flex-direction: column; gap: var(--space-100); }
[data-new="steps"] .gl4-plq, [data-new="steps"] .gl4-pla { padding: var(--space-100) var(--space-300); max-width: 92%; }
[data-new="steps"] .gl4-plq { background: var(--surface-white-default); color: var(--text-black-default); border: var(--space-25) solid var(--border-black-subtle); border-radius: var(--corner-radius-100) var(--corner-radius-400) var(--corner-radius-400) var(--corner-radius-400); align-self: flex-start; }
[data-new="steps"] .gl4-lbl { display: block; font-family: var(--font-sans); font-size: var(--type-caption-sm-size); line-height: var(--type-caption-sm-line-height); font-weight: var(--type-caption-sm-weight); letter-spacing: var(--type-caption-sm-letter-spacing); text-transform: uppercase; color: var(--text-black-earthy); }
[data-new="steps"] .gl4-pla { background: var(--surface-brand-default); color: var(--text-white-default); border-radius: var(--corner-radius-400) var(--corner-radius-400) var(--corner-radius-100) var(--corner-radius-400); align-self: flex-end; }
[data-new="steps"] .gl4-pll { list-style: none; margin: 0; padding: var(--space-300); background: var(--surface-white-default); border: var(--space-25) solid var(--border-black-subtle); border-radius: var(--corner-radius-400); display: grid; gap: var(--space-100); }
[data-new="steps"] .gl4-pli { margin: 0; padding: 0 0 0 var(--space-500); position: relative; font-family: var(--font-sans); font-size: var(--type-caption-md-size); line-height: var(--type-caption-md-line-height); font-weight: var(--type-caption-md-weight); letter-spacing: var(--type-caption-md-letter-spacing); color: var(--text-black-earthy); }
[data-new="steps"] .gl4-pli::before { content: ''; position: absolute; left: 0; top: var(--space-100); width: var(--space-300); height: var(--space-300); border-radius: var(--corner-radius-750); background: var(--surface-positive-default); }
[data-new="steps"] .gl4-pvc { width: 100%; background: var(--surface-white-default); border: var(--space-25) solid var(--border-black-subtle); border-radius: var(--corner-radius-400); padding: var(--space-300); box-shadow: var(--elevation-200); }
[data-new="steps"] .gl4-pvc .gl4-lbl { margin-bottom: var(--space-100); }
[data-new="steps"] .gl4-evh { background: var(--surface-black-default); color: var(--text-white-default); border-radius: var(--corner-radius-300); padding: var(--space-300) var(--space-300) var(--space-300) var(--space-400); display: flex; justify-content: space-between; align-items: center; gap: var(--space-300); }
[data-new="steps"] .gl4-evname { font-family: var(--font-sans); font-size: var(--type-caption-lg-size); line-height: var(--type-caption-lg-line-height); font-weight: var(--type-caption-lg-weight); letter-spacing: var(--type-caption-lg-letter-spacing); white-space: nowrap; }
[data-new="steps"] .gl4-evbtn { flex: 0 0 auto; }
[data-new="steps"] .gl4-v1go button, [data-new="steps"] .gl4-evbtn button, [data-new="steps"] .gl4-v4btn button { height: var(--element-lg); padding: 0 var(--space-400); border-radius: var(--corner-radius-300); background: var(--surface-black-default); color: var(--text-white-default); font-family: var(--font-sans); font-size: var(--type-caption-md-size); line-height: var(--type-caption-md-line-height); font-weight: var(--type-caption-md-weight); letter-spacing: var(--type-caption-md-letter-spacing); }
[data-new="steps"] .gl4-evbtn button { background: var(--surface-white-default); color: var(--text-black-default); }
[data-new="steps"] .gl4-v4 { width: 100%; min-width: 0; display: flex; flex-direction: column; align-items: center; gap: var(--space-400); }
[data-new="steps"] .gl4-v4url { width: 100%; display: flex; align-items: center; gap: var(--space-300); background: var(--surface-white-default); border: var(--space-25) solid var(--border-black-subtle); border-radius: var(--corner-radius-300); padding: var(--space-300); font-family: var(--font-sans); font-size: var(--type-caption-md-size); line-height: var(--type-caption-md-line-height); font-weight: var(--type-caption-md-weight); letter-spacing: var(--type-caption-md-letter-spacing); color: var(--text-black-earthy); }
[data-new="steps"] .gl4-url { min-width: 0; overflow: hidden; white-space: nowrap; }
[data-new="steps"] .gl4-dot { width: var(--space-300); height: var(--space-300); border-radius: var(--corner-radius-750); background: var(--surface-black-half); flex: 0 0 auto; transition: background .3s; }
[data-new="steps"] .gl4-live { margin-left: auto; display: inline-flex; align-items: center; font-family: var(--font-sans); font-size: var(--type-caption-sm-size); line-height: var(--type-caption-sm-line-height); font-weight: var(--type-caption-sm-weight); letter-spacing: var(--type-caption-sm-letter-spacing); color: var(--text-black-default); background: var(--surface-positive-subtle); border-radius: var(--corner-radius-750); padding: 0 var(--space-300); }
[data-new="steps"] .gl4-v4ok { text-align: center; }
[data-new="steps"] .gl4-okt { display: block; color: var(--text-black-default); font-family: var(--font-sans); font-size: var(--type-caption-lg-size); line-height: var(--type-caption-lg-line-height); font-weight: var(--type-caption-lg-weight); letter-spacing: var(--type-caption-lg-letter-spacing); }
[data-new="steps"] .gl4-oks { display: block; font-family: var(--font-sans); font-size: var(--type-caption-md-size); line-height: var(--type-caption-md-line-height); font-weight: var(--type-caption-md-weight); letter-spacing: var(--type-caption-md-letter-spacing); color: var(--text-black-earthy); }
[data-new="steps"] .gl4-card:hover .gl4-v1t { animation: steps-gl4-type 1.3s steps(36) both; border-right-color: var(--border-brand-default); }
[data-new="steps"] .gl4-card:hover .gl4-v1chip { animation: steps-gl4-pop .3s ease 1.35s both; }
[data-new="steps"] .gl4-v1go button, [data-new="steps"] .gl4-v4btn button { transition: background .3s, transform .3s; }
[data-new="steps"] .gl4-card:hover .gl4-v1go button { background: var(--surface-brand-default); transition-delay: 1.7s; }
[data-new="steps"] .gl4-card:hover .gl4-pli { animation: steps-gl4-in .3s ease both; }
[data-new="steps"] .gl4-card:hover .gl4-pli:nth-child(2) { animation-delay: .15s; }
[data-new="steps"] .gl4-card:hover .gl4-pli:nth-child(3) { animation-delay: .3s; }
[data-new="steps"] .gl4-card:hover .gl4-v4btn button { background: var(--surface-brand-default); transform: scale(.97); }
[data-new="steps"] .gl4-card:hover .gl4-dot { background: var(--surface-positive-default); transition-delay: .5s; }
[data-new="steps"] .gl4-card:hover .gl4-live { animation: steps-gl4-in .3s ease .5s both; }
[data-new="steps"] .gl4-card:hover .gl4-v4ok { animation: steps-gl4-in .35s ease .7s both; }
@keyframes steps-gl4-type { 0% { width: 0; } 100% { width: 100%; } }
@keyframes steps-gl4-pop { 0% { transform: scale(.4); opacity: 0; } 100% { transform: none; opacity: 1; } }
@keyframes steps-gl4-in { 0% { opacity: 0; transform: translateY(var(--space-100)); } 100% { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { [data-new="steps"] .gl4-card:hover .gl4-v1t, [data-new="steps"] .gl4-card:hover .gl4-v1chip, [data-new="steps"] .gl4-card:hover .gl4-pli, [data-new="steps"] .gl4-card:hover .gl4-live, [data-new="steps"] .gl4-card:hover .gl4-v4ok { animation: none; } }
@media (prefers-reduced-motion: reduce) { [data-new="steps"] .gl4-card, [data-new="steps"] .gl4-dot, [data-new="steps"] .gl4-v1go button, [data-new="steps"] .gl4-v4btn button { transition: none; } }
[data-new="steps"].tw-bp-tablet .gl4-grid, [data-new="steps"].tw-bp-mobile .gl4-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-500); }
@media (min-width: 1261px) { [data-new="steps"]:is(.tw-bp-tablet--bp-d, .tw-bp-tablet--bp-dt, .tw-bp-tablet--bp-dm) .gl4-grid, [data-new="steps"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl4-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-500); } }
[data-new="steps"].tw-bp-mobile .gl4-desc { min-height: 0; }
@media (min-width: 1261px) { [data-new="steps"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl4-desc { min-height: 0; } }
[data-new="steps"] .gl4-head { max-width: var(--container-desktop); margin: 0 0 var(--space-1200); }
[data-new="steps"] .gl4-h2 { margin: 0; font-family: var(--font-sans); font-size: var(--type-h2-size); line-height: var(--type-h2-line-height); font-weight: var(--type-h2-weight); letter-spacing: var(--type-h2-letter-spacing); color: var(--text-black-default); }
[data-new="steps"] .gl4-card:hover { border-color: transparent; }
[data-new="steps"] .gl4-title { margin: 0; font-family: var(--font-sans); font-size: var(--type-h5-size); line-height: var(--type-h5-line-height); font-weight: var(--type-h5-weight); letter-spacing: var(--type-h5-letter-spacing); color: var(--text-black-default); }
[data-new="steps"].tw-bp-mobile .gl4-head { margin-bottom: var(--space-900); }
@media (min-width: 1261px) { [data-new="steps"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl4-head { margin-bottom: var(--space-900); } }


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/sections/lp-ai-website-builder-steps/css/lp-ai-website-builder-steps-768.css */
/* AI website builder, steps: its styles on tablet, every value a design-system token. Generated by tenweb-design. */
@media (min-width: 768px) and (max-width: 1260px) { [data-new="steps"]:is(.tw-bp-tablet--bp-t, .tw-bp-tablet--bp-dt, .tw-bp-tablet--bp-tm) .gl4-grid, [data-new="steps"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl4-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-500); } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="steps"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl4-desc { min-height: 0; } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="steps"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl4-head { margin-bottom: var(--space-900); } }


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/sections/lp-ai-website-builder-steps/css/lp-ai-website-builder-steps-320.css */
/* AI website builder, steps: its styles on mobile, and 30 rules that must come after them (the files load in order, so the cascade stays as written), every value a design-system token. Generated by tenweb-design. */
@media (max-width: 767px) { [data-new="steps"]:is(.tw-bp-tablet--bp-m, .tw-bp-tablet--bp-dm, .tw-bp-tablet--bp-tm) .gl4-grid, [data-new="steps"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl4-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-500); } }
[data-new="steps"].tw-bp-mobile .gl4-grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-400); }
@media (min-width: 1261px) { [data-new="steps"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl4-grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-400); } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="steps"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl4-grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-400); } }
@media (max-width: 767px) { [data-new="steps"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl4-grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-400); } }
@media (max-width: 767px) { [data-new="steps"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl4-desc { min-height: 0; } }
[data-new="steps"] .gl4-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-700); align-items: stretch; }
[data-new="steps"] .gl4-card { display: flex; flex-direction: column; gap: var(--space-900); padding: 0; background: var(--surface-grey-earthy); border: 0; border-radius: var(--corner-radius-600); overflow: hidden; }
[data-new="steps"] .gl4-hd { display: flex; flex-direction: column; gap: var(--space-400); padding: var(--space-800) var(--space-800) 0; }
[data-new="steps"] .gl4-desc { margin: 0; min-height: 0; font-family: var(--font-sans); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); font-weight: var(--type-body-md-weight); letter-spacing: var(--type-body-md-letter-spacing); color: var(--text-black-earthy); }
[data-new="steps"] .gl4-vis { margin: auto 0 0; height: 436px; border: 0; border-radius: 0; background: transparent; padding: var(--space-700); }
[data-new="steps"].tw-bp-tablet .gl4-grid, [data-new="steps"].tw-bp-mobile .gl4-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-700); }
@media (min-width: 1261px) { [data-new="steps"]:is(.tw-bp-tablet--bp-d, .tw-bp-tablet--bp-dt, .tw-bp-tablet--bp-dm) .gl4-grid, [data-new="steps"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl4-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-700); } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="steps"]:is(.tw-bp-tablet--bp-t, .tw-bp-tablet--bp-dt, .tw-bp-tablet--bp-tm) .gl4-grid, [data-new="steps"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl4-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-700); } }
@media (max-width: 767px) { [data-new="steps"]:is(.tw-bp-tablet--bp-m, .tw-bp-tablet--bp-dm, .tw-bp-tablet--bp-tm) .gl4-grid, [data-new="steps"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl4-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-700); } }
[data-new="steps"].tw-bp-tablet .gl4-vis, [data-new="steps"].tw-bp-mobile .gl4-vis { height: 360px; }
@media (min-width: 1261px) { [data-new="steps"]:is(.tw-bp-tablet--bp-d, .tw-bp-tablet--bp-dt, .tw-bp-tablet--bp-dm) .gl4-vis, [data-new="steps"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl4-vis { height: 360px; } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="steps"]:is(.tw-bp-tablet--bp-t, .tw-bp-tablet--bp-dt, .tw-bp-tablet--bp-tm) .gl4-vis, [data-new="steps"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl4-vis { height: 360px; } }
@media (max-width: 767px) { [data-new="steps"]:is(.tw-bp-tablet--bp-m, .tw-bp-tablet--bp-dm, .tw-bp-tablet--bp-tm) .gl4-vis, [data-new="steps"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl4-vis { height: 360px; } }
@media (max-width: 767px) { [data-new="steps"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl4-head { margin-bottom: var(--space-900); } }
[data-new="steps"].tw-bp-mobile .gl4-grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-500); }
@media (min-width: 1261px) { [data-new="steps"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl4-grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-500); } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="steps"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl4-grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-500); } }
@media (max-width: 767px) { [data-new="steps"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl4-grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-500); } }
[data-new="steps"].tw-bp-mobile .gl4-card { gap: var(--space-700); }
@media (min-width: 1261px) { [data-new="steps"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl4-card { gap: var(--space-700); } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="steps"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl4-card { gap: var(--space-700); } }
@media (max-width: 767px) { [data-new="steps"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl4-card { gap: var(--space-700); } }
[data-new="steps"].tw-bp-mobile .gl4-hd { padding: var(--space-700) var(--space-700) 0; gap: var(--space-300); }
@media (min-width: 1261px) { [data-new="steps"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl4-hd { padding: var(--space-700) var(--space-700) 0; gap: var(--space-300); } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="steps"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl4-hd { padding: var(--space-700) var(--space-700) 0; gap: var(--space-300); } }
@media (max-width: 767px) { [data-new="steps"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl4-hd { padding: var(--space-700) var(--space-700) 0; gap: var(--space-300); } }
[data-new="steps"].tw-bp-mobile .gl4-vis { height: 300px; padding: var(--space-500); }
@media (min-width: 1261px) { [data-new="steps"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl4-vis { height: 300px; padding: var(--space-500); } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="steps"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl4-vis { height: 300px; padding: var(--space-500); } }
@media (max-width: 767px) { [data-new="steps"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl4-vis { height: 300px; padding: var(--space-500); } }
[data-new="steps"] .gl4-h2 { font-weight: 500; color: var(--text-black-default); }
[data-new="steps"] .gl4-title { font-weight: 500; color: var(--text-black-default); }
[data-new="steps"] .gl4-desc { font-family: var(--font-sans); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); font-weight: var(--type-body-sm-weight); letter-spacing: var(--type-body-sm-letter-spacing); color: var(--text-black-earthy); }
[data-new="steps"] .gl4-h2, [data-new="steps"] .gl4-title { font-weight: 500; }


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/sections/lp-shared-bring-what-you-have/css/lp-shared-bring-what-you-have.css */
/* bring-what-you-have, a shared section (version 9a37032fb9f3, made 2026-10-14 from ai-website-builder / use-cases): its styles, every value a design-system token. Generated by tenweb-design. */
.tw-shared[data-tw-shared="bring-what-you-have"] { display: contents; }
[data-tw-shared="bring-what-you-have"] > .eg-section { padding: 0; display: flow-root; }
[data-tw-shared="bring-what-you-have"] > .eg-section > .eg-section__inner { max-width: none; width: 100%; }
:root { --lp-figma-c-14151f: #14151f; --lp-figma-fs-14px: 14px; --lp-figma-c-121217: #121217; --lp-figma-fs-42px: 42px; --lp-figma-ls-1_89px: -1.89px; --lp-figma-fs-28px: 28px; --lp-figma-ls-1_26px: -1.26px; --lp-figma-lh-20px: 20px; --lp-figma-c-14151f03-2: rgba(20, 21, 31, 0.03); }
:where([data-new="shared-bring-what-you-have"]) h2 { margin: 0px; font-family: var(--font-sans); font-size: var(--type-h2-size); line-height: var(--type-h2-line-height); font-weight: var(--type-h2-weight); letter-spacing: var(--type-h2-letter-spacing); color: var(--text-black-default); }
:where([data-new="shared-bring-what-you-have"]) h3 { margin: 0px; font-family: var(--font-sans); font-size: var(--type-h4-size); line-height: var(--type-h4-line-height); font-weight: var(--type-h4-weight); letter-spacing: var(--type-h4-letter-spacing); color: var(--text-black-default); }
:where([data-new="shared-bring-what-you-have"]) p { margin: 0px; font-family: var(--font-sans); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); font-weight: var(--type-body-md-weight); letter-spacing: var(--type-body-md-letter-spacing); color: var(--text-black-earthy); }
:where([data-new="shared-bring-what-you-have"]) a { color: var(--text-brand-default); text-decoration: underline; text-underline-offset: var(--space-50); }
:where([data-new="shared-bring-what-you-have"]) input, :where([data-new="shared-bring-what-you-have"]) textarea, :where([data-new="shared-bring-what-you-have"]) select, :where([data-new="shared-bring-what-you-have"]) button { font-family: var(--font-sans); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); font-weight: var(--type-body-md-weight); letter-spacing: var(--type-body-md-letter-spacing); color: var(--text-black-default); accent-color: var(--element-brand-default); }
:is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"]  { box-sizing: border-box; }
@media (min-width: 1261px) { :is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] section:not(.hero) h2 { font-family: var(--font-sans); font-size: var(--lp-figma-fs-42px); line-height: 1.04; letter-spacing: var(--lp-figma-ls-1_89px); color: var(--lp-figma-c-121217); text-wrap: balance; } }
@media (min-width: 1261px) { :is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] section:not(.hero) h2 { font-weight: 600; } }
:is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] .bwh .bwh-wrap { max-width: none; margin: 0px; }
:is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] section.bwh.bwh { overflow-x: clip; }
:is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] .bwh.bwh { background: var(--surface-white-default); padding: var(--space-300); overflow-x: clip; }
:is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] .bwh .bwh-wrap { max-width: none; background: var(--lp-figma-c-14151f03-2); border-radius: var(--corner-radius-600); }
:is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] .bwh .bwh-rings .bwh-rd { stroke-dasharray: 2, 6; }
@media (prefers-reduced-motion: no-preference) { :is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] .rv:not(.in) .ch { opacity: 0; } :is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] h2.rv.in .ch:not(#tw-rv):not(#tw-rv) { animation-name: twrv-bring-what-you-have-RvIn; animation-duration: 0.7s; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); animation-iteration-count: 1; animation-fill-mode: both; animation-delay: calc(min(var(--i), 36) * 14ms); } :is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] h2.rv + .rv-sub.in .ch:not(#tw-rv):not(#tw-rv) { animation-name: twrv-bring-what-you-have-RvSub; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); animation-iteration-count: 1; animation-fill-mode: both; animation-delay: calc(180ms + min(var(--i), 90) * 4ms); } :is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] .rv-btn:not(.rv-on):not(#tw-rv):not(#tw-rv) { opacity: 0; } :is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] .rv-up:not(.rv-on):not(#tw-rv):not(#tw-rv) { opacity: 0; } :is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] .rv-btn.rv-on:not(#tw-rv):not(#tw-rv) { animation-name: twrv-bring-what-you-have-RvUp; animation-duration: 0.6s; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); animation-iteration-count: 1; animation-fill-mode: backwards; animation-delay: var(--rv-d, 450ms); } :is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] .rv-up.rv-on:not(#tw-rv):not(#tw-rv) { animation-name: twrv-bring-what-you-have-RvUp; animation-duration: 0.7s; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); animation-iteration-count: 1; animation-fill-mode: backwards; animation-delay: calc(var(--rv-d, 450ms) + 100ms + min(var(--rv-k, 0), 3) * 80ms); } }
@media (prefers-reduced-motion: reduce) { :is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] .rv .ch:not(#tw-rv):not(#tw-rv) { opacity: 1; animation: none; filter: none; transform: none; } }


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/sections/lp-shared-bring-what-you-have/css/lp-shared-bring-what-you-have-768.css */
/* bring-what-you-have, a shared section (version 9a37032fb9f3, made 2026-10-14 from ai-website-builder / use-cases): its styles on tablet, and 4 rules that must come after them (the files load in order, so the cascade stays as written), every value a design-system token. Generated by tenweb-design. */
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { :is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] section:not(.hero) h2 { font-family: var(--font-sans); font-size: var(--lp-figma-fs-28px); line-height: 1.04; letter-spacing: var(--lp-figma-ls-1_26px); color: var(--lp-figma-c-121217); text-wrap: balance; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { :is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] section:not(.hero) h2 { font-weight: 600; } }
:is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] section [data-new="steps"] .gl4-h2, :is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] section [data-new="features"] .gl23-hd h2, :is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] section .bwh h2 { font-weight: 500; }
:is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] #hero.hero.hero > h1, :is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] section .bwh.bwh h2, :is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] section [data-new="steps"] .gl4-h2.gl4-h2, :is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] section [data-new="features"] .gl23-hd.gl23-hd h2, :is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] section [data-new="capabilities"] .gl16-hd.gl16-hd h2 { font-weight: 500; }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { :is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] #hero.hero.hero > h1, :is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] section .bwh.bwh h2, :is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] section [data-new="steps"] .gl4-h2.gl4-h2, :is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] section [data-new="features"] .gl23-hd.gl23-hd h2, :is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] section [data-new="capabilities"] .gl16-hd.gl16-hd h2 { font-weight: 500; } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] .bwh .bwh-head h2#bwh-title, :is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] [data-new="shared-bring-what-you-have"] .gl21-h2.gl21-h2.gl21-h2.gl21-h2, :is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] [data-new="business-types"] .gl18-h2.gl18-h2.gl18-h2.gl18-h2, :is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] [data-new="store"] .gl24-h2.gl24-h2.gl24-h2.gl24-h2 { font-size: var(--type-h2-size); line-height: var(--type-h2-line-height); font-weight: 500; letter-spacing: 0px; } }
:is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] [data-new="shared-bring-what-you-have"] .bwh.bwh.bwh h2, :is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] [data-new="shared-bring-what-you-have"] .bwh.bwh.bwh h2 .ch { color: var(--lp-figma-c-14151f); }


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/sections/lp-shared-bring-what-you-have/css/lp-shared-bring-what-you-have-320.css */
/* bring-what-you-have, a shared section (version 9a37032fb9f3, made 2026-10-14 from ai-website-builder / use-cases): its styles on mobile, and 13 rules that must come after them (the files load in order, so the cascade stays as written), every value a design-system token. Generated by tenweb-design. */
@media (max-width: 767px) { :is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] #hero.hero.hero > h1, :is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] section .bwh.bwh h2, :is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] section [data-new="steps"] .gl4-h2.gl4-h2, :is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] section [data-new="features"] .gl23-hd.gl23-hd h2, :is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] section [data-new="capabilities"] .gl16-hd.gl16-hd h2 { font-weight: 500; } }
@media (max-width: 767px) { :is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] .bwh .bwh-head h2#bwh-title, :is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] [data-new="shared-bring-what-you-have"] .gl21-h2.gl21-h2.gl21-h2.gl21-h2, :is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] [data-new="business-types"] .gl18-h2.gl18-h2.gl18-h2.gl18-h2 { font-size: var(--type-h2-size); line-height: var(--type-h2-line-height); font-weight: 500; letter-spacing: 0px; } }
:is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] .bwh .bwh-win.lt { width: auto; height: auto; display: block; place-items: normal; border-radius: 0px; color: inherit; font-size: inherit; font-weight: inherit; }
:is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] .bwh .bwh-wrap h2 { font-weight: var(--type-weight-medium); }
:is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] .bwh .bwh-try .bwh-try-in { font-size: var(--lp-figma-fs-14px); line-height: var(--lp-figma-lh-20px); }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { :is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] .bwh .bwh-head .bwh-btn { width: 100%; } }
@media (max-width: 767px) { :is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] .bwh.bwh { padding: var(--space-100); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] .bwh .bwh-wrap { border-radius: var(--corner-radius-500); padding: var(--space-1000) var(--space-400); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] .bwh .bwh-wrap .bwh-head { margin-bottom: var(--space-900) !important; } }
@media (max-width: 767px) { :is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] .bwh .bwh-try { gap: var(--space-400); padding: 0 var(--space-100) 0 var(--space-600) !important; } }
:is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] .bwh .bwh-tile[aria-pressed="true"] .bwh-tile-in svg { width: 45%; height: 45%; }
@media (max-width: 767px) { :is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] .bwh .bwh-tile[aria-pressed="true"] .bwh-tile-in svg { width: 50%; height: 50%; } }
/* the pages' title reveal keeps the sub-title's words for screen readers; hidden here, as the page hides it */ :is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] .rv-sub .rv-sr { position: absolute; width: var(--space-25); height: var(--space-25); margin: calc(-1 * var(--space-25)); padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
/* 14 Oct (review): the section follows its headline: its letters flash the brand colours faster (0.7s each, 14ms apart, the stagger capped), its lead follows (0.5s, 4ms apart, from 180ms); then its buttons and the rest of the section scale up a little out of a slight blur and fade in (0.6s and 0.7s, from about 0.5s, set per section by the page's title reveal as --rv-d), the whole section in about 1.3s and never past 1.7s. Content shows without scripts (only scripts add these classes); no motion when the visitor asks for less. */ :is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] .rv .w { display: inline-block; white-space: nowrap; }
:is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] .rv .ch { display: inline-block; color: inherit; }
:is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] h2.rv + .rv-sub .ch:not(#tw-rv):not(#tw-rv) { color: inherit; }
:is(body) [data-tw-shared="bring-what-you-have"][data-tw-shared="bring-what-you-have"] .rv-sub .rv-sr { position: absolute; width: var(--space-25); height: var(--space-25); margin: calc(-1 * var(--space-25)); padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@keyframes twrv-bring-what-you-have-RvIn { 0% { opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); color: var(--c); transform: translateX(calc(-1 * var(--space-50))); } 35% { opacity: 1; filter: blur(0px); color: var(--c); transform: none; } }
@keyframes twrv-bring-what-you-have-RvSub { 0% { opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); transform: translateX(calc(-1 * var(--space-50))); } 35% { opacity: 1; filter: blur(0px); transform: none; } }
@keyframes twrv-bring-what-you-have-RvUp { 0% { opacity: 0; scale: 0.96; filter: blur(calc(var(--background-blur-100) / 4)); } }


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/sections/lp-ai-website-builder-features/css/lp-ai-website-builder-features.css */
/* AI website builder, features: its styles, every value a design-system token. Generated by tenweb-design. */
:where([data-new="features"]) h2 { margin: 0; font-family: var(--font-sans); font-size: var(--type-h2-size); line-height: var(--type-h2-line-height); font-weight: var(--type-h2-weight); letter-spacing: var(--type-h2-letter-spacing); color: var(--text-black-default); }
:where([data-new="features"]) h3 { margin: 0; font-family: var(--font-sans); font-size: var(--type-h4-size); line-height: var(--type-h4-line-height); font-weight: var(--type-h4-weight); letter-spacing: var(--type-h4-letter-spacing); color: var(--text-black-default); }
:where([data-new="features"]) h4 { margin: 0; font-family: var(--font-sans); font-size: var(--type-h5-size); line-height: var(--type-h5-line-height); font-weight: var(--type-h5-weight); letter-spacing: var(--type-h5-letter-spacing); color: var(--text-black-default); }
:where([data-new="features"]) h5 { margin: 0; font-family: var(--font-sans); font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); font-weight: var(--type-h6-weight); letter-spacing: var(--type-h6-letter-spacing); color: var(--text-black-default); }
:where([data-new="features"]) h6 { margin: 0; font-family: var(--font-sans); font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); font-weight: var(--type-h6-weight); letter-spacing: var(--type-h6-letter-spacing); color: var(--text-black-default); }
:where([data-new="features"]) p { margin: 0; font-family: var(--font-sans); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); font-weight: var(--type-body-md-weight); letter-spacing: var(--type-body-md-letter-spacing); color: var(--text-black-earthy); }
:where([data-new="features"]) li { margin: 0; font-family: var(--font-sans); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); font-weight: var(--type-body-md-weight); letter-spacing: var(--type-body-md-letter-spacing); color: var(--text-black-earthy); }
:where([data-new="features"]) td { margin: 0; font-family: var(--font-sans); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); font-weight: var(--type-body-md-weight); letter-spacing: var(--type-body-md-letter-spacing); color: var(--text-black-earthy); }
:where([data-new="features"]) th { margin: 0; font-family: var(--font-sans); font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); font-weight: var(--type-h6-weight); letter-spacing: var(--type-h6-letter-spacing); color: var(--text-black-default); }
:where([data-new="features"]) label { margin: 0; font-family: var(--font-sans); font-size: var(--type-caption-lg-size); line-height: var(--type-caption-lg-line-height); font-weight: var(--type-caption-lg-weight); letter-spacing: var(--type-caption-lg-letter-spacing); color: var(--text-black-default); }
:where([data-new="features"]) small { margin: 0; font-family: var(--font-sans); font-size: var(--type-caption-md-size); line-height: var(--type-caption-md-line-height); font-weight: var(--type-caption-md-weight); letter-spacing: var(--type-caption-md-letter-spacing); color: var(--text-black-earthy); }
:where([data-new="features"]) figcaption { margin: 0; font-family: var(--font-sans); font-size: var(--type-caption-md-size); line-height: var(--type-caption-md-line-height); font-weight: var(--type-caption-md-weight); letter-spacing: var(--type-caption-md-letter-spacing); color: var(--text-black-earthy); }
:where([data-new="features"]) blockquote { margin: 0; font-family: var(--font-sans); font-size: var(--type-h5-size); line-height: var(--type-h5-line-height); font-weight: var(--type-h5-weight); letter-spacing: var(--type-h5-letter-spacing); color: var(--text-black-default); }
:where([data-new="features"]) dt { margin: 0; font-family: var(--font-sans); font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); font-weight: var(--type-h6-weight); letter-spacing: var(--type-h6-letter-spacing); color: var(--text-black-default); }
:where([data-new="features"]) dd { margin: 0; font-family: var(--font-sans); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); font-weight: var(--type-body-md-weight); letter-spacing: var(--type-body-md-letter-spacing); color: var(--text-black-earthy); }
:where([data-new="features"]) ul, :where([data-new="features"]) ol { margin: 0; padding-left: var(--space-600); }
:where([data-new="features"]) table { border-collapse: collapse; width: 100%; }
:where([data-new="features"]) a { color: var(--text-brand-default); text-decoration: underline; text-underline-offset: var(--space-50); }
:where([data-new="features"]) input, :where([data-new="features"]) textarea, :where([data-new="features"]) select, :where([data-new="features"]) button { font-family: var(--font-sans); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); font-weight: var(--type-body-md-weight); letter-spacing: var(--type-body-md-letter-spacing); color: var(--text-black-default); accent-color: var(--element-brand-default); }
:where([data-new="features"]) [data-carousel] { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
:where([data-new="features"]) [data-carousel] > * { flex: 0 0 auto; scroll-snap-align: start; }
:where([data-new="features"]) [data-tab][hidden] { display: none; }
[data-new="features"] .gl23-in { width: 100%; min-width: 0; max-width: var(--container-desktop); margin: 0 auto; box-sizing: border-box; display: flex; flex-direction: column; gap: var(--space-1200); }
[data-new="features"] .gl23-hd { display: flex; align-items: flex-end; gap: var(--space-900); }
[data-new="features"] .gl23-hd h2 { flex: 1 1 auto; min-width: 0; margin: 0; font-family: var(--font-sans); font-size: var(--type-h2-size); line-height: var(--type-h2-line-height); font-weight: var(--type-h2-weight); letter-spacing: var(--type-h2-letter-spacing); color: var(--text-black-default); }
[data-new="features"] .gl23-cta { flex: none; display: flex; }
[data-new="features"] .gl23-cta a.btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-400); height: var(--element-2xlg); padding: 0 var(--space-600); box-sizing: border-box; border-radius: var(--corner-radius-300); background: var(--surface-white-default); border: var(--space-25) solid var(--border-black-subtle); color: var(--text-black-default); font-family: var(--font-sans); font-size: var(--type-caption-lg-size); line-height: var(--type-caption-lg-line-height); font-weight: var(--type-caption-lg-weight); letter-spacing: var(--type-caption-lg-letter-spacing); text-decoration: none; transition: background .2s,color .2s,border-color .2s; }
[data-new="features"] .gl23-cta a.btn:hover, [data-new="features"] .gl23-cta a.btn:focus-visible { background: var(--surface-brand-default); border-color: var(--border-brand-default); color: var(--text-white-default); }
[data-new="features"] .gl23-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--space-700); }
[data-new="features"] .gl23-card { display: flex; flex-direction: column; gap: var(--space-700); min-width: 0; padding: var(--space-800); border-radius: var(--corner-radius-600); background: var(--surface-grey-earthy); }
[data-new="features"] .gl23-ic { display: block; width: var(--element-lg); height: var(--element-lg); color: var(--text-brand-default); }
[data-new="features"] .gl23-tx { display: flex; flex-direction: column; gap: var(--space-300); }
[data-new="features"] .gl23-card h3 { margin: 0; font-family: var(--font-sans); font-size: var(--type-h5-size); line-height: var(--type-h5-line-height); font-weight: var(--type-h5-weight); letter-spacing: var(--type-h5-letter-spacing); color: var(--text-black-default); }
[data-new="features"] .gl23-card p { margin: 0; font-family: var(--font-sans); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); font-weight: var(--type-body-sm-weight); letter-spacing: var(--type-body-sm-letter-spacing); color: var(--text-black-earthy); }
[data-new="features"].tw-bp-tablet .gl23-hd, [data-new="features"].tw-bp-mobile .gl23-hd { flex-direction: column; align-items: flex-start; gap: var(--space-1000); }
@media (min-width: 1261px) { [data-new="features"]:is(.tw-bp-tablet--bp-d, .tw-bp-tablet--bp-dt, .tw-bp-tablet--bp-dm) .gl23-hd, [data-new="features"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl23-hd { flex-direction: column; align-items: flex-start; gap: var(--space-1000); } }
[data-new="features"].tw-bp-tablet .gl23-cta, [data-new="features"].tw-bp-mobile .gl23-cta, [data-new="features"].tw-bp-tablet .gl23-cta a.btn, [data-new="features"].tw-bp-mobile .gl23-cta a.btn { width: 100%; }
@media (min-width: 1261px) { [data-new="features"]:is(.tw-bp-tablet--bp-d, .tw-bp-tablet--bp-dt, .tw-bp-tablet--bp-dm) .gl23-cta, [data-new="features"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl23-cta, [data-new="features"]:is(.tw-bp-tablet--bp-d, .tw-bp-tablet--bp-dt, .tw-bp-tablet--bp-dm) .gl23-cta a.btn, [data-new="features"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl23-cta a.btn { width: 100%; } }
[data-new="features"].tw-bp-tablet .gl23-grid, [data-new="features"].tw-bp-mobile .gl23-grid { grid-template-columns: minmax(0,1fr); }
@media (min-width: 1261px) { [data-new="features"]:is(.tw-bp-tablet--bp-d, .tw-bp-tablet--bp-dt, .tw-bp-tablet--bp-dm) .gl23-grid, [data-new="features"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl23-grid { grid-template-columns: minmax(0,1fr); } }
[data-new="features"].tw-bp-mobile .gl23-card h3 { font-family: var(--font-sans); font-size: var(--type-h4-size); line-height: var(--type-h4-line-height); font-weight: var(--type-h4-weight); letter-spacing: var(--type-h4-letter-spacing); }
@media (min-width: 1261px) { [data-new="features"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl23-card h3 { font-family: var(--font-sans); font-size: var(--type-h4-size); line-height: var(--type-h4-line-height); font-weight: var(--type-h4-weight); letter-spacing: var(--type-h4-letter-spacing); } }


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/sections/lp-ai-website-builder-features/css/lp-ai-website-builder-features-768.css */
/* AI website builder, features: its styles on tablet, every value a design-system token. Generated by tenweb-design. */
@media (min-width: 768px) and (max-width: 1260px) { [data-new="features"]:is(.tw-bp-tablet--bp-t, .tw-bp-tablet--bp-dt, .tw-bp-tablet--bp-tm) .gl23-hd, [data-new="features"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl23-hd { flex-direction: column; align-items: flex-start; gap: var(--space-1000); } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="features"]:is(.tw-bp-tablet--bp-t, .tw-bp-tablet--bp-dt, .tw-bp-tablet--bp-tm) .gl23-cta, [data-new="features"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl23-cta, [data-new="features"]:is(.tw-bp-tablet--bp-t, .tw-bp-tablet--bp-dt, .tw-bp-tablet--bp-tm) .gl23-cta a.btn, [data-new="features"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl23-cta a.btn { width: 100%; } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="features"]:is(.tw-bp-tablet--bp-t, .tw-bp-tablet--bp-dt, .tw-bp-tablet--bp-tm) .gl23-grid, [data-new="features"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl23-grid { grid-template-columns: minmax(0,1fr); } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="features"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl23-card h3 { font-family: var(--font-sans); font-size: var(--type-h4-size); line-height: var(--type-h4-line-height); font-weight: var(--type-h4-weight); letter-spacing: var(--type-h4-letter-spacing); } }


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/sections/lp-ai-website-builder-features/css/lp-ai-website-builder-features-320.css */
/* AI website builder, features: its styles on mobile, and 25 rules that must come after them (the files load in order, so the cascade stays as written), every value a design-system token. Generated by tenweb-design. */
@media (max-width: 767px) { [data-new="features"]:is(.tw-bp-tablet--bp-m, .tw-bp-tablet--bp-dm, .tw-bp-tablet--bp-tm) .gl23-hd, [data-new="features"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl23-hd { flex-direction: column; align-items: flex-start; gap: var(--space-1000); } }
@media (max-width: 767px) { [data-new="features"]:is(.tw-bp-tablet--bp-m, .tw-bp-tablet--bp-dm, .tw-bp-tablet--bp-tm) .gl23-cta, [data-new="features"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl23-cta, [data-new="features"]:is(.tw-bp-tablet--bp-m, .tw-bp-tablet--bp-dm, .tw-bp-tablet--bp-tm) .gl23-cta a.btn, [data-new="features"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl23-cta a.btn { width: 100%; } }
@media (max-width: 767px) { [data-new="features"]:is(.tw-bp-tablet--bp-m, .tw-bp-tablet--bp-dm, .tw-bp-tablet--bp-tm) .gl23-grid, [data-new="features"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl23-grid { grid-template-columns: minmax(0,1fr); } }
[data-new="features"].tw-bp-mobile .gl23-in { gap: var(--space-900); }
@media (min-width: 1261px) { [data-new="features"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl23-in { gap: var(--space-900); } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="features"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl23-in { gap: var(--space-900); } }
@media (max-width: 767px) { [data-new="features"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl23-in { gap: var(--space-900); } }
[data-new="features"].tw-bp-mobile .gl23-hd { gap: var(--space-800); }
@media (min-width: 1261px) { [data-new="features"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl23-hd { gap: var(--space-800); } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="features"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl23-hd { gap: var(--space-800); } }
@media (max-width: 767px) { [data-new="features"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl23-hd { gap: var(--space-800); } }
[data-new="features"].tw-bp-mobile .gl23-cta, [data-new="features"].tw-bp-mobile .gl23-cta a.btn { width: 100%; }
@media (min-width: 1261px) { [data-new="features"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl23-cta, [data-new="features"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl23-cta a.btn { width: 100%; } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="features"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl23-cta, [data-new="features"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl23-cta a.btn { width: 100%; } }
@media (max-width: 767px) { [data-new="features"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl23-cta, [data-new="features"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl23-cta a.btn { width: 100%; } }
[data-new="features"].tw-bp-mobile .gl23-grid { gap: var(--space-500); }
@media (min-width: 1261px) { [data-new="features"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl23-grid { gap: var(--space-500); } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="features"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl23-grid { gap: var(--space-500); } }
@media (max-width: 767px) { [data-new="features"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl23-grid { gap: var(--space-500); } }
[data-new="features"].tw-bp-mobile .gl23-card { padding: var(--space-700); border-radius: var(--corner-radius-500); gap: var(--space-500); }
@media (min-width: 1261px) { [data-new="features"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl23-card { padding: var(--space-700); border-radius: var(--corner-radius-500); gap: var(--space-500); } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="features"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl23-card { padding: var(--space-700); border-radius: var(--corner-radius-500); gap: var(--space-500); } }
@media (max-width: 767px) { [data-new="features"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl23-card { padding: var(--space-700); border-radius: var(--corner-radius-500); gap: var(--space-500); } }
[data-new="features"].tw-bp-mobile .gl23-ic { width: var(--space-750); height: var(--space-750); }
@media (min-width: 1261px) { [data-new="features"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl23-ic { width: var(--space-750); height: var(--space-750); } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="features"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl23-ic { width: var(--space-750); height: var(--space-750); } }
@media (max-width: 767px) { [data-new="features"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl23-ic { width: var(--space-750); height: var(--space-750); } }
[data-new="features"].tw-bp-mobile .gl23-tx { gap: var(--space-200); }
@media (min-width: 1261px) { [data-new="features"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl23-tx { gap: var(--space-200); } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="features"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl23-tx { gap: var(--space-200); } }
@media (max-width: 767px) { [data-new="features"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl23-tx { gap: var(--space-200); } }
@media (max-width: 767px) { [data-new="features"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl23-card h3 { font-family: var(--font-sans); font-size: var(--type-h4-size); line-height: var(--type-h4-line-height); font-weight: var(--type-h4-weight); letter-spacing: var(--type-h4-letter-spacing); } }
[data-new="features"].tw-bp-mobile .gl23-card p { font-family: var(--font-sans); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); font-weight: var(--type-body-md-weight); letter-spacing: var(--type-body-md-letter-spacing); }
@media (min-width: 1261px) { [data-new="features"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl23-card p { font-family: var(--font-sans); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); font-weight: var(--type-body-md-weight); letter-spacing: var(--type-body-md-letter-spacing); } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="features"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl23-card p { font-family: var(--font-sans); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); font-weight: var(--type-body-md-weight); letter-spacing: var(--type-body-md-letter-spacing); } }
@media (max-width: 767px) { [data-new="features"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl23-card p { font-family: var(--font-sans); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); font-weight: var(--type-body-md-weight); letter-spacing: var(--type-body-md-letter-spacing); } }
[data-new="features"] .gl23-hd h2, [data-new="features"] .gl23-card h3 { font-weight: 500; }


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/sections/lp-ai-website-builder-store/css/lp-ai-website-builder-store.css */
/* AI website builder, store: its styles, every value a design-system token. Generated by tenweb-design. */
:where([data-new="store"]) h2 { margin: 0; font-family: var(--font-sans); font-size: var(--type-h2-size); line-height: var(--type-h2-line-height); font-weight: var(--type-h2-weight); letter-spacing: var(--type-h2-letter-spacing); color: var(--text-black-default); }
:where([data-new="store"]) h3 { margin: 0; font-family: var(--font-sans); font-size: var(--type-h4-size); line-height: var(--type-h4-line-height); font-weight: var(--type-h4-weight); letter-spacing: var(--type-h4-letter-spacing); color: var(--text-black-default); }
:where([data-new="store"]) h4 { margin: 0; font-family: var(--font-sans); font-size: var(--type-h5-size); line-height: var(--type-h5-line-height); font-weight: var(--type-h5-weight); letter-spacing: var(--type-h5-letter-spacing); color: var(--text-black-default); }
:where([data-new="store"]) h5 { margin: 0; font-family: var(--font-sans); font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); font-weight: var(--type-h6-weight); letter-spacing: var(--type-h6-letter-spacing); color: var(--text-black-default); }
:where([data-new="store"]) h6 { margin: 0; font-family: var(--font-sans); font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); font-weight: var(--type-h6-weight); letter-spacing: var(--type-h6-letter-spacing); color: var(--text-black-default); }
:where([data-new="store"]) p { margin: 0; font-family: var(--font-sans); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); font-weight: var(--type-body-md-weight); letter-spacing: var(--type-body-md-letter-spacing); color: var(--text-black-earthy); }
:where([data-new="store"]) li { margin: 0; font-family: var(--font-sans); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); font-weight: var(--type-body-md-weight); letter-spacing: var(--type-body-md-letter-spacing); color: var(--text-black-earthy); }
:where([data-new="store"]) td { margin: 0; font-family: var(--font-sans); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); font-weight: var(--type-body-md-weight); letter-spacing: var(--type-body-md-letter-spacing); color: var(--text-black-earthy); }
:where([data-new="store"]) th { margin: 0; font-family: var(--font-sans); font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); font-weight: var(--type-h6-weight); letter-spacing: var(--type-h6-letter-spacing); color: var(--text-black-default); }
:where([data-new="store"]) label { margin: 0; font-family: var(--font-sans); font-size: var(--type-caption-lg-size); line-height: var(--type-caption-lg-line-height); font-weight: var(--type-caption-lg-weight); letter-spacing: var(--type-caption-lg-letter-spacing); color: var(--text-black-default); }
:where([data-new="store"]) small { margin: 0; font-family: var(--font-sans); font-size: var(--type-caption-md-size); line-height: var(--type-caption-md-line-height); font-weight: var(--type-caption-md-weight); letter-spacing: var(--type-caption-md-letter-spacing); color: var(--text-black-earthy); }
:where([data-new="store"]) figcaption { margin: 0; font-family: var(--font-sans); font-size: var(--type-caption-md-size); line-height: var(--type-caption-md-line-height); font-weight: var(--type-caption-md-weight); letter-spacing: var(--type-caption-md-letter-spacing); color: var(--text-black-earthy); }
:where([data-new="store"]) blockquote { margin: 0; font-family: var(--font-sans); font-size: var(--type-h5-size); line-height: var(--type-h5-line-height); font-weight: var(--type-h5-weight); letter-spacing: var(--type-h5-letter-spacing); color: var(--text-black-default); }
:where([data-new="store"]) dt { margin: 0; font-family: var(--font-sans); font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); font-weight: var(--type-h6-weight); letter-spacing: var(--type-h6-letter-spacing); color: var(--text-black-default); }
:where([data-new="store"]) dd { margin: 0; font-family: var(--font-sans); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); font-weight: var(--type-body-md-weight); letter-spacing: var(--type-body-md-letter-spacing); color: var(--text-black-earthy); }
:where([data-new="store"]) ul, :where([data-new="store"]) ol { margin: 0; padding-left: var(--space-600); }
:where([data-new="store"]) table { border-collapse: collapse; width: 100%; }
:where([data-new="store"]) a { color: var(--text-brand-default); text-decoration: underline; text-underline-offset: var(--space-50); }
:where([data-new="store"]) input, :where([data-new="store"]) textarea, :where([data-new="store"]) select, :where([data-new="store"]) button { font-family: var(--font-sans); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); font-weight: var(--type-body-md-weight); letter-spacing: var(--type-body-md-letter-spacing); color: var(--text-black-default); accent-color: var(--element-brand-default); }
:where([data-new="store"]) [data-carousel] { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
:where([data-new="store"]) [data-carousel] > * { flex: 0 0 auto; scroll-snap-align: start; }
:where([data-new="store"]) [data-tab][hidden] { display: none; }
[data-new="store"] .gl24-sec { display: flex; flex-direction: column; gap: var(--space-1200); min-width: 0; }
[data-new="store"] .gl24-head { display: flex; align-items: center; gap: var(--space-900); }
[data-new="store"] .gl24-text { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: var(--space-600); }
[data-new="store"] .gl24-h2 { margin: 0; font-family: var(--font-sans); font-size: var(--type-h2-size); line-height: var(--type-h2-line-height); font-weight: var(--type-h2-weight); letter-spacing: var(--type-h2-letter-spacing); color: var(--text-black-default); }
[data-new="store"] .gl24-lead { margin: 0; font-family: var(--font-sans); font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); font-weight: var(--type-h6-weight); letter-spacing: var(--type-h6-letter-spacing); color: var(--text-black-earthy); }
[data-new="store"] .gl24-act { flex: none; display: flex; }
[data-new="store"] .gl24-car { position: relative; min-width: 0; margin-right: calc(50% - 50vw); }
[data-new="store"] .gl24-row { display: grid; grid-auto-flow: column; grid-auto-columns: 408px; gap: var(--space-700); overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; padding: 0 var(--space-1450) 0 0; min-width: 0; scrollbar-width: none; }
[data-new="store"] .gl24-row::-webkit-scrollbar { display: none; }
[data-new="store"] .gl24-card { display: flex; flex-direction: column; gap: var(--space-800); min-width: 0; border-radius: var(--corner-radius-600); overflow: hidden; background: var(--surface-grey-earthy); scroll-snap-align: start; }
[data-new="store"] .gl24-tx { display: flex; flex-direction: column; gap: var(--space-300); padding: var(--space-800) var(--space-800) 0; }
[data-new="store"] .gl24-t { margin: 0; font-family: var(--font-sans); font-size: var(--type-h5-size); line-height: var(--type-h5-line-height); font-weight: var(--type-h5-weight); letter-spacing: var(--type-h5-letter-spacing); color: var(--text-black-default); }
[data-new="store"] .gl24-d { margin: 0; font-family: var(--font-sans); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); font-weight: var(--type-body-sm-weight); letter-spacing: var(--type-body-sm-letter-spacing); color: var(--text-black-earthy); }
[data-new="store"] .gl24-media { display: block; margin-top: auto; height: 260px; overflow: hidden; }
[data-new="store"] .gl24-media .gl24-img { display: block; width: 100%; height: 100%; }
[data-new="store"] .gl24-media .eg-media { width: 100%; height: 100%; aspect-ratio: auto; }
[data-new="store"] .gl18-arr { position: absolute; top: calc(50% - var(--space-700)); z-index: 2; display: flex; align-items: center; justify-content: center; width: var(--element-2xlg); height: var(--element-2xlg); padding: var(--space-300); box-sizing: border-box; border: 0; border-radius: var(--corner-radius-750); background: color-mix(in srgb,var(--surface-black-default) 10%,transparent); -webkit-backdrop-filter: blur(var(--background-blur-100)); backdrop-filter: blur(var(--background-blur-100)); color: var(--text-black-half); cursor: pointer; transition: background .2s,color .2s; }
[data-new="store"] .gl18-arr:not([aria-disabled="true"]):hover, [data-new="store"] .gl18-arr:not([aria-disabled="true"]):focus-visible { background: color-mix(in srgb,var(--surface-black-default) 14%,transparent); color: var(--text-black-earthy); }
[data-new="store"] .gl18-arr[aria-disabled="true"] { background: color-mix(in srgb,var(--surface-black-default) 6%,transparent); color: var(--text-black-subtle); cursor: default; }
[data-new="store"] .gl18-arr svg { display: block; flex: none; width: var(--space-750); height: var(--space-750); }
[data-new="store"] .gl18-next { right: var(--space-800); }
[data-new="store"] .gl18-prev { left: calc(-1 * var(--space-700)); }
[data-new="store"] .gl18-arr[hidden] { display: none; }
@media (prefers-reduced-motion: reduce) { [data-new="store"] .gl24-row { scroll-behavior: auto; } }
[data-new="store"].tw-bp-tablet .gl24-head, [data-new="store"].tw-bp-mobile .gl24-head { flex-direction: column; align-items: stretch; gap: var(--space-1000); }
@media (min-width: 1261px) { [data-new="store"]:is(.tw-bp-tablet--bp-d, .tw-bp-tablet--bp-dt, .tw-bp-tablet--bp-dm) .gl24-head, [data-new="store"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl24-head { flex-direction: column; align-items: stretch; gap: var(--space-1000); } }
[data-new="store"].tw-bp-tablet .gl24-act, [data-new="store"].tw-bp-mobile .gl24-act, [data-new="store"].tw-bp-tablet .gl24-act a.btn, [data-new="store"].tw-bp-mobile .gl24-act a.btn { width: 100%; }
@media (min-width: 1261px) { [data-new="store"]:is(.tw-bp-tablet--bp-d, .tw-bp-tablet--bp-dt, .tw-bp-tablet--bp-dm) .gl24-act, [data-new="store"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl24-act, [data-new="store"]:is(.tw-bp-tablet--bp-d, .tw-bp-tablet--bp-dt, .tw-bp-tablet--bp-dm) .gl24-act a.btn, [data-new="store"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl24-act a.btn { width: 100%; } }
[data-new="store"].tw-bp-tablet .gl18-arr, [data-new="store"].tw-bp-mobile .gl18-arr { display: none; }
@media (min-width: 1261px) { [data-new="store"]:is(.tw-bp-tablet--bp-d, .tw-bp-tablet--bp-dt, .tw-bp-tablet--bp-dm) .gl18-arr, [data-new="store"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl18-arr { display: none; } }
[data-new="store"].tw-bp-mobile .gl24-lead { font-family: var(--font-sans); font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); font-weight: var(--type-h6-weight); letter-spacing: var(--type-h6-letter-spacing); }
@media (min-width: 1261px) { [data-new="store"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl24-lead { font-family: var(--font-sans); font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); font-weight: var(--type-h6-weight); letter-spacing: var(--type-h6-letter-spacing); } }
[data-new="store"].tw-bp-mobile .gl24-media { height: 320px; }
@media (min-width: 1261px) { [data-new="store"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl24-media { height: 320px; } }


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/sections/lp-ai-website-builder-store/css/lp-ai-website-builder-store-768.css */
/* AI website builder, store: its styles on tablet, every value a design-system token. Generated by tenweb-design. */
@media (min-width: 768px) and (max-width: 1260px) { [data-new="store"]:is(.tw-bp-tablet--bp-t, .tw-bp-tablet--bp-dt, .tw-bp-tablet--bp-tm) .gl24-head, [data-new="store"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl24-head { flex-direction: column; align-items: stretch; gap: var(--space-1000); } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="store"]:is(.tw-bp-tablet--bp-t, .tw-bp-tablet--bp-dt, .tw-bp-tablet--bp-tm) .gl24-act, [data-new="store"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl24-act, [data-new="store"]:is(.tw-bp-tablet--bp-t, .tw-bp-tablet--bp-dt, .tw-bp-tablet--bp-tm) .gl24-act a.btn, [data-new="store"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl24-act a.btn { width: 100%; } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="store"]:is(.tw-bp-tablet--bp-t, .tw-bp-tablet--bp-dt, .tw-bp-tablet--bp-tm) .gl18-arr, [data-new="store"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl18-arr { display: none; } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="store"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl24-lead { font-family: var(--font-sans); font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); font-weight: var(--type-h6-weight); letter-spacing: var(--type-h6-letter-spacing); } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="store"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl24-media { height: 320px; } }


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/sections/lp-ai-website-builder-store/css/lp-ai-website-builder-store-320.css */
/* AI website builder, store: its styles on mobile, and 27 rules that must come after them (the files load in order, so the cascade stays as written), every value a design-system token. Generated by tenweb-design. */
@media (max-width: 767px) { [data-new="store"]:is(.tw-bp-tablet--bp-m, .tw-bp-tablet--bp-dm, .tw-bp-tablet--bp-tm) .gl24-head, [data-new="store"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl24-head { flex-direction: column; align-items: stretch; gap: var(--space-1000); } }
@media (max-width: 767px) { [data-new="store"]:is(.tw-bp-tablet--bp-m, .tw-bp-tablet--bp-dm, .tw-bp-tablet--bp-tm) .gl24-act, [data-new="store"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl24-act, [data-new="store"]:is(.tw-bp-tablet--bp-m, .tw-bp-tablet--bp-dm, .tw-bp-tablet--bp-tm) .gl24-act a.btn, [data-new="store"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl24-act a.btn { width: 100%; } }
[data-new="store"].tw-bp-tablet .gl24-row, [data-new="store"].tw-bp-mobile .gl24-row { gap: var(--space-600); padding-right: var(--space-600); }
@media (min-width: 1261px) { [data-new="store"]:is(.tw-bp-tablet--bp-d, .tw-bp-tablet--bp-dt, .tw-bp-tablet--bp-dm) .gl24-row, [data-new="store"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl24-row { gap: var(--space-600); padding-right: var(--space-600); } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="store"]:is(.tw-bp-tablet--bp-t, .tw-bp-tablet--bp-dt, .tw-bp-tablet--bp-tm) .gl24-row, [data-new="store"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl24-row { gap: var(--space-600); padding-right: var(--space-600); } }
@media (max-width: 767px) { [data-new="store"]:is(.tw-bp-tablet--bp-m, .tw-bp-tablet--bp-dm, .tw-bp-tablet--bp-tm) .gl24-row, [data-new="store"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl24-row { gap: var(--space-600); padding-right: var(--space-600); } }
@media (max-width: 767px) { [data-new="store"]:is(.tw-bp-tablet--bp-m, .tw-bp-tablet--bp-dm, .tw-bp-tablet--bp-tm) .gl18-arr, [data-new="store"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl18-arr { display: none; } }
[data-new="store"].tw-bp-mobile .gl24-sec { gap: var(--space-900); }
@media (min-width: 1261px) { [data-new="store"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl24-sec { gap: var(--space-900); } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="store"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl24-sec { gap: var(--space-900); } }
@media (max-width: 767px) { [data-new="store"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl24-sec { gap: var(--space-900); } }
[data-new="store"].tw-bp-mobile .gl24-head { gap: var(--space-800); }
@media (min-width: 1261px) { [data-new="store"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl24-head { gap: var(--space-800); } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="store"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl24-head { gap: var(--space-800); } }
@media (max-width: 767px) { [data-new="store"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl24-head { gap: var(--space-800); } }
[data-new="store"].tw-bp-mobile .gl24-text { gap: var(--space-300); }
@media (min-width: 1261px) { [data-new="store"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl24-text { gap: var(--space-300); } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="store"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl24-text { gap: var(--space-300); } }
@media (max-width: 767px) { [data-new="store"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl24-text { gap: var(--space-300); } }
@media (max-width: 767px) { [data-new="store"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl24-lead { font-family: var(--font-sans); font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); font-weight: var(--type-h6-weight); letter-spacing: var(--type-h6-letter-spacing); } }
[data-new="store"].tw-bp-mobile .gl24-row { grid-auto-columns: 300px; gap: var(--space-500); padding-right: var(--space-500); }
@media (min-width: 1261px) { [data-new="store"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl24-row { grid-auto-columns: 300px; gap: var(--space-500); padding-right: var(--space-500); } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="store"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl24-row { grid-auto-columns: 300px; gap: var(--space-500); padding-right: var(--space-500); } }
@media (max-width: 767px) { [data-new="store"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl24-row { grid-auto-columns: 300px; gap: var(--space-500); padding-right: var(--space-500); } }
[data-new="store"].tw-bp-mobile .gl24-card { gap: var(--space-700); border-radius: var(--corner-radius-500); }
@media (min-width: 1261px) { [data-new="store"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl24-card { gap: var(--space-700); border-radius: var(--corner-radius-500); } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="store"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl24-card { gap: var(--space-700); border-radius: var(--corner-radius-500); } }
@media (max-width: 767px) { [data-new="store"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl24-card { gap: var(--space-700); border-radius: var(--corner-radius-500); } }
[data-new="store"].tw-bp-mobile .gl24-tx { gap: var(--space-200); padding: var(--space-700) var(--space-700) 0; }
@media (min-width: 1261px) { [data-new="store"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl24-tx { gap: var(--space-200); padding: var(--space-700) var(--space-700) 0; } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="store"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl24-tx { gap: var(--space-200); padding: var(--space-700) var(--space-700) 0; } }
@media (max-width: 767px) { [data-new="store"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl24-tx { gap: var(--space-200); padding: var(--space-700) var(--space-700) 0; } }
[data-new="store"].tw-bp-mobile .gl24-t { font-family: var(--font-sans); font-size: var(--type-h4-size); line-height: var(--type-h4-line-height); font-weight: var(--type-h4-weight); letter-spacing: var(--type-h4-letter-spacing); }
@media (min-width: 1261px) { [data-new="store"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl24-t { font-family: var(--font-sans); font-size: var(--type-h4-size); line-height: var(--type-h4-line-height); font-weight: var(--type-h4-weight); letter-spacing: var(--type-h4-letter-spacing); } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="store"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl24-t { font-family: var(--font-sans); font-size: var(--type-h4-size); line-height: var(--type-h4-line-height); font-weight: var(--type-h4-weight); letter-spacing: var(--type-h4-letter-spacing); } }
@media (max-width: 767px) { [data-new="store"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl24-t { font-family: var(--font-sans); font-size: var(--type-h4-size); line-height: var(--type-h4-line-height); font-weight: var(--type-h4-weight); letter-spacing: var(--type-h4-letter-spacing); } }
[data-new="store"].tw-bp-mobile .gl24-d { font-family: var(--font-sans); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); font-weight: var(--type-body-md-weight); letter-spacing: var(--type-body-md-letter-spacing); }
@media (min-width: 1261px) { [data-new="store"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl24-d { font-family: var(--font-sans); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); font-weight: var(--type-body-md-weight); letter-spacing: var(--type-body-md-letter-spacing); } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="store"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl24-d { font-family: var(--font-sans); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); font-weight: var(--type-body-md-weight); letter-spacing: var(--type-body-md-letter-spacing); } }
@media (max-width: 767px) { [data-new="store"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl24-d { font-family: var(--font-sans); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); font-weight: var(--type-body-md-weight); letter-spacing: var(--type-body-md-letter-spacing); } }
@media (max-width: 767px) { [data-new="store"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl24-media { height: 320px; } }


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/sections/lp-ai-website-builder-business-types/css/lp-ai-website-builder-business-types.css */
/* AI website builder, business-types: its styles, every value a design-system token. Generated by tenweb-design. */
:where([data-new="business-types"]) h2 { margin: 0; font-family: var(--font-sans); font-size: var(--type-h2-size); line-height: var(--type-h2-line-height); font-weight: var(--type-h2-weight); letter-spacing: var(--type-h2-letter-spacing); color: var(--text-black-default); }
:where([data-new="business-types"]) h3 { margin: 0; font-family: var(--font-sans); font-size: var(--type-h4-size); line-height: var(--type-h4-line-height); font-weight: var(--type-h4-weight); letter-spacing: var(--type-h4-letter-spacing); color: var(--text-black-default); }
:where([data-new="business-types"]) h4 { margin: 0; font-family: var(--font-sans); font-size: var(--type-h5-size); line-height: var(--type-h5-line-height); font-weight: var(--type-h5-weight); letter-spacing: var(--type-h5-letter-spacing); color: var(--text-black-default); }
:where([data-new="business-types"]) h5 { margin: 0; font-family: var(--font-sans); font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); font-weight: var(--type-h6-weight); letter-spacing: var(--type-h6-letter-spacing); color: var(--text-black-default); }
:where([data-new="business-types"]) h6 { margin: 0; font-family: var(--font-sans); font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); font-weight: var(--type-h6-weight); letter-spacing: var(--type-h6-letter-spacing); color: var(--text-black-default); }
:where([data-new="business-types"]) p { margin: 0; font-family: var(--font-sans); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); font-weight: var(--type-body-md-weight); letter-spacing: var(--type-body-md-letter-spacing); color: var(--text-black-earthy); }
:where([data-new="business-types"]) li { margin: 0; font-family: var(--font-sans); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); font-weight: var(--type-body-md-weight); letter-spacing: var(--type-body-md-letter-spacing); color: var(--text-black-earthy); }
:where([data-new="business-types"]) td { margin: 0; font-family: var(--font-sans); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); font-weight: var(--type-body-md-weight); letter-spacing: var(--type-body-md-letter-spacing); color: var(--text-black-earthy); }
:where([data-new="business-types"]) th { margin: 0; font-family: var(--font-sans); font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); font-weight: var(--type-h6-weight); letter-spacing: var(--type-h6-letter-spacing); color: var(--text-black-default); }
:where([data-new="business-types"]) label { margin: 0; font-family: var(--font-sans); font-size: var(--type-caption-lg-size); line-height: var(--type-caption-lg-line-height); font-weight: var(--type-caption-lg-weight); letter-spacing: var(--type-caption-lg-letter-spacing); color: var(--text-black-default); }
:where([data-new="business-types"]) small { margin: 0; font-family: var(--font-sans); font-size: var(--type-caption-md-size); line-height: var(--type-caption-md-line-height); font-weight: var(--type-caption-md-weight); letter-spacing: var(--type-caption-md-letter-spacing); color: var(--text-black-earthy); }
:where([data-new="business-types"]) figcaption { margin: 0; font-family: var(--font-sans); font-size: var(--type-caption-md-size); line-height: var(--type-caption-md-line-height); font-weight: var(--type-caption-md-weight); letter-spacing: var(--type-caption-md-letter-spacing); color: var(--text-black-earthy); }
:where([data-new="business-types"]) blockquote { margin: 0; font-family: var(--font-sans); font-size: var(--type-h5-size); line-height: var(--type-h5-line-height); font-weight: var(--type-h5-weight); letter-spacing: var(--type-h5-letter-spacing); color: var(--text-black-default); }
:where([data-new="business-types"]) dt { margin: 0; font-family: var(--font-sans); font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); font-weight: var(--type-h6-weight); letter-spacing: var(--type-h6-letter-spacing); color: var(--text-black-default); }
:where([data-new="business-types"]) dd { margin: 0; font-family: var(--font-sans); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); font-weight: var(--type-body-md-weight); letter-spacing: var(--type-body-md-letter-spacing); color: var(--text-black-earthy); }
:where([data-new="business-types"]) ul, :where([data-new="business-types"]) ol { margin: 0; padding-left: var(--space-600); }
:where([data-new="business-types"]) table { border-collapse: collapse; width: 100%; }
:where([data-new="business-types"]) a { color: var(--text-brand-default); text-decoration: underline; text-underline-offset: var(--space-50); }
:where([data-new="business-types"]) input, :where([data-new="business-types"]) textarea, :where([data-new="business-types"]) select, :where([data-new="business-types"]) button { font-family: var(--font-sans); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); font-weight: var(--type-body-md-weight); letter-spacing: var(--type-body-md-letter-spacing); color: var(--text-black-default); accent-color: var(--element-brand-default); }
:where([data-new="business-types"]) [data-carousel] { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
:where([data-new="business-types"]) [data-carousel] > * { flex: 0 0 auto; scroll-snap-align: start; }
:where([data-new="business-types"]) [data-tab][hidden] { display: none; }
[data-new="business-types"] .gl18-sec { display: flex; flex-direction: column; gap: var(--space-1200); min-width: 0; }
[data-new="business-types"] .gl18-head { display: flex; flex-direction: column; align-items: center; gap: var(--space-1000); text-align: center; }
[data-new="business-types"] .gl18-text { display: flex; flex-direction: column; gap: var(--space-500); max-width: var(--container-desktop); min-width: 0; }
[data-new="business-types"] .gl18-h2 { margin: 0; font-family: var(--font-sans); font-size: var(--type-h2-size); line-height: var(--type-h2-line-height); font-weight: var(--type-h2-weight); letter-spacing: var(--type-h2-letter-spacing); color: var(--text-black-default); }
[data-new="business-types"] .gl18-lead { margin: 0; font-family: var(--font-sans); font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); font-weight: var(--type-h6-weight); letter-spacing: var(--type-h6-letter-spacing); color: var(--text-black-earthy); }
[data-new="business-types"] .gl18-act { display: flex; justify-content: center; }
[data-new="business-types"] .gl18-act a { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-400); height: var(--element-2xlg); padding: 0 var(--space-600); box-sizing: border-box; border-radius: var(--corner-radius-300); background: var(--surface-white-default); border: var(--space-25) solid var(--border-black-subtle); color: var(--text-black-default); font-family: var(--font-sans); font-size: var(--type-caption-lg-size); line-height: var(--type-caption-lg-line-height); font-weight: var(--type-caption-lg-weight); letter-spacing: var(--type-caption-lg-letter-spacing); text-decoration: none; transition: background .2s,color .2s,border-color .2s; }
[data-new="business-types"] .gl18-act a:hover, [data-new="business-types"] .gl18-act a:focus-visible { background: var(--surface-brand-default); border-color: var(--border-brand-default); color: var(--text-white-default); }
[data-new="business-types"] .gl18-car { position: relative; min-width: 0; margin-right: calc(50% - 50vw); }
[data-new="business-types"] .gl18-row { display: grid; grid-auto-flow: column; grid-auto-columns: 408px; gap: var(--space-700); overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; padding: var(--space-100) var(--space-1450) var(--space-300) 0; min-width: 0; scrollbar-width: none; }
[data-new="business-types"] .gl18-row::-webkit-scrollbar { display: none; }
[data-new="business-types"] .gl18-card { display: flex; flex-direction: column; gap: var(--space-800); background: var(--surface-white-default); border-radius: var(--corner-radius-600); overflow: hidden; text-decoration: none; color: var(--text-black-default); scroll-snap-align: start; transition: transform .2s; }
[data-new="business-types"] .gl18-card:hover { transform: translateY(calc(-1 * var(--space-50))); }
[data-new="business-types"] .gl18-media { position: relative; display: block; overflow: hidden; }
[data-new="business-types"] .gl18-img { display: block; width: 100%; transition: transform .4s; }
[data-new="business-types"] .gl18-go { position: absolute; top: var(--space-700); right: var(--space-700); display: flex; align-items: center; justify-content: center; width: var(--element-2xlg); height: var(--element-2xlg); border-radius: var(--corner-radius-750); background: var(--surface-black-default); color: var(--text-white-default); opacity: 0; transform: scale(.85); transition: opacity .2s ease,transform .2s ease; }
[data-new="business-types"] .gl18-card:hover .gl18-go, [data-new="business-types"] .gl18-card:focus-visible .gl18-go { opacity: 1; transform: scale(1); }
[data-new="business-types"] .gl18-body { display: flex; flex-direction: column; gap: var(--space-800); flex: 1; padding: 0 var(--space-800) var(--space-800); }
[data-new="business-types"] .gl18-t { font-family: var(--font-sans); font-size: var(--type-h5-size); line-height: var(--type-h5-line-height); font-weight: var(--type-h5-weight); letter-spacing: var(--type-h5-letter-spacing); color: var(--text-black-default); transition: color .2s; }
[data-new="business-types"] .gl18-tags { display: flex; flex-wrap: wrap; gap: var(--space-400); margin-top: auto; }
[data-new="business-types"] .gl18-tag { display: inline-flex; align-items: center; gap: var(--space-300); height: var(--space-850); padding: 0 var(--space-500); box-sizing: border-box; border-radius: var(--corner-radius-700); background: var(--surface-white-default); border: var(--space-25) solid var(--border-black-subtle); font-family: var(--font-sans); font-size: var(--type-caption-lg-size); line-height: var(--type-caption-lg-line-height); font-weight: var(--type-caption-lg-weight); letter-spacing: var(--type-caption-lg-letter-spacing); color: var(--text-black-default); white-space: nowrap; }
[data-new="business-types"] .gl18-tag svg { flex: none; display: block; color: var(--text-brand-default); }
[data-new="business-types"] .gl18-card:focus-visible { outline: var(--space-50) solid var(--border-brand-default); outline-offset: var(--space-50); }
[data-new="business-types"] .gl18-arr { position: absolute; top: calc(50% - var(--space-700)); z-index: 2; display: flex; align-items: center; justify-content: center; width: var(--element-2xlg); height: var(--element-2xlg); padding: var(--space-300); box-sizing: border-box; border: 0; border-radius: var(--corner-radius-750); background: color-mix(in srgb,var(--surface-black-default) 8%,transparent); -webkit-backdrop-filter: blur(var(--background-blur-100)); backdrop-filter: blur(var(--background-blur-100)); color: var(--text-black-half); cursor: pointer; transition: background .2s,color .2s,opacity .2s; }
[data-new="business-types"] .gl18-arr:not([aria-disabled="true"]):hover, [data-new="business-types"] .gl18-arr:not([aria-disabled="true"]):focus-visible { background: color-mix(in srgb,var(--surface-black-default) 12%,transparent); color: var(--text-black-earthy); }
[data-new="business-types"] .gl18-arr[aria-disabled="true"] { background: color-mix(in srgb,var(--surface-black-default) 6%,transparent); color: var(--text-black-subtle); cursor: default; }
[data-new="business-types"] .gl18-next { right: var(--space-800); }
[data-new="business-types"] .gl18-prev { left: calc(-1 * var(--space-700)); }
[data-new="business-types"] .gl18-arr[hidden] { display: none; }
@media (hover:none) { [data-new="business-types"] .gl18-go { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { [data-new="business-types"] .gl18-card, [data-new="business-types"] .gl18-img, [data-new="business-types"] .gl18-go, [data-new="business-types"] .gl18-t { transition: none; } }
@media (prefers-reduced-motion: reduce) { [data-new="business-types"] .gl18-card:hover { transform: none; } }
@media (prefers-reduced-motion: reduce) { [data-new="business-types"] .gl18-card:hover .gl18-img { transform: none; } }
@media (prefers-reduced-motion: reduce) { [data-new="business-types"] .gl18-row { scroll-behavior: auto; } }
[data-new="business-types"].tw-bp-tablet .gl18-row, [data-new="business-types"].tw-bp-mobile .gl18-row { padding-right: var(--space-600); }
@media (min-width: 1261px) { [data-new="business-types"]:is(.tw-bp-tablet--bp-d, .tw-bp-tablet--bp-dt, .tw-bp-tablet--bp-dm) .gl18-row, [data-new="business-types"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl18-row { padding-right: var(--space-600); } }
[data-new="business-types"].tw-bp-tablet .gl18-next, [data-new="business-types"].tw-bp-mobile .gl18-next { right: var(--space-400); }
@media (min-width: 1261px) { [data-new="business-types"]:is(.tw-bp-tablet--bp-d, .tw-bp-tablet--bp-dt, .tw-bp-tablet--bp-dm) .gl18-next, [data-new="business-types"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl18-next { right: var(--space-400); } }
[data-new="business-types"].tw-bp-tablet .gl18-prev, [data-new="business-types"].tw-bp-mobile .gl18-prev { left: calc(-1 * var(--space-300)); }
@media (min-width: 1261px) { [data-new="business-types"]:is(.tw-bp-tablet--bp-d, .tw-bp-tablet--bp-dt, .tw-bp-tablet--bp-dm) .gl18-prev, [data-new="business-types"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl18-prev { left: calc(-1 * var(--space-300)); } }
[data-new="business-types"].tw-bp-mobile .gl18-sec { gap: var(--space-900); }
@media (min-width: 1261px) { [data-new="business-types"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl18-sec { gap: var(--space-900); } }
[data-new="business-types"].tw-bp-mobile .gl18-lead { font-family: var(--font-sans); font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); font-weight: var(--type-h6-weight); letter-spacing: var(--type-h6-letter-spacing); }
@media (min-width: 1261px) { [data-new="business-types"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl18-lead { font-family: var(--font-sans); font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); font-weight: var(--type-h6-weight); letter-spacing: var(--type-h6-letter-spacing); } }
[data-new="business-types"].tw-bp-mobile .gl18-act, [data-new="business-types"].tw-bp-mobile .gl18-act a { width: 100%; }
@media (min-width: 1261px) { [data-new="business-types"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl18-act, [data-new="business-types"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl18-act a { width: 100%; } }
[data-new="business-types"].tw-bp-mobile .gl18-arr { display: none; }
@media (min-width: 1261px) { [data-new="business-types"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl18-arr { display: none; } }
[data-new="business-types"] .gl18-text { max-width: none; align-items: center; }
[data-new="business-types"].tw-bp-tablet .gl18-go, [data-new="business-types"].tw-bp-mobile .gl18-go { opacity: 1; transform: none; }
@media (min-width: 1261px) { [data-new="business-types"]:is(.tw-bp-tablet--bp-d, .tw-bp-tablet--bp-dt, .tw-bp-tablet--bp-dm) .gl18-go, [data-new="business-types"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl18-go { opacity: 1; transform: none; } }
[data-new="business-types"].tw-bp-mobile .gl18-card { border-radius: var(--corner-radius-500); }
@media (min-width: 1261px) { [data-new="business-types"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl18-card { border-radius: var(--corner-radius-500); } }


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/sections/lp-ai-website-builder-business-types/css/lp-ai-website-builder-business-types-768.css */
/* AI website builder, business-types: its styles on tablet, every value a design-system token. Generated by tenweb-design. */
@media (min-width: 768px) and (max-width: 1260px) { [data-new="business-types"]:is(.tw-bp-tablet--bp-t, .tw-bp-tablet--bp-dt, .tw-bp-tablet--bp-tm) .gl18-row, [data-new="business-types"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl18-row { padding-right: var(--space-600); } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="business-types"]:is(.tw-bp-tablet--bp-t, .tw-bp-tablet--bp-dt, .tw-bp-tablet--bp-tm) .gl18-next, [data-new="business-types"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl18-next { right: var(--space-400); } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="business-types"]:is(.tw-bp-tablet--bp-t, .tw-bp-tablet--bp-dt, .tw-bp-tablet--bp-tm) .gl18-prev, [data-new="business-types"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl18-prev { left: calc(-1 * var(--space-300)); } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="business-types"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl18-sec { gap: var(--space-900); } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="business-types"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl18-lead { font-family: var(--font-sans); font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); font-weight: var(--type-h6-weight); letter-spacing: var(--type-h6-letter-spacing); } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="business-types"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl18-act, [data-new="business-types"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl18-act a { width: 100%; } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="business-types"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl18-arr { display: none; } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="business-types"]:is(.tw-bp-tablet--bp-t, .tw-bp-tablet--bp-dt, .tw-bp-tablet--bp-tm) .gl18-go, [data-new="business-types"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl18-go { opacity: 1; transform: none; } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="business-types"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl18-card { border-radius: var(--corner-radius-500); } }


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/sections/lp-ai-website-builder-business-types/css/lp-ai-website-builder-business-types-320.css */
/* AI website builder, business-types: its styles on mobile, and 36 rules that must come after them (the files load in order, so the cascade stays as written), every value a design-system token. Generated by tenweb-design. */
@media (max-width: 767px) { [data-new="business-types"]:is(.tw-bp-tablet--bp-m, .tw-bp-tablet--bp-dm, .tw-bp-tablet--bp-tm) .gl18-row, [data-new="business-types"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl18-row { padding-right: var(--space-600); } }
@media (max-width: 767px) { [data-new="business-types"]:is(.tw-bp-tablet--bp-m, .tw-bp-tablet--bp-dm, .tw-bp-tablet--bp-tm) .gl18-next, [data-new="business-types"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl18-next { right: var(--space-400); } }
@media (max-width: 767px) { [data-new="business-types"]:is(.tw-bp-tablet--bp-m, .tw-bp-tablet--bp-dm, .tw-bp-tablet--bp-tm) .gl18-prev, [data-new="business-types"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl18-prev { left: calc(-1 * var(--space-300)); } }
@media (max-width: 767px) { [data-new="business-types"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl18-sec { gap: var(--space-900); } }
[data-new="business-types"].tw-bp-mobile .gl18-head { gap: var(--space-800); }
@media (min-width: 1261px) { [data-new="business-types"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl18-head { gap: var(--space-800); } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="business-types"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl18-head { gap: var(--space-800); } }
@media (max-width: 767px) { [data-new="business-types"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl18-head { gap: var(--space-800); } }
@media (max-width: 767px) { [data-new="business-types"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl18-lead { font-family: var(--font-sans); font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); font-weight: var(--type-h6-weight); letter-spacing: var(--type-h6-letter-spacing); } }
@media (max-width: 767px) { [data-new="business-types"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl18-act, [data-new="business-types"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl18-act a { width: 100%; } }
[data-new="business-types"].tw-bp-mobile .gl18-row { grid-auto-columns: 300px; gap: var(--space-500); padding-right: var(--space-500); }
@media (min-width: 1261px) { [data-new="business-types"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl18-row { grid-auto-columns: 300px; gap: var(--space-500); padding-right: var(--space-500); } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="business-types"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl18-row { grid-auto-columns: 300px; gap: var(--space-500); padding-right: var(--space-500); } }
@media (max-width: 767px) { [data-new="business-types"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl18-row { grid-auto-columns: 300px; gap: var(--space-500); padding-right: var(--space-500); } }
[data-new="business-types"].tw-bp-mobile .gl18-card { gap: var(--space-700); }
@media (min-width: 1261px) { [data-new="business-types"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl18-card { gap: var(--space-700); } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="business-types"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl18-card { gap: var(--space-700); } }
@media (max-width: 767px) { [data-new="business-types"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl18-card { gap: var(--space-700); } }
[data-new="business-types"].tw-bp-mobile .gl18-body { gap: var(--space-700); padding: 0 var(--space-700) var(--space-700); }
@media (min-width: 1261px) { [data-new="business-types"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl18-body { gap: var(--space-700); padding: 0 var(--space-700) var(--space-700); } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="business-types"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl18-body { gap: var(--space-700); padding: 0 var(--space-700) var(--space-700); } }
@media (max-width: 767px) { [data-new="business-types"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl18-body { gap: var(--space-700); padding: 0 var(--space-700) var(--space-700); } }
[data-new="business-types"].tw-bp-mobile .gl18-tags { gap: var(--space-300); }
@media (min-width: 1261px) { [data-new="business-types"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl18-tags { gap: var(--space-300); } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="business-types"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl18-tags { gap: var(--space-300); } }
@media (max-width: 767px) { [data-new="business-types"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl18-tags { gap: var(--space-300); } }
@media (max-width: 767px) { [data-new="business-types"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl18-arr { display: none; } }
[data-new="business-types"] .gl18-h2, [data-new="business-types"] .gl18-t { font-weight: 500; }
[data-new="business-types"].tw-bp-tablet .gl18-br, [data-new="business-types"].tw-bp-mobile .gl18-br { display: none; }
@media (min-width: 1261px) { [data-new="business-types"]:is(.tw-bp-tablet--bp-d, .tw-bp-tablet--bp-dt, .tw-bp-tablet--bp-dm) .gl18-br, [data-new="business-types"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl18-br { display: none; } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="business-types"]:is(.tw-bp-tablet--bp-t, .tw-bp-tablet--bp-dt, .tw-bp-tablet--bp-tm) .gl18-br, [data-new="business-types"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl18-br { display: none; } }
@media (max-width: 767px) { [data-new="business-types"]:is(.tw-bp-tablet--bp-m, .tw-bp-tablet--bp-dm, .tw-bp-tablet--bp-tm) .gl18-br, [data-new="business-types"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl18-br { display: none; } }
[data-new="business-types"] .gl18-arr svg { display: block; flex: none; width: var(--element-md); height: var(--element-md); }
[data-new="business-types"] .gl18-go svg { display: block; flex: none; }
@media (max-width: 767px) { [data-new="business-types"]:is(.tw-bp-tablet--bp-m, .tw-bp-tablet--bp-dm, .tw-bp-tablet--bp-tm) .gl18-go, [data-new="business-types"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl18-go { opacity: 1; transform: none; } }
[data-new="business-types"].tw-bp-tablet .gl18-act, [data-new="business-types"].tw-bp-mobile .gl18-act, [data-new="business-types"].tw-bp-tablet .gl18-act a, [data-new="business-types"].tw-bp-mobile .gl18-act a { width: 100%; }
@media (min-width: 1261px) { [data-new="business-types"]:is(.tw-bp-tablet--bp-d, .tw-bp-tablet--bp-dt, .tw-bp-tablet--bp-dm) .gl18-act, [data-new="business-types"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl18-act, [data-new="business-types"]:is(.tw-bp-tablet--bp-d, .tw-bp-tablet--bp-dt, .tw-bp-tablet--bp-dm) .gl18-act a, [data-new="business-types"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl18-act a { width: 100%; } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="business-types"]:is(.tw-bp-tablet--bp-t, .tw-bp-tablet--bp-dt, .tw-bp-tablet--bp-tm) .gl18-act, [data-new="business-types"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl18-act, [data-new="business-types"]:is(.tw-bp-tablet--bp-t, .tw-bp-tablet--bp-dt, .tw-bp-tablet--bp-tm) .gl18-act a, [data-new="business-types"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl18-act a { width: 100%; } }
@media (max-width: 767px) { [data-new="business-types"]:is(.tw-bp-tablet--bp-m, .tw-bp-tablet--bp-dm, .tw-bp-tablet--bp-tm) .gl18-act, [data-new="business-types"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl18-act, [data-new="business-types"]:is(.tw-bp-tablet--bp-m, .tw-bp-tablet--bp-dm, .tw-bp-tablet--bp-tm) .gl18-act a, [data-new="business-types"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl18-act a { width: 100%; } }
[data-new="business-types"].tw-bp-tablet .gl18-arr, [data-new="business-types"].tw-bp-mobile .gl18-arr { display: none; }
@media (min-width: 1261px) { [data-new="business-types"]:is(.tw-bp-tablet--bp-d, .tw-bp-tablet--bp-dt, .tw-bp-tablet--bp-dm) .gl18-arr, [data-new="business-types"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl18-arr { display: none; } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="business-types"]:is(.tw-bp-tablet--bp-t, .tw-bp-tablet--bp-dt, .tw-bp-tablet--bp-tm) .gl18-arr, [data-new="business-types"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl18-arr { display: none; } }
@media (max-width: 767px) { [data-new="business-types"]:is(.tw-bp-tablet--bp-m, .tw-bp-tablet--bp-dm, .tw-bp-tablet--bp-tm) .gl18-arr, [data-new="business-types"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl18-arr { display: none; } }
@media (max-width: 767px) { [data-new="business-types"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl18-card { border-radius: var(--corner-radius-500); } }
[data-new="business-types"].tw-bp-mobile .gl18-go { top: var(--space-600); right: var(--space-600); width: var(--element-xlg); height: var(--element-xlg); }
@media (min-width: 1261px) { [data-new="business-types"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl18-go { top: var(--space-600); right: var(--space-600); width: var(--element-xlg); height: var(--element-xlg); } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="business-types"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl18-go { top: var(--space-600); right: var(--space-600); width: var(--element-xlg); height: var(--element-xlg); } }
@media (max-width: 767px) { [data-new="business-types"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl18-go { top: var(--space-600); right: var(--space-600); width: var(--element-xlg); height: var(--element-xlg); } }
[data-new="business-types"].tw-bp-mobile .gl18-t { font-family: var(--font-sans); font-size: var(--type-h4-size); line-height: var(--type-h4-line-height); font-weight: var(--type-h4-weight); letter-spacing: var(--type-h4-letter-spacing); }
@media (min-width: 1261px) { [data-new="business-types"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl18-t { font-family: var(--font-sans); font-size: var(--type-h4-size); line-height: var(--type-h4-line-height); font-weight: var(--type-h4-weight); letter-spacing: var(--type-h4-letter-spacing); } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="business-types"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl18-t { font-family: var(--font-sans); font-size: var(--type-h4-size); line-height: var(--type-h4-line-height); font-weight: var(--type-h4-weight); letter-spacing: var(--type-h4-letter-spacing); } }
@media (max-width: 767px) { [data-new="business-types"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl18-t { font-family: var(--font-sans); font-size: var(--type-h4-size); line-height: var(--type-h4-line-height); font-weight: var(--type-h4-weight); letter-spacing: var(--type-h4-letter-spacing); } }
[data-new="business-types"].tw-bp-mobile .gl18-tags { gap: var(--space-400); }
@media (min-width: 1261px) { [data-new="business-types"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl18-tags { gap: var(--space-400); } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="business-types"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl18-tags { gap: var(--space-400); } }
@media (max-width: 767px) { [data-new="business-types"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl18-tags { gap: var(--space-400); } }


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/sections/lp-shared-edit-with-agents/css/lp-shared-edit-with-agents.css */
/* edit-with-agents, a shared section (version 0bc8ec6c03f4, made 2026-10-14 from 10web-home / edit-with-agents): its styles, every value a design-system token. Generated by tenweb-design. */
.tw-shared[data-tw-shared="edit-with-agents"] { display: contents; }
[data-tw-shared="edit-with-agents"] > .eg-section { padding: 0; display: flow-root; }
[data-tw-shared="edit-with-agents"] > .eg-section > .eg-section__inner { max-width: none; width: 100%; }
:root { --lp-figma-c-14151f: rgb(20, 21, 31); --lp-figma-c-14151f80: rgba(20, 21, 31, 0.8); --lp-figma-c-14151f10: rgba(20, 21, 31, 0.1); --lp-figma-c-14151f-2: #14151f; --lp-figma-c-ffffff06: rgba(255, 255, 255, 0.06); --lp-figma-blur-0_6px: 0.6px; --lp-figma-blur-1_4px: 1.4px; --lp-figma-blur-2_4px: 2.4px; --lp-figma-c-14151f06: rgba(20, 21, 31, 0.06); --lp-figma-c-ffffff08: rgba(255,255,255,.08); --lp-figma-c-ffffff75-2: rgba(255,255,255,.75); --lp-figma-c-22232c: #22232c; }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] [data-new="shared-edit-with-agents"] { color: var(--lp-figma-c-14151f); font-family: var(--font-sans); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); letter-spacing: 0px; -webkit-font-smoothing: antialiased; } }
:is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] [data-new="shared-edit-with-agents"] .ed5-v { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; display: block; }
:is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"]  { box-sizing: border-box; }
:is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] svg { display: block; flex: 0 0 auto; }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] section:not(.hero) h2 { font-weight: var(--type-h2-weight); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .s3-sub, :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .s4-sub, :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .s5-sub, :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .s7-sub { font-weight: var(--type-body-lg-weight); } }
:is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .s5w { padding: 0px; background: var(--surface-white-default); }
:is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .s5-in { max-width: var(--container-desktop); margin: 0px auto; }
:is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .s5-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-700); }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .ed5 h3 { font-weight: var(--type-h3-weight); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] #s5 h2 { font-weight: var(--type-weight-medium); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] #s5 .ed5 h3 { font-weight: var(--type-weight-medium); } }


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/sections/lp-shared-edit-with-agents/css/lp-shared-edit-with-agents-768.css */
/* edit-with-agents, a shared section (version 0bc8ec6c03f4, made 2026-10-14 from 10web-home / edit-with-agents): its styles on tablet, and 1 rule that must come after them (the files load in order, so the cascade stays as written), every value a design-system token. Generated by tenweb-design. */
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .s5-grid { grid-template-columns: 1fr; } }
:is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] #s5 .s5-grid { grid-template-columns: 1fr 1fr; gap: var(--space-700); }


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/sections/lp-shared-edit-with-agents/css/lp-shared-edit-with-agents-320.css */
/* edit-with-agents, a shared section (version 0bc8ec6c03f4, made 2026-10-14 from 10web-home / edit-with-agents): its styles on mobile, and 54 rules that must come after them (the files load in order, so the cascade stays as written), every value a design-system token. Generated by tenweb-design. */
@media (max-width: 767px) { :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] [data-new="shared-edit-with-agents"] { color: var(--lp-figma-c-14151f); font-family: var(--font-sans); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); letter-spacing: 0px; -webkit-font-smoothing: antialiased; } }
:is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] h1, :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] h2, :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] h3, :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] h4, :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] h5, :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] h6 { letter-spacing: 0px; }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] section:not(.hero) h2 { font-size: var(--type-h2-size); line-height: var(--type-h2-line-height); letter-spacing: 0px; text-wrap: balance; } }
@media (max-width: 767px) { :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] section:not(.hero) h2 { font-size: var(--type-h2-size); line-height: var(--type-h2-line-height); letter-spacing: 0px; text-wrap: balance; } }
@media (max-width: 767px) { :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] section:not(.hero) h2 { font-weight: var(--type-h2-weight); } }
:is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .s3 h2, :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .s5 h2 { color: var(--text-white-default); }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .s3-sub, :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .s4-sub, :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .s5-sub, :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .s7-sub { font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); color: var(--lp-figma-c-14151f80); letter-spacing: 0px; } }
@media (max-width: 767px) { :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .s3-sub, :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .s4-sub, :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .s5-sub, :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .s7-sub { font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); color: var(--lp-figma-c-14151f80); letter-spacing: 0px; } }
@media (max-width: 767px) { :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .s3-sub, :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .s4-sub, :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .s5-sub, :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .s7-sub { font-weight: var(--type-body-lg-weight); } }
@media (min-width: 1261px) { :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .s5 { position: relative; overflow: hidden; isolation: isolate; border-radius: 0px; border: 0px; background: var(--lp-figma-c-14151f); color: var(--text-white-default); padding: var(--space-1400) var(--space-1450); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .s5 { position: relative; overflow: hidden; isolation: isolate; border-radius: 0px; border: 0px; background: var(--lp-figma-c-14151f); color: var(--text-white-default); padding: var(--space-1400) var(--space-600); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .s5 { position: relative; overflow: hidden; isolation: isolate; border-radius: 0px; border: 0px; background: var(--lp-figma-c-14151f); color: var(--text-white-default); padding: var(--space-1000) var(--space-500); } }
:is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .s5::before { content: ""; position: absolute; left: 50%; top: -520px; width: max(1300px, 140%); aspect-ratio: 2.1 / 1; transform: translateX(-50%); border-radius: 50%; background: radial-gradient(closest-side,var(--surface-brand-half),var(--surface-brand-subtle) 55%,var(--surface-brand-void)); filter: blur(var(--background-blur-250)); z-index: -1; }
:is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .s5::after { content: ""; position: absolute; inset: 0px; z-index: -1; pointer-events: none; opacity: 0.35; mix-blend-mode: overlay; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 1.1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); background-size: 220px auto; }
:is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .s5 h2 { margin: 0px auto; text-align: center; color: var(--text-white-default); }
:is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .s5-sub { margin: var(--space-700) auto var(--space-1200); text-align: center; color: var(--text-white-earthy); max-width: 760px; }
:is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .ed5 { border-radius: var(--corner-radius-700); background: var(--surface-white-adept-subtle); border: var(--space-25) solid var(--border-white-adept-subtle); overflow: hidden; display: flex; flex-direction: column; }
:is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .ed5-stage { position: relative; aspect-ratio: 560 / 372; background: radial-gradient(60% 70% at 20% 60%,var(--surface-brand-mid),transparent 70%),radial-gradient(50% 60% at 85% 20%,var(--surface-brand-subtle),transparent 70%) var(--surface-white-adept-subtle); overflow: hidden; isolation: isolate; }
:is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .ed5-stage .fade5 { position: absolute; left: 0px; right: 0px; bottom: 0px; height: 90px; background: linear-gradient(transparent, var(--lp-figma-c-14151f80)); z-index: 2; pointer-events: none; }
:is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .ed5-tx { padding: var(--space-900) var(--space-900) var(--space-800); }
:is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .ed5-ic { display: block; height: var(--element-xlg); width: auto; margin-bottom: var(--space-700); }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .ed5 h3 { margin: 0 0 var(--space-500); font-size: var(--type-h3-size); line-height: var(--type-h3-line-height); letter-spacing: 0px; color: var(--text-white-default); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .ed5 h3 { margin: 0 0 var(--space-500); font-size: var(--type-h3-size); line-height: var(--type-h3-line-height); letter-spacing: 0px; color: var(--text-white-default); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .ed5 h3 { font-weight: var(--type-h3-weight); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .ed5-d { margin: 0 0 var(--space-700); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); color: var(--text-white-earthy); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .ed5-d { margin: 0 0 var(--space-700); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); color: var(--text-white-earthy); } }
:is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .acts { position: relative; margin: 0px; padding: 0px; list-style: none; height: 228px; overflow: hidden; mask-image: linear-gradient(var(--element-black-default) 45%, transparent 100%); }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .acts li { padding: var(--space-200) 0; font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); color: var(--text-white-half); transition: color 0.4s, filter 0.4s; } }
@media (max-width: 767px) { :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .acts li { padding: var(--space-200) 0; font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); color: var(--text-white-half); transition: color 0.4s, filter 0.4s; } }
:is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .acts li:nth-child(n+6) { filter: blur(var(--lp-figma-blur-0_6px)); }
:is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .acts li:nth-child(n+7) { filter: blur(var(--lp-figma-blur-1_4px)); }
:is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .acts li:nth-child(n+8) { filter: blur(var(--lp-figma-blur-2_4px)); }
@media (max-width: 767px) { :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .ed5-tx { padding: var(--space-700) var(--space-700) var(--space-600); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .acts { height: 200px; } }
@media (min-width: 1261px) { :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .s5w #s5 { background: var(--lp-figma-c-14151f-2); padding: var(--space-1600) var(--space-1450); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .s5w #s5 { background: var(--lp-figma-c-14151f-2); padding: var(--space-1600) var(--space-600); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .s5w #s5 { background: var(--lp-figma-c-14151f-2); padding: var(--space-1600) var(--space-500); } }
:is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .s5w #s5::before, :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .s5w #s5::after { display: none; }
:is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] #s5 .s5-in { max-width: var(--container-desktop); }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] #s5 h2 { font-size: var(--type-h2-size); line-height: var(--type-h2-line-height); color: var(--text-white-default); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] #s5 h2 { font-size: var(--type-h2-size); line-height: var(--type-h2-line-height); color: var(--text-white-default); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] #s5 h2 { font-weight: var(--type-weight-medium); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] #s5 .s5-sub { max-width: none; margin: var(--space-500) auto var(--space-1200); font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); color: var(--lp-figma-c-ffffff75-2); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] #s5 .s5-sub { max-width: none; margin: var(--space-500) auto var(--space-1200); font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); color: var(--lp-figma-c-ffffff75-2); } }
:is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] #s5 .ed5 { border: 0px; border-radius: var(--corner-radius-700); background: var(--lp-figma-c-22232c); box-shadow: var(--lp-figma-c-14151f10) 0 var(--space-100) var(--space-300) 0, var(--lp-figma-c-14151f06) 0 var(--space-50) var(--space-100) 0; }
:is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] #s5 .ed5-stage { aspect-ratio: 624 / 406; }
:is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] #s5 .ed5-stage::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: var(--space-1400); background: linear-gradient(to top,var(--lp-figma-c-22232c),transparent); z-index: 2; pointer-events: none; }
:is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] #s5 .ed5-tx { padding: var(--space-900); }
:is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] #s5 .ed5-ic { width: var(--element-2xlg); height: var(--element-2xlg); object-fit: contain; margin: 0 0 var(--space-500); }
:is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] #s5 .s5-hd { display: flex; flex-direction: column; gap: var(--space-300); }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] #s5 .ed5 h3 { margin: 0px; font-size: var(--type-h3-size); line-height: var(--type-h3-line-height); color: var(--text-white-default); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] #s5 .ed5 h3 { margin: 0px; font-size: var(--type-h3-size); line-height: var(--type-h3-line-height); color: var(--text-white-default); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] #s5 .ed5 h3 { font-weight: var(--type-weight-medium); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] #s5 .ed5-d { margin: 0px; font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); color: var(--lp-figma-c-ffffff75-2); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] #s5 .ed5-d { margin: 0px; font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); color: var(--lp-figma-c-ffffff75-2); } }
:is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] #s5 .acts { height: auto; overflow: visible; mask-image: none; margin: var(--space-800) 0 0; display: flex; flex-direction: column; gap: var(--space-500); }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] #s5 .acts li { padding: 0px; filter: none; display: flex; align-items: center; gap: var(--space-500); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); color: var(--text-white-default); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] #s5 .acts li { padding: 0px; filter: none; display: flex; align-items: center; gap: var(--space-500); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); color: var(--text-white-default); } }
:is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] #s5 .s5-ib { flex: 0 0 auto; display: grid; place-items: center; width: var(--space-850); height: var(--space-850); border-radius: var(--corner-radius-300); background: var(--lp-figma-c-ffffff08); color: var(--lp-figma-c-ffffff75-2); }
:is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] #s5 .s5-ib svg { display: block; width: var(--element-sm); height: var(--element-sm); }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] #s5 .s5-grid { grid-template-columns: 1fr; gap: var(--space-700); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .s5w #s5 { padding: var(--space-1000) var(--space-500); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] #s5 .s5-sub { margin: var(--space-300) auto var(--space-900); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] #s5 .s5-grid { gap: var(--space-500); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] #s5 .ed5 { border-radius: var(--corner-radius-500); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] #s5 .ed5-stage::after { height: var(--space-900); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] #s5 .ed5-tx { padding: var(--space-700); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] #s5 .ed5-ic { width: var(--space-850); height: var(--space-850); margin-bottom: var(--space-400); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] #s5 .acts { margin-top: var(--space-700); gap: var(--space-400); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] #s5 .acts li { gap: var(--space-400); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] #s5 .s5-ib { width: var(--element-lg); height: var(--element-lg); border-radius: var(--corner-radius-200); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] #s5 .s5-ib svg { width: var(--element-xsm); height: var(--element-xsm); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] #s5 .ed5 h3 { font-size: var(--type-h4-size); line-height: var(--type-h4-line-height); } }
:is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] #s5 .ed5 { background: var(--lp-figma-c-ffffff06); }
:is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] #s5 .ed5-stage::after { content: none; }
:is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] #s5 .ed5-stage { background: none; }
@media (max-width: 767px) { :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] #s5 .ed5 .s5-hd { gap: var(--space-200); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] #s5 .s5-hd { gap: var(--space-200); } }
/* the pages' title reveal keeps the sub-title's words for screen readers; hidden here, as the page hides it */ :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .rv-sub .rv-sr { position: absolute; width: var(--space-25); height: var(--space-25); margin: calc(-1 * var(--space-25)); padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
/* 14 Oct (review): the section follows its headline: its letters flash the brand colours faster (0.7s each, 14ms apart, the stagger capped), its lead follows (0.5s, 4ms apart, from 180ms); then its buttons and the rest of the section scale up a little out of a slight blur and fade in (0.6s and 0.7s, from about 0.5s, set per section by the page's title reveal as --rv-d), the whole section in about 1.3s and never past 1.7s. Content shows without scripts (only scripts add these classes); no motion when the visitor asks for less. */ :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .rv .w { display: inline-block; white-space: nowrap; }
:is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .rv .ch { display: inline-block; color: inherit; }
:is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] h2.rv + .rv-sub .ch:not(#tw-rv):not(#tw-rv) { color: inherit; }
:is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .rv-sub .rv-sr { position: absolute; width: var(--space-25); height: var(--space-25); margin: calc(-1 * var(--space-25)); padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@media (prefers-reduced-motion: no-preference) { :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .rv:not(.in) .ch { opacity: 0; } :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] h2.rv.in .ch:not(#tw-rv):not(#tw-rv) { animation-name: twrv-edit-with-agents-RvIn; animation-duration: 0.7s; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); animation-iteration-count: 1; animation-fill-mode: both; animation-delay: calc(min(var(--i), 36) * 14ms); } :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] h2.rv + .rv-sub.in .ch:not(#tw-rv):not(#tw-rv) { animation-name: twrv-edit-with-agents-RvSub; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); animation-iteration-count: 1; animation-fill-mode: both; animation-delay: calc(180ms + min(var(--i), 90) * 4ms); } :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .rv-btn:not(.rv-on):not(#tw-rv):not(#tw-rv) { opacity: 0; } :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .rv-up:not(.rv-on):not(#tw-rv):not(#tw-rv) { opacity: 0; } :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .rv-btn.rv-on:not(#tw-rv):not(#tw-rv) { animation-name: twrv-edit-with-agents-RvUp; animation-duration: 0.6s; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); animation-iteration-count: 1; animation-fill-mode: backwards; animation-delay: var(--rv-d, 450ms); } :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .rv-up.rv-on:not(#tw-rv):not(#tw-rv) { animation-name: twrv-edit-with-agents-RvUp; animation-duration: 0.7s; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); animation-iteration-count: 1; animation-fill-mode: backwards; animation-delay: calc(var(--rv-d, 450ms) + 100ms + min(var(--rv-k, 0), 3) * 80ms); } }
@media (prefers-reduced-motion: reduce) { :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .rv .ch:not(#tw-rv):not(#tw-rv) { opacity: 1; animation: none; filter: none; transform: none; } }
@keyframes twrv-edit-with-agents-RvIn { 0% { opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); color: var(--c); transform: translateX(calc(-1 * var(--space-50))); } 35% { opacity: 1; filter: blur(0px); color: var(--c); transform: none; } }
@keyframes twrv-edit-with-agents-RvSub { 0% { opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); transform: translateX(calc(-1 * var(--space-50))); } 35% { opacity: 1; filter: blur(0px); transform: none; } }
@keyframes twrv-edit-with-agents-RvUp { 0% { opacity: 0; scale: 0.96; filter: blur(calc(var(--background-blur-100) / 4)); } }


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/sections/lp-shared-no-engineering-skills/css/lp-shared-no-engineering-skills.css */
/* no-engineering-skills, a shared section (version 3114bcae2a5c, made 2026-10-14 from 10web-home / no-engineering-skills): its styles, every value a design-system token. Generated by tenweb-design. */
.tw-shared[data-tw-shared="no-engineering-skills"] { display: contents; }
[data-tw-shared="no-engineering-skills"] > .eg-section { padding: 0; display: flow-root; }
[data-tw-shared="no-engineering-skills"] > .eg-section > .eg-section__inner { max-width: none; width: 100%; }
:root { --lp-figma-c-14151f: rgb(20, 21, 31); --lp-figma-c-14151f80: rgba(20, 21, 31, 0.8); --lp-figma-c-14151f10: rgba(20, 21, 31, 0.1); --lp-figma-c-ffffff06: rgba(255, 255, 255, 0.06); --lp-figma-c-14151f06: rgba(20, 21, 31, 0.06); --lp-figma-c-ffffff08: rgba(255,255,255,.08); --lp-figma-c-ffffff14: rgba(255, 255, 255, 0.14); --lp-figma-c-23242f90: rgba(35, 36, 47, 0.9); --lp-figma-c-ffffff75: rgba(255, 255, 255, 0.75); --lp-figma-c-ffffff04: rgba(255, 255, 255, 0.04); --lp-figma-c-ffffff14-2: rgba(255,255,255,.14); --lp-figma-blur-25px: 25px; }
@keyframes page-s3-rise { 0% { opacity: 0; transform: translateY(var(--space-500)); } 100% { opacity: 1; transform: none; } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] [data-new="shared-no-engineering-skills"] { color: var(--lp-figma-c-14151f); font-family: var(--font-sans); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); letter-spacing: 0px; -webkit-font-smoothing: antialiased; } }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"]  { box-sizing: border-box; }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] svg { display: block; flex: 0 0 auto; }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .btn, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .cta, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .fbtn, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .su-b, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .ghost, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .s2-cta, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .ess a, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .s4-cta, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .s6-all { font-weight: var(--type-caption-lg-weight); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] section:not(.hero) h2 { font-weight: var(--type-h2-weight); } }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .s3-in { max-width: var(--container-desktop); margin: 0px auto; }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .s3-hd { text-align: center; max-width: 980px; margin: 0 auto var(--space-1200); }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .pl:nth-child(2) { transition-delay: 0.1s; }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .pl:nth-child(3) { transition-delay: 0.2s; }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .pl h3 { font-weight: var(--type-h4-weight); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .ess h3 { font-weight: var(--type-h3-weight); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .ec { font-weight: var(--type-caption-xlg-weight); } }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .col3 + .col3 { border-left: var(--space-25) solid var(--element-white-adept-subtle); }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .col3:nth-child(2) { transition-delay: 0.1s; }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .col3:nth-child(3) { transition-delay: 0.2s; }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .col3 h3 { font-weight: var(--type-h4-weight); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 h2 { font-weight: var(--type-weight-medium); } }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3.seen .rise { animation: 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 normal both running page-s3-rise; }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3.seen .pl:nth-child(2), :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3.seen .col3:nth-child(2) { animation-delay: 0.1s; }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3.seen .pl:nth-child(3), :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3.seen .col3:nth-child(3) { animation-delay: 0.2s; }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .pl h3 { font-weight: var(--type-weight-medium); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .ess h3 { font-weight: var(--type-weight-medium); } }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .ess a:focus-visible { outline: var(--space-50) solid var(--border-white-default); outline-offset: var(--space-50); }


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/sections/lp-shared-no-engineering-skills/css/lp-shared-no-engineering-skills-768.css */
/* no-engineering-skills, a shared section (version 3114bcae2a5c, made 2026-10-14 from 10web-home / no-engineering-skills): its styles on tablet, every value a design-system token. Generated by tenweb-design. */
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .pv >  { zoom: 1.5; } }


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/sections/lp-shared-no-engineering-skills/css/lp-shared-no-engineering-skills-320.css */
/* no-engineering-skills, a shared section (version 3114bcae2a5c, made 2026-10-14 from 10web-home / no-engineering-skills): its styles on mobile, and 104 rules that must come after them (the files load in order, so the cascade stays as written), every value a design-system token. Generated by tenweb-design. */
@media (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] [data-new="shared-no-engineering-skills"] { color: var(--lp-figma-c-14151f); font-family: var(--font-sans); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); letter-spacing: 0px; -webkit-font-smoothing: antialiased; } }
:is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .s3 h2, :is(body) [data-tw-shared="edit-with-agents"][data-tw-shared="edit-with-agents"] .s5 h2 { color: var(--text-white-default); }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] a { color: inherit; }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] h1, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] h2, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] h3, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] h4, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] h5, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] h6 { letter-spacing: 0px; }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .btn, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .cta, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .fbtn, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .su-b, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .ghost, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .s2-cta, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .ess a, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .s4-cta, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .s6-all { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-400); height: var(--element-2xlg); padding: var(--space-400) var(--space-700); border: var(--space-25) solid transparent; border-radius: var(--corner-radius-200); font-size: var(--type-caption-lg-size); line-height: var(--type-caption-lg-line-height); letter-spacing: 0px; text-decoration: none; white-space: nowrap; cursor: pointer; transition: background-color 150ms, color 150ms, border-color 150ms; } }
@media (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .btn, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .cta, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .fbtn, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .su-b, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .ghost, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .s2-cta, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .ess a, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .s4-cta, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .s6-all { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-400); height: var(--element-2xlg); padding: var(--space-400) var(--space-700); border: var(--space-25) solid transparent; border-radius: var(--corner-radius-200); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); letter-spacing: 0px; text-decoration: none; white-space: nowrap; cursor: pointer; transition: background-color 150ms, color 150ms, border-color 150ms; } }
@media (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .btn, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .cta, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .fbtn, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .su-b, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .ghost, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .s2-cta, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .ess a, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .s4-cta, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .s6-all { font-weight: var(--type-caption-lg-weight); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] section:not(.hero) h2 { font-size: var(--type-h2-size); line-height: var(--type-h2-line-height); letter-spacing: 0px; text-wrap: balance; } }
@media (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] section:not(.hero) h2 { font-size: var(--type-h2-size); line-height: var(--type-h2-line-height); letter-spacing: 0px; text-wrap: balance; } }
@media (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] section:not(.hero) h2 { font-weight: var(--type-h2-weight); } }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .s3 h2, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .s5 h2 { color: var(--text-white-default); }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .s3w { padding: 0px; background: var(--surface-white-default); }
@media (min-width: 1261px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .s3 { position: relative; overflow: hidden; isolation: isolate; border-radius: 0px; border: 0px; background: var(--lp-figma-c-14151f); color: var(--text-white-default); padding: var(--space-1400) var(--space-1450); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .s3 { position: relative; overflow: hidden; isolation: isolate; border-radius: 0px; border: 0px; background: var(--lp-figma-c-14151f); color: var(--text-white-default); padding: var(--space-1400) var(--space-600); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .s3 { position: relative; overflow: hidden; isolation: isolate; border-radius: 0px; border: 0px; background: var(--lp-figma-c-14151f); color: var(--text-white-default); padding: var(--space-1000) var(--space-500); } }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .s3::before { content: ""; position: absolute; left: 50%; top: -520px; width: max(1300px, 140%); aspect-ratio: 2.1 / 1; transform: translateX(-50%); border-radius: 50%; background: radial-gradient(closest-side,var(--surface-brand-half),var(--surface-brand-subtle) 55%,var(--surface-brand-void)); filter: blur(var(--background-blur-250)); z-index: -1; opacity: 0; transition: opacity 1.6s; }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .s3.seen::before { opacity: 1; }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .s3::after { content: ""; position: absolute; inset: 0px; z-index: -1; pointer-events: none; opacity: 0.35; mix-blend-mode: overlay; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 1.1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); background-size: 220px auto; }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .s3 h2 { margin: 0px; color: var(--text-white-default); }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .s3 .rise { opacity: 0; transform: translateY(var(--space-500)); transition: opacity 0.7s, transform 0.9s cubic-bezier(0.16, 1, 0.3, 1); }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .s3.seen .rise { opacity: 1; transform: none; }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .s3-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: var(--space-700); }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .pl { position: relative; border-radius: var(--corner-radius-600); background: var(--surface-white-adept-subtle); border: var(--space-25) solid var(--border-white-adept-subtle); padding: 0 0 var(--space-800); overflow: hidden; color: var(--text-white-default); }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .pv { position: relative; height: 260px; overflow: hidden; margin-bottom: var(--space-700); }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .pl h3 { margin: 0 var(--space-800) var(--space-500); font-size: var(--type-h4-size); line-height: var(--type-h4-line-height); letter-spacing: 0px; color: var(--text-white-default); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .pl h3 { margin: 0 var(--space-800) var(--space-500); font-size: var(--type-h4-size); line-height: var(--type-h4-line-height); letter-spacing: 0px; color: var(--text-white-default); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .pl h3 { font-weight: var(--type-h4-weight); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .pl p { margin: 0 var(--space-800); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); color: var(--text-white-earthy); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .pl p { margin: 0 var(--space-800); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); color: var(--text-white-earthy); } }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .pv1 { background: radial-gradient(60% 70% at 18% 55%,var(--surface-brand-mid),transparent 70%),radial-gradient(50% 60% at 85% 10%,var(--surface-brand-subtle),transparent 70%); }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .pv2 { background: radial-gradient(55% 70% at 10% 40%,var(--surface-brand-mid),transparent 70%),radial-gradient(45% 55% at 95% 90%,var(--surface-brand-subtle),transparent 70%); }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .pv3 { background: radial-gradient(40% 80% at 4% 50%,var(--surface-brand-half),transparent 70%); }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .pv::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: var(--space-1100); background: linear-gradient(transparent, var(--lp-figma-c-14151f80)); pointer-events: none; }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .ess { margin-top: var(--space-700); border-radius: var(--corner-radius-700); background: var(--surface-white-adept-subtle); border: var(--space-25) solid var(--border-white-adept-subtle); padding: var(--space-900); display: grid; grid-template-columns: 260px 1fr; gap: var(--space-900); align-items: center; }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .ess h3 { margin: 0 0 var(--space-500); font-size: var(--type-h3-size); line-height: var(--type-h3-line-height); letter-spacing: 0px; color: var(--text-white-default); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .ess h3 { margin: 0 0 var(--space-500); font-size: var(--type-h3-size); line-height: var(--type-h3-line-height); letter-spacing: 0px; color: var(--text-white-default); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .ess h3 { font-weight: var(--type-h3-weight); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .ess p { margin: 0 0 var(--space-700); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); color: var(--text-white-earthy); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .ess p { margin: 0 0 var(--space-700); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); color: var(--text-white-earthy); } }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .ess a { background: var(--surface-brand-adept); color: var(--text-white-adept); }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .ess a:hover { background: var(--surface-brand-earthy); }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .chips { display: flex; flex-wrap: wrap; gap: var(--space-300); }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .ec { display: inline-flex; align-items: center; gap: var(--space-300); height: var(--element-xlg); padding: var(--space-300) var(--space-500) var(--space-300) var(--space-400); border-radius: var(--corner-radius-500); background: var(--surface-white-adept-subtle); border: var(--space-25) solid var(--border-white-adept-subtle); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); color: var(--text-white-earthy); transition: background-color 0.5s, border-color 0.5s, color 0.5s; } }
@media (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .ec { display: inline-flex; align-items: center; gap: var(--space-300); height: var(--element-xlg); padding: var(--space-300) var(--space-500) var(--space-300) var(--space-400); border-radius: var(--corner-radius-500); background: var(--surface-white-adept-subtle); border: var(--space-25) solid var(--border-white-adept-subtle); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); color: var(--text-white-earthy); transition: background-color 0.5s, border-color 0.5s, color 0.5s; } }
@media (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .ec { font-weight: var(--type-caption-xlg-weight); } }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .ec svg { color: var(--element-white-half); transition: color 0.5s; }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .ec.hot { background: var(--surface-white-adept-mid); border-color: var(--border-brand-adept); color: var(--text-white-adept); }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .ec.hot svg { color: var(--element-white-adept); }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .s3-grid { grid-template-columns: 1fr; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .ess { grid-template-columns: 1fr; gap: var(--space-600); padding: var(--space-800); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .s3-hd { margin-bottom: var(--space-1000); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .pv { height: 236px; } }
@media (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .pl h3 { margin: 0 var(--space-700) var(--space-400); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .pl p { margin: 0 var(--space-700); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .pl { padding-bottom: var(--space-700); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .ess { padding: var(--space-700); } }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .s3-cols { display: grid; grid-template-columns: repeat(3, 1fr); border-top: var(--space-25) solid var(--element-white-adept-subtle); border-bottom: var(--space-25) solid var(--element-white-adept-subtle); margin-bottom: var(--space-700); }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .col3 { padding: var(--space-900) var(--space-850) var(--space-950); text-align: left; }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .col3 svg { color: var(--element-white-adept); width: var(--element-lg); height: var(--element-lg); margin-bottom: var(--space-700); }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .col3 h3 { margin: 0 0 var(--space-500); font-size: var(--type-h4-size); line-height: var(--type-h4-line-height); letter-spacing: 0px; color: var(--text-white-default); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .col3 h3 { margin: 0 0 var(--space-500); font-size: var(--type-h4-size); line-height: var(--type-h4-line-height); letter-spacing: 0px; color: var(--text-white-default); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .col3 h3 { font-weight: var(--type-h4-weight); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .col3 p { margin: 0px; font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); color: var(--text-white-earthy); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .col3 p { margin: 0px; font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); color: var(--text-white-earthy); } }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .s3-cols + .ess { margin-top: var(--space-800); }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .s3-cols { grid-template-columns: 1fr; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .col3 { padding: var(--space-750) var(--space-200); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .col3 + .col3 { border-left: 0px; border-top: var(--space-25) solid var(--element-white-adept-subtle); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .s3-cols + .ess { margin-top: var(--space-900); } }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .s3.v-a .s3-cols { display: none; }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .s3.v-b .s3-grid { display: none; }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .s3.v-a .s3-hd { margin-bottom: var(--space-1200); }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .s3w { padding: var(--space-300); background: var(--surface-white-default); }
@media (min-width: 1261px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 { border-radius: var(--corner-radius-600); background: var(--lp-figma-c-14151f); padding: var(--space-1600) calc(var(--space-1450) - var(--space-300)); } }
@media (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 { border-radius: var(--corner-radius-600); background: var(--lp-figma-c-14151f); padding: var(--space-1600) calc(var(--space-600) - var(--space-300)); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 { border-radius: var(--corner-radius-600); background: var(--lp-figma-c-14151f); padding: var(--space-1600) calc(var(--space-500) - var(--space-300)); } }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3::before, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3::after { display: none; }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .s3-in { max-width: var(--container-desktop); margin: 0px auto; }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .s3-hd, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3.v-a .s3-hd { max-width: 1012px; margin: 0 auto var(--space-1200); }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 h2 { font-size: var(--type-h2-size); line-height: var(--type-h2-line-height); color: var(--text-white-default); text-align: center; } }
@media (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 h2 { font-size: var(--type-h2-size); line-height: var(--type-h2-line-height); color: var(--text-white-default); text-align: center; } }
@media (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 h2 { font-weight: var(--type-weight-medium); } }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .rise, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3.seen .rise { opacity: 1; transform: none; transition: none; }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .s3-grid { gap: var(--space-700); }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .pl { display: flex; flex-direction: column; border: 0px; border-radius: var(--corner-radius-600); background: var(--lp-figma-c-ffffff06); box-shadow: var(--lp-figma-c-14151f10) 0 var(--space-100) var(--space-300) 0, var(--lp-figma-c-14151f06) 0 var(--space-50) var(--space-100) 0; padding: 0 0 var(--space-800); }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .pv { height: 260px; margin-bottom: var(--space-800); }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .pv::after { background: linear-gradient(transparent, var(--lp-figma-c-23242f90)); }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .pl h3 { margin: 0 var(--space-800) var(--space-400); font-size: var(--type-h5-size); line-height: var(--type-h5-line-height); color: var(--text-white-default); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .pl h3 { margin: 0 var(--space-800) var(--space-400); font-size: var(--type-h5-size); line-height: var(--type-h5-line-height); color: var(--text-white-default); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .pl h3 { font-weight: var(--type-weight-medium); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .pl p { margin: 0 var(--space-800); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); color: var(--lp-figma-c-ffffff75); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .pl p { margin: 0 var(--space-800); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); color: var(--lp-figma-c-ffffff75); } }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .ess { margin-top: var(--space-700); border: 0px; border-radius: var(--corner-radius-600); background: var(--lp-figma-c-ffffff06); box-shadow: var(--lp-figma-c-14151f10) 0 var(--space-100) var(--space-300) 0, var(--lp-figma-c-14151f06) 0 var(--space-50) var(--space-100) 0; padding: var(--space-900); grid-template-columns: 400px 1fr; gap: var(--space-1400); align-items: center; }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .ess h3 { margin: 0 0 var(--space-400); font-size: var(--type-h5-size); line-height: var(--type-h5-line-height); color: var(--text-white-default); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .ess h3 { margin: 0 0 var(--space-400); font-size: var(--type-h5-size); line-height: var(--type-h5-line-height); color: var(--text-white-default); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .ess h3 { font-weight: var(--type-weight-medium); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .ess p { margin: 0 0 var(--space-800); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); color: var(--lp-figma-c-ffffff75); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .ess p { margin: 0 0 var(--space-800); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); color: var(--lp-figma-c-ffffff75); } }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .ess a { height: var(--element-2xlg); padding: 0 var(--space-600); border-radius: var(--corner-radius-300); background: var(--surface-white-default); color: var(--lp-figma-c-14151f); font-weight: var(--type-weight-regular); }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .ess a:hover { background: var(--surface-white-earthy); }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .chips { gap: var(--space-400); }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .ec { height: var(--space-850); gap: var(--space-300); padding: 0 var(--space-500); border-radius: var(--space-800); background: var(--lp-figma-c-ffffff04); border: var(--space-25) solid var(--lp-figma-c-ffffff14-2); font-size: var(--type-caption-lg-size); line-height: var(--type-caption-lg-line-height); color: var(--lp-figma-c-ffffff75); backdrop-filter: blur(var(--lp-figma-blur-25px)); transition: background-color 0.5s, border-color 0.5s, color 0.5s, box-shadow 0.5s; } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .ec { font-weight: var(--type-weight-regular); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .ec { height: var(--space-850); gap: var(--space-300); padding: 0 var(--space-500); border-radius: var(--space-800); background: var(--lp-figma-c-ffffff04); border: var(--space-25) solid var(--lp-figma-c-ffffff14-2); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); color: var(--lp-figma-c-ffffff75); backdrop-filter: blur(var(--lp-figma-blur-25px)); transition: background-color 0.5s, border-color 0.5s, color 0.5s, box-shadow 0.5s; } }
@media (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .ec { font-weight: var(--type-weight-regular); } }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .ec svg { flex: 0 0 auto; width: var(--element-xsm); height: var(--element-xsm); color: currentcolor; }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .ec.hot { background: linear-gradient(var(--surface-brand-subtle),var(--surface-brand-subtle)),var(--lp-figma-c-ffffff08); border-color: var(--border-brand-default); box-shadow: 0 0 var(--space-600) 0 var(--surface-brand-half); color: var(--text-white-default); }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .ec.hot svg { color: currentcolor; }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .s3-cols { border-color: var(--lp-figma-c-ffffff14); }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .col3 + .col3 { border-color: var(--lp-figma-c-ffffff14); }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .col3 h3 { font-size: var(--type-h5-size); line-height: var(--type-h5-line-height); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .col3 h3 { font-weight: var(--type-weight-medium); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .col3 h3 { font-size: var(--type-h5-size); line-height: var(--type-h5-line-height); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .col3 h3 { font-weight: var(--type-weight-medium); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .col3 p { font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); color: var(--lp-figma-c-ffffff75); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .col3 p { font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); color: var(--lp-figma-c-ffffff75); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 { padding: var(--space-1600) var(--space-500); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .s3-hd, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3.v-a .s3-hd { margin-bottom: var(--space-1200); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .s3-grid { grid-template-columns: 1fr; gap: var(--space-700); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .pv { height: auto; aspect-ratio: 408 / 260; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .ess { grid-template-columns: 1fr; gap: var(--space-900); padding: var(--space-900); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .ess a { display: flex; width: 100%; } }
@media (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .s3w { padding: var(--space-100); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 { padding: var(--space-1000) var(--space-400); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .s3-hd, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3.v-a .s3-hd { margin-bottom: var(--space-900); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .s3-grid { gap: var(--space-500); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .pl { border-radius: var(--corner-radius-500); padding-bottom: var(--space-700); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .pv { margin-bottom: var(--space-700); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .pv >  { zoom: 1; } }
@media (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .pl h3 { margin: 0 var(--space-700) var(--space-200); font-size: var(--type-h4-size); line-height: var(--type-h4-line-height); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .pl p { margin: 0 var(--space-700); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .ess { margin-top: var(--space-500); border-radius: var(--corner-radius-500); padding: var(--space-700); gap: var(--space-800); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .ess h3 { margin-bottom: var(--space-200); font-size: var(--type-h4-size); line-height: var(--type-h4-line-height); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .ess p { margin-bottom: var(--space-700); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .col3 h3 { font-size: var(--type-h4-size); line-height: var(--type-h4-line-height); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .col3 p { font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 { border-radius: var(--corner-radius-500); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .ec, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .ess a { font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .btn, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .cta, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .fbtn, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .su-b, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .ghost, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .s2-cta, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .ess a, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .s4-cta, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .s6-all { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-400); height: var(--element-2xlg); padding: var(--space-400) var(--space-700); border: var(--space-25) solid transparent; border-radius: var(--corner-radius-200); font-size: var(--type-caption-lg-size); line-height: var(--type-caption-lg-line-height); letter-spacing: 0px; text-decoration: none; white-space: nowrap; cursor: pointer; transition: background-color 150ms, color 150ms, border-color 150ms; } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .btn, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .cta, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .fbtn, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .su-b, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .ghost, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .s2-cta, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .ess a, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .s4-cta, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .s6-all { font-weight: var(--type-caption-lg-weight); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .btn, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .cta, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .fbtn, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .su-b, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .ghost, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .s2-cta, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .ess a, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .s4-cta, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .s6-all { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-400); height: var(--element-2xlg); padding: var(--space-400) var(--space-700); border: var(--space-25) solid transparent; border-radius: var(--corner-radius-200); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); letter-spacing: 0px; text-decoration: none; white-space: nowrap; cursor: pointer; transition: background-color 150ms, color 150ms, border-color 150ms; } }
@media (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .btn, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .cta, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .fbtn, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .su-b, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .ghost, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .s2-cta, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .ess a, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .s4-cta, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .s6-all { font-weight: var(--type-caption-lg-weight); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .pl h3, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .ess h3 { margin-bottom: var(--space-300); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .pl h3, :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .ess h3 { margin-bottom: var(--space-200); } }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .pv > .pv-img { display: block; width: 100%; height: 100%; object-fit: cover; zoom: 1; }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .pv::after { display: none; }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .s3-grid .pl h3 { font-size: var(--type-h4-size); line-height: var(--type-h4-line-height); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .s3-grid .pl p { font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .ess.ess h3 { font-size: var(--type-h4-size); line-height: var(--type-h4-line-height); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] #s3 .ess.ess p { font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); } }
/* 14 Oct (review): the section follows its headline: its letters flash the brand colours faster (0.7s each, 14ms apart, the stagger capped), its lead follows (0.5s, 4ms apart, from 180ms); then its buttons and the rest of the section scale up a little out of a slight blur and fade in (0.6s and 0.7s, from about 0.5s, set per section by the page's title reveal as --rv-d), the whole section in about 1.3s and never past 1.7s. Content shows without scripts (only scripts add these classes); no motion when the visitor asks for less. */ :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .rv .w { display: inline-block; white-space: nowrap; }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .rv .ch { display: inline-block; color: inherit; }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] h2.rv + .rv-sub .ch:not(#tw-rv):not(#tw-rv) { color: inherit; }
:is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .rv-sub .rv-sr { position: absolute; width: var(--space-25); height: var(--space-25); margin: calc(-1 * var(--space-25)); padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@media (prefers-reduced-motion: no-preference) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .rv:not(.in) .ch { opacity: 0; } :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] h2.rv.in .ch:not(#tw-rv):not(#tw-rv) { animation-name: twrv-no-engineering-skills-RvIn; animation-duration: 0.7s; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); animation-iteration-count: 1; animation-fill-mode: both; animation-delay: calc(min(var(--i), 36) * 14ms); } :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] h2.rv + .rv-sub.in .ch:not(#tw-rv):not(#tw-rv) { animation-name: twrv-no-engineering-skills-RvSub; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); animation-iteration-count: 1; animation-fill-mode: both; animation-delay: calc(180ms + min(var(--i), 90) * 4ms); } :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .rv-btn:not(.rv-on):not(#tw-rv):not(#tw-rv) { opacity: 0; } :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .rv-up:not(.rv-on):not(#tw-rv):not(#tw-rv) { opacity: 0; } :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .rv-btn.rv-on:not(#tw-rv):not(#tw-rv) { animation-name: twrv-no-engineering-skills-RvUp; animation-duration: 0.6s; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); animation-iteration-count: 1; animation-fill-mode: backwards; animation-delay: var(--rv-d, 450ms); } :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .rv-up.rv-on:not(#tw-rv):not(#tw-rv) { animation-name: twrv-no-engineering-skills-RvUp; animation-duration: 0.7s; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); animation-iteration-count: 1; animation-fill-mode: backwards; animation-delay: calc(var(--rv-d, 450ms) + 100ms + min(var(--rv-k, 0), 3) * 80ms); } }
@media (prefers-reduced-motion: reduce) { :is(body) [data-tw-shared="no-engineering-skills"][data-tw-shared="no-engineering-skills"] .rv .ch:not(#tw-rv):not(#tw-rv) { opacity: 1; animation: none; filter: none; transform: none; } }
@keyframes twrv-no-engineering-skills-RvIn { 0% { opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); color: var(--c); transform: translateX(calc(-1 * var(--space-50))); } 35% { opacity: 1; filter: blur(0px); color: var(--c); transform: none; } }
@keyframes twrv-no-engineering-skills-RvSub { 0% { opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); transform: translateX(calc(-1 * var(--space-50))); } 35% { opacity: 1; filter: blur(0px); transform: none; } }
@keyframes twrv-no-engineering-skills-RvUp { 0% { opacity: 0; scale: 0.96; filter: blur(calc(var(--background-blur-100) / 4)); } }


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/sections/lp-ai-website-builder-stories/css/lp-ai-website-builder-stories.css */
/* AI website builder, stories: its styles, every value a design-system token. Generated by tenweb-design. */
:where([data-new="stories"]) h2 { margin: 0; font-family: var(--font-sans); font-size: var(--type-h2-size); line-height: var(--type-h2-line-height); font-weight: var(--type-h2-weight); letter-spacing: var(--type-h2-letter-spacing); color: var(--text-black-default); }
:where([data-new="stories"]) h3 { margin: 0; font-family: var(--font-sans); font-size: var(--type-h4-size); line-height: var(--type-h4-line-height); font-weight: var(--type-h4-weight); letter-spacing: var(--type-h4-letter-spacing); color: var(--text-black-default); }
:where([data-new="stories"]) h4 { margin: 0; font-family: var(--font-sans); font-size: var(--type-h5-size); line-height: var(--type-h5-line-height); font-weight: var(--type-h5-weight); letter-spacing: var(--type-h5-letter-spacing); color: var(--text-black-default); }
:where([data-new="stories"]) h5 { margin: 0; font-family: var(--font-sans); font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); font-weight: var(--type-h6-weight); letter-spacing: var(--type-h6-letter-spacing); color: var(--text-black-default); }
:where([data-new="stories"]) h6 { margin: 0; font-family: var(--font-sans); font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); font-weight: var(--type-h6-weight); letter-spacing: var(--type-h6-letter-spacing); color: var(--text-black-default); }
:where([data-new="stories"]) p { margin: 0; font-family: var(--font-sans); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); font-weight: var(--type-body-md-weight); letter-spacing: var(--type-body-md-letter-spacing); color: var(--text-black-earthy); }
:where([data-new="stories"]) li { margin: 0; font-family: var(--font-sans); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); font-weight: var(--type-body-md-weight); letter-spacing: var(--type-body-md-letter-spacing); color: var(--text-black-earthy); }
:where([data-new="stories"]) td { margin: 0; font-family: var(--font-sans); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); font-weight: var(--type-body-md-weight); letter-spacing: var(--type-body-md-letter-spacing); color: var(--text-black-earthy); }
:where([data-new="stories"]) th { margin: 0; font-family: var(--font-sans); font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); font-weight: var(--type-h6-weight); letter-spacing: var(--type-h6-letter-spacing); color: var(--text-black-default); }
:where([data-new="stories"]) label { margin: 0; font-family: var(--font-sans); font-size: var(--type-caption-lg-size); line-height: var(--type-caption-lg-line-height); font-weight: var(--type-caption-lg-weight); letter-spacing: var(--type-caption-lg-letter-spacing); color: var(--text-black-default); }
:where([data-new="stories"]) small { margin: 0; font-family: var(--font-sans); font-size: var(--type-caption-md-size); line-height: var(--type-caption-md-line-height); font-weight: var(--type-caption-md-weight); letter-spacing: var(--type-caption-md-letter-spacing); color: var(--text-black-earthy); }
:where([data-new="stories"]) figcaption { margin: 0; font-family: var(--font-sans); font-size: var(--type-caption-md-size); line-height: var(--type-caption-md-line-height); font-weight: var(--type-caption-md-weight); letter-spacing: var(--type-caption-md-letter-spacing); color: var(--text-black-earthy); }
:where([data-new="stories"]) blockquote { margin: 0; font-family: var(--font-sans); font-size: var(--type-h5-size); line-height: var(--type-h5-line-height); font-weight: var(--type-h5-weight); letter-spacing: var(--type-h5-letter-spacing); color: var(--text-black-default); }
:where([data-new="stories"]) dt { margin: 0; font-family: var(--font-sans); font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); font-weight: var(--type-h6-weight); letter-spacing: var(--type-h6-letter-spacing); color: var(--text-black-default); }
:where([data-new="stories"]) dd { margin: 0; font-family: var(--font-sans); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); font-weight: var(--type-body-md-weight); letter-spacing: var(--type-body-md-letter-spacing); color: var(--text-black-earthy); }
:where([data-new="stories"]) ul, :where([data-new="stories"]) ol { margin: 0; padding-left: var(--space-600); }
:where([data-new="stories"]) table { border-collapse: collapse; width: 100%; }
:where([data-new="stories"]) a { color: var(--text-brand-default); text-decoration: underline; text-underline-offset: var(--space-50); }
:where([data-new="stories"]) input, :where([data-new="stories"]) textarea, :where([data-new="stories"]) select, :where([data-new="stories"]) button { font-family: var(--font-sans); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); font-weight: var(--type-body-md-weight); letter-spacing: var(--type-body-md-letter-spacing); color: var(--text-black-default); accent-color: var(--element-brand-default); }
:where([data-new="stories"]) [data-carousel] { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
:where([data-new="stories"]) [data-carousel] > * { flex: 0 0 auto; scroll-snap-align: start; }
:where([data-new="stories"]) [data-tab][hidden] { display: none; }
[data-new="stories"] .gl19-sec { display: flex; flex-direction: column; gap: var(--space-1200); min-width: 0; }
[data-new="stories"] .gl19-text { display: flex; flex-direction: column; gap: var(--space-500); max-width: var(--container-desktop); min-width: 0; }
[data-new="stories"] .gl19-h2 { margin: 0; font-family: var(--font-sans); font-size: var(--type-h2-size); line-height: var(--type-h2-line-height); font-weight: var(--type-h2-weight); letter-spacing: var(--type-h2-letter-spacing); color: var(--text-black-default); }
[data-new="stories"] .gl19-lead { margin: 0; font-family: var(--font-sans); font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); font-weight: var(--type-h6-weight); letter-spacing: var(--type-h6-letter-spacing); color: var(--text-black-earthy); }
[data-new="stories"] .gl19-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--space-700); align-items: stretch; }
[data-new="stories"] .gl19-card { display: flex; flex-direction: column; gap: var(--space-700); min-width: 0; padding: var(--space-800); background: var(--surface-grey-earthy); border-radius: var(--corner-radius-600); }
[data-new="stories"] .gl19-from { margin: 0; font-family: var(--font-sans); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); font-weight: var(--type-body-sm-weight); letter-spacing: var(--type-body-sm-letter-spacing); color: var(--text-black-half); }
[data-new="stories"] .gl19-q { margin: calc(-1 * var(--space-400)) 0 0; }
[data-new="stories"] .gl19-q p { margin: 0; font-family: var(--font-sans); font-size: var(--type-h5-size); line-height: var(--type-h5-line-height); font-weight: var(--type-h5-weight); letter-spacing: var(--type-h5-letter-spacing); color: var(--text-black-default); }
[data-new="stories"] .gl19-foot { display: flex; align-items: center; gap: var(--space-500); margin-top: auto; }
[data-new="stories"] .gl19-av { display: flex; align-items: center; justify-content: center; width: var(--space-950); height: var(--space-950); border-radius: var(--corner-radius-750); background: var(--surface-white-default); border: var(--space-25) solid var(--border-black-subtle); font-family: var(--font-sans); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); font-weight: var(--type-body-sm-weight); letter-spacing: var(--type-body-sm-letter-spacing); color: var(--text-black-default); flex: none; }
[data-new="stories"] .gl19-who { display: flex; flex-direction: column; gap: var(--space-50); min-width: 0; }
[data-new="stories"] .gl19-n { font-family: var(--font-sans); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); font-weight: var(--type-body-sm-weight); letter-spacing: var(--type-body-sm-letter-spacing); color: var(--text-black-default); }
[data-new="stories"] .gl19-r { font-family: var(--font-sans); font-size: var(--type-caption-lg-size); line-height: var(--type-caption-lg-line-height); font-weight: var(--type-caption-lg-weight); letter-spacing: var(--type-caption-lg-letter-spacing); color: var(--text-black-earthy); }
[data-new="stories"].tw-bp-tablet .gl19-text, [data-new="stories"].tw-bp-mobile .gl19-text { max-width: none; align-items: center; text-align: center; }
@media (min-width: 1261px) { [data-new="stories"]:is(.tw-bp-tablet--bp-d, .tw-bp-tablet--bp-dt, .tw-bp-tablet--bp-dm) .gl19-text, [data-new="stories"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl19-text { max-width: none; align-items: center; text-align: center; } }
[data-new="stories"].tw-bp-tablet .gl19-grid, [data-new="stories"].tw-bp-mobile .gl19-grid { grid-template-columns: minmax(0,1fr); }
@media (min-width: 1261px) { [data-new="stories"]:is(.tw-bp-tablet--bp-d, .tw-bp-tablet--bp-dt, .tw-bp-tablet--bp-dm) .gl19-grid, [data-new="stories"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl19-grid { grid-template-columns: minmax(0,1fr); } }
[data-new="stories"].tw-bp-mobile .gl19-sec { gap: var(--space-900); }
@media (min-width: 1261px) { [data-new="stories"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl19-sec { gap: var(--space-900); } }
[data-new="stories"].tw-bp-mobile .gl19-h2 { font-family: var(--font-sans); font-size: var(--type-h2-size); line-height: var(--type-h2-line-height); font-weight: var(--type-h2-weight); letter-spacing: var(--type-h2-letter-spacing); }
@media (min-width: 1261px) { [data-new="stories"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl19-h2 { font-family: var(--font-sans); font-size: var(--type-h2-size); line-height: var(--type-h2-line-height); font-weight: var(--type-h2-weight); letter-spacing: var(--type-h2-letter-spacing); } }
[data-new="stories"].tw-bp-mobile .gl19-q { margin-top: calc(-1 * var(--space-300)); }
@media (min-width: 1261px) { [data-new="stories"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl19-q { margin-top: calc(-1 * var(--space-300)); } }


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/sections/lp-ai-website-builder-stories/css/lp-ai-website-builder-stories-768.css */
/* AI website builder, stories: its styles on tablet, every value a design-system token. Generated by tenweb-design. */
@media (min-width: 768px) and (max-width: 1260px) { [data-new="stories"]:is(.tw-bp-tablet--bp-t, .tw-bp-tablet--bp-dt, .tw-bp-tablet--bp-tm) .gl19-text, [data-new="stories"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl19-text { max-width: none; align-items: center; text-align: center; } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="stories"]:is(.tw-bp-tablet--bp-t, .tw-bp-tablet--bp-dt, .tw-bp-tablet--bp-tm) .gl19-grid, [data-new="stories"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl19-grid { grid-template-columns: minmax(0,1fr); } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="stories"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl19-sec { gap: var(--space-900); } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="stories"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl19-h2 { font-family: var(--font-sans); font-size: var(--type-h2-size); line-height: var(--type-h2-line-height); font-weight: var(--type-h2-weight); letter-spacing: var(--type-h2-letter-spacing); } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="stories"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl19-q { margin-top: calc(-1 * var(--space-300)); } }


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/sections/lp-ai-website-builder-stories/css/lp-ai-website-builder-stories-320.css */
/* AI website builder, stories: its styles on mobile, and 30 rules that must come after them (the files load in order, so the cascade stays as written), every value a design-system token. Generated by tenweb-design. */
@media (max-width: 767px) { [data-new="stories"]:is(.tw-bp-tablet--bp-m, .tw-bp-tablet--bp-dm, .tw-bp-tablet--bp-tm) .gl19-text, [data-new="stories"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl19-text { max-width: none; align-items: center; text-align: center; } }
@media (max-width: 767px) { [data-new="stories"]:is(.tw-bp-tablet--bp-m, .tw-bp-tablet--bp-dm, .tw-bp-tablet--bp-tm) .gl19-grid, [data-new="stories"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl19-grid { grid-template-columns: minmax(0,1fr); } }
@media (max-width: 767px) { [data-new="stories"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl19-sec { gap: var(--space-900); } }
[data-new="stories"].tw-bp-mobile .gl19-text { gap: var(--space-300); }
@media (min-width: 1261px) { [data-new="stories"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl19-text { gap: var(--space-300); } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="stories"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl19-text { gap: var(--space-300); } }
@media (max-width: 767px) { [data-new="stories"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl19-text { gap: var(--space-300); } }
@media (max-width: 767px) { [data-new="stories"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl19-h2 { font-family: var(--font-sans); font-size: var(--type-h2-size); line-height: var(--type-h2-line-height); font-weight: var(--type-h2-weight); letter-spacing: var(--type-h2-letter-spacing); } }
[data-new="stories"].tw-bp-mobile .gl19-lead { font-family: var(--font-sans); font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); font-weight: var(--type-h6-weight); letter-spacing: var(--type-h6-letter-spacing); }
@media (min-width: 1261px) { [data-new="stories"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl19-lead { font-family: var(--font-sans); font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); font-weight: var(--type-h6-weight); letter-spacing: var(--type-h6-letter-spacing); } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="stories"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl19-lead { font-family: var(--font-sans); font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); font-weight: var(--type-h6-weight); letter-spacing: var(--type-h6-letter-spacing); } }
@media (max-width: 767px) { [data-new="stories"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl19-lead { font-family: var(--font-sans); font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); font-weight: var(--type-h6-weight); letter-spacing: var(--type-h6-letter-spacing); } }
[data-new="stories"].tw-bp-mobile .gl19-grid { gap: var(--space-500); }
@media (min-width: 1261px) { [data-new="stories"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl19-grid { gap: var(--space-500); } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="stories"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl19-grid { gap: var(--space-500); } }
@media (max-width: 767px) { [data-new="stories"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl19-grid { gap: var(--space-500); } }
[data-new="stories"].tw-bp-mobile .gl19-card { padding: var(--space-700); gap: var(--space-500); border-radius: var(--corner-radius-500); }
@media (min-width: 1261px) { [data-new="stories"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl19-card { padding: var(--space-700); gap: var(--space-500); border-radius: var(--corner-radius-500); } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="stories"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl19-card { padding: var(--space-700); gap: var(--space-500); border-radius: var(--corner-radius-500); } }
@media (max-width: 767px) { [data-new="stories"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl19-card { padding: var(--space-700); gap: var(--space-500); border-radius: var(--corner-radius-500); } }
@media (max-width: 767px) { [data-new="stories"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl19-q { margin-top: calc(-1 * var(--space-300)); } }
[data-new="stories"].tw-bp-mobile .gl19-q p { font-family: var(--font-sans); font-size: var(--type-h4-size); line-height: var(--type-h4-line-height); font-weight: var(--type-h4-weight); letter-spacing: var(--type-h4-letter-spacing); }
@media (min-width: 1261px) { [data-new="stories"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl19-q p { font-family: var(--font-sans); font-size: var(--type-h4-size); line-height: var(--type-h4-line-height); font-weight: var(--type-h4-weight); letter-spacing: var(--type-h4-letter-spacing); } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="stories"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl19-q p { font-family: var(--font-sans); font-size: var(--type-h4-size); line-height: var(--type-h4-line-height); font-weight: var(--type-h4-weight); letter-spacing: var(--type-h4-letter-spacing); } }
@media (max-width: 767px) { [data-new="stories"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl19-q p { font-family: var(--font-sans); font-size: var(--type-h4-size); line-height: var(--type-h4-line-height); font-weight: var(--type-h4-weight); letter-spacing: var(--type-h4-letter-spacing); } }
[data-new="stories"].tw-bp-mobile .gl19-foot { gap: var(--space-400); }
@media (min-width: 1261px) { [data-new="stories"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl19-foot { gap: var(--space-400); } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="stories"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl19-foot { gap: var(--space-400); } }
@media (max-width: 767px) { [data-new="stories"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl19-foot { gap: var(--space-400); } }
[data-new="stories"].tw-bp-mobile .gl19-av { width: var(--space-850); height: var(--space-850); font-family: var(--font-sans); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); font-weight: var(--type-body-sm-weight); letter-spacing: var(--type-body-sm-letter-spacing); }
@media (min-width: 1261px) { [data-new="stories"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl19-av { width: var(--space-850); height: var(--space-850); font-family: var(--font-sans); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); font-weight: var(--type-body-sm-weight); letter-spacing: var(--type-body-sm-letter-spacing); } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="stories"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl19-av { width: var(--space-850); height: var(--space-850); font-family: var(--font-sans); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); font-weight: var(--type-body-sm-weight); letter-spacing: var(--type-body-sm-letter-spacing); } }
@media (max-width: 767px) { [data-new="stories"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl19-av { width: var(--space-850); height: var(--space-850); font-family: var(--font-sans); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); font-weight: var(--type-body-sm-weight); letter-spacing: var(--type-body-sm-letter-spacing); } }
[data-new="stories"].tw-bp-mobile .gl19-who { gap: var(--space-25); }
@media (min-width: 1261px) { [data-new="stories"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl19-who { gap: var(--space-25); } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="stories"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl19-who { gap: var(--space-25); } }
@media (max-width: 767px) { [data-new="stories"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl19-who { gap: var(--space-25); } }
[data-new="stories"].tw-bp-mobile .gl19-n { font-family: var(--font-sans); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); font-weight: var(--type-body-sm-weight); letter-spacing: var(--type-body-sm-letter-spacing); }
@media (min-width: 1261px) { [data-new="stories"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl19-n { font-family: var(--font-sans); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); font-weight: var(--type-body-sm-weight); letter-spacing: var(--type-body-sm-letter-spacing); } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="stories"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl19-n { font-family: var(--font-sans); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); font-weight: var(--type-body-sm-weight); letter-spacing: var(--type-body-sm-letter-spacing); } }
@media (max-width: 767px) { [data-new="stories"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl19-n { font-family: var(--font-sans); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); font-weight: var(--type-body-sm-weight); letter-spacing: var(--type-body-sm-letter-spacing); } }
[data-new="stories"].tw-bp-mobile .gl19-r { font-family: var(--font-sans); font-size: var(--type-caption-md-size); line-height: var(--type-caption-md-line-height); font-weight: var(--type-caption-md-weight); letter-spacing: var(--type-caption-md-letter-spacing); }
@media (min-width: 1261px) { [data-new="stories"]:is(.tw-bp-mobile--bp-d, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-dm) .gl19-r { font-family: var(--font-sans); font-size: var(--type-caption-md-size); line-height: var(--type-caption-md-line-height); font-weight: var(--type-caption-md-weight); letter-spacing: var(--type-caption-md-letter-spacing); } }
@media (min-width: 768px) and (max-width: 1260px) { [data-new="stories"]:is(.tw-bp-mobile--bp-t, .tw-bp-mobile--bp-dt, .tw-bp-mobile--bp-tm) .gl19-r { font-family: var(--font-sans); font-size: var(--type-caption-md-size); line-height: var(--type-caption-md-line-height); font-weight: var(--type-caption-md-weight); letter-spacing: var(--type-caption-md-letter-spacing); } }
@media (max-width: 767px) { [data-new="stories"]:is(.tw-bp-mobile--bp-m, .tw-bp-mobile--bp-dm, .tw-bp-mobile--bp-tm) .gl19-r { font-family: var(--font-sans); font-size: var(--type-caption-md-size); line-height: var(--type-caption-md-line-height); font-weight: var(--type-caption-md-weight); letter-spacing: var(--type-caption-md-letter-spacing); } }


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/sections/lp-shared-social-proof/css/lp-shared-social-proof.css */
/* social-proof, a shared section (version 6f7d589d2873, made 2026-10-14 from 10web-home / sp): its styles, every value a design-system token. Generated by tenweb-design. */
.tw-shared[data-tw-shared="social-proof"] { display: contents; }
[data-tw-shared="social-proof"] > .eg-section { padding: 0; display: flow-root; }
[data-tw-shared="social-proof"] > .eg-section > .eg-section__inner { max-width: none; width: 100%; }
:root { --lp-figma-c-219653: #219653; --lp-figma-c-14151f: rgb(20, 21, 31); --lp-figma-l-5px: 5px; --lp-figma-c-14151f12: rgba(20,21,31,0.12); --lp-figma-l-49px: -49px; --lp-figma-c-f4ebf8: rgb(244, 235, 248); --lp-figma-fs-18_46px: 18.46px; --lp-figma-lh-40px: 40px; --lp-figma-l-0_5px: 0.5px; --lp-figma-c-14151f12-2: rgba(20, 21, 31, 0.12); --lp-figma-l-43px: -43px; --lp-figma-l-110px: -110px; --lp-figma-fs-14_77px: 14.77px; --lp-figma-lh-32px: 32px; }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="social-proof"][data-tw-shared="social-proof"] [data-new="shared-social-proof"] { color: var(--lp-figma-c-14151f); font-family: var(--font-sans); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); letter-spacing: 0px; -webkit-font-smoothing: antialiased; } }
[data-new="shared-social-proof"] [data-ink-fill="f2"] { fill: var(--lp-figma-c-219653); }
:is(body) [data-tw-shared="social-proof"][data-tw-shared="social-proof"]  { box-sizing: border-box; }
:is(body) [data-tw-shared="social-proof"][data-tw-shared="social-proof"] svg { display: block; flex: 0 0 auto; }
@media (min-width: 1261px) { :is(body) [data-tw-shared="social-proof"][data-tw-shared="social-proof"] .sproof { position: relative; background: var(--surface-white-default); padding: var(--space-1600) var(--space-1450) var(--space-1000); } }
:is(body) [data-tw-shared="social-proof"][data-tw-shared="social-proof"] .sproof-tp { font-weight: var(--type-weight-medium); }
:is(body) [data-tw-shared="social-proof"][data-tw-shared="social-proof"] .sproof-av img + img { margin-left: calc(-1 * var(--space-300)); }


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/sections/lp-shared-social-proof/css/lp-shared-social-proof-768.css */
/* social-proof, a shared section (version 6f7d589d2873, made 2026-10-14 from 10web-home / sp): its styles on tablet, every value a design-system token. Generated by tenweb-design. */
@media (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="social-proof"][data-tw-shared="social-proof"] .sproof { position: relative; background: var(--surface-white-default); padding: var(--space-1600) var(--space-600) var(--space-1000); } }


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/sections/lp-shared-social-proof/css/lp-shared-social-proof-320.css */
/* social-proof, a shared section (version 6f7d589d2873, made 2026-10-14 from 10web-home / sp): its styles on mobile, and 25 rules that must come after them (the files load in order, so the cascade stays as written), every value a design-system token. Generated by tenweb-design. */
@media (max-width: 767px) { :is(body) [data-tw-shared="social-proof"][data-tw-shared="social-proof"] [data-new="shared-social-proof"] { color: var(--lp-figma-c-14151f); font-family: var(--font-sans); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); letter-spacing: 0px; -webkit-font-smoothing: antialiased; } }
@media (max-width: 767px) { :is(body) [data-tw-shared="social-proof"][data-tw-shared="social-proof"] .sproof { position: relative; background: var(--surface-white-default); padding: var(--space-1600) var(--space-500) var(--space-1000); } }
:is(body) [data-tw-shared="social-proof"][data-tw-shared="social-proof"] .sproof-card { max-width: var(--container-desktop); margin: 0px auto; display: flex; align-items: center; gap: var(--space-300); padding: var(--space-400); border: var(--space-25) solid var(--lp-figma-c-14151f12); border-radius: var(--corner-radius-600); overflow: hidden; }
:is(body) [data-tw-shared="social-proof"][data-tw-shared="social-proof"] .sproof-l { position: relative; flex: 0 0 480px; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-300); padding: var(--space-800) var(--space-900); border-radius: var(--corner-radius-500); overflow: hidden; isolation: isolate; }
:is(body) [data-tw-shared="social-proof"][data-tw-shared="social-proof"] .sproof-bg { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
:is(body) [data-tw-shared="social-proof"][data-tw-shared="social-proof"] .sproof-globe { position: absolute; right: var(--lp-figma-l-49px); bottom: calc(-1 * var(--space-2000)); width: 250px; height: 250px; transform: rotate(15deg); z-index: -1; pointer-events: none; }
:is(body) [data-tw-shared="social-proof"][data-tw-shared="social-proof"] .sproof-fade { position: absolute; left: 0px; right: 0px; bottom: 0px; height: var(--element-xlg); background: linear-gradient(transparent 0%, var(--lp-figma-c-f4ebf8) 100%); pointer-events: none; }
:is(body) [data-tw-shared="social-proof"][data-tw-shared="social-proof"] .sproof-tp { display: flex; align-items: center; gap: var(--space-600); font-size: var(--lp-figma-fs-18_46px); line-height: var(--lp-figma-lh-40px); color: var(--text-black-default); white-space: nowrap; }
:is(body) [data-tw-shared="social-proof"][data-tw-shared="social-proof"] .sproof-tp-logo { display: flex; align-items: center; gap: var(--space-200); font-family: var(--font-sans); font-weight: 700; }
:is(body) [data-tw-shared="social-proof"][data-tw-shared="social-proof"] .sproof-tp-logo svg { width: 21.54px; height: 20.38px; flex: 0 0 auto; }
:is(body) [data-tw-shared="social-proof"][data-tw-shared="social-proof"] .sproof-txt { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-500); }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="social-proof"][data-tw-shared="social-proof"] .sproof-txt p { margin: 0px; font-size: var(--type-h5-size); line-height: var(--type-h5-line-height); color: var(--lp-figma-c-14151f); white-space: nowrap; } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="social-proof"][data-tw-shared="social-proof"] .sproof-txt p { font-weight: var(--type-weight-medium); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="social-proof"][data-tw-shared="social-proof"] .sproof-txt p { margin: 0px; font-size: var(--type-h5-size); line-height: var(--type-h5-line-height); color: var(--lp-figma-c-14151f); white-space: nowrap; } }
@media (max-width: 767px) { :is(body) [data-tw-shared="social-proof"][data-tw-shared="social-proof"] .sproof-txt p { font-weight: var(--type-weight-medium); } }
:is(body) [data-tw-shared="social-proof"][data-tw-shared="social-proof"] .sproof-av { display: flex; align-items: center; }
:is(body) [data-tw-shared="social-proof"][data-tw-shared="social-proof"] .sproof-av img { width: var(--space-850); height: var(--space-850); border-radius: var(--corner-radius-700); object-fit: cover; box-shadow: var(--element-white-default) 0 0 0 var(--lp-figma-l-0_5px); }
:is(body) [data-tw-shared="social-proof"][data-tw-shared="social-proof"] .sproof-r { flex: 1 1 0px; min-width: 0px; align-self: stretch; display: flex; align-items: center; gap: var(--space-800); padding: 0 var(--space-900); }
:is(body) [data-tw-shared="social-proof"][data-tw-shared="social-proof"] .sproof-n { flex: 1 1 0px; min-width: 0px; display: flex; flex-direction: column; gap: var(--space-300); text-align: center; }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="social-proof"][data-tw-shared="social-proof"] .sproof-n span { font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); color: var(--text-brand-strong); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="social-proof"][data-tw-shared="social-proof"] .sproof-n span { font-weight: var(--type-weight-regular); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="social-proof"][data-tw-shared="social-proof"] .sproof-n span { font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); color: var(--text-brand-strong); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="social-proof"][data-tw-shared="social-proof"] .sproof-n span { font-weight: var(--type-weight-regular); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="social-proof"][data-tw-shared="social-proof"] .sproof-n b { font-size: var(--type-h1-size); line-height: var(--type-h1-line-height); color: var(--lp-figma-c-14151f); white-space: nowrap; } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="social-proof"][data-tw-shared="social-proof"] .sproof-n b { font-weight: var(--type-weight-medium); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="social-proof"][data-tw-shared="social-proof"] .sproof-n b { font-size: var(--type-h1-size); line-height: var(--type-h1-line-height); color: var(--lp-figma-c-14151f); white-space: nowrap; } }
@media (max-width: 767px) { :is(body) [data-tw-shared="social-proof"][data-tw-shared="social-proof"] .sproof-n b { font-weight: var(--type-weight-medium); } }
:is(body) [data-tw-shared="social-proof"][data-tw-shared="social-proof"] .sproof-div { flex: 0 0 auto; width: var(--space-25); height: var(--space-1650); background: var(--lp-figma-c-14151f12-2); }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { :is(body) [data-tw-shared="social-proof"][data-tw-shared="social-proof"] .sproof { padding: var(--space-1600) var(--space-600) var(--space-1000); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { :is(body) [data-tw-shared="social-proof"][data-tw-shared="social-proof"] .sproof-card { flex-direction: column; align-items: stretch; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { :is(body) [data-tw-shared="social-proof"][data-tw-shared="social-proof"] .sproof-l { flex: 0 0 auto; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { :is(body) [data-tw-shared="social-proof"][data-tw-shared="social-proof"] .sproof-globe { right: calc(-1 * var(--space-1100)); bottom: -198px; width: 389px; height: 389px; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { :is(body) [data-tw-shared="social-proof"][data-tw-shared="social-proof"] .sproof-r { padding: var(--space-900) 0; } }
@media (max-width: 767px) { :is(body) [data-tw-shared="social-proof"][data-tw-shared="social-proof"] .sproof { padding: var(--space-1000) var(--space-500) var(--space-700); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="social-proof"][data-tw-shared="social-proof"] .sproof-card { padding: var(--space-300); border-radius: var(--corner-radius-500); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="social-proof"][data-tw-shared="social-proof"] .sproof-l { gap: var(--space-400); padding: var(--space-700); border-radius: var(--corner-radius-400); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="social-proof"][data-tw-shared="social-proof"] .sproof-globe { right: var(--lp-figma-l-43px); bottom: var(--lp-figma-l-110px); width: 212px; height: 212px; } }
@media (max-width: 767px) { :is(body) [data-tw-shared="social-proof"][data-tw-shared="social-proof"] .sproof-tp { gap: var(--space-500); font-size: var(--lp-figma-fs-14_77px); line-height: var(--lp-figma-lh-32px); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="social-proof"][data-tw-shared="social-proof"] .sproof-tp-logo { gap: var(--lp-figma-l-5px); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="social-proof"][data-tw-shared="social-proof"] .sproof-tp-logo svg { width: 17.23px; height: 16.31px; } }
@media (max-width: 767px) { :is(body) [data-tw-shared="social-proof"][data-tw-shared="social-proof"] .sproof-txt { gap: var(--space-400); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="social-proof"][data-tw-shared="social-proof"] .sproof-av img { width: var(--element-lg); height: var(--element-lg); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="social-proof"][data-tw-shared="social-proof"] .sproof-r { flex-wrap: wrap; justify-content: center; align-items: flex-start; padding: var(--space-700) 0; } }
@media (max-width: 767px) { :is(body) [data-tw-shared="social-proof"][data-tw-shared="social-proof"] .sproof-n { flex: 0 0 auto; } }
@media (max-width: 767px) { :is(body) [data-tw-shared="social-proof"][data-tw-shared="social-proof"] .sproof-div { height: var(--space-1150); } }


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/sections/lp-shared-free-to-build-cta/css/lp-shared-free-to-build-cta.css */
/* free-to-build-cta, a shared section (version 80000d29a8dc, made 2026-10-14 from 10web-home / cta): its styles, every value a design-system token. Generated by tenweb-design. */
.tw-shared[data-tw-shared="free-to-build-cta"] { display: contents; }
[data-tw-shared="free-to-build-cta"] > .eg-section { padding: 0; display: flow-root; }
[data-tw-shared="free-to-build-cta"] > .eg-section > .eg-section__inner { max-width: none; width: 100%; }
:root { --lp-figma-fs-14px: 14px; --lp-figma-fs-20px: 20px; --lp-figma-fs-40px: 40px; --lp-figma-lh-52px: 52px; }
@keyframes page-cta-rv0 { 0% { opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); transform: translateX(calc(-1 * var(--space-50))); } 35% { opacity: 1; filter: blur(var(--background-blur-0)); transform: none; } 100% { opacity: 1; filter: blur(var(--background-blur-0)); transform: none; } }
@keyframes page-cta-rv1 { 0% { opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); transform: translateX(calc(-1 * var(--space-50))); } 35% { opacity: 0.85; filter: blur(var(--background-blur-0)); transform: none; } 100% { opacity: 1; filter: blur(var(--background-blur-0)); transform: none; } }
@keyframes page-cta-rv2 { 0% { opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); transform: translateX(calc(-1 * var(--space-50))); } 35% { opacity: 0.7; filter: blur(var(--background-blur-0)); transform: none; } 100% { opacity: 1; filter: blur(var(--background-blur-0)); transform: none; } }
@keyframes page-cta-rv3 { 0% { opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); transform: translateX(calc(-1 * var(--space-50))); } 35% { opacity: 0.55; filter: blur(var(--background-blur-0)); transform: none; } 100% { opacity: 1; filter: blur(var(--background-blur-0)); transform: none; } }
@keyframes page-cta-rvl { 0% { opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); transform: translateX(calc(-1 * var(--space-50))); } 35% { opacity: 1; filter: blur(var(--background-blur-0)); transform: none; } 100% { opacity: 1; filter: blur(var(--background-blur-0)); transform: none; } }
@keyframes page-cta-d1 { 0%, 8.75%, 37.5%, 46.25%, 50%, 58.75%, 75%, 83.75%, 100% { opacity: 1; } 12.5%, 21.25%, 25%, 33.75%, 62.5%, 71.25%, 87.5%, 96.25% { opacity: 0; } }
@keyframes page-cta-l1 { 0%, 8.75%, 37.5%, 46.25%, 50%, 58.75%, 75%, 83.75%, 100% { opacity: 0; } 12.5%, 21.25%, 25%, 33.75%, 62.5%, 71.25%, 87.5%, 96.25% { opacity: 1; } }
@keyframes page-cta-d2 { 12.5%, 21.25%, 25%, 33.75%, 50%, 58.75%, 87.5%, 96.25% { opacity: 1; } 0%, 8.75%, 37.5%, 46.25%, 62.5%, 71.25%, 75%, 83.75%, 100% { opacity: 0; } }
@keyframes page-cta-l2 { 12.5%, 21.25%, 25%, 33.75%, 50%, 58.75%, 87.5%, 96.25% { opacity: 0; } 0%, 8.75%, 37.5%, 46.25%, 62.5%, 71.25%, 75%, 83.75%, 100% { opacity: 1; } }
@keyframes page-cta-d3 { 0%, 8.75%, 12.5%, 21.25%, 62.5%, 71.25%, 75%, 83.75%, 100% { opacity: 1; } 25%, 33.75%, 37.5%, 46.25%, 50%, 58.75%, 87.5%, 96.25% { opacity: 0; } }
@keyframes page-cta-l3 { 0%, 8.75%, 12.5%, 21.25%, 62.5%, 71.25%, 75%, 83.75%, 100% { opacity: 0; } 25%, 33.75%, 37.5%, 46.25%, 50%, 58.75%, 87.5%, 96.25% { opacity: 1; } }
@keyframes page-cta-d4 { 0%, 8.75%, 25%, 33.75%, 37.5%, 46.25%, 75%, 83.75%, 100% { opacity: 1; } 12.5%, 21.25%, 50%, 58.75%, 62.5%, 71.25%, 87.5%, 96.25% { opacity: 0; } }
@keyframes page-cta-l4 { 0%, 8.75%, 25%, 33.75%, 37.5%, 46.25%, 75%, 83.75%, 100% { opacity: 0; } 12.5%, 21.25%, 50%, 58.75%, 62.5%, 71.25%, 87.5%, 96.25% { opacity: 1; } }
@keyframes page-cta-d5 { 25%, 33.75%, 50%, 58.75%, 62.5%, 71.25%, 87.5%, 96.25% { opacity: 1; } 0%, 8.75%, 12.5%, 21.25%, 37.5%, 46.25%, 75%, 83.75%, 100% { opacity: 0; } }
@keyframes page-cta-l5 { 25%, 33.75%, 50%, 58.75%, 62.5%, 71.25%, 87.5%, 96.25% { opacity: 0; } 0%, 8.75%, 12.5%, 21.25%, 37.5%, 46.25%, 75%, 83.75%, 100% { opacity: 1; } }
@keyframes page-cta-d6 { 12.5%, 21.25%, 37.5%, 46.25%, 50%, 58.75%, 75%, 83.75% { opacity: 1; } 0%, 8.75%, 25%, 33.75%, 62.5%, 71.25%, 87.5%, 96.25%, 100% { opacity: 0; } }
@keyframes page-cta-l6 { 12.5%, 21.25%, 37.5%, 46.25%, 50%, 58.75%, 75%, 83.75% { opacity: 0; } 0%, 8.75%, 25%, 33.75%, 62.5%, 71.25%, 87.5%, 96.25%, 100% { opacity: 1; } }
@keyframes page-cta-d7 { 0%, 8.75%, 25%, 33.75%, 62.5%, 71.25%, 87.5%, 96.25%, 100% { opacity: 1; } 12.5%, 21.25%, 37.5%, 46.25%, 50%, 58.75%, 75%, 83.75% { opacity: 0; } }
@keyframes page-cta-l7 { 0%, 8.75%, 25%, 33.75%, 62.5%, 71.25%, 87.5%, 96.25%, 100% { opacity: 0; } 12.5%, 21.25%, 37.5%, 46.25%, 50%, 58.75%, 75%, 83.75% { opacity: 1; } }
@keyframes page-cta-d8 { 12.5%, 21.25%, 25%, 33.75%, 62.5%, 71.25% { opacity: 1; } 0%, 8.75%, 37.5%, 46.25%, 50%, 58.75%, 75%, 83.75%, 87.5%, 96.25%, 100% { opacity: 0; } }
@keyframes page-cta-l8 { 12.5%, 21.25%, 25%, 33.75%, 62.5%, 71.25% { opacity: 0; } 0%, 8.75%, 37.5%, 46.25%, 50%, 58.75%, 75%, 83.75%, 87.5%, 96.25%, 100% { opacity: 1; } }
@keyframes page-cta-d9 { 0%, 8.75%, 37.5%, 46.25%, 62.5%, 71.25%, 75%, 83.75%, 100% { opacity: 1; } 12.5%, 21.25%, 25%, 33.75%, 50%, 58.75%, 87.5%, 96.25% { opacity: 0; } }
@keyframes page-cta-l9 { 0%, 8.75%, 37.5%, 46.25%, 62.5%, 71.25%, 75%, 83.75%, 100% { opacity: 0; } 12.5%, 21.25%, 25%, 33.75%, 50%, 58.75%, 87.5%, 96.25% { opacity: 1; } }
@keyframes page-cta-d10 { 0%, 8.75%, 12.5%, 21.25%, 50%, 58.75%, 87.5%, 96.25%, 100% { opacity: 1; } 25%, 33.75%, 37.5%, 46.25%, 62.5%, 71.25%, 75%, 83.75% { opacity: 0; } }
@keyframes page-cta-l10 { 0%, 8.75%, 12.5%, 21.25%, 50%, 58.75%, 87.5%, 96.25%, 100% { opacity: 0; } 25%, 33.75%, 37.5%, 46.25%, 62.5%, 71.25%, 75%, 83.75% { opacity: 1; } }
@keyframes page-cta-d11 { 25%, 33.75%, 37.5%, 46.25%, 62.5%, 71.25%, 87.5%, 96.25% { opacity: 1; } 0%, 8.75%, 12.5%, 21.25%, 50%, 58.75%, 75%, 83.75%, 100% { opacity: 0; } }
@keyframes page-cta-l11 { 25%, 33.75%, 37.5%, 46.25%, 62.5%, 71.25%, 87.5%, 96.25% { opacity: 0; } 0%, 8.75%, 12.5%, 21.25%, 50%, 58.75%, 75%, 83.75%, 100% { opacity: 1; } }
@keyframes page-cta-d12 { 0%, 8.75%, 37.5%, 46.25%, 50%, 58.75%, 75%, 83.75%, 87.5%, 96.25%, 100% { opacity: 1; } 12.5%, 21.25%, 25%, 33.75%, 62.5%, 71.25% { opacity: 0; } }
@keyframes page-cta-l12 { 0%, 8.75%, 37.5%, 46.25%, 50%, 58.75%, 75%, 83.75%, 87.5%, 96.25%, 100% { opacity: 0; } 12.5%, 21.25%, 25%, 33.75%, 62.5%, 71.25% { opacity: 1; } }
@keyframes page-cta-d13 { 12.5%, 21.25%, 50%, 58.75%, 62.5%, 71.25%, 87.5%, 96.25% { opacity: 1; } 0%, 8.75%, 25%, 33.75%, 37.5%, 46.25%, 75%, 83.75%, 100% { opacity: 0; } }
@keyframes page-cta-l13 { 12.5%, 21.25%, 50%, 58.75%, 62.5%, 71.25%, 87.5%, 96.25% { opacity: 0; } 0%, 8.75%, 25%, 33.75%, 37.5%, 46.25%, 75%, 83.75%, 100% { opacity: 1; } }
@keyframes page-cta-d14 { 0%, 8.75%, 12.5%, 21.25%, 25%, 33.75%, 75%, 83.75%, 100% { opacity: 1; } 37.5%, 46.25%, 50%, 58.75%, 62.5%, 71.25%, 87.5%, 96.25% { opacity: 0; } }
@keyframes page-cta-l14 { 0%, 8.75%, 12.5%, 21.25%, 25%, 33.75%, 75%, 83.75%, 100% { opacity: 0; } 37.5%, 46.25%, 50%, 58.75%, 62.5%, 71.25%, 87.5%, 96.25% { opacity: 1; } }
@keyframes page-cta-d15 { 37.5%, 46.25%, 50%, 58.75%, 75%, 83.75%, 87.5%, 96.25% { opacity: 1; } 0%, 8.75%, 12.5%, 21.25%, 25%, 33.75%, 62.5%, 71.25%, 100% { opacity: 0; } }
@keyframes page-cta-l15 { 37.5%, 46.25%, 50%, 58.75%, 75%, 83.75%, 87.5%, 96.25% { opacity: 0; } 0%, 8.75%, 12.5%, 21.25%, 25%, 33.75%, 62.5%, 71.25%, 100% { opacity: 1; } }
@keyframes page-cta-d16 { 0%, 8.75%, 25%, 33.75%, 37.5%, 46.25%, 62.5%, 71.25%, 100% { opacity: 1; } 12.5%, 21.25%, 50%, 58.75%, 75%, 83.75%, 87.5%, 96.25% { opacity: 0; } }
@keyframes page-cta-l16 { 0%, 8.75%, 25%, 33.75%, 37.5%, 46.25%, 62.5%, 71.25%, 100% { opacity: 0; } 12.5%, 21.25%, 50%, 58.75%, 75%, 83.75%, 87.5%, 96.25% { opacity: 1; } }
@keyframes page-cta-d17 { 12.5%, 21.25%, 37.5%, 46.25%, 75%, 83.75%, 87.5%, 96.25% { opacity: 1; } 0%, 8.75%, 25%, 33.75%, 50%, 58.75%, 62.5%, 71.25%, 100% { opacity: 0; } }
@keyframes page-cta-l17 { 12.5%, 21.25%, 37.5%, 46.25%, 75%, 83.75%, 87.5%, 96.25% { opacity: 0; } 0%, 8.75%, 25%, 33.75%, 50%, 58.75%, 62.5%, 71.25%, 100% { opacity: 1; } }
@keyframes page-cta-d18 { 0%, 8.75%, 12.5%, 21.25%, 50%, 58.75%, 62.5%, 71.25%, 100% { opacity: 1; } 25%, 33.75%, 37.5%, 46.25%, 75%, 83.75%, 87.5%, 96.25% { opacity: 0; } }
@keyframes page-cta-l18 { 0%, 8.75%, 12.5%, 21.25%, 50%, 58.75%, 62.5%, 71.25%, 100% { opacity: 0; } 25%, 33.75%, 37.5%, 46.25%, 75%, 83.75%, 87.5%, 96.25% { opacity: 1; } }
@keyframes page-cta-d19 { 25%, 33.75%, 50%, 58.75%, 87.5%, 96.25% { opacity: 1; } 0%, 8.75%, 12.5%, 21.25%, 37.5%, 46.25%, 62.5%, 71.25%, 75%, 83.75%, 100% { opacity: 0; } }
@keyframes page-cta-l19 { 25%, 33.75%, 50%, 58.75%, 87.5%, 96.25% { opacity: 0; } 0%, 8.75%, 12.5%, 21.25%, 37.5%, 46.25%, 62.5%, 71.25%, 75%, 83.75%, 100% { opacity: 1; } }
@keyframes page-cta-ga { 0%, 8.75%, 12.5%, 21.25% { transform: translate(100%, 100%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 25%, 33.75% { transform: translate(100%, 100%) scale(1); opacity: 0.45; filter: blur(var(--background-blur-0)); } 37.5% { transform: translate(100%, 100%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 46.25% { transform: translate(300%, 0px) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 50%, 58.75% { transform: translate(300%, 0px) scale(1); opacity: 0.45; filter: blur(var(--background-blur-0)); } 62.5%, 71.25% { transform: translate(300%, 0px) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 75%, 83.75% { transform: translate(300%, 0px) scale(1); opacity: 0.45; filter: blur(var(--background-blur-0)); } 87.5% { transform: translate(300%, 0px) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 96.25%, 100% { transform: translate(100%, 100%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } }
@keyframes page-cta-gb { 0%, 8.75% { transform: translate(300%, 200%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 12.5%, 21.25% { transform: translate(300%, 200%) scale(1); opacity: 0.45; filter: blur(var(--background-blur-0)); } 25% { transform: translate(300%, 200%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 33.75% { transform: translate(300%, 300%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 37.5%, 46.25% { transform: translate(300%, 300%) scale(1); opacity: 0.45; filter: blur(var(--background-blur-0)); } 50%, 58.75%, 62.5%, 71.25%, 75% { transform: translate(300%, 300%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 83.75% { transform: translate(100%, 300%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 87.5%, 96.25% { transform: translate(100%, 300%) scale(1); opacity: 0.45; filter: blur(var(--background-blur-0)); } 100% { transform: translate(100%, 300%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } }
@keyframes page-cta-la { 0%, 8.75% { transform: translate(300%, 0px) scale(1); opacity: 0.45; filter: blur(var(--background-blur-0)); } 12.5% { transform: translate(300%, 0px) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 21.25% { transform: translate(300%, 100%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 25%, 33.75% { transform: translate(300%, 100%) scale(1); opacity: 0.45; filter: blur(var(--background-blur-0)); } 37.5% { transform: translate(300%, 100%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 46.25% { transform: translate(100%, 0px) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 50%, 58.75% { transform: translate(100%, 0px) scale(1); opacity: 0.45; filter: blur(var(--background-blur-0)); } 62.5%, 71.25%, 75%, 83.75%, 87.5% { transform: translate(100%, 0px) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 96.25% { transform: translate(300%, 0px) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 100% { transform: translate(300%, 0px) scale(1); opacity: 0.45; filter: blur(var(--background-blur-0)); } }
@keyframes page-cta-lb { 0%, 8.75% { transform: translate(100%, 200%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 12.5%, 21.25% { transform: translate(100%, 200%) scale(1); opacity: 0.45; filter: blur(var(--background-blur-0)); } 25%, 33.75%, 37.5%, 46.25%, 50% { transform: translate(100%, 200%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 58.75% { transform: translate(100%, 300%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 62.5%, 71.25% { transform: translate(100%, 300%) scale(1); opacity: 0.45; filter: blur(var(--background-blur-0)); } 75% { transform: translate(100%, 300%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 83.75% { transform: translate(300%, 300%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 87.5%, 96.25% { transform: translate(300%, 300%) scale(1); opacity: 0.45; filter: blur(var(--background-blur-0)); } 100% { transform: translate(300%, 300%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } }
@keyframes page-cta-pa { 0%, 8.75% { transform: translate(300%, 200%) scale(1); opacity: 0.45; filter: blur(var(--background-blur-0)); } 12.5% { transform: translate(300%, 200%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 21.25% { transform: translate(200%, 300%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 25%, 33.75% { transform: translate(200%, 300%) scale(1); opacity: 0.45; filter: blur(var(--background-blur-0)); } 37.5%, 46.25%, 50%, 58.75%, 62.5% { transform: translate(200%, 300%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 71.25% { transform: translate(300%, 300%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 75%, 83.75% { transform: translate(300%, 300%) scale(1); opacity: 0.45; filter: blur(var(--background-blur-0)); } 87.5% { transform: translate(300%, 300%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 96.25% { transform: translate(300%, 200%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 100% { transform: translate(300%, 200%) scale(1); opacity: 0.45; filter: blur(var(--background-blur-0)); } }
@keyframes page-cta-pb { 0%, 8.75%, 12.5%, 21.25%, 25%, 33.75% { transform: translate(100%, 0px) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 37.5%, 46.25% { transform: translate(100%, 0px) scale(1); opacity: 0.45; filter: blur(var(--background-blur-0)); } 50%, 58.75% { transform: translate(100%, 0px) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 62.5%, 71.25% { transform: translate(100%, 0px) scale(1); opacity: 0.45; filter: blur(var(--background-blur-0)); } 75% { transform: translate(100%, 0px) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 83.75% { transform: translate(200%, 0px) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 87.5%, 96.25% { transform: translate(200%, 0px) scale(1); opacity: 0.45; filter: blur(var(--background-blur-0)); } 100% { transform: translate(200%, 0px) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } }
@keyframes page-cta-ha { 0%, 8.75% { transform: translate(100%, 300%) scale(1); opacity: 0.45; filter: blur(var(--background-blur-0)); } 12.5%, 21.25%, 25%, 33.75%, 37.5% { transform: translate(100%, 300%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 46.25% { transform: translate(200%, 200%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 50%, 58.75% { transform: translate(200%, 200%) scale(1); opacity: 0.45; filter: blur(var(--background-blur-0)); } 62.5% { transform: translate(200%, 200%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 71.25% { transform: translate(100%, 100%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 75%, 83.75% { transform: translate(100%, 100%) scale(1); opacity: 0.45; filter: blur(var(--background-blur-0)); } 87.5% { transform: translate(100%, 100%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 96.25% { transform: translate(100%, 300%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 100% { transform: translate(100%, 300%) scale(1); opacity: 0.45; filter: blur(var(--background-blur-0)); } }
@keyframes page-cta-hb { 0%, 8.75% { transform: translate(200%, 0px) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 12.5%, 21.25% { transform: translate(200%, 0px) scale(1); opacity: 0.45; filter: blur(var(--background-blur-0)); } 25% { transform: translate(200%, 0px) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 33.75% { transform: translate(100%, 200%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 37.5%, 46.25% { transform: translate(100%, 200%) scale(1); opacity: 0.45; filter: blur(var(--background-blur-0)); } 50% { transform: translate(100%, 200%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 58.75% { transform: translate(300%, 200%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 62.5%, 71.25% { transform: translate(300%, 200%) scale(1); opacity: 0.45; filter: blur(var(--background-blur-0)); } 75%, 83.75%, 87.5%, 96.25%, 100% { transform: translate(300%, 200%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } }
@keyframes page-cta-wg { 0%, 8.75%, 62.5%, 71.25%, 100% { opacity: 1; filter: blur(var(--background-blur-0)); transform: scale(1); } 12.5%, 58.75%, 75%, 96.25% { opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); transform: scale(0.8); } }
@keyframes page-cta-wl { 37.5%, 46.25%, 75%, 83.75% { opacity: 1; filter: blur(var(--background-blur-0)); transform: scale(1); } 0%, 33.75%, 50%, 71.25%, 87.5%, 100% { opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); transform: scale(0.8); } }
@keyframes page-cta-wp { 12.5%, 21.25%, 50%, 58.75% { opacity: 1; filter: blur(var(--background-blur-0)); transform: scale(1); } 0%, 8.75%, 25%, 46.25%, 62.5%, 100% { opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); transform: scale(0.8); } }
@keyframes page-cta-wh { 25%, 33.75%, 87.5%, 96.25% { opacity: 1; filter: blur(var(--background-blur-0)); transform: scale(1); } 0%, 21.25%, 37.5%, 83.75%, 100% { opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); transform: scale(0.8); } }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] [data-new="shared-free-to-build-cta"] { background-color: var(--surface-white-default); }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"]  { box-sizing: border-box; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] svg { display: block; flex: 0 0 auto; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] h1, :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] h2, :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] h3, :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] h4, :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] h5, :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] h6 { letter-spacing: 0px; }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] section:not(.hero) h2 { font-size: var(--type-h2-size); line-height: var(--type-h2-line-height); letter-spacing: 0px; text-wrap: balance; } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] section:not(.hero) h2 { font-weight: var(--type-h2-weight); } }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-outer { box-sizing: border-box; background: var(--surface-white-default); padding: var(--space-300); width: 100%; max-width: 100%; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-card { position: relative; box-sizing: border-box; background: var(--surface-brand-default); border-radius: var(--corner-radius-600); overflow: hidden; padding: var(--space-1600) 0 var(--space-1200); display: flex; justify-content: center; width: 100%; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-grain { position: absolute; inset: 0px; width: 100%; height: 100%; display: block; z-index: 4; pointer-events: none; opacity: 0.55; mix-blend-mode: overlay; mask-image: linear-gradient(90deg,var(--element-black-default) 0,var(--element-black-default) calc(50% - 156px),var(--element-black-twenty) calc(50% - var(--space-750)),var(--element-black-twenty) 100%); }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-container { position: relative; display: flex; flex-direction: row; width: 100%; min-width: 0px; max-width: var(--container-desktop); }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-left { position: relative; z-index: 6; width: 480px; min-width: 0px; display: flex; flex-direction: column; gap: var(--space-1000); }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-text { display: flex; flex-direction: column; gap: var(--space-1000); align-items: flex-start; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-head { display: flex; flex-direction: column; gap: var(--space-500); text-align: left; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-br { display: block; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-w { display: inline-block; white-space: nowrap; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-tg0 { animation-name: page-cta-rv0; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-tg1 { animation-name: page-cta-rv1; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-tg2 { animation-name: page-cta-rv2; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-tg3 { animation-name: page-cta-rv3; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t0 { animation-delay: 0ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t1 { animation-delay: 26ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t2 { animation-delay: 52ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t3 { animation-delay: 78ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t4 { animation-delay: 104ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t5 { animation-delay: 130ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t6 { animation-delay: 156ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t7 { animation-delay: 182ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t8 { animation-delay: 208ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t9 { animation-delay: 234ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t10 { animation-delay: 260ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t11 { animation-delay: 286ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t12 { animation-delay: 312ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t13 { animation-delay: 338ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t14 { animation-delay: 364ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t15 { animation-delay: 390ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t16 { animation-delay: 416ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t17 { animation-delay: 442ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t18 { animation-delay: 468ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t19 { animation-delay: 494ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t20 { animation-delay: 520ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t21 { animation-delay: 546ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t22 { animation-delay: 572ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t23 { animation-delay: 598ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t24 { animation-delay: 624ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t25 { animation-delay: 350ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t26 { animation-delay: 358ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t27 { animation-delay: 366ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t28 { animation-delay: 374ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t29 { animation-delay: 382ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t30 { animation-delay: 390ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t31 { animation-delay: 398ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t32 { animation-delay: 406ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t33 { animation-delay: 414ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t34 { animation-delay: 422ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t35 { animation-delay: 430ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t36 { animation-delay: 438ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t37 { animation-delay: 446ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t38 { animation-delay: 454ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t39 { animation-delay: 462ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t40 { animation-delay: 470ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t41 { animation-delay: 478ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t42 { animation-delay: 486ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t43 { animation-delay: 494ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t44 { animation-delay: 502ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t45 { animation-delay: 510ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t46 { animation-delay: 518ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t47 { animation-delay: 526ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t48 { animation-delay: 534ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t49 { animation-delay: 542ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t50 { animation-delay: 550ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t51 { animation-delay: 558ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t52 { animation-delay: 566ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t53 { animation-delay: 574ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t54 { animation-delay: 582ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t55 { animation-delay: 590ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t56 { animation-delay: 598ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t57 { animation-delay: 606ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t58 { animation-delay: 614ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t59 { animation-delay: 622ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t60 { animation-delay: 630ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t61 { animation-delay: 638ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t62 { animation-delay: 646ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t63 { animation-delay: 654ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t64 { animation-delay: 662ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t65 { animation-delay: 670ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t66 { animation-delay: 678ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t67 { animation-delay: 686ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t68 { animation-delay: 694ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t69 { animation-delay: 702ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t70 { animation-delay: 710ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t71 { animation-delay: 718ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t72 { animation-delay: 726ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t73 { animation-delay: 734ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t74 { animation-delay: 742ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t75 { animation-delay: 750ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t76 { animation-delay: 758ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t77 { animation-delay: 766ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t78 { animation-delay: 774ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t79 { animation-delay: 782ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-outer:not(.cta-in) .cta-ch { animation-play-state: paused; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-brk ~ .cta-badge { margin-top: calc(-1 * var(--space-400)); }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t80 { animation-delay: 650ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t81 { animation-delay: 676ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t82 { animation-delay: 702ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-t83 { animation-delay: 728ms; }


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/sections/lp-shared-free-to-build-cta/css/lp-shared-free-to-build-cta-768.css */
/* free-to-build-cta, a shared section (version 80000d29a8dc, made 2026-10-14 from 10web-home / cta): its styles on tablet, every value a design-system token. Generated by tenweb-design. */
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-grain { mask-image: linear-gradient(180deg,var(--element-black-default) 0,var(--element-black-default) calc(100% - 552px),var(--element-black-twenty) calc(100% - 456px),var(--element-black-twenty) 100%); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-head { text-align: center; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-caption { text-align: center; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-brk ~ .cta-badge { margin-top: 0px; } }


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/sections/lp-shared-free-to-build-cta/css/lp-shared-free-to-build-cta-320.css */
/* free-to-build-cta, a shared section (version 80000d29a8dc, made 2026-10-14 from 10web-home / cta): its styles on mobile, and 136 rules that must come after them (the files load in order, so the cascade stays as written), every value a design-system token. Generated by tenweb-design. */
@media (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] section:not(.hero) h2 { font-size: var(--type-h2-size); line-height: var(--type-h2-line-height); letter-spacing: 0px; text-wrap: balance; } }
@media (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] section:not(.hero) h2 { font-weight: var(--type-h2-weight); } }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-outer .cta-head h2.cta-title { font-size: var(--lp-figma-fs-40px); line-height: var(--lp-figma-lh-52px); letter-spacing: 0px; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-outer .cta-head h2.cta-title { font-weight: 500; }
@media (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-outer .cta-head h2.cta-title { font-size: var(--type-h2-size); line-height: var(--type-h2-line-height); } }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-title { margin: 0px; font-family: var(--font-sans); font-size: var(--lp-figma-fs-40px); line-height: var(--type-h2-line-height); letter-spacing: var(--type-h2-letter-spacing); color: var(--text-white-default); }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-title { font-weight: var(--type-h2-weight); }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-tw { font-weight: 500; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-ch { display: inline-block; will-change: opacity, filter, color; color: var(--text-white-default); animation-duration: 0.95s; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); animation-fill-mode: both; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-lc { animation-name: page-cta-rvl; animation-duration: 0.6s; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-lead { margin: 0px; font-family: var(--font-sans); font-size: var(--lp-figma-fs-20px); line-height: var(--type-h6-line-height); letter-spacing: var(--type-h6-letter-spacing); color: var(--text-white-default); opacity: 0.85; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-lead { font-weight: var(--type-h6-weight); }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-dim { font-weight: 400; opacity: 0.75; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-hl { font-weight: 400; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-go { display: inline-block; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-start { position: relative; z-index: 0; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; height: var(--element-2xlg); padding: 0 var(--space-600); border-radius: var(--corner-radius-300); background: var(--surface-white-default); border: var(--space-25) solid transparent; color: var(--text-black-default); font-family: var(--font-sans); font-size: var(--lp-figma-fs-14px); line-height: var(--type-caption-lg-line-height); letter-spacing: var(--type-caption-lg-letter-spacing); white-space: nowrap; cursor: pointer; transition: background-color 150ms, color 150ms, border-color 150ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-start { font-weight: var(--type-caption-lg-weight); }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-start::before { content: ""; position: absolute; top: calc(-1 * var(--space-25)); right: calc(-1 * var(--space-25)); bottom: calc(-1 * var(--space-25)); left: calc(-1 * var(--space-25)); border-radius: var(--corner-radius-300); background: var(--surface-white-default); opacity: 1; z-index: -1; transition: opacity 150ms; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-start:hover, :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-start:focus-visible { background: transparent; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-start:hover::before, :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-start:focus-visible::before { opacity: 0.7; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-bt { font-weight: 400; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-badges { display: flex; flex-direction: column; gap: var(--space-600); }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-caption { margin: 0px; font-family: var(--font-sans); font-size: var(--lp-figma-fs-14px); line-height: var(--type-caption-lg-line-height); letter-spacing: var(--type-caption-lg-letter-spacing); color: var(--text-white-default); opacity: 0.75; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-caption { font-weight: var(--type-caption-lg-weight); }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-ct { font-weight: 400; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-badge-row { list-style: none; margin: 0px; padding: 0px; display: flex; flex-wrap: wrap; gap: var(--space-400); }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-badge { display: inline-flex; align-items: center; gap: var(--space-300); box-sizing: border-box; height: var(--space-850); padding: 0 var(--space-500); border-radius: var(--corner-radius-700); background: var(--surface-white-subtle); border: var(--space-25) solid var(--border-white-subtle); backdrop-filter: blur(var(--background-blur-250)); color: var(--text-white-default); font-family: var(--font-sans); font-size: var(--lp-figma-fs-14px); line-height: var(--type-caption-lg-line-height); letter-spacing: var(--type-caption-lg-letter-spacing); }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-badge { font-weight: var(--type-caption-lg-weight); }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-bdt { font-weight: 400; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-decor { position: absolute; top: 0px; right: calc(-1 * var(--space-1350)); width: 740px; height: 588px; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-grid { position: absolute; left: 0px; top: 0px; width: 740px; height: 588px; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-cell { position: absolute; width: var(--space-2900); height: var(--space-2900); }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-r0 { top: 0px; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-r1 { top: var(--space-2900); }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-r2 { top: 304px; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-r3 { top: 456px; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-c0 { left: 0px; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-c1 { left: var(--space-2900); }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-c2 { left: 304px; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-c3 { left: 456px; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-c4 { left: 608px; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-tile { position: relative; width: var(--space-2400); height: var(--space-2400); border-radius: var(--corner-radius-700); display: flex; align-items: center; justify-content: center; color: var(--text-white-default); transform-origin: 50% 50%; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-l { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; border-radius: var(--corner-radius-700); overflow: hidden; animation-duration: 24s; animation-iteration-count: infinite; animation-fill-mode: both; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-f { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-dk .cta-f { background: var(--surface-black-default); opacity: 0.12; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-lt .cta-f { background: var(--surface-white-default); opacity: 0.08; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-fa .cta-lt, :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-fb .cta-dk { opacity: 0; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-e1 .cta-dk { animation-name: page-cta-d1; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-e1 .cta-lt { animation-name: page-cta-l1; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-e2 .cta-dk { animation-name: page-cta-d2; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-e2 .cta-lt { animation-name: page-cta-l2; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-e3 .cta-dk { animation-name: page-cta-d3; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-e3 .cta-lt { animation-name: page-cta-l3; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-e4 .cta-dk { animation-name: page-cta-d4; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-e4 .cta-lt { animation-name: page-cta-l4; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-e5 .cta-dk { animation-name: page-cta-d5; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-e5 .cta-lt { animation-name: page-cta-l5; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-e6 .cta-dk { animation-name: page-cta-d6; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-e6 .cta-lt { animation-name: page-cta-l6; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-e7 .cta-dk { animation-name: page-cta-d7; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-e7 .cta-lt { animation-name: page-cta-l7; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-e8 .cta-dk { animation-name: page-cta-d8; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-e8 .cta-lt { animation-name: page-cta-l8; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-e9 .cta-dk { animation-name: page-cta-d9; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-e9 .cta-lt { animation-name: page-cta-l9; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-e10 .cta-dk { animation-name: page-cta-d10; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-e10 .cta-lt { animation-name: page-cta-l10; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-e11 .cta-dk { animation-name: page-cta-d11; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-e11 .cta-lt { animation-name: page-cta-l11; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-e12 .cta-dk { animation-name: page-cta-d12; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-e12 .cta-lt { animation-name: page-cta-l12; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-e13 .cta-dk { animation-name: page-cta-d13; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-e13 .cta-lt { animation-name: page-cta-l13; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-e14 .cta-dk { animation-name: page-cta-d14; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-e14 .cta-lt { animation-name: page-cta-l14; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-e15 .cta-dk { animation-name: page-cta-d15; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-e15 .cta-lt { animation-name: page-cta-l15; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-e16 .cta-dk { animation-name: page-cta-d16; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-e16 .cta-lt { animation-name: page-cta-l16; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-e17 .cta-dk { animation-name: page-cta-d17; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-e17 .cta-lt { animation-name: page-cta-l17; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-e18 .cta-dk { animation-name: page-cta-d18; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-e18 .cta-lt { animation-name: page-cta-l18; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-e19 .cta-dk { animation-name: page-cta-d19; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-e19 .cta-lt { animation-name: page-cta-l19; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-mv { left: 0px; top: 0px; z-index: 1; pointer-events: none; opacity: 0; transform-origin: 43.4211% 43.4211%; animation-duration: 24s; animation-iteration-count: infinite; animation-fill-mode: both; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-mla { opacity: 0.45; transform: translate(300%, 0px) scale(1); }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-mpa { opacity: 0.45; transform: translate(300%, 200%) scale(1); }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-mha { opacity: 0.45; transform: translate(100%, 300%) scale(1); }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-mga { animation-name: page-cta-ga; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-mgb { animation-name: page-cta-gb; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-mla { animation-name: page-cta-la; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-mlb { animation-name: page-cta-lb; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-mpa { animation-name: page-cta-pa; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-mpb { animation-name: page-cta-pb; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-mha { animation-name: page-cta-ha; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-mhb { animation-name: page-cta-hb; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-dicon { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; width: var(--element-2xlg); height: var(--element-2xlg); }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-white { z-index: 5; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-white .cta-tile { background: var(--surface-white-default); color: var(--text-brand-default); box-shadow: 0 var(--space-700) var(--space-1000) calc(-1 * var(--space-500)) color(srgb 0.0784313725 0.0862745098 0.4705882353 / 0.5); }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-swap { position: relative; width: var(--element-2xlg); height: var(--element-2xlg); transform: scale(1.25); }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-sw { position: absolute; left: 0px; top: 0px; display: flex; align-items: center; justify-content: center; width: var(--element-2xlg); height: var(--element-2xlg); opacity: 0; transform-origin: 50% 50%; animation-duration: 24s; animation-iteration-count: infinite; animation-fill-mode: both; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-s0 { animation-name: page-cta-wg; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-s1 { animation-name: page-cta-wl; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-s2 { animation-name: page-cta-wp; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-s3 { animation-name: page-cta-wh; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-fade { position: absolute; top: 0px; bottom: 0px; width: 240px; z-index: 3; pointer-events: none; }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-fade-l { left: 0px; background: linear-gradient(90deg,var(--surface-brand-default) 0%,var(--surface-black-void) 100%); }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-fade-r { right: 0px; background: linear-gradient(270deg,var(--surface-brand-default) 0%,var(--surface-black-void) 100%); }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-fade-b { position: absolute; left: 0px; width: 100%; top: 52.381%; height: 40.8163%; z-index: 3; pointer-events: none; background: linear-gradient(0deg,var(--surface-brand-default) 0%,var(--surface-black-void) 100%); }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-card { padding: var(--space-1600) var(--space-500) var(--space-1200); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-container { flex-direction: column; align-items: center; gap: var(--space-1400); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-left { width: 100%; align-items: center; gap: var(--space-1000); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-text { width: 100%; align-items: stretch; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-br { display: none; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-go { display: block; width: 100%; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-start { display: flex; width: 100%; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-badges { align-items: center; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-badge-row { justify-content: center; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-decor { position: relative; top: auto; right: auto; width: 100%; height: 408px; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-grid { left: calc(50% - 320px); top: var(--space-500); width: 640px; height: 508px; transform: none; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-cell { width: var(--space-2400); height: var(--space-2400); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-r1 { top: var(--space-2400); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-r2 { top: 264px; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-r3 { top: 396px; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-c1 { left: var(--space-2400); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-c2 { left: 264px; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-c3 { left: 396px; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-c4 { left: 528px; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-tile { width: var(--space-1900); height: var(--space-1900); border-radius: var(--corner-radius-600); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-l { border-radius: var(--corner-radius-600); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-mv { transform-origin: 42.4242% 42.4242%; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-dicon { transform: scale(0.8333); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-swap { transform: scale(1.0417); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-fade { border-radius: var(--corner-radius-600); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-fade-b { left: 10.3125%; width: 79.375%; top: 52.7559%; height: 47.2441%; } }
@media (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-grain { mask-image: linear-gradient(180deg,var(--element-black-default) 0,var(--element-black-default) calc(100% - 352px),var(--element-black-twenty) calc(100% - 288px),var(--element-black-twenty) 100%); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-outer { padding: var(--space-100); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-card { border-radius: var(--corner-radius-500); padding: var(--space-1000) var(--space-500) var(--space-1200); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-left { gap: var(--space-900); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-text { gap: var(--space-800); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-head { gap: var(--space-300); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-title { font-family: var(--font-sans); font-size: var(--type-h2-size); line-height: var(--type-h2-line-height); letter-spacing: var(--type-h2-letter-spacing); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-title { font-weight: var(--type-h2-weight); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-lead { font-family: var(--font-sans); font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); letter-spacing: var(--type-h6-letter-spacing); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-lead { font-weight: var(--type-h6-weight); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-decor { height: 208px; } }
@media (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-grid { left: calc(50% - 404px / 2 - var(--space-50) / 4); top: calc(-1 * var(--space-500)); width: 404px; height: 320px; transform: none; } }
@media (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-cell { width: var(--space-1450); height: var(--space-1450); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-r1 { top: var(--space-1450); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-r2 { top: 168px; } }
@media (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-r3 { top: 252px; } }
@media (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-c1 { left: var(--space-1450); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-c2 { left: 168px; } }
@media (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-c3 { left: 252px; } }
@media (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-c4 { left: 336px; } }
@media (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-tile { width: var(--space-1250); height: var(--space-1250); border-radius: var(--corner-radius-500); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-l { border-radius: var(--corner-radius-500); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-mv { transform-origin: 40.4762% 40.4762%; } }
@media (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-dicon { transform: scale(0.5); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-swap { transform: scale(0.6667); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-fade { border-radius: var(--corner-radius-500); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-fade-l { left: 0px; width: var(--space-2200); background: linear-gradient(90deg,var(--surface-brand-default) 0%,var(--surface-brand-default) 16%,var(--surface-black-void) 100%); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-fade-r { right: 0px; width: var(--space-2100); background: linear-gradient(270deg,var(--surface-brand-default) 0%,var(--surface-brand-default) 13%,var(--surface-black-void) 100%); } }
@media (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-fade-b { left: 0px; width: 100%; top: 53.125%; height: 46.875%; } }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-brk { flex-basis: 100%; width: 100%; height: 0px; margin: 0px; padding: 0px; }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { :is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-brk { display: none; } }
:is(body) [data-tw-shared="free-to-build-cta"][data-tw-shared="free-to-build-cta"] .cta-sec .cta-title .cta-br { display: block; }


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/sections/lp-ai-website-builder-page/css/lp-ai-website-builder-page.css */
/* AI website builder: the styles of the page's own elements outside its sections, every value a design-system token. Generated by tenweb-design. */
body.tw-lp-live.tw-lp-live [data-new="page-ft"] { font-family: var(--font-sans); font-size: var(--lp-figma-fs-14px); color: var(--lp-figma-c-141413); }
body.tw-lp-live.tw-lp-live [data-new="page-ft"] { font-weight: 400; }
body.tw-lp-live.tw-lp-live [data-new="page-ft"] { color: var(--lp-figma-c-121217); font-family: var(--font-sans); -webkit-font-smoothing: antialiased; }
body.tw-lp-live.tw-lp-live ._i70._i70._i70:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: contents; }
body.tw-lp-live.tw-lp-live ._i71._i71._i71:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-sans); }
:root { --lp-figma-fs-14px: 14px; --lp-figma-c-141413: rgb(20, 20, 19); --lp-figma-c-121217: #121217; }
body.tw-lp-live.tw-lp-live [data-new="page-lb"] { font-family: var(--font-sans); font-size: var(--lp-figma-fs-14px); color: var(--lp-figma-c-141413); }
body.tw-lp-live.tw-lp-live [data-new="page-lb"] { font-weight: 400; }
body.tw-lp-live.tw-lp-live [data-new="page-lb"] { color: var(--lp-figma-c-121217); font-family: var(--font-sans); -webkit-font-smoothing: antialiased; }
:root { --lp-figma-fs-14px: 14px; --lp-figma-c-141413: rgb(20, 20, 19); --lp-figma-c-121217: #121217; }
body.tw-lp-live.tw-lp-live [data-new="page-su"] { font-family: var(--font-sans); font-size: var(--lp-figma-fs-14px); color: var(--lp-figma-c-141413); }
body.tw-lp-live.tw-lp-live [data-new="page-su"] { font-weight: 400; }
body.tw-lp-live.tw-lp-live [data-new="page-su"] { color: var(--lp-figma-c-121217); font-family: var(--font-sans); -webkit-font-smoothing: antialiased; }
:root { --lp-figma-fs-14px: 14px; --lp-figma-c-141413: rgb(20, 20, 19); --lp-figma-c-121217: #121217; }
body.tw-lp-live.tw-lp-live [data-new="page-file"] { background-color: var(--surface-white-default); }
body.tw-lp-live.tw-lp-live [data-new="page-file"] { color: var(--lp-figma-c-141413); }
body.tw-lp-live.tw-lp-live [data-new="page-file"] { color: var(--lp-figma-c-121217); font-family: var(--font-sans); -webkit-font-smoothing: antialiased; }
:root { --lp-figma-c-141413: rgb(20, 20, 19); --lp-figma-c-121217: #121217; }
body.tw-lp-live.tw-lp-live [data-new="page-toast"] { font-family: var(--font-sans); font-size: var(--lp-figma-fs-14px); color: var(--lp-figma-c-141413); }
body.tw-lp-live.tw-lp-live [data-new="page-toast"] { font-weight: 400; }
body.tw-lp-live.tw-lp-live [data-new="page-toast"] { color: var(--lp-figma-c-121217); font-family: var(--font-sans); -webkit-font-smoothing: antialiased; }
:root { --lp-figma-fs-14px: 14px; --lp-figma-c-141413: rgb(20, 20, 19); --lp-figma-c-121217: #121217; }
body.tw-lp-live.tw-lp-live :root:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color-scheme: light; box-sizing: border-box; padding-top: env(safe-area-inset-top,0); padding-bottom: env(safe-area-inset-bottom,0); }
body.tw-lp-live.tw-lp-live html:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { scroll-padding-top: env(safe-area-inset-top,0); }
body.tw-lp-live.tw-lp-live :is(#hero:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #lb:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #su:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #toast:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #ft:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #file) img:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { max-width: 100%; }
body.tw-lp-live.tw-lp-live [hidden]:not([hidden="until-found" i]):not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: none !important; }
body.tw-lp-live.tw-lp-live *:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { box-sizing: border-box; }
body.tw-lp-live.tw-lp-live :is(#hero:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #lb:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #su:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #toast:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #ft:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #file) button:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; background: none; border: 0; cursor: pointer; padding: 0; }
body.tw-lp-live.tw-lp-live :is(#hero:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #lb:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #su:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #toast:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #ft:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #file) button:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: inherit; }
body.tw-lp-live.tw-lp-live :is(#hero:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #lb:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #su:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #toast:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #ft:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #file) input:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live :is(#hero:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #lb:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #su:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #toast:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #ft:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #file) textarea:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; }
body.tw-lp-live.tw-lp-live :is(#hero:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #lb:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #su:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #toast:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #ft:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #file) input:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live :is(#hero:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #lb:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #su:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #toast:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #ft:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #file) textarea:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: inherit; }
body.tw-lp-live.tw-lp-live :is(#hero:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #lb:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #su:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #toast:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #ft:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #file) svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; flex: 0 0 auto; }
body.tw-lp-live.tw-lp-live :is(#hero:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #lb:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #su:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #toast:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #ft:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #file) a:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: inherit; }
body.tw-lp-live.tw-lp-live .nav:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: sticky; top: 0; display: flex; align-items: center; gap: var(--space-900); height: var(--space-1350); padding: 0 var(--space-700) 0 var(--space-800); border-bottom: var(--space-25) solid var(--lp-figma-c-e4e4e9); z-index: 60; background: var(--lp-figma-c-fafafb86); backdrop-filter: blur(var(--lp-figma-blur-14px)); border-radius: var(--lp-figma-l-22px) var(--lp-figma-l-22px) 0 0; }
body.tw-lp-live.tw-lp-live .logo:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-22px); letter-spacing: var(--lp-figma-ls-0_88px); color: var(--lp-figma-c-111111); text-decoration: none; }
body.tw-lp-live.tw-lp-live .logo:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 700; }
body.tw-lp-live.tw-lp-live .links:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; gap: var(--lp-figma-l-30px); font-size: var(--lp-figma-fs-16px); color: var(--lp-figma-c-4a4a55); }
body.tw-lp-live.tw-lp-live .links a:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; align-items: center; gap: var(--space-200); text-decoration: none; transition: color 0.2s; }
body.tw-lp-live.tw-lp-live .links a:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-111111); }
body.tw-lp-live.tw-lp-live .links svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 0.7; }
body.tw-lp-live.tw-lp-live .nav-r:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-left: auto; display: flex; align-items: center; gap: var(--space-700); }
body.tw-lp-live.tw-lp-live .login:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-4a4a55); font-size: var(--lp-figma-fs-16px); text-decoration: none; }
body.tw-lp-live.tw-lp-live .login:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-111111); }
body.tw-lp-live.tw-lp-live .cta:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: 46px; padding: 0 var(--space-600); border-radius: var(--lp-figma-l-10px); background: var(--surface-brand-default); color: var(--text-white-default); font-size: var(--lp-figma-fs-16px); transition: background 0.2s, transform 0.2s; }
body.tw-lp-live.tw-lp-live .cta:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .cta:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-252bdd); }
body.tw-lp-live.tw-lp-live .burger:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: none; width: var(--element-xlg); height: var(--element-xlg); border-radius: var(--lp-figma-l-10px); place-items: center; color: var(--lp-figma-c-111111); }
body.tw-lp-live.tw-lp-live .burger:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-ededf1); }
body.tw-lp-live.tw-lp-live .sheet:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: none; }
@media (min-width: 1261px) { body.tw-lp-live.tw-lp-live .hero:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; overflow-x: clip; display: flex; flex-direction: column; align-items: center; text-align: center; min-height: calc(100dvh - var(--space-1350) - var(--space-500)); padding: clamp(var(--space-2100), 24vh, calc(var(--space-2900) + var(--space-1800))) var(--space-600) calc(var(--space-2100) + var(--space-1600) + var(--space-100)); transition: padding .55s cubic-bezier(.16,1,.3,1); } }
@media (min-width: 1261px) { body.tw-lp-live.tw-lp-live .hero > h1:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; } }
body.tw-lp-live.tw-lp-live .mq-row.rev:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-direction: reverse; }
body.tw-lp-live.tw-lp-live .composer.focus .field:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-color: var(--lp-figma-c-c4c4cb); }
body.tw-lp-live.tw-lp-live .composer.settled .field:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-color: var(--border-brand-half); box-shadow: var(--lp-figma-c-3339f108) 0 0 0 var(--space-100), var(--lp-figma-c-1e1e4628) 0 var(--lp-figma-l-18px) var(--space-950) var(--lp-figma-l-18px-2); }
body.tw-lp-live.tw-lp-live .aura .wv:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transform-box: view-box; transform-origin: 50% 100%; }
body.tw-lp-live.tw-lp-live .hero.glow .proof:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { text-shadow: var(--lp-figma-c-281e7835) 0 var(--space-25) var(--lp-figma-l-14px); }
body.tw-lp-live.tw-lp-live .hero.glow .proof .pr + .pr:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-left-color: var(--border-white-mid); }
body.tw-lp-live.tw-lp-live .hero.glow .proof .rs .on svg path:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { fill: var(--element-white-default); }
body.tw-lp-live.tw-lp-live .hero.glow .proof .rs > svg path:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { fill: var(--lp-figma-c-ffffff35); }
body.tw-lp-live.tw-lp-live .pr + .pr:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-left: var(--space-25) solid var(--lp-figma-c-e4e4ea); }
body.tw-lp-live.tw-lp-live .rs .on svg:nth-child(1):not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 0.35s; }
body.tw-lp-live.tw-lp-live .rs .on svg:nth-child(2):not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 0.42s; }
body.tw-lp-live.tw-lp-live .rs .on svg:nth-child(3):not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 0.49s; }
body.tw-lp-live.tw-lp-live .rs .on svg:nth-child(4):not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 0.56s; }
body.tw-lp-live.tw-lp-live .rs .on svg:nth-child(5):not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 0.63s; }
body.tw-lp-live.tw-lp-live .urlw .fi:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding-left: var(--space-900); }
body.tw-lp-live.tw-lp-live .hero > .proof:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 1.1s; }
body.tw-lp-live.tw-lp-live .rv.in .ch:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-duration: 0.95s; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: page-rvIn; animation-timeline: auto; animation-range: normal; animation-delay: calc(var(--i) * 26ms); }
body.tw-lp-live.tw-lp-live .il-cursor path:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { fill: var(--element-white-default); stroke: var(--lp-figma-c-141416-2); }
body.tw-lp-live.tw-lp-live .tst.car div:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { flex-basis: calc(50% - var(--lp-figma-l-3px)); }
@keyframes page-spin { 100% { ; } }
@keyframes page-shim { 100% { background-position: -200% 0; } }
body.tw-lp-live.tw-lp-live #s3.seen .pl:nth-child(2):not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #s3.seen .col3:nth-child(2):not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 0.1s; }
body.tw-lp-live.tw-lp-live #s3.seen .pl:nth-child(3):not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #s3.seen .col3:nth-child(3):not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 0.2s; }
body.tw-lp-live.tw-lp-live .rv-sub.in .ch:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-rvSub; }
body.tw-lp-live.tw-lp-live .rv.rv-sub.in .ch:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-duration: 0.6s; animation-delay: calc(350ms + var(--i) * 8ms); }
body.tw-lp-live.tw-lp-live #s3 .rv.in .ch:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #s5 .rv.in .ch:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-rvInC; }
body.tw-lp-live.tw-lp-live #s3 .rv.rv-sub.in .ch:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #s5 .rv.rv-sub.in .ch:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-rvSub; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-tg0:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-cta-rv0; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-tg1:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-cta-rv1; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-tg2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-cta-rv2; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-tg3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-cta-rv3; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t0:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 0ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t1:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 26ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 52ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 78ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t4:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 104ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t5:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 130ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t6:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 156ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t7:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 182ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t8:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 208ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t9:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 234ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t10:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 260ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t11:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 286ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t12:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 312ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t13:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 338ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t14:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 364ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t15:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 390ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t16:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 416ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t17:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 442ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t18:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 468ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t19:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 494ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t20:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 520ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t21:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 546ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t22:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 572ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t23:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 598ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t24:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 624ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t25:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 350ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t26:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 358ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t27:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 366ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t28:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 374ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t29:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 382ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t30:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 390ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t31:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 398ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t32:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 406ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t33:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 414ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t34:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 422ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t35:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 430ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t36:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 438ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t37:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 446ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t38:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 454ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t39:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 462ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t40:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 470ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t41:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 478ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t42:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 486ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t43:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 494ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t44:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 502ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t45:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 510ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t46:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 518ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t47:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 526ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t48:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 534ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t49:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 542ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t50:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 550ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t51:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 558ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t52:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 566ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t53:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 574ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t54:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 582ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t55:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 590ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t56:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 598ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t57:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 606ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t58:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 614ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t59:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 622ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t60:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 630ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t61:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 638ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t62:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 646ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t63:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 654ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t64:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 662ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t65:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 670ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t66:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 678ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t67:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 686ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t68:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 694ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t69:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 702ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t70:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 710ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t71:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 718ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t72:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 726ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t73:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 734ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t74:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 742ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t75:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 750ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t76:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 758ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t77:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 766ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t78:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 774ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t79:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 782ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-outer:not(.cta-in) .cta-ch:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-play-state: paused; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t80:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 650ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t81:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 676ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t82:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 702ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-t83:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 728ms; }
body.tw-lp-live.tw-lp-live .eg-section.eg-section:has([data-new="features"]):not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background-color: var(--surface-white-default); }
body.tw-lp-live.tw-lp-live .eg-section.eg-section:has([data-new="business-types"]):not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background-color: var(--lp-figma-c-f8f8f8); }
body.tw-lp-live.tw-lp-live .eg-section.eg-section:has([data-new="stories"]):not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background-color: var(--surface-white-default); }
body.tw-lp-live.tw-lp-live .bwh .bwh-rings .bwh-rd:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { stroke-dasharray: 2 6; }
:root { --lp-figma-c-e4e4e9: #E4E4E9; --lp-figma-c-fafafb86: rgba(250, 250, 251, 0.86); --lp-figma-blur-14px: 14px; --lp-figma-l-22px: 22px; --lp-figma-fs-22px: 22px; --lp-figma-ls-0_88px: -0.88px; --lp-figma-c-111111: rgb(17, 17, 17); --lp-figma-l-30px: 30px; --lp-figma-fs-16px: 16px; --lp-figma-c-4a4a55: rgb(74, 74, 85); --lp-figma-l-10px: 10px; --lp-figma-c-252bdd: rgb(37, 43, 221); --lp-figma-c-ededf1: rgb(237, 237, 241); --lp-figma-c-3339f113: rgba(51, 57, 241, 0.13); --lp-figma-c-3339f104: rgba(51, 57, 241, 0.04); --lp-figma-fs-61_92px: 61.92px; --lp-figma-ls-2_79px: -2.79px; --lp-figma-c-121217: #121217; --lp-figma-fs-34px: 34px; --lp-figma-ls-1_53px: -1.53px; --lp-figma-fs-13px: 13px; --lp-figma-ls-1_04px: 1.04px; --lp-figma-c-6b6b78: #6B6B78; --lp-figma-l-14px: 14px; --lp-figma-fs-20px: 20px; --lp-figma-ls-0_2px: -0.2px; --lp-figma-fs-15px: 15px; --lp-figma-ls-0_15px: -0.15px; --lp-figma-l-5px: 5px; --lp-figma-fs-14_5px: 14.5px; --lp-figma-c-3f3f46: rgb(63, 63, 70); --lp-figma-l-18px: 18px; --lp-figma-c-141416: #141416; --lp-figma-l-28px: 28px; --lp-figma-c-3339f160: rgba(51,57,241,.6); --lp-figma-l-2_5px: -2.5px; --lp-figma-l-30_5px: 30.5px; --lp-figma-l-2_5px-2: 2.5px; --lp-figma-c-3339f155: rgba(51,57,241,.55); --lp-figma-c-3339f120: rgba(51,57,241,.2); --lp-figma-c-3339f115: rgba(51,57,241,.15); --lp-figma-c-c4c4cb: rgb(196, 196, 203); --lp-figma-blur-30px: 30px; --lp-figma-c-3339f108: rgba(51, 57, 241, 0.08); --lp-figma-c-1e1e4628: rgba(30, 30, 70, 0.28); --lp-figma-l-18px-2: -18px; --lp-figma-c-e2e2e7: rgb(226, 226, 231); --lp-figma-c-00000004: rgba(0, 0, 0, 0.04); --lp-figma-c-f6f6f8: rgb(246, 246, 248); --lp-figma-c-e7e7ea: #E7E7EA; --lp-figma-c-efeff3: rgb(239, 239, 243); --lp-figma-c-3339f114: rgba(51,57,241,.14); --lp-figma-l-3px: 3px; --lp-figma-l-1_5px: 1.5px; --lp-figma-c-11111462: rgba(17, 17, 20, 0.62); --lp-figma-fs-10px: 10px; --lp-figma-ls-0_28px: 0.28px; --lp-figma-blur-4px: 4px; --lp-figma-c-11111435: rgba(17, 17, 20, 0.35); --lp-figma-blur-38px: 38px; --lp-figma-c-ffffff90: rgba(255, 255, 255, 0.9); --lp-figma-blur-8px: 8px; --lp-figma-l-150px: 150px; --lp-figma-c-2b30dd: rgb(43, 48, 221); --lp-figma-c-3338e6: rgb(51, 56, 230); --lp-figma-c-3c41ec: rgb(60, 65, 236); --lp-figma-c-464cf050: rgba(70, 76, 240, 0.5); --lp-figma-blur-22px: 22px; --lp-figma-c-281e7835: rgba(40, 30, 120, 0.35); --lp-figma-c-ffffff82: rgba(255, 255, 255, 0.82); --lp-figma-c-ffffff35: rgba(255, 255, 255, 0.35); --lp-figma-c-ffffff85: rgba(255, 255, 255, 0.85); --lp-figma-c-e4e4ea: rgb(228, 228, 234); --lp-figma-ls-0_6px: -0.6px; --lp-figma-c-141416-2: rgb(20, 20, 22); --lp-figma-ls-0_51px: -0.51px; --lp-figma-c-8a8a93: rgb(138, 138, 147); --lp-figma-ls-0_06px: -0.06px; --lp-figma-lh-0: 0; --lp-figma-fs-17px: 17px; --lp-figma-fs-11_5px: 11.5px; --lp-figma-c-3f3f46-2: #3f3f46; --lp-figma-fs-12_5px: 12.5px; --lp-figma-c-9a9aa3: rgb(154, 154, 163); --lp-figma-ls-0_56px: 0.56px; --lp-figma-c-52525b: rgb(82, 82, 91); --lp-figma-fs-18px: 18px; --lp-figma-c-14141845: rgba(20, 20, 24, 0.45); --lp-figma-fs-13_5px: 13.5px; --lp-figma-c-71717a: rgb(113, 113, 122); --lp-figma-l-4_9px: 4.9px; --lp-figma-fs-24px: 24px; --lp-figma-l-2_8px: 2.8px; --lp-figma-l-4_2px: 4.2px; --lp-figma-ls-0_28px-2: -0.28px; --lp-figma-l-6_3px: 6.3px; --lp-figma-l-1_4px: 1.4px; --lp-figma-l-7px: 7px; --lp-figma-c-d4d4db: rgb(212, 212, 219); --lp-figma-c-55555e: rgb(85, 85, 94); --lp-figma-fs-11_9px: 11.9px; --lp-figma-c-f1f1f5: rgb(241, 241, 245); --lp-figma-c-e6e6ec: rgb(230, 230, 236); --lp-figma-c-f6f6f9: rgb(246, 246, 249); --lp-figma-c-e2e2e8: rgb(226, 226, 232); --lp-figma-l-8_4px: 8.4px; --lp-figma-c-9a9aa1: rgb(154, 154, 161); --lp-figma-blur-2px: 2px; --lp-figma-c-b5b5bc: rgb(181, 181, 188); --lp-figma-l-3px-2: -3px; --lp-figma-c-f3f3f5: #F3F3F5; --lp-figma-l-10px-2: -10px; --lp-figma-c-b3b5f9: #B3B5F9; --lp-figma-c-3339f170: rgba(51, 57, 241, 0.7); --lp-figma-c-ef4444: rgb(239, 68, 68); --lp-figma-c-dc2626: rgb(220, 38, 38); --lp-figma-c-8b8b93: #8b8b93; --lp-figma-fs-14px: 14px; --lp-figma-l-999px: 999px; --lp-figma-c-f0f0f3: rgb(240, 240, 243); --lp-figma-c-d9d9de: #D9D9DE; --lp-figma-l-9px: -9px; --lp-figma-blur-3px: 3px; --lp-figma-l-9px-2: 9px; --lp-figma-c-f1f1f4: rgb(241, 241, 244); --lp-figma-c-e6e6ea: rgb(230, 230, 234); --lp-figma-l-11px: 11px; --lp-figma-c-e3e3e9: rgb(227, 227, 233); --lp-figma-c-dddde4: rgb(221, 221, 228); --lp-figma-ls-0_18px: -0.18px; --lp-figma-c-fafafb82: rgba(250, 250, 251, 0.82); --lp-figma-c-00000035: rgba(0, 0, 0, 0.35); --lp-figma-c-00000006: rgba(0, 0, 0, 0.06); --lp-figma-lh-28px: 28px; --lp-figma-fs-11px: 11px; --lp-figma-ls-0_84px: 0.84px; --lp-figma-c-7a7a84: rgb(122, 122, 132); --lp-figma-fs-12px: 12px; --lp-figma-fs-10_5px: 10.5px; --lp-figma-l-99px: 99px; --lp-figma-c-8b8b93-2: rgb(139, 139, 147); --lp-figma-l-5px-2: -5px; --lp-figma-c-00000008: rgba(0, 0, 0, 0.08); --lp-figma-c-00000007: rgba(0, 0, 0, 0.07); --lp-figma-fs-9_5px: 9.5px; --lp-figma-c-ef444412: rgba(239, 68, 68, 0.12); --lp-figma-c-2a2a30: rgb(42, 42, 48); --lp-figma-c-f6f6ff: rgb(246, 246, 255); --lp-figma-c-14142822: rgba(20, 20, 40, 0.22); --lp-figma-l-34px: 34px; --lp-figma-l-14px-2: -14px; --lp-figma-c-6b6b74: rgb(107, 107, 116); --lp-figma-c-17171d: rgb(23, 23, 29); --lp-figma-c-00000045: rgba(0, 0, 0, 0.45); --lp-figma-c-d8d8e0: rgb(216, 216, 224); --lp-figma-c-2c2c35: rgb(44, 44, 53); --lp-figma-c-34343e: rgb(52, 52, 62); --lp-figma-c-23232b: rgb(35, 35, 43); --lp-figma-c-14141e35: rgba(20, 20, 30, 0.35); --lp-figma-c-f2f2f5: rgb(242, 242, 245); --lp-figma-c-62626b: rgb(98, 98, 107); --lp-figma-l-38px: 38px; --lp-figma-c-cfcfd6: rgb(207, 207, 214); --lp-figma-fs-27px: 27px; --lp-figma-ls-0_67px: -0.67px; --lp-figma-c-c4c4ca: rgb(196, 196, 202); --lp-figma-c-fafafb: rgb(250, 250, 251); --lp-figma-c-e8e8e6: rgb(232, 232, 230); --lp-figma-c-fafaf9: rgb(250, 250, 249); --lp-figma-c-1c1c20: rgb(28, 28, 32); --lp-figma-c-f3f3f6: rgb(243, 243, 246); --lp-figma-c-c9c9ce: rgb(201, 201, 206); --lp-figma-c-a9a9b0: rgb(169, 169, 176); --lp-figma-c-8b8ef9: rgb(139, 142, 249); --lp-figma-fs-31px: 31px; --lp-figma-ls-0_77px: -0.77px; --lp-figma-fs-30_72px: 30.72px; --lp-figma-c-16161f: rgb(22, 22, 31); --lp-figma-c-262633: rgb(38, 38, 51); --lp-figma-c-dcdce1: rgb(220, 220, 225); --lp-figma-c-14141e20: rgba(20, 20, 30, 0.2); --lp-figma-l-26px: 26px; --lp-figma-c-20202a88: rgba(32, 32, 42, 0.88); --lp-figma-c-34343f: rgb(52, 52, 63); --lp-figma-c-a4a4b4: rgb(164, 164, 180); --lp-figma-c-3a3a46: rgb(58, 58, 70); --lp-figma-c-d0d0da: rgb(208, 208, 218); --lp-figma-c-2c2c38: rgb(44, 44, 56); --lp-figma-c-4a4a58: rgb(74, 74, 88); --lp-figma-c-14141e32: rgba(20, 20, 30, 0.32); --lp-figma-l-20px: 20px; --lp-figma-c-00000018: rgba(0, 0, 0, 0.18); --lp-figma-l-19px: -19px; --lp-figma-c-d4d4da: rgb(212, 212, 218); --lp-figma-c-e9e9ee: rgb(233, 233, 238); --lp-figma-l-56px: 56px; --lp-figma-c-101012: rgb(16, 16, 18); --lp-figma-c-2a2a2e: rgb(42, 42, 46); --lp-figma-l-70px: 70px; --lp-figma-l-44px: 44px; --lp-figma-c-6b6b78-2: rgb(107, 107, 120); --lp-figma-c-14142815: rgba(20, 20, 40, 0.15); --lp-figma-l-13px: 13px; --lp-figma-c-222222: rgb(34, 34, 34); --lp-figma-l-90px: 90px; --lp-figma-fs-42px: 42px; --lp-figma-ls-1_89px: -1.89px; --lp-figma-fs-28px: 28px; --lp-figma-ls-1_26px: -1.26px; --lp-figma-ls-0_14px: -0.14px; --lp-figma-c-a3a3ad: rgb(163, 163, 173); --lp-figma-l-54px: 54px; --lp-figma-ls-0_22px: -0.22px; --lp-figma-ls-0_17px: -0.17px; --lp-figma-c-55555f: rgb(85, 85, 95); --lp-figma-c-f5f5f8: rgb(245, 245, 248); --lp-figma-c-d9d9e2: rgb(217, 217, 226); --lp-figma-l-1_2px: 1.2px; --lp-figma-c-3339f128: rgba(51, 57, 241, 0.28); --lp-figma-blur-10px: 10px; --lp-figma-c-14143c35: rgba(20, 20, 60, 0.35); --lp-figma-l-30px-2: -30px; --lp-figma-c-eeeef2: rgb(238, 238, 242); --lp-figma-c-fbfbfc: rgb(251, 251, 252); --lp-figma-c-e9f9ef: rgb(233, 249, 239); --lp-figma-c-15803d: rgb(21, 128, 61); --lp-figma-c-22c55e: rgb(34, 197, 94); --lp-figma-c-22c55e20: rgba(34, 197, 94, 0.2); --lp-figma-c-f0f0f4: rgb(240, 240, 244); --lp-figma-c-f7f7fa: rgb(247, 247, 250); --lp-figma-c-1e1e5a35: rgba(30, 30, 90, 0.35); --lp-figma-c-3339f106: rgba(51, 57, 241, 0.06); --lp-figma-l-22px-2: -22px; --lp-figma-c-14142860: rgba(20, 20, 40, 0.6); --lp-figma-c-ffffff25: rgba(255, 255, 255, 0.25); --lp-figma-c-ffffff55: rgba(255, 255, 255, 0.55); --lp-figma-c-2a1f1a: rgb(42, 31, 26); --lp-figma-c-f3e4da: rgb(243, 228, 218); --lp-figma-c-e9cdbe: rgb(233, 205, 190); --lp-figma-c-c99a85: rgb(201, 154, 133); --lp-figma-c-ffffff53: rgba(255, 255, 255, 0.533); --lp-figma-fs-30px: 30px; --lp-figma-c-5c463b: rgb(92, 70, 59); --lp-figma-c-efe7e2: rgb(239, 231, 226); --lp-figma-c-6b5a50: rgb(107, 90, 80); --lp-figma-c-f6ece6: rgb(246, 236, 230); --lp-figma-c-e8d3c7: rgb(232, 211, 199); --lp-figma-c-ede6f2: rgb(237, 230, 242); --lp-figma-c-d8cbe3: rgb(216, 203, 227); --lp-figma-c-e5efea: rgb(229, 239, 234); --lp-figma-c-c9ddd2: rgb(201, 221, 210); --lp-figma-c-8b7d74: rgb(139, 125, 116); --lp-figma-c-faf6f3: rgb(250, 246, 243); --lp-figma-c-eadfd8: rgb(234, 223, 216); --lp-figma-c-16a34a: rgb(22, 163, 74); --lp-figma-c-14143c40: rgba(20, 20, 60, 0.4); --lp-figma-l-50px: 50px; --lp-figma-c-f3c7b5: rgb(243, 199, 181); --lp-figma-c-c98a70: rgb(201, 138, 112); --lp-figma-c-eef0ff: rgb(238, 240, 255); --lp-figma-c-5a2a3a: rgb(90, 42, 58); --lp-figma-c-fbeff2: rgb(251, 239, 242); --lp-figma-fs-9px: 9px; --lp-figma-c-f1e6ea: rgb(241, 230, 234); --lp-figma-c-8b6b76: rgb(139, 107, 118); --lp-figma-c-ffffff45: rgba(255, 255, 255, 0.45); --lp-figma-c-3a1f29: rgb(58, 31, 41); --lp-figma-c-dcdce3: rgb(220, 220, 227); --lp-figma-c-1a1f71: rgb(26, 31, 113); --lp-figma-c-e7ebe7: rgb(231, 235, 231); --lp-figma-c-f1f7f2: rgb(241, 247, 242); --lp-figma-c-2f6b3f: rgb(47, 107, 63); --lp-figma-c-c9c9d2: rgb(201, 201, 210); --lp-figma-c-2a2a33: rgb(42, 42, 51); --lp-figma-c-9ca3ff: rgb(156, 163, 255); --lp-figma-ls-0_7px: 0.7px; --lp-figma-c-e7e7ec: rgb(231, 231, 236); --lp-figma-c-00000003: rgba(0, 0, 0, 0.03); --lp-figma-c-bbf7d0: rgb(187, 247, 208); --lp-figma-c-f3fcf6: rgb(243, 252, 246); --lp-figma-c-14142808: rgba(20, 20, 40, 0.08); --lp-figma-c-d6d7fb: rgb(214, 215, 251); --lp-figma-c-f7f7ff: rgb(247, 247, 255); --lp-figma-c-ececf6: rgb(236, 236, 246); --lp-figma-ls-0_55px: -0.55px; --lp-figma-l-58px: 58px; --lp-figma-c-3339f135: rgba(51, 57, 241, 0.35); --lp-figma-c-00000005: rgba(0, 0, 0, 0.05); --lp-figma-fs-19px: 19px; --lp-figma-c-a3a3ae: rgb(163, 163, 174); --lp-figma-ls-0_19px: -0.19px; --lp-figma-c-e7e7ea-2: rgb(231, 231, 234); --lp-figma-c-ececf1: rgb(236, 236, 241); --lp-figma-c-1e1e5a30: rgba(30, 30, 90, 0.3); --lp-figma-fs-32px: 32px; --lp-figma-ls-0_96px: -0.96px; --lp-figma-c-f5f5ff: rgb(245, 245, 255); --lp-figma-c-4ade80: rgb(74, 222, 128); --lp-figma-c-3339f145: rgba(51, 57, 241, 0.45); --lp-figma-c-f3f3f7: rgb(243, 243, 247); --lp-figma-l-66px: 66px; --lp-figma-c-00000025: rgba(0, 0, 0, 0.25); --lp-figma-c-232332: rgb(35, 35, 50); --lp-figma-c-3339f155-2: rgba(51, 57, 241, 0.55); --lp-figma-c-8d8da2: rgb(141, 141, 162); --lp-figma-c-c9c9d6: rgb(201, 201, 214); --lp-figma-c-ffffff14: rgba(255, 255, 255, 0.14); --lp-figma-c-20202e: rgb(32, 32, 46); --lp-figma-c-ffffff06: rgba(255, 255, 255, 0.06); --lp-figma-c-2e2e42: rgb(46, 46, 66); --lp-figma-c-ffffff12: rgba(255, 255, 255, 0.12); --lp-figma-c-3339f118: rgba(51, 57, 241, 0.18); --lp-figma-c-6e72f7: rgb(110, 114, 247); --lp-figma-c-e4e4ee: rgb(228, 228, 238); --lp-figma-c-22c55e14: rgba(34, 197, 94, 0.14); --lp-figma-c-18182090: rgba(24, 24, 32, 0.9); --lp-figma-c-00000040: rgba(0, 0, 0, 0.4); --lp-figma-c-14142812: rgba(20, 20, 40, 0.12); --lp-figma-c-14142804: rgba(20, 20, 40, 0.04); --lp-figma-c-f6f6fa: rgb(246, 246, 250); --lp-figma-c-ececf3: rgb(236, 236, 243); --lp-figma-l-19px-2: 19px; --lp-figma-ls-0_78px: -0.78px; --lp-figma-fs-15_5px: 15.5px; --lp-figma-c-7a7a85: rgb(122, 122, 133); --lp-figma-ls-0_42px: -0.42px; --lp-figma-c-f7f7f9: rgb(247, 247, 249); --lp-figma-fs-26px: 26px; --lp-figma-ls-0_91px: -0.91px; --lp-figma-ls-0_7px-2: -0.7px; --lp-figma-c-1f1f24: rgb(31, 31, 36); --lp-figma-c-1d1a24: rgb(29, 26, 36); --lp-figma-c-2b2236: rgb(43, 34, 54); --lp-figma-c-3b2a33: rgb(59, 42, 51); --lp-figma-c-cfc4d6: rgb(207, 196, 214); --lp-figma-c-e3d6ce: rgb(227, 214, 206); --lp-figma-c-26262e: rgb(38, 38, 46); --lp-figma-l-3_5px: 3.5px; --lp-figma-c-f3f3ff: rgb(243, 243, 255); --lp-figma-c-c9caf6: rgb(201, 202, 246); --lp-figma-ls-0_3px: -0.3px; --lp-figma-ls-0_25px: -0.25px; --lp-figma-c-ebecfe: rgb(235, 236, 254); --lp-figma-c-e6e6ee: rgb(230, 230, 238); --lp-figma-l-110px: 110px; --lp-figma-ls-0_78px-2: 0.78px; --lp-figma-c-ffffff75: rgba(255, 255, 255, 0.75); --lp-figma-c-ffffff22: rgba(255, 255, 255, 0.22); --lp-figma-blur-6px: 6px; --lp-figma-ls-0_72px: 0.72px; --lp-figma-fs-63_36px: 63.36px; --lp-figma-ls-2_85px: -2.85px; --lp-figma-fs-33_792px: 33.792px; --lp-figma-ls-1_52px: -1.52px; --lp-figma-c-1e1e4630: rgba(30, 30, 70, 0.3); --lp-figma-c-3339f112: rgba(51, 57, 241, 0.12); --lp-figma-c-dadcff: rgb(218, 220, 255); --lp-figma-c-14151f12: rgba(20,21,31,.12); --lp-figma-lh-20px: 20px; --lp-figma-fs-40px: 40px; --lp-figma-lh-52px: 52px; --lp-figma-c-14151f: #14151f; --lp-figma-lh-30px: 30px; --lp-figma-c-14151f70: rgba(20,21,31,.7); --lp-figma-c-3339f116: rgba(51,57,241,.16); --lp-figma-c-14151f50: rgba(20,21,31,.5); --lp-figma-lh-40px: 40px; --lp-figma-lh-24px: 24px; --lp-figma-lh-18px: 18px; --lp-figma-lh-32px: 32px; --lp-figma-ls-_025em: -.025em; --lp-figma-lh-21px: 21px; --lp-figma-c-0a0a10: #0a0a10; --lp-figma-c-14151f80: rgba(20, 21, 31, 0.8); --lp-figma-c-14151f-2: rgb(20, 21, 31); --lp-figma-blur-0_6px: 0.6px; --lp-figma-blur-1_4px: 1.4px; --lp-figma-blur-2_4px: 2.4px; --lp-figma-c-eaeaf0: rgb(234, 234, 240); --lp-figma-l-1_6px: 1.6px; --lp-figma-l-17px: -17px; --lp-figma-c-14151f50-2: rgba(20, 21, 31, 0.5); --lp-figma-c-14151f10: rgba(20, 21, 31, 0.1); --lp-figma-c-14151f06: rgba(20, 21, 31, 0.06); --lp-figma-c-23242f90: rgba(35, 36, 47, 0.9); --lp-figma-c-ffffff04: rgba(255, 255, 255, 0.04); --lp-figma-c-ffffff14-2: rgba(255,255,255,.14); --lp-figma-blur-25px: 25px; --lp-figma-c-ffffff08: rgba(255,255,255,.08); --lp-figma-c-ffffff75-2: rgba(255,255,255,.75); --lp-figma-c-22232c: #22232c; --lp-figma-c-14151f12-2: rgba(20,21,31,0.12); --lp-figma-l-49px: -49px; --lp-figma-c-f4ebf8: rgb(244, 235, 248); --lp-figma-fs-18_46px: 18.46px; --lp-figma-l-0_5px: 0.5px; --lp-figma-c-14151f12-3: rgba(20, 21, 31, 0.12); --lp-figma-l-43px: -43px; --lp-figma-l-110px-2: -110px; --lp-figma-fs-14_77px: 14.77px; --lp-figma-c-14151f03: rgba(20,21,31,.03); --lp-figma-c-14151f08: rgba(20,21,31,.08); --lp-figma-c-f8f8f8: #f8f8f8; --lp-figma-blur-20px: 20px; --lp-figma-c-14151f06-2: rgba(20,21,31,.06); --lp-figma-c-14151f70-2: rgba(20, 21, 31, 0.7); --lp-figma-c-14151f03-2: rgba(20, 21, 31, 0.03); }


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/sections/lp-ai-website-builder-page/css/lp-ai-website-builder-page-768.css */
/* AI website builder: the styles of the page's own elements outside its sections on tablet, and 30 rules that must come after them (the files load in order, so the cascade stays as written), every value a design-system token. Generated by tenweb-design. */
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .hero:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; overflow-x: clip; display: flex; flex-direction: column; align-items: center; text-align: center; min-height: calc(100dvh - var(--space-1200) - var(--space-500)); padding: clamp(var(--space-2100), 24vh, calc(var(--space-2900) + var(--space-1800))) var(--space-600) calc(var(--space-2100) + var(--space-1600) + var(--space-100)); transition: padding .55s cubic-bezier(.16,1,.3,1); } }
body.tw-lp-live.tw-lp-live .hero:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::before { content: ""; position: absolute; left: 50%; top: 330px; width: min(1100px, 100%); height: 560px; transform: translateX(-50%); background: radial-gradient(closest-side, var(--lp-figma-c-3339f113), var(--lp-figma-c-3339f104) 55%, transparent); pointer-events: none; }
@media (min-width: 1261px) { body.tw-lp-live.tw-lp-live .hero > h1:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; z-index: 1; margin: 0; font-size: var(--lp-figma-fs-61_92px); line-height: 1.05; letter-spacing: var(--lp-figma-ls-2_79px); color: var(--lp-figma-c-121217); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .hero > h1:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; z-index: 1; margin: 0; font-size: var(--lp-figma-fs-34px); line-height: 1.05; letter-spacing: var(--lp-figma-ls-1_53px); color: var(--lp-figma-c-121217); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .hero > h1:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; } }
body.tw-lp-live.tw-lp-live .hero > .ovl:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; z-index: 1; margin: 0 0 var(--space-500); font-size: var(--lp-figma-fs-13px); letter-spacing: var(--lp-figma-ls-1_04px); text-transform: uppercase; color: var(--lp-figma-c-6b6b78); }
body.tw-lp-live.tw-lp-live .hero > .ovl:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
@media (min-width: 1261px) { body.tw-lp-live.tw-lp-live .hero > .sub:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; z-index: 1; margin: var(--lp-figma-l-14px) 0 var(--space-950); font-size: var(--lp-figma-fs-20px); line-height: 1.4; color: var(--lp-figma-c-6b6b78); letter-spacing: var(--lp-figma-ls-0_2px); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .hero > .sub:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; z-index: 1; margin: var(--lp-figma-l-14px) 0 var(--space-950); font-size: var(--lp-figma-fs-15px); line-height: 1.4; color: var(--lp-figma-c-6b6b78); letter-spacing: var(--lp-figma-ls-0_15px); } }
body.tw-lp-live.tw-lp-live .mq:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; width: calc(100% + var(--space-900)); margin: calc(-1 * var(--space-900)) calc(-1 * var(--space-600)) var(--lp-figma-l-30px); height: 176px; display: flex; flex-direction: column; justify-content: center; gap: var(--space-300); overflow: hidden; pointer-events: none; user-select: none; mask-image: linear-gradient(90deg, transparent, var(--element-black-default) 14%, var(--element-black-default) 86%, transparent); transition: height .55s cubic-bezier(.16,1,.3,1),opacity .4s,margin .55s cubic-bezier(.16,1,.3,1); }
body.tw-lp-live.tw-lp-live .hero.nomq .mq:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: 0; opacity: 0; margin-top: 0; margin-bottom: 0; }
body.tw-lp-live.tw-lp-live .hero.mqb .mq:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: var(--space-1100) calc(-1 * var(--space-600)) calc(-1 * var(--space-900)); }
body.tw-lp-live.tw-lp-live .hero.nomq.mqb .mq:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-top: 0; margin-bottom: 0; }
body.tw-lp-live.tw-lp-live .mq.moving:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transition: opacity 0.2s; opacity: 0 !important; }
body.tw-lp-live.tw-lp-live .dbtn.pos:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; align-items: center; gap: var(--lp-figma-l-5px); }
body.tw-lp-live.tw-lp-live .dbtn.rl:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: grid; place-items: center; width: 34px; padding: 0; }
body.tw-lp-live.tw-lp-live .dbtn.rl:active svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transform: rotate(-120deg); transition: transform 0.3s; }
body.tw-lp-live.tw-lp-live .dbtn.pos:disabled:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 0.4; cursor: default; }
body.tw-lp-live.tw-lp-live .mq-row:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; width: max-content; animation: page-mq 70s linear infinite; }
body.tw-lp-live.tw-lp-live .mq-row:nth-child(1):not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .mq-row:nth-child(4):not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 0.12; }
body.tw-lp-live.tw-lp-live .mq-row:nth-child(2):not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .mq-row:nth-child(3):not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 0.34; }
body.tw-lp-live.tw-lp-live .mq-i:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; align-items: center; gap: var(--space-300); padding: var(--space-200) var(--space-500); font-family: var(--font-sans); font-size: var(--lp-figma-fs-14_5px); color: var(--lp-figma-c-3f3f46); white-space: nowrap; }
body.tw-lp-live.tw-lp-live .mq-i:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 500; }
body.tw-lp-live.tw-lp-live .mq-i svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 18px; height: 18px; filter: grayscale(1) contrast(0.9); opacity: 0.75; }
body.tw-lp-live.tw-lp-live .mq-i .cap:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: inherit; }
body.tw-lp-live.tw-lp-live .att-in:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { overflow: hidden; min-height: 0; }
body.tw-lp-live.tw-lp-live .att-row.fl:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { mask-image: linear-gradient(90deg, transparent, var(--element-black-default) var(--space-850)); }
body.tw-lp-live.tw-lp-live .att-row.fr:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { mask-image: linear-gradient(90deg, var(--element-black-default) calc(100% - var(--space-850)), transparent); }
body.tw-lp-live.tw-lp-live .att-row.fl.fr:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { mask-image: linear-gradient(90deg, transparent, var(--element-black-default) var(--space-850), var(--element-black-default) calc(100% - var(--space-850)), transparent); }
body.tw-lp-live.tw-lp-live .chip.img .ib:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .hero.glow .mq:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { mask-image: none; }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .pr .v:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 650; } }
body.tw-lp-live.tw-lp-live .hero.mqb .proof + .mq:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-top: var(--space-900); }
body.tw-lp-live.tw-lp-live .aura .grain:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { mask-image: linear-gradient(transparent 0,transparent 40%,var(--element-black-default) calc(40% + 18%)); }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live #s3 .pv > *:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { zoom: 1.5; } }


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/sections/lp-ai-website-builder-page/css/lp-ai-website-builder-page-320.css */
/* AI website builder: the styles of the page's own elements outside its sections on mobile, and 1620 rules that must come after them (the files load in order, so the cascade stays as written), every value a design-system token. Generated by tenweb-design. */
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .hero.mqb .mq:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: var(--space-900) calc(-1 * var(--space-400)) calc(-1 * var(--space-700)); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .mq:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: var(--space-2400); margin: calc(-1 * var(--space-700)) calc(-1 * var(--space-400)) var(--lp-figma-l-18px); gap: var(--space-100); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .mq-i:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-13px); padding: var(--lp-figma-l-5px) var(--space-400); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .mq-i svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: var(--element-xsm); height: var(--element-xsm); } }
body.tw-lp-live.tw-lp-live .composer:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; width: min(760px, 100%); text-align: left; z-index: 10; font-family: var(--font-sans); color: var(--lp-figma-c-141416); }
body.tw-lp-live.tw-lp-live .fw:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; z-index: 2; }
@media (min-width: 1261px) { body.tw-lp-live.tw-lp-live .halo:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; pointer-events: none; border-radius: var(--lp-figma-l-28px); background: conic-gradient(from 243.98deg,transparent 0deg,var(--surface-brand-default) 30deg,var(--lp-figma-c-3339f160) 62deg,var(--surface-brand-default) 96deg,transparent 132deg,transparent 180deg,var(--surface-brand-default) 214deg,var(--surface-brand-half) 246deg,var(--surface-brand-default) 278deg,transparent 312deg); animation: 4.5s linear 0s infinite normal none running page-spin; } }
@media (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .halo:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; pointer-events: none; border-radius: var(--lp-figma-l-28px); background: conic-gradient(from 353.302deg,transparent 0deg,var(--surface-brand-default) 30deg,var(--lp-figma-c-3339f160) 62deg,var(--surface-brand-default) 96deg,transparent 132deg,transparent 180deg,var(--surface-brand-default) 214deg,var(--surface-brand-half) 246deg,var(--surface-brand-default) 278deg,transparent 312deg); animation: 4.5s linear 0s infinite normal none running page-spin; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .halo:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; pointer-events: none; border-radius: var(--lp-figma-l-28px); background: conic-gradient(from 314.632deg,transparent 0deg,var(--surface-brand-default) 30deg,var(--lp-figma-c-3339f160) 62deg,var(--surface-brand-default) 96deg,transparent 132deg,transparent 180deg,var(--surface-brand-default) 214deg,var(--surface-brand-half) 246deg,var(--surface-brand-default) 278deg,transparent 312deg); animation: 4.5s linear 0s infinite normal none running page-spin; } }
@media (min-width: 1261px) { body.tw-lp-live.tw-lp-live .streak:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; inset: var(--lp-figma-l-2_5px); border-radius: var(--lp-figma-l-30_5px); padding: var(--lp-figma-l-2_5px-2); pointer-events: none; z-index: 4; opacity: 0.55; transition: opacity 0.5s; background: conic-gradient(from 183.582deg,var(--surface-brand-default),var(--lp-figma-c-3339f155),var(--lp-figma-c-3339f120),var(--lp-figma-c-3339f160),var(--surface-brand-default),var(--surface-brand-half),var(--lp-figma-c-3339f115),var(--surface-brand-default)); animation: 5s linear 0s infinite normal none running page-spin; mask: linear-gradient(var(--element-black-default) 0, var(--element-black-default) 0) content-box exclude, linear-gradient(var(--element-black-default) 0, var(--element-black-default) 0); } }
@media (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .streak:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; inset: var(--lp-figma-l-2_5px); border-radius: var(--lp-figma-l-30_5px); padding: var(--lp-figma-l-2_5px-2); pointer-events: none; z-index: 4; opacity: 0.55; transition: opacity 0.5s; background: conic-gradient(from 281.972deg,var(--surface-brand-default),var(--lp-figma-c-3339f155),var(--lp-figma-c-3339f120),var(--lp-figma-c-3339f160),var(--surface-brand-default),var(--surface-brand-half),var(--lp-figma-c-3339f115),var(--surface-brand-default)); animation: 5s linear 0s infinite normal none running page-spin; mask: linear-gradient(var(--element-black-default) 0, var(--element-black-default) 0) content-box exclude, linear-gradient(var(--element-black-default) 0, var(--element-black-default) 0); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .streak:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; inset: var(--lp-figma-l-2_5px); border-radius: var(--lp-figma-l-30_5px); padding: var(--lp-figma-l-2_5px-2); pointer-events: none; z-index: 4; opacity: 0.55; transition: opacity 0.5s; background: conic-gradient(from 247.169deg,var(--surface-brand-default),var(--lp-figma-c-3339f155),var(--lp-figma-c-3339f120),var(--lp-figma-c-3339f160),var(--surface-brand-default),var(--surface-brand-half),var(--lp-figma-c-3339f115),var(--surface-brand-default)); animation: 5s linear 0s infinite normal none running page-spin; mask: linear-gradient(var(--element-black-default) 0, var(--element-black-default) 0) content-box exclude, linear-gradient(var(--element-black-default) 0, var(--element-black-default) 0); } }
body.tw-lp-live.tw-lp-live .fw:hover .streak:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 0.75; }
body.tw-lp-live.tw-lp-live .composer.focus .streak:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 0; transition: opacity 0.25s; }
body.tw-lp-live.tw-lp-live .halo:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { inset: var(--space-400) calc(-1 * var(--space-200)) calc(-1 * var(--space-300)); filter: blur(var(--lp-figma-blur-30px)); opacity: 0.22; transition: opacity 0.5s; }
body.tw-lp-live.tw-lp-live .composer.focus .halo:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 0.3; }
body.tw-lp-live.tw-lp-live .field:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; background: var(--surface-white-default); border-radius: var(--lp-figma-l-28px); border: var(--space-25) solid var(--lp-figma-c-e2e2e7); box-shadow: var(--lp-figma-c-1e1e4628) 0 var(--lp-figma-l-18px) var(--space-950) var(--lp-figma-l-18px-2), var(--lp-figma-c-00000004) 0 var(--space-25) var(--space-50); transition: border-color 0.4s, box-shadow 0.4s; }
body.tw-lp-live.tw-lp-live .att-wrap:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .45s cubic-bezier(.16,1,.3,1); }
body.tw-lp-live.tw-lp-live .att-wrap.has:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { grid-template-rows: 1fr; }
body.tw-lp-live.tw-lp-live .att-row:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; gap: var(--space-300); overflow-x: auto; padding: var(--space-400) var(--space-400) var(--space-50); scrollbar-width: none; scroll-behavior: smooth; }
body.tw-lp-live.tw-lp-live .att-row:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::-webkit-scrollbar { display: none; }
body.tw-lp-live.tw-lp-live .chip:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; flex: 0 0 auto; display: flex; align-items: center; gap: var(--lp-figma-l-10px); height: 54px; padding: var(--space-200) var(--space-750) var(--space-200) var(--space-200); border-radius: var(--lp-figma-l-14px); background: var(--lp-figma-c-f6f6f8); border: var(--space-25) solid var(--lp-figma-c-e7e7ea); max-width: 250px; cursor: pointer; outline: 0; animation: 0.3s ease 0s 1 normal both running page-chipIn; transition: background 0.15s, border-color 0.2s, box-shadow 0.2s; }
body.tw-lp-live.tw-lp-live .chip:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-efeff3); }
body.tw-lp-live.tw-lp-live .chip.ro:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { cursor: default; }
body.tw-lp-live.tw-lp-live .chip.ro:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-f6f6f8); }
body.tw-lp-live.tw-lp-live .chip:focus-visible:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .chip.is-on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-color: var(--border-brand-default); box-shadow: 0 0 0 var(--lp-figma-l-3px) var(--lp-figma-c-3339f114); }
body.tw-lp-live.tw-lp-live .chip-media .bk:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; right: var(--space-50); bottom: var(--space-50); width: var(--element-xsm); height: var(--element-xsm); border-radius: var(--lp-figma-l-5px); background: var(--lp-figma-c-141416); color: var(--text-white-default); display: grid; place-items: center; box-shadow: var(--element-white-default) 0 0 0 var(--lp-figma-l-1_5px); }
body.tw-lp-live.tw-lp-live .chip.img:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 54px; height: 54px; padding: 0; gap: 0; overflow: hidden; border-radius: var(--corner-radius-400); background: var(--lp-figma-c-ededf1); }
body.tw-lp-live.tw-lp-live .chip.img > img:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 100%; height: 100%; object-fit: cover; display: block; }
body.tw-lp-live.tw-lp-live .chip.img .ib:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; left: var(--lp-figma-l-5px); bottom: var(--lp-figma-l-5px); height: 18px; padding: 0 var(--lp-figma-l-5px); border-radius: var(--lp-figma-l-5px); background: var(--lp-figma-c-11111462); color: var(--text-white-default); display: flex; align-items: center; gap: var(--lp-figma-l-3px); font-size: var(--lp-figma-fs-10px); letter-spacing: var(--lp-figma-ls-0_28px); backdrop-filter: blur(var(--lp-figma-blur-4px)); }
body.tw-lp-live.tw-lp-live .chip.img .zoom:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; inset: 0; display: grid; place-items: center; background: var(--lp-figma-c-11111435); color: var(--text-white-default); opacity: 0; transition: opacity 0.15s; }
body.tw-lp-live.tw-lp-live .chip.img:hover .zoom:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1; }
body.tw-lp-live.tw-lp-live .chip.img .chip-x:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { top: var(--lp-figma-l-5px); right: var(--lp-figma-l-5px); box-shadow: var(--element-white-default) 0 0 0 var(--lp-figma-l-1_5px); }
body.tw-lp-live.tw-lp-live .aura:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
body.tw-lp-live.tw-lp-live .aura > *:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 0; transform: translateY(18%); transition: opacity 1.4s, transform 2s cubic-bezier(0.16, 1, 0.3, 1); }
body.tw-lp-live.tw-lp-live .hero.glow .aura > *:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1; transform: none; }
body.tw-lp-live.tw-lp-live .hero.glow .aura > .hole:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transform: translate(-50%, -50%); }
body.tw-lp-live.tw-lp-live .aura > .hole:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transform: translate(-50%, -30%); }
body.tw-lp-live.tw-lp-live .aura svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; left: -6%; width: 112%; top: 0; height: 100%; filter: blur(var(--lp-figma-blur-38px)); }
body.tw-lp-live.tw-lp-live .aura .w1:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation: 11s ease-in-out 0s infinite alternate none running page-wv1; }
body.tw-lp-live.tw-lp-live .aura .w2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation: 9s ease-in-out 0s infinite alternate none running page-wv2; }
body.tw-lp-live.tw-lp-live .aura .w3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation: 13s ease-in-out 0s infinite alternate none running page-wv3; }
body.tw-lp-live.tw-lp-live .aura .hole:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; left: 50%; top: 520px; width: 520px; height: var(--space-2100); transform: translate(-50%, -50%); border-radius: 50%; background: radial-gradient(closest-side, var(--lp-figma-c-ffffff90), transparent); filter: blur(var(--lp-figma-blur-8px)); }
body.tw-lp-live.tw-lp-live .aura .dome:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; left: 50%; top: calc(520px - var(--lp-figma-l-150px)); width: max(1200px, 172%); aspect-ratio: 1.85 / 1; border-radius: 50%; background: radial-gradient(closest-side, var(--lp-figma-c-2b30dd) 0%, var(--lp-figma-c-3338e6) 55%, var(--lp-figma-c-3c41ec) 78%, var(--lp-figma-c-464cf050) 88%, transparent 100%); filter: blur(var(--lp-figma-blur-22px)); }
body.tw-lp-live.tw-lp-live .hero.glow .aura > .dome:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transform: translateX(-50%); }
body.tw-lp-live.tw-lp-live .aura > .dome:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transform: translate(-50%, 12%); }
body.tw-lp-live.tw-lp-live .aura .hole:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 0.7; }
body.tw-lp-live.tw-lp-live .aura .grain:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; inset: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 1.1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); background-size: 220px 220px; mix-blend-mode: overlay; }
body.tw-lp-live.tw-lp-live .hero.glow .aura > .grain:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 0.9; }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .aura .dome:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: max(900px, 200%); filter: blur(var(--background-blur-100)); } }
body.tw-lp-live.tw-lp-live .hero.glow .proof .pr .v:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--text-white-default); transition: color 1s; }
body.tw-lp-live.tw-lp-live .hero.glow .proof .pr .l:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-ffffff82); }
body.tw-lp-live.tw-lp-live .hero.glow .mq-i:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-ffffff85); }
body.tw-lp-live.tw-lp-live .hero.glow .mq-i svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { filter: brightness(0) invert(1); opacity: 0.8; }
body.tw-lp-live.tw-lp-live .proof:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; display: flex; justify-content: center; align-items: stretch; margin: var(--space-1000) auto 0; font-family: var(--font-sans); animation: page-prIn .9s cubic-bezier(.16,1,.3,1) .1s both; }
body.tw-lp-live.tw-lp-live .pr:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; flex-direction: column; align-items: center; gap: var(--lp-figma-l-5px); padding: 0 var(--lp-figma-l-30px); white-space: nowrap; }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .pr .v:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; align-items: center; gap: var(--space-300); height: var(--element-md); font-size: var(--type-h6-size); letter-spacing: var(--lp-figma-ls-0_6px); color: var(--lp-figma-c-141416-2); font-variant-numeric: tabular-nums; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .pr .v:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; align-items: center; gap: var(--space-300); height: var(--element-md); font-size: var(--type-h4-size); letter-spacing: var(--lp-figma-ls-0_51px); color: var(--lp-figma-c-141416-2); font-variant-numeric: tabular-nums; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .pr .v:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 650; } }
body.tw-lp-live.tw-lp-live .pr .l:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-13px); color: var(--lp-figma-c-8a8a93); letter-spacing: var(--lp-figma-ls-0_06px); }
body.tw-lp-live.tw-lp-live .rs:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; display: inline-flex; gap: var(--space-25); line-height: var(--lp-figma-lh-0); }
body.tw-lp-live.tw-lp-live .rs .on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; inset: 0 auto 0 0; overflow: hidden; display: inline-flex; gap: var(--space-25); width: 86%; }
body.tw-lp-live.tw-lp-live .rs .on svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { flex: 0 0 auto; opacity: 0; transform: scale(0.5); animation: 0.45s cubic-bezier(0.34, 1.56, 0.64, 1) 0s 1 normal forwards running page-rsIn; }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .proof:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-top: var(--space-700); width: 100%; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .pr:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: 0 var(--lp-figma-l-10px); flex: 1 1 0%; min-width: 0; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .pr .v:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-17px); gap: var(--lp-figma-l-5px); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .pr .l:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-11_5px); line-height: 1.3; white-space: normal; text-align: center; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .rs svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 11px; height: 11px; } }
body.tw-lp-live.tw-lp-live .chip-media:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; width: 42px; height: 42px; border-radius: var(--lp-figma-l-10px); background: var(--surface-white-default); border: var(--space-25) solid var(--lp-figma-c-e7e7ea); display: grid; place-items: center; overflow: hidden; flex: 0 0 auto; color: var(--lp-figma-c-3f3f46-2); }
body.tw-lp-live.tw-lp-live .chip-media img:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 100%; height: 100%; object-fit: cover; }
body.tw-lp-live.tw-lp-live .favw:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; width: var(--element-md); height: var(--element-md); display: grid; place-items: center; }
body.tw-lp-live.tw-lp-live .chip-media .favw img.fav:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .favw img.fav:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; inset: 0; width: var(--element-md); height: var(--element-md); object-fit: contain; border-radius: var(--lp-figma-l-5px); background: var(--surface-white-default); opacity: 0; transition: opacity 0.25s; }
body.tw-lp-live.tw-lp-live .favw img.fav.ok:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1; }
body.tw-lp-live.tw-lp-live .urlw .ufav .favw img.fav:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: var(--element-sm); height: var(--element-sm); }
body.tw-lp-live.tw-lp-live .favl:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: var(--element-md); height: var(--element-md); border-radius: var(--corner-radius-200); display: grid; place-items: center; font-family: var(--font-sans); font-size: var(--lp-figma-fs-12_5px); }
body.tw-lp-live.tw-lp-live .favl:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 700; }
body.tw-lp-live.tw-lp-live .urlw:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; }
body.tw-lp-live.tw-lp-live .urlw .ufav:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; left: var(--lp-figma-l-10px); top: 50%; transform: translateY(-50%); width: 22px; height: 22px; display: grid; place-items: center; color: var(--lp-figma-c-9a9aa3); pointer-events: none; }
body.tw-lp-live.tw-lp-live .chip-media .ext:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-10px); letter-spacing: var(--lp-figma-ls-0_56px); color: var(--text-white-default); background: var(--lp-figma-c-52525b); padding: var(--lp-figma-l-3px) var(--lp-figma-l-5px); border-radius: var(--lp-figma-l-5px); }
body.tw-lp-live.tw-lp-live .chip-media .ext:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 700; }
body.tw-lp-live.tw-lp-live .chip-media .aa:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 100%; height: 100%; display: grid; place-items: center; font-size: var(--lp-figma-fs-18px); }
body.tw-lp-live.tw-lp-live .chip-media .zoom:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; inset: 0; display: grid; place-items: center; background: var(--lp-figma-c-14141845); color: var(--text-white-default); opacity: 0; transition: opacity 0.2s; }
body.tw-lp-live.tw-lp-live .chip:hover .zoom:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1; }
body.tw-lp-live.tw-lp-live .chip-text:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { min-width: 0; display: flex; flex-direction: column; gap: var(--space-50); }
body.tw-lp-live.tw-lp-live .chip-name:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-13_5px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 160px; }
body.tw-lp-live.tw-lp-live .chip-name:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .chip-purpose:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-12_5px); color: var(--lp-figma-c-71717a); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 170px; }
body.tw-lp-live.tw-lp-live .chip-purpose:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 500; }
body.tw-lp-live.tw-lp-live .chip-x:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; top: var(--space-200); right: var(--space-200); width: 18px; height: 18px; border-radius: 50%; background: var(--lp-figma-c-141416); color: var(--text-white-default); display: grid; place-items: center; opacity: 0; transform: scale(0.6); transition: opacity .15s,transform .2s cubic-bezier(.34,1.56,.64,1); }
body.tw-lp-live.tw-lp-live .chip:hover .chip-x:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .chip:focus-within .chip-x:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1; transform: scale(1); }
body.tw-lp-live.tw-lp-live .inp:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; padding: var(--lp-figma-l-18px) var(--lp-figma-l-22px) 0; }
body.tw-lp-live.tw-lp-live .ed:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { outline: 0; min-height: 78px; max-height: 260px; overflow-y: auto; font-size: var(--lp-figma-fs-17px); line-height: 1.5; color: var(--lp-figma-c-141416); word-break: break-word; caret-color: var(--lp-figma-c-141416-2); }
body.tw-lp-live.tw-lp-live .ed > :first-child:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-top: 0; }
body.tw-lp-live.tw-lp-live .ed p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 0 var(--lp-figma-l-4_9px); }
body.tw-lp-live.tw-lp-live .ed h1:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-141416); font-size: var(--lp-figma-fs-24px); line-height: 1.25; margin: var(--lp-figma-l-2_8px) 0 var(--lp-figma-l-4_2px); letter-spacing: var(--lp-figma-ls-0_28px-2); }
body.tw-lp-live.tw-lp-live .ed h1:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 700; }
body.tw-lp-live.tw-lp-live .ed h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-20px); line-height: 1.3; margin: var(--lp-figma-l-2_8px) 0 var(--lp-figma-l-4_2px); }
body.tw-lp-live.tw-lp-live .ed h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-17px); margin: var(--lp-figma-l-2_8px) 0 var(--lp-figma-l-4_2px); }
body.tw-lp-live.tw-lp-live .ed ul:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .ed ol:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: var(--lp-figma-l-2_8px) 0 var(--lp-figma-l-6_3px); padding-left: var(--space-700); }
body.tw-lp-live.tw-lp-live .ed li:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: var(--lp-figma-l-1_4px) 0; }
body.tw-lp-live.tw-lp-live .ed blockquote:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: var(--lp-figma-l-4_2px) 0 var(--lp-figma-l-7px); padding: var(--space-50) 0 var(--space-50) var(--space-400); border-left: var(--lp-figma-l-3px) solid var(--lp-figma-c-d4d4db); color: var(--lp-figma-c-55555e); }
body.tw-lp-live.tw-lp-live .ed code:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-mono); font-size: var(--lp-figma-fs-11_9px); background: var(--lp-figma-c-f1f1f5); border: var(--space-25) solid var(--lp-figma-c-e6e6ec); border-radius: var(--lp-figma-l-5px); padding: var(--space-25) var(--lp-figma-l-5px); }
body.tw-lp-live.tw-lp-live .ed pre:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-mono); font-size: var(--lp-figma-fs-13px); line-height: 1.55; background: var(--lp-figma-c-f6f6f9); border: var(--space-25) solid var(--lp-figma-c-e6e6ec); border-radius: var(--lp-figma-l-10px); padding: var(--lp-figma-l-10px) var(--space-400); margin: var(--lp-figma-l-4_2px) 0 var(--lp-figma-l-7px); white-space: pre-wrap; }
body.tw-lp-live.tw-lp-live .ed a:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--text-brand-default); text-decoration: underline; text-underline-offset: var(--space-50); }
body.tw-lp-live.tw-lp-live .ed hr:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-width: var(--space-25) 0 0; border-style: solid none none; border-color: var(--lp-figma-c-e2e2e8) currentcolor currentcolor; border-image: none; margin: var(--lp-figma-l-8_4px) 0; }
body.tw-lp-live.tw-lp-live .ph:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; left: var(--lp-figma-l-22px); right: var(--lp-figma-l-22px); top: var(--lp-figma-l-18px); height: 26px; overflow: hidden; pointer-events: none; font-size: var(--lp-figma-fs-17px); line-height: 1.5; color: var(--lp-figma-c-9a9aa1); }
body.tw-lp-live.tw-lp-live .ph span:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; left: 0; top: 0; white-space: nowrap; will-change: transform, opacity; transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1), filter 0.7s; }
body.tw-lp-live.tw-lp-live .ph span.out:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transform: translateY(-55%); opacity: 0; filter: blur(var(--lp-figma-blur-2px)); }
body.tw-lp-live.tw-lp-live .ph span.in:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transform: translateY(55%); opacity: 0; filter: blur(var(--lp-figma-blur-2px)); }
body.tw-lp-live.tw-lp-live .ph.hide:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: none; }
body.tw-lp-live.tw-lp-live .ph .caret:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: inline-block; width: 1.5px; height: 14.7px; background: var(--lp-figma-c-b5b5bc); margin-left: var(--space-25); vertical-align: var(--lp-figma-l-3px-2); animation: 1s steps(1) 0s infinite normal none running page-blink; }
body.tw-lp-live.tw-lp-live .ph.still .caret:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: none; }
body.tw-lp-live.tw-lp-live .bar:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; align-items: center; gap: var(--lp-figma-l-10px); padding: var(--lp-figma-l-10px) var(--lp-figma-l-14px) var(--lp-figma-l-14px); }
body.tw-lp-live.tw-lp-live .cbtn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 46px; height: 46px; border-radius: 50%; border: var(--space-25) solid var(--lp-figma-c-e7e7ea); display: grid; place-items: center; background: var(--surface-white-default); transition: background 0.2s, transform 0.2s, border-color 0.2s; flex: 0 0 auto; }
body.tw-lp-live.tw-lp-live .cbtn:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-f3f3f5); }
body.tw-lp-live.tw-lp-live .cbtn:active:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transform: scale(0.94); }
body.tw-lp-live.tw-lp-live .plus:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { overflow: hidden; transition: width .35s cubic-bezier(.16,1,.3,1),opacity .25s,margin .35s cubic-bezier(.16,1,.3,1),border-width .35s,background .2s; }
body.tw-lp-live.tw-lp-live .plus svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transition: transform .35s cubic-bezier(.34,1.56,.64,1); }
body.tw-lp-live.tw-lp-live .plus.on svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transform: rotate(45deg); }
body.tw-lp-live.tw-lp-live .plus.on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-f3f3f5); }
body.tw-lp-live.tw-lp-live .composer[data-v="2"] .field:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { box-shadow: var(--lp-figma-c-00000004) 0 var(--space-25) var(--space-50); }
body.tw-lp-live.tw-lp-live .composer[data-v="2"].settled .field:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { box-shadow: var(--lp-figma-c-3339f108) 0 0 0 var(--space-100); }
body.tw-lp-live.tw-lp-live .composer[data-v="2"] .halo:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { inset: var(--lp-figma-l-10px) calc(-1 * var(--space-200)) var(--space-900); }
body.tw-lp-live.tw-lp-live .composer[data-v="2"] .plus:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 0; opacity: 0; margin-right: var(--lp-figma-l-10px-2); border-width: 0; pointer-events: none; }
body.tw-lp-live.tw-lp-live .spacer:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { flex: 1 1 0%; }
body.tw-lp-live.tw-lp-live .send:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 46px; height: 46px; border-radius: 50%; background: var(--lp-figma-c-b3b5f9); color: var(--text-white-default); display: grid; place-items: center; transition: background .3s,transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s; flex: 0 0 auto; cursor: default; }
body.tw-lp-live.tw-lp-live .send.ready:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--surface-brand-default); cursor: pointer; box-shadow: var(--lp-figma-c-3339f170) 0 var(--space-200) var(--space-500) calc(-1 * var(--space-200)); }
body.tw-lp-live.tw-lp-live .send.ready:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transform: scale(1.06); }
body.tw-lp-live.tw-lp-live .send.pop:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation: page-pop .45s cubic-bezier(.34,1.56,.64,1); }
body.tw-lp-live.tw-lp-live .mic.done:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--surface-brand-default); border-color: var(--border-brand-default); color: var(--text-white-default); }
body.tw-lp-live.tw-lp-live .mic.done:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-252bdd); }
body.tw-lp-live.tw-lp-live .mic.live:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-ef4444); border-color: var(--lp-figma-c-ef4444); color: var(--text-white-default); position: relative; isolation: isolate; }
body.tw-lp-live.tw-lp-live .mic.live:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-dc2626); }
body.tw-lp-live.tw-lp-live .mic.live:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::before { content: ""; position: absolute; inset: calc(-1 * var(--space-25)); border-radius: 50%; background: var(--lp-figma-c-ef4444); opacity: 0.22; z-index: -1; transform: scale(1); transition: transform 0.12s linear; }
body.tw-lp-live.tw-lp-live .live-l:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: none; align-items: center; gap: var(--space-300); font-size: var(--lp-figma-fs-15px); color: var(--lp-figma-c-3f3f46-2); white-space: nowrap; padding-left: var(--space-200); }
body.tw-lp-live.tw-lp-live .bar.recording .live-l:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; animation: page-recIn .25s cubic-bezier(.16,1,.3,1); }
body.tw-lp-live.tw-lp-live .bar.recording .plus:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .bar.recording #sfSlot:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: none; }
body.tw-lp-live.tw-lp-live .rdot:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: var(--space-300); height: var(--space-300); border-radius: 50%; background: var(--lp-figma-c-ef4444); animation: 1.3s ease-in-out 0s infinite normal none running page-rpulse; }
body.tw-lp-live.tw-lp-live .rt:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-variant-numeric: tabular-nums; color: var(--lp-figma-c-8b8b93); }
body.tw-lp-live.tw-lp-live .rcancel:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-14px); color: var(--lp-figma-c-8b8b93); padding: var(--space-200) var(--lp-figma-l-10px); border-radius: var(--corner-radius-300); margin-left: var(--space-100); }
body.tw-lp-live.tw-lp-live .rcancel:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-f3f3f5); color: var(--lp-figma-c-141416); }
body.tw-lp-live.tw-lp-live .ed .interim:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-9a9aa3); }
body.tw-lp-live.tw-lp-live .sfg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; align-items: center; gap: var(--lp-figma-l-10px); padding: var(--lp-figma-l-5px) var(--lp-figma-l-5px) var(--lp-figma-l-5px) var(--lp-figma-l-14px); margin-left: calc(-1 * var(--space-100)); border-radius: var(--lp-figma-l-999px); font-size: var(--lp-figma-fs-15px); color: var(--lp-figma-c-3f3f46-2); white-space: nowrap; transition: background 0.2s, box-shadow 0.2s; min-width: 0; }
body.tw-lp-live.tw-lp-live .sfg:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .sfg.is-on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-f0f0f3); }
body.tw-lp-live.tw-lp-live .sfg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; }
body.tw-lp-live.tw-lp-live .sfg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::after { content: attr(data-tip); position: absolute; left: 50%; bottom: calc(100% + var(--lp-figma-l-10px)); transform: translate(-50%,var(--space-100)); background: var(--lp-figma-c-141416); color: var(--text-white-default); font-family: var(--font-sans); font-size: var(--lp-figma-fs-12_5px); padding: var(--space-300) var(--lp-figma-l-10px); border-radius: var(--corner-radius-300); white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity .15s,transform .2s cubic-bezier(.16,1,.3,1); transition-delay: 0s; z-index: 30; }
body.tw-lp-live.tw-lp-live .sfg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::after { font-weight: 500; }
body.tw-lp-live.tw-lp-live .sfg:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::after { opacity: 1; transform: translate(-50%, 0); transition-delay: 0.6s; }
body.tw-lp-live.tw-lp-live .sfg.is-on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::after { opacity: 0 !important; transition-delay: 0s !important; }
body.tw-lp-live.tw-lp-live .sfg.is-on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { box-shadow: inset 0 0 0 var(--space-25) var(--lp-figma-c-d9d9de); }
body.tw-lp-live.tw-lp-live .stack:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; transition: transform 0.2s; }
body.tw-lp-live.tw-lp-live .sfg:active .stack:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transform: scale(0.97); }
body.tw-lp-live.tw-lp-live .sb:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; width: 34px; height: 34px; border-radius: 50%; background: var(--surface-white-default); border: var(--space-25) solid var(--lp-figma-c-e7e7ea); display: grid; place-items: center; margin-left: var(--lp-figma-l-9px); transition: margin .35s cubic-bezier(.34,1.56,.64,1); }
body.tw-lp-live.tw-lp-live .sb:first-child:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-left: 0; }
body.tw-lp-live.tw-lp-live .sfg:hover .sb:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .sfg.is-on .sb:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-left: calc(-1 * var(--space-100)); }
body.tw-lp-live.tw-lp-live .sfg:hover .sb:first-child:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .sfg.is-on .sb:first-child:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-left: 0; }
body.tw-lp-live.tw-lp-live .sb:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { overflow: hidden; }
body.tw-lp-live.tw-lp-live .sb .gi:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; inset: 0; display: grid; place-items: center; transition: opacity 0.6s, filter 0.6s, transform 0.7s cubic-bezier(0.22, 1, 0.36, 1); }
body.tw-lp-live.tw-lp-live .sb .gi.out:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 0; filter: blur(var(--lp-figma-blur-3px)); transform: translateX(var(--lp-figma-l-9px-2)); }
body.tw-lp-live.tw-lp-live .sb .gi.in:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 0; filter: blur(var(--lp-figma-blur-3px)); transform: translateX(var(--lp-figma-l-9px)); }
body.tw-lp-live.tw-lp-live .sb.hop:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation: 0.75s cubic-bezier(0.3, 0, 0.3, 1) 0s 1 normal both running page-hop; }
body.tw-lp-live.tw-lp-live .tray:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; z-index: 1; margin: calc(-1 * var(--space-750)) var(--space-600) 0; display: grid; grid-template-rows: 0fr; transition: grid-template-rows .3s cubic-bezier(.16,1,.3,1); }
body.tw-lp-live.tw-lp-live .tray.show:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { grid-template-rows: 1fr; }
body.tw-lp-live.tw-lp-live .tray-clip:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { overflow: hidden; min-height: 0; border-radius: 0 0 var(--corner-radius-600) var(--corner-radius-600); }
body.tw-lp-live.tw-lp-live .tray-body:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-f1f1f4); border-width: 0 var(--space-25) var(--space-25); border-style: none solid solid; border-color: currentcolor var(--lp-figma-c-e6e6ea) var(--lp-figma-c-e6e6ea); border-image: none; border-radius: 0 0 var(--corner-radius-600) var(--corner-radius-600); padding: var(--space-750) 0 0; }
body.tw-lp-live.tw-lp-live .tray-actions:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; gap: var(--space-100) var(--space-200); padding: var(--space-400) var(--lp-figma-l-18px) var(--lp-figma-l-14px); overflow-x: auto; scrollbar-width: none; }
body.tw-lp-live.tw-lp-live .tray-actions:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::-webkit-scrollbar { display: none; }
body.tw-lp-live.tw-lp-live .ta.ta-r:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-left: auto; }
body.tw-lp-live.tw-lp-live .ta:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; align-items: center; gap: var(--space-300); font-size: var(--lp-figma-fs-15px); color: var(--lp-figma-c-3f3f46-2); padding: var(--lp-figma-l-7px) var(--lp-figma-l-11px); border-radius: var(--lp-figma-l-10px); white-space: nowrap; transition: background 0.15s; }
body.tw-lp-live.tw-lp-live .ta:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-e3e3e9); }
body.tw-lp-live.tw-lp-live .ta.is-on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-dddde4); }
body.tw-lp-live.tw-lp-live .drop:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; inset: 0; border-radius: var(--lp-figma-l-28px); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--space-100); padding: var(--space-500) var(--space-700); text-align: center; background: var(--surface-white-default); color: var(--lp-figma-c-141416); opacity: 0; pointer-events: none; transition: opacity 0.2s; z-index: 3; }
body.tw-lp-live.tw-lp-live .drop svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-141416-2); margin-bottom: var(--space-300); }
body.tw-lp-live.tw-lp-live .drop b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-18px); letter-spacing: var(--lp-figma-ls-0_18px); }
body.tw-lp-live.tw-lp-live .drop b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .drop span:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-14px); line-height: 1.45; color: var(--lp-figma-c-71717a); max-width: 320px; }
body.tw-lp-live.tw-lp-live .composer.drag .drop:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1; }
body.tw-lp-live.tw-lp-live .composer.drag .streak:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 0; }
body.tw-lp-live.tw-lp-live .composer.drag .field:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-color: var(--lp-figma-c-c4c4cb); }
body.tw-lp-live.tw-lp-live .composer.drag .tray-clip:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 0.25; transition: opacity 0.2s; }
body.tw-lp-live.tw-lp-live .dveil:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: fixed; inset: 0; z-index: 95; background: var(--lp-figma-c-fafafb82); opacity: 0; pointer-events: none; transition: opacity 0.2s; }
body.tw-lp-live.tw-lp-live body.dragging .dveil:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1; }
body.tw-lp-live.tw-lp-live .menu:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; z-index: 20; background: var(--surface-white-default); border: var(--space-25) solid var(--lp-figma-c-e7e7ea); border-radius: var(--corner-radius-500); box-shadow: var(--lp-figma-c-00000035) 0 var(--lp-figma-l-22px) var(--space-1000) calc(-1 * var(--space-400)), var(--lp-figma-c-00000006) 0 var(--space-50) var(--space-200); overflow: hidden; opacity: 0; transform: scale(0.97) translateY(calc(-1 * var(--space-100))); transform-origin: left top; pointer-events: none; transition: opacity .14s ease-out,transform .22s cubic-bezier(.16,1,.3,1),height .22s cubic-bezier(.16,1,.3,1),width .22s cubic-bezier(.16,1,.3,1),left .22s cubic-bezier(.16,1,.3,1),top .22s cubic-bezier(.16,1,.3,1); }
body.tw-lp-live.tw-lp-live .menu.up:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transform-origin: left bottom; }
body.tw-lp-live.tw-lp-live .menu.up:not(.open):not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transform: scale(0.96) translateY(var(--space-100)); }
body.tw-lp-live.tw-lp-live .menu.open:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1; transform: none; pointer-events: auto; }
body.tw-lp-live.tw-lp-live .panel:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-200); }
body.tw-lp-live.tw-lp-live .panel.rev:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; flex-direction: column-reverse; }
body.tw-lp-live.tw-lp-live .m-head:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; align-items: center; gap: var(--lp-figma-l-10px); min-height: var(--element-2xlg); border-bottom: var(--space-25) solid var(--lp-figma-c-e7e7ea); margin: calc(-1 * var(--space-200)) calc(-1 * var(--space-200)) var(--space-200); padding: var(--lp-figma-l-10px) var(--lp-figma-l-14px) var(--lp-figma-l-10px) var(--space-500); color: var(--lp-figma-c-8b8b93); }
body.tw-lp-live.tw-lp-live .panel.rev > .m-head:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-bottom: 0; border-top: var(--space-25) solid var(--lp-figma-c-e7e7ea); margin: var(--space-200) calc(-1 * var(--space-200)) calc(-1 * var(--space-200)); }
body.tw-lp-live.tw-lp-live .m-head input:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { flex: 1 1 0%; height: var(--space-750); border: 0; outline: 0; font-size: var(--lp-figma-fs-14_5px); line-height: var(--lp-figma-lh-28px); padding: 0 var(--space-50); background: transparent; min-width: 0; color: var(--lp-figma-c-141416); }
body.tw-lp-live.tw-lp-live .m-head input:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::placeholder { color: var(--lp-figma-c-9a9aa3); }
body.tw-lp-live.tw-lp-live .m-head .t:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-14px); flex: 1 1 0%; color: var(--lp-figma-c-141416); }
body.tw-lp-live.tw-lp-live .m-head .t:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .m-back:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .m-x:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 26px; height: 26px; border-radius: var(--lp-figma-l-7px); display: grid; place-items: center; color: var(--lp-figma-c-8b8b93); flex: 0 0 auto; }
body.tw-lp-live.tw-lp-live .m-back:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-left: calc(-1 * var(--space-100)); }
body.tw-lp-live.tw-lp-live .m-back:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .m-x:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-f3f3f5); color: var(--lp-figma-c-141416); }
body.tw-lp-live.tw-lp-live .m-list:focus:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { outline: none; }
body.tw-lp-live.tw-lp-live .m-list:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { max-height: 330px; overflow-y: auto; scrollbar-width: thin; overscroll-behavior: contain; }
body.tw-lp-live.tw-lp-live .m-sec:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-11px); letter-spacing: var(--lp-figma-ls-0_84px); text-transform: uppercase; color: var(--lp-figma-c-8b8b93); padding: var(--space-300) var(--lp-figma-l-10px) var(--space-100); }
body.tw-lp-live.tw-lp-live .m-sec:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .m-div:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: var(--space-25); background: var(--lp-figma-c-e7e7ea); margin: var(--space-200) var(--space-100); }
body.tw-lp-live.tw-lp-live .m-more:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-12_5px); color: var(--lp-figma-c-8b8b93); padding: var(--space-200) var(--lp-figma-l-10px) var(--space-300); }
body.tw-lp-live.tw-lp-live .mi:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; align-items: center; gap: var(--space-400); width: 100%; padding: var(--lp-figma-l-9px-2) var(--lp-figma-l-11px); border-radius: var(--lp-figma-l-11px); text-align: left; font-size: var(--lp-figma-fs-15px); color: var(--lp-figma-c-141416); }
body.tw-lp-live.tw-lp-live .mi.act:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-f3f3f5); }
body.tw-lp-live.tw-lp-live .mi.soon:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-9a9aa3); }
body.tw-lp-live.tw-lp-live .mi.soon .mi-ic:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 0.55; }
body.tw-lp-live.tw-lp-live .mi-ic:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 22px; height: 22px; display: grid; place-items: center; color: var(--lp-figma-c-7a7a84); }
body.tw-lp-live.tw-lp-live .mi-ic svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { max-width: var(--element-sm); max-height: var(--element-sm); }
body.tw-lp-live.tw-lp-live .mi-l:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { flex: 1 1 0%; display: flex; flex-direction: column; min-width: 0; }
body.tw-lp-live.tw-lp-live .mi-l small:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-12px); color: var(--lp-figma-c-8b8b93); }
body.tw-lp-live.tw-lp-live .mi-r:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; align-items: center; gap: var(--space-200); color: var(--lp-figma-c-8b8b93); }
body.tw-lp-live.tw-lp-live .mi-add:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: var(--element-md); height: var(--element-md); border-radius: var(--lp-figma-l-7px); display: grid; place-items: center; color: var(--lp-figma-c-3f3f46-2); background: var(--surface-white-default); border: var(--space-25) solid var(--lp-figma-c-e7e7ea); opacity: 0; transform: scale(0.8); transition: opacity .15s,transform .2s cubic-bezier(.34,1.56,.64,1); }
body.tw-lp-live.tw-lp-live .mi.act .mi-add:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .mi:hover .mi-add:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .mi:focus-visible .mi-add:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1; transform: none; }
body.tw-lp-live.tw-lp-live .menu.sheet .mi-add:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1; transform: none; width: var(--space-750); height: var(--space-750); }
body.tw-lp-live.tw-lp-live .soon-b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-10_5px); padding: var(--space-50) var(--space-200); border-radius: var(--lp-figma-l-99px); background: var(--lp-figma-c-f1f1f4); color: var(--lp-figma-c-8b8b93-2); }
body.tw-lp-live.tw-lp-live .soon-b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .mini-stack:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; }
body.tw-lp-live.tw-lp-live .mini-stack > *:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 18px; height: 18px; border-radius: 50%; background: var(--surface-white-default); border: var(--space-25) solid var(--lp-figma-c-e7e7ea); display: grid; place-items: center; margin-left: var(--lp-figma-l-5px-2); }
body.tw-lp-live.tw-lp-live .mini-stack svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 11px; height: 11px; }
body.tw-lp-live.tw-lp-live .lt:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 18px; height: 18px; border-radius: var(--lp-figma-l-5px); display: grid; place-items: center; color: var(--text-white-default); font-size: var(--lp-figma-fs-10px); }
body.tw-lp-live.tw-lp-live .lt:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 700; }
body.tw-lp-live.tw-lp-live .lt-aa:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: var(--element-sm); height: var(--element-sm); border-radius: var(--lp-figma-l-5px); display: grid; place-items: center; font-size: var(--lp-figma-fs-11px); border: var(--space-25) solid var(--lp-figma-c-00000008); }
body.tw-lp-live.tw-lp-live .m-empty:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--lp-figma-l-18px) var(--lp-figma-l-10px); text-align: center; color: var(--lp-figma-c-8b8b93); font-size: var(--lp-figma-fs-13px); }
body.tw-lp-live.tw-lp-live .ds-title:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-11px); letter-spacing: var(--lp-figma-ls-0_84px); text-transform: uppercase; color: var(--lp-figma-c-8b8b93); padding: var(--space-200) var(--space-300) var(--space-300); }
body.tw-lp-live.tw-lp-live .ds-title:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .ds-grid:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: grid; grid-template-columns: 1fr 1fr; gap: var(--lp-figma-l-10px) var(--space-300); padding: 0 var(--space-100) var(--space-100); }
body.tw-lp-live.tw-lp-live .dsc:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; display: flex; flex-direction: column; gap: var(--lp-figma-l-5px); text-align: left; color: var(--lp-figma-c-141416); min-width: 0; }
body.tw-lp-live.tw-lp-live .dsp:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; height: var(--space-1200); border-radius: var(--lp-figma-l-10px); padding: var(--lp-figma-l-9px-2) var(--lp-figma-l-10px); display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; border: var(--space-25) solid var(--lp-figma-c-00000007); overflow: hidden; transition: box-shadow .2s,transform .25s cubic-bezier(.34,1.56,.64,1); }
body.tw-lp-live.tw-lp-live .dsc:hover .dsp:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transform: translateY(calc(-1 * var(--space-50))); box-shadow: var(--element-black-mid) 0 var(--space-300) var(--lp-figma-l-18px) var(--lp-figma-l-10px-2); }
body.tw-lp-live.tw-lp-live .dsc.sel .dsp:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { box-shadow: 0 0 0 var(--space-50) var(--element-white-default),0 0 0 var(--space-100) var(--element-brand-default); }
body.tw-lp-live.tw-lp-live .dsh:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-15px); line-height: 1.1; white-space: nowrap; }
body.tw-lp-live.tw-lp-live .dcta:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-sans); font-size: var(--lp-figma-fs-9_5px); line-height: 1.3; padding: var(--lp-figma-l-3px) var(--space-300); }
body.tw-lp-live.tw-lp-live .dcta:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .dsn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-12_5px); padding-left: var(--space-50); }
body.tw-lp-live.tw-lp-live .dsn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 500; }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .dsc .ok:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; top: var(--space-200); right: var(--space-200); width: var(--element-xsm); height: var(--element-xsm); border-radius: 50%; background: var(--surface-brand-default); color: var(--text-white-default); display: grid; place-items: center; transform: scale(0); transition: transform .3s cubic-bezier(.34,1.56,.64,1); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .dsc .ok:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; top: var(--space-200); right: var(--space-200); width: var(--element-xsm); height: var(--element-xsm); border-radius: 50%; background: var(--surface-brand-default); color: var(--text-white-default); display: grid; place-items: center; transform: scale(0); transition: transform .3s cubic-bezier(.34,1.56,.64,1); } }
body.tw-lp-live.tw-lp-live .dsc.sel .ok:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transform: scale(1); }
body.tw-lp-live.tw-lp-live .form:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-300) var(--space-300) var(--space-200); display: flex; flex-direction: column; gap: var(--lp-figma-l-10px); overflow-y: auto; overscroll-behavior: contain; }
body.tw-lp-live.tw-lp-live .form p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0; font-size: var(--lp-figma-fs-13px); line-height: 1.45; color: var(--lp-figma-c-8b8b93); }
body.tw-lp-live.tw-lp-live .bh:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; align-items: center; gap: var(--lp-figma-l-10px); }
body.tw-lp-live.tw-lp-live .bh .bi:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: var(--space-850); height: var(--space-850); border-radius: var(--lp-figma-l-10px); border: var(--space-25) solid var(--lp-figma-c-e7e7ea); display: grid; place-items: center; flex: 0 0 auto; color: var(--lp-figma-c-3f3f46-2); }
body.tw-lp-live.tw-lp-live .fi:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 100%; border: var(--space-25) solid var(--lp-figma-c-d9d9de); border-radius: var(--lp-figma-l-10px); padding: var(--lp-figma-l-10px) var(--space-400); font-size: var(--lp-figma-fs-14px); outline: 0; transition: border-color 0.2s, box-shadow 0.2s; background: var(--surface-white-default); color: var(--lp-figma-c-141416); }
body.tw-lp-live.tw-lp-live .fi:focus:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-color: var(--border-brand-default); box-shadow: 0 0 0 var(--lp-figma-l-3px) var(--lp-figma-c-3339f114); }
body.tw-lp-live.tw-lp-live .fi.bad:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .pfx.bad:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-color: var(--lp-figma-c-ef4444); box-shadow: var(--lp-figma-c-ef444412) 0 0 0 var(--lp-figma-l-3px); animation: 0.35s ease 0s 1 normal none running page-shake; }
body.tw-lp-live.tw-lp-live .pfx:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; align-items: center; border: var(--space-25) solid var(--lp-figma-c-d9d9de); border-radius: var(--lp-figma-l-10px); background: var(--surface-white-default); overflow: hidden; cursor: text; transition: border-color 0.2s, box-shadow 0.2s; }
body.tw-lp-live.tw-lp-live .pfx:focus-within:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-color: var(--border-brand-default); box-shadow: 0 0 0 var(--lp-figma-l-3px) var(--lp-figma-c-3339f114); }
body.tw-lp-live.tw-lp-live .pfx > span:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding-left: var(--space-400); color: var(--lp-figma-c-8b8b93-2); font-size: var(--lp-figma-fs-14px); white-space: nowrap; user-select: none; flex: 0 0 auto; }
body.tw-lp-live.tw-lp-live .pfx .fi:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { flex: 1 1 0%; min-width: 0; border: 0; border-radius: 0; padding-left: var(--space-25); box-shadow: var(--elevation-0) !important; }
body.tw-lp-live.tw-lp-live .menu.sheet .pfx > span:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-16px); }
body.tw-lp-live.tw-lp-live textarea.fi:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-mono); font-size: var(--lp-figma-fs-12_5px); line-height: 1.55; resize: vertical; min-height: 150px; }
body.tw-lp-live.tw-lp-live textarea.fi.plain:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: inherit; font-family: var(--font-sans); font-size: var(--lp-figma-fs-14_5px); line-height: 1.5; }
body.tw-lp-live.tw-lp-live .f-act:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; justify-content: flex-end; gap: var(--space-300); align-items: center; }
body.tw-lp-live.tw-lp-live .fbtn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: 38px; padding: 0 var(--space-500); border-radius: var(--lp-figma-l-10px); background: var(--lp-figma-c-141416); color: var(--text-white-default); font-size: var(--lp-figma-fs-14px); display: flex; align-items: center; gap: var(--space-200); transition: transform 0.15s, background 0.2s; }
body.tw-lp-live.tw-lp-live .fbtn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .fbtn:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-2a2a30); }
body.tw-lp-live.tw-lp-live .fbtn:active:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transform: scale(0.97); }
body.tw-lp-live.tw-lp-live .ghost:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: 38px; padding: 0 var(--lp-figma-l-14px); border-radius: var(--lp-figma-l-10px); font-size: var(--lp-figma-fs-14px); color: var(--lp-figma-c-141416); }
body.tw-lp-live.tw-lp-live .ghost:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 500; }
body.tw-lp-live.tw-lp-live .ghost:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-f3f3f5); }
body.tw-lp-live.tw-lp-live .ghost.danger:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-dc2626); margin-right: auto; }
body.tw-lp-live.tw-lp-live .mopts:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-300); }
body.tw-lp-live.tw-lp-live .mopt:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; flex-direction: column; gap: var(--space-50); text-align: left; border: var(--lp-figma-l-1_5px) solid var(--lp-figma-c-e7e7ea); border-radius: var(--corner-radius-400); padding: var(--lp-figma-l-9px-2) var(--lp-figma-l-10px); transition: border-color 0.2s, background 0.2s; color: var(--lp-figma-c-141416); }
body.tw-lp-live.tw-lp-live .mopt svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--text-brand-default); margin-bottom: var(--lp-figma-l-3px); }
body.tw-lp-live.tw-lp-live .mopt b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-13px); }
body.tw-lp-live.tw-lp-live .mopt b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .mopt small:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-11_5px); line-height: 1.35; color: var(--lp-figma-c-8b8b93); }
body.tw-lp-live.tw-lp-live .mopt.on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-color: var(--border-brand-default); background: var(--lp-figma-c-f6f6ff); }
body.tw-lp-live.tw-lp-live .hc:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; z-index: 21; width: 340px; display: grid; grid-template-columns: var(--space-900) 1fr; gap: var(--lp-figma-l-14px); align-items: start; background: var(--surface-white-default); border: var(--space-25) solid var(--lp-figma-c-e7e7ea); border-radius: var(--corner-radius-500); padding: var(--lp-figma-l-14px) var(--lp-figma-l-18px) var(--space-500) var(--lp-figma-l-14px); box-shadow: var(--lp-figma-c-14142822) 0 var(--lp-figma-l-14px) var(--lp-figma-l-34px) var(--lp-figma-l-14px-2); pointer-events: none; opacity: 0; transition: opacity 0.14s; }
body.tw-lp-live.tw-lp-live .hc.show:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1; }
body.tw-lp-live.tw-lp-live .hc-i:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: var(--element-xlg); height: var(--element-xlg); border-radius: var(--lp-figma-l-11px); border: var(--space-25) solid var(--lp-figma-c-e7e7ea); display: grid; place-items: center; background: var(--surface-white-default); }
body.tw-lp-live.tw-lp-live .hc-i svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { max-width: var(--element-sm); max-height: var(--element-sm); }
body.tw-lp-live.tw-lp-live .hc-i .lt-aa:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 22px; height: 22px; font-size: var(--lp-figma-fs-11px); }
body.tw-lp-live.tw-lp-live .hc-b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { min-width: 0; }
body.tw-lp-live.tw-lp-live .hc-t:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; align-items: center; gap: var(--space-300); font-size: var(--lp-figma-fs-15px); color: var(--lp-figma-c-141416); margin: var(--space-25) 0 var(--lp-figma-l-5px); }
body.tw-lp-live.tw-lp-live .hc-t:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 500; }
body.tw-lp-live.tw-lp-live .hc p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0; font-size: var(--lp-figma-fs-14px); line-height: 1.5; color: var(--lp-figma-c-6b6b74); }
body.tw-lp-live.tw-lp-live .ft:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: fixed; z-index: 95; display: flex; align-items: center; gap: var(--space-50); padding: var(--space-100); background: var(--lp-figma-c-17171d); border-radius: var(--lp-figma-l-11px); box-shadow: var(--lp-figma-c-00000045) 0 var(--space-400) var(--space-750) calc(-1 * var(--space-300)); opacity: 0; pointer-events: none; transform: translateY(var(--space-100)); transition: opacity .15s,transform .2s cubic-bezier(.16,1,.3,1); font-family: var(--font-sans); }
body.tw-lp-live.tw-lp-live .ft.show:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1; pointer-events: auto; transform: none; }
body.tw-lp-live.tw-lp-live .ft[hidden]:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: none !important; }
body.tw-lp-live.tw-lp-live .ft button:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { min-width: 30px; height: 30px; border-radius: var(--lp-figma-l-7px); display: grid; place-items: center; color: var(--lp-figma-c-d8d8e0); font-size: var(--lp-figma-fs-14px); padding: 0 var(--space-200); }
body.tw-lp-live.tw-lp-live .ft button:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .ft button:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-2c2c35); color: var(--text-white-default); }
body.tw-lp-live.tw-lp-live .ft button.on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--surface-brand-default); color: var(--text-white-default); }
body.tw-lp-live.tw-lp-live .ft .sep:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: var(--space-25); height: 18px; background: var(--lp-figma-c-34343e); margin: 0 var(--lp-figma-l-3px); }
body.tw-lp-live.tw-lp-live .ft .lk:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: none; align-items: center; gap: var(--space-100); }
body.tw-lp-live.tw-lp-live .ft.linking .mainb:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: none !important; }
body.tw-lp-live.tw-lp-live .ft.linking .lk:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; }
body.tw-lp-live.tw-lp-live .ft .lk input:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 220px; height: 30px; border: 0; outline: 0; background: var(--lp-figma-c-23232b); color: var(--text-white-default); border-radius: var(--lp-figma-l-7px); padding: 0 var(--lp-figma-l-10px); font-size: var(--lp-figma-fs-13px); }
@media (min-width: 1261px) { body.tw-lp-live.tw-lp-live .mbg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: fixed; inset: 0; z-index: 100; background: var(--lp-figma-c-14141e35); backdrop-filter: blur(var(--lp-figma-blur-4px)); display: grid; place-items: center; padding: calc(var(--space-1350) + var(--space-400)) var(--space-500) var(--space-500); opacity: 0; pointer-events: none; transition: opacity 0.18s; font-family: var(--font-sans); color: var(--lp-figma-c-141416); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .mbg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: fixed; inset: 0; z-index: 100; background: var(--lp-figma-c-14141e35); backdrop-filter: blur(var(--lp-figma-blur-4px)); display: grid; place-items: center; padding: calc(var(--space-1200) + var(--space-400)) var(--space-500) var(--space-500); opacity: 0; pointer-events: none; transition: opacity 0.18s; font-family: var(--font-sans); color: var(--lp-figma-c-141416); } }
body.tw-lp-live.tw-lp-live .mbg.open:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1; pointer-events: auto; }
@media (min-width: 1261px) { body.tw-lp-live.tw-lp-live .modal:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: min(480px, 100%); max-height: calc(100dvh - var(--space-1350) - var(--space-750)); overflow: auto; background: var(--surface-white-default); border-radius: var(--lp-figma-l-22px); padding: var(--lp-figma-l-22px); box-shadow: var(--lp-figma-c-00000045) 0 var(--lp-figma-l-30px) var(--space-1150) calc(-1 * var(--space-600)); transform: translateY(var(--lp-figma-l-10px)) scale(0.97); transition: transform .3s cubic-bezier(.16,1,.3,1); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .modal:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: min(480px, 100%); max-height: calc(100dvh - var(--space-1200) - var(--space-750)); overflow: auto; background: var(--surface-white-default); border-radius: var(--lp-figma-l-22px); padding: var(--lp-figma-l-22px); box-shadow: var(--lp-figma-c-00000045) 0 var(--lp-figma-l-30px) var(--space-1150) calc(-1 * var(--space-600)); transform: translateY(var(--lp-figma-l-10px)) scale(0.97); transition: transform .3s cubic-bezier(.16,1,.3,1); } }
body.tw-lp-live.tw-lp-live .mbg.open .modal:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transform: none; }
body.tw-lp-live.tw-lp-live .mh:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; align-items: center; gap: var(--space-400); margin-bottom: var(--lp-figma-l-10px); }
body.tw-lp-live.tw-lp-live .mh .gl:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: var(--element-xlg); height: var(--element-xlg); border-radius: var(--corner-radius-400); background: var(--lp-figma-c-f2f2f5); display: grid; place-items: center; }
body.tw-lp-live.tw-lp-live .mh h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0; font-size: var(--lp-figma-fs-18px); flex: 1 1 0%; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.tw-lp-live.tw-lp-live .mh h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .mh .mx:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: var(--element-lg); height: var(--element-lg); border-radius: 50%; display: grid; place-items: center; color: var(--lp-figma-c-8b8b93); }
body.tw-lp-live.tw-lp-live .mh .mx:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-f3f3f5); color: var(--lp-figma-c-141416); }
body.tw-lp-live.tw-lp-live .modal > p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 0 var(--space-500); font-size: var(--lp-figma-fs-14px); line-height: 1.55; color: var(--lp-figma-c-62626b); }
body.tw-lp-live.tw-lp-live .urlf:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; }
body.tw-lp-live.tw-lp-live .urlf > svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; left: var(--space-400); top: 50%; transform: translateY(-50%); color: var(--lp-figma-c-8b8b93); }
body.tw-lp-live.tw-lp-live .urlf .fi:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding-left: var(--lp-figma-l-38px); height: var(--space-950); font-size: var(--lp-figma-fs-15px); }
body.tw-lp-live.tw-lp-live .opts:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: grid; grid-template-columns: 1fr 1fr; gap: var(--lp-figma-l-10px); margin: var(--lp-figma-l-14px) 0 var(--lp-figma-l-18px); }
body.tw-lp-live.tw-lp-live .opt:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { text-align: left; border: var(--lp-figma-l-1_5px) solid var(--lp-figma-c-e7e7ea); border-radius: var(--lp-figma-l-14px); padding: var(--space-400); display: flex; flex-direction: column; gap: var(--space-100); transition: border-color 0.2s, background 0.2s, box-shadow 0.2s; }
body.tw-lp-live.tw-lp-live .opt:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-color: var(--lp-figma-c-cfcfd6); }
body.tw-lp-live.tw-lp-live .opt.on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-color: var(--border-brand-default); background: var(--lp-figma-c-f6f6ff); box-shadow: 0 0 0 var(--lp-figma-l-3px) var(--lp-figma-c-3339f114); }
body.tw-lp-live.tw-lp-live .opt .oi:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: var(--space-750); height: var(--space-750); border-radius: var(--corner-radius-300); display: grid; place-items: center; background: var(--surface-white-default); border: var(--space-25) solid var(--lp-figma-c-e7e7ea); margin-bottom: var(--space-100); color: var(--text-brand-default); }
body.tw-lp-live.tw-lp-live .opt b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-14px); }
body.tw-lp-live.tw-lp-live .opt b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .opt small:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-12_5px); line-height: 1.45; color: var(--lp-figma-c-8b8b93); }
body.tw-lp-live.tw-lp-live .mf:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; justify-content: flex-end; gap: var(--space-300); align-items: center; }
body.tw-lp-live.tw-lp-live .mf .fbtn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: var(--element-xlg); }
body.tw-lp-live.tw-lp-live .lbm:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: min(560px, 100%); padding: var(--lp-figma-l-30px) var(--space-700) var(--space-700); border-radius: var(--corner-radius-600); }
body.tw-lp-live.tw-lp-live .pvh:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; align-items: flex-start; gap: var(--space-500); margin: 0 0 var(--lp-figma-l-22px); padding: 0 var(--space-100) 0 var(--space-50); }
body.tw-lp-live.tw-lp-live .pvt:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { flex: 1 1 0%; min-width: 0; }
body.tw-lp-live.tw-lp-live .pvh h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0; font-family: var(--font-sans); font-size: var(--lp-figma-fs-27px); line-height: 1.2; letter-spacing: var(--lp-figma-ls-0_67px); color: var(--lp-figma-c-141416-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.tw-lp-live.tw-lp-live .pvh h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 700; }
body.tw-lp-live.tw-lp-live .pvm:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; flex-wrap: wrap; align-items: center; gap: 0 var(--space-300); margin-top: var(--space-300); font-size: var(--lp-figma-fs-14_5px); color: var(--lp-figma-c-8b8b93-2); }
body.tw-lp-live.tw-lp-live .pvm i:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: var(--space-100); height: var(--space-100); border-radius: 50%; background: var(--lp-figma-c-c4c4ca); }
body.tw-lp-live.tw-lp-live .pvx:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: var(--space-850); height: var(--space-850); margin: calc(-1 * var(--space-100)) calc(-1 * var(--space-200)) 0 0; border-radius: var(--lp-figma-l-10px); display: grid; place-items: center; color: var(--lp-figma-c-141416-2); flex: 0 0 auto; transition: background 0.15s; }
body.tw-lp-live.tw-lp-live .pvx:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-f3f3f5); }
body.tw-lp-live.tw-lp-live .vh:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; width: var(--space-25); height: var(--space-25); overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
body.tw-lp-live.tw-lp-live .lbimg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-radius: var(--corner-radius-500); overflow: hidden; background: repeating-conic-gradient(var(--lp-figma-c-f1f1f4) 0deg, var(--lp-figma-c-f1f1f4) 25%, var(--lp-figma-c-fafafb) 0deg, var(--lp-figma-c-fafafb) 50%) 0 0 / var(--lp-figma-l-18px) var(--lp-figma-l-18px); display: grid; place-items: center; margin-bottom: 0; border: var(--space-25) solid var(--lp-figma-c-e7e7ea); }
body.tw-lp-live.tw-lp-live .lbcw:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border: var(--space-25) solid var(--lp-figma-c-e8e8e6); border-radius: var(--corner-radius-500); background: var(--lp-figma-c-fafaf9); overflow: hidden; }
@media (min-width: 1261px) { body.tw-lp-live.tw-lp-live .lbcode:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0; padding: var(--lp-figma-l-18px) var(--space-600); font-family: var(--font-mono); font-size: var(--lp-figma-fs-13_5px); line-height: 1.75; color: var(--lp-figma-c-1c1c20); white-space: pre-wrap; word-break: break-all; overflow: auto; max-height: min(62dvh,calc(100dvh - var(--space-1350) - 200px)); tab-size: 2; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .lbcode:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0; padding: var(--lp-figma-l-18px) var(--space-600); font-family: var(--font-mono); font-size: var(--lp-figma-fs-13_5px); line-height: 1.75; color: var(--lp-figma-c-1c1c20); white-space: pre-wrap; word-break: break-all; overflow: auto; max-height: min(62dvh,calc(100dvh - var(--space-1200) - 200px)); tab-size: 2; } }
@media (min-width: 1261px) { body.tw-lp-live.tw-lp-live .lbimg img:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; max-width: 100%; max-height: calc(100dvh - var(--space-1350) - 260px); min-height: var(--space-1400); object-fit: contain; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .lbimg img:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; max-width: 100%; max-height: calc(100dvh - var(--space-1200) - 260px); min-height: var(--space-1400); object-fit: contain; } }
body.tw-lp-live.tw-lp-live .lbrow:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; gap: var(--lp-figma-l-10px); align-items: center; margin-bottom: var(--space-500); }
body.tw-lp-live.tw-lp-live .lbrow .fi:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { flex: 1 1 0%; }
body.tw-lp-live.tw-lp-live .lbp:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-12_5px); color: var(--lp-figma-c-52525b); background: var(--lp-figma-c-f3f3f6); border-radius: var(--lp-figma-l-99px); padding: var(--space-200) var(--lp-figma-l-10px); white-space: nowrap; }
body.tw-lp-live.tw-lp-live .lbp:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .sum:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: min(540px, 100%); padding: var(--space-900) var(--lp-figma-l-34px) var(--lp-figma-l-30px); text-align: center; position: relative; }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .sum .mx2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; top: var(--lp-figma-l-14px); right: var(--lp-figma-l-14px); width: 30px; height: 30px; border-radius: 50%; background: var(--lp-figma-c-c9c9ce); color: var(--text-white-default); display: grid; place-items: center; transition: background 0.15s; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .sum .mx2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; top: var(--lp-figma-l-14px); right: var(--lp-figma-l-14px); width: 30px; height: 30px; border-radius: 50%; background: var(--lp-figma-c-c9c9ce); color: var(--text-white-default); display: grid; place-items: center; transition: background 0.15s; } }
body.tw-lp-live.tw-lp-live .sum .mx2:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-a9a9b0); }
body.tw-lp-live.tw-lp-live .su-proof:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-15px); color: var(--lp-figma-c-6b6b74); margin-bottom: var(--space-400); }
body.tw-lp-live.tw-lp-live .su-proof b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 700; color: var(--lp-figma-c-8b8ef9); margin-right: var(--space-100); }
body.tw-lp-live.tw-lp-live .su-proof strong:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-2a2a30); font-weight: 700; }
@media (min-width: 1261px) { body.tw-lp-live.tw-lp-live .sum h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 0 var(--lp-figma-l-30px); font-family: var(--font-sans); font-size: var(--lp-figma-fs-31px); line-height: 1.2; letter-spacing: var(--lp-figma-ls-0_77px); color: var(--lp-figma-c-141416-2); text-wrap: balance; } }
@media (min-width: 1261px) { body.tw-lp-live.tw-lp-live .sum h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 700; } }
@media (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .sum h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 0 var(--lp-figma-l-30px); font-family: var(--font-sans); font-size: var(--lp-figma-fs-30_72px); line-height: 1.2; letter-spacing: var(--lp-figma-ls-0_77px); color: var(--lp-figma-c-141416-2); text-wrap: balance; } }
@media (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .sum h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 700; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .sum h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 0 var(--lp-figma-l-30px); font-family: var(--font-sans); font-size: var(--lp-figma-fs-24px); line-height: 1.2; letter-spacing: var(--lp-figma-ls-0_6px); color: var(--lp-figma-c-141416-2); text-wrap: balance; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .sum h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 700; } }
body.tw-lp-live.tw-lp-live .su-list:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; flex-direction: column; gap: var(--lp-figma-l-14px); }
body.tw-lp-live.tw-lp-live .su-b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: var(--space-1050); border-radius: var(--lp-figma-l-10px); background: var(--lp-figma-c-16161f); color: var(--text-white-default); display: flex; align-items: center; justify-content: center; gap: var(--space-400); font-size: var(--lp-figma-fs-16px); transition: background 0.15s, transform 0.1s; }
body.tw-lp-live.tw-lp-live .su-b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 500; }
body.tw-lp-live.tw-lp-live .su-b:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-262633); }
body.tw-lp-live.tw-lp-live .su-b:active:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transform: scale(0.99); }
body.tw-lp-live.tw-lp-live .sum:focus:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { outline: none; }
body.tw-lp-live.tw-lp-live .su-b:focus:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { outline: none; }
body.tw-lp-live.tw-lp-live .su-b:focus-visible:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { outline: none; box-shadow: 0 0 0 var(--lp-figma-l-3px) var(--element-white-default),0 0 0 var(--lp-figma-l-5px) var(--element-brand-default); }
body.tw-lp-live.tw-lp-live .su-b.alt:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--surface-white-default); color: var(--lp-figma-c-141416-2); border: var(--space-25) solid var(--lp-figma-c-dcdce1); }
body.tw-lp-live.tw-lp-live .su-b.alt:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-f6f6f8); }
body.tw-lp-live.tw-lp-live .sum .su-legal:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: var(--space-700) 0 0; font-size: var(--lp-figma-fs-14px); color: var(--lp-figma-c-8b8b93-2); }
body.tw-lp-live.tw-lp-live .su-legal a:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-6b6b74); text-decoration: underline; text-underline-offset: var(--space-50); }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #su:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: 0; place-items: stretch; backdrop-filter: none; background: var(--lp-figma-c-14141e20); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #su .sum:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 100%; height: 100dvh; max-height: none; border-radius: 0; display: flex; flex-direction: column; justify-content: center; padding: calc(var(--space-1200) + env(safe-area-inset-top)) var(--lp-figma-l-22px) calc(var(--space-750) + env(safe-area-inset-bottom)); box-shadow: var(--elevation-0); transform: translateY(var(--space-700)); opacity: 0.6; transition: transform .35s cubic-bezier(.16,1,.3,1),opacity .3s; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #su.open .sum:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transform: none; opacity: 1; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .sum h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-bottom: var(--lp-figma-l-26px); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .sum .mx2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { top: calc(var(--lp-figma-l-14px) + env(safe-area-inset-top)); right: var(--lp-figma-l-14px); width: 38px; height: 38px; background: var(--lp-figma-c-f1f1f4); color: var(--lp-figma-c-3f3f46); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .sum .mx2:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-e6e6ea); } }
body.tw-lp-live.tw-lp-live .toast:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: fixed; left: 50%; bottom: var(--space-1450); transform: translate(-50%, var(--space-600)); opacity: 0; background: var(--surface-white-default); color: var(--lp-figma-c-141416); padding: var(--space-400) var(--space-500); border-radius: var(--lp-figma-l-14px); font-family: var(--font-sans); font-size: var(--lp-figma-fs-14px); max-width: min(560px, calc(-1 * var(--space-800)) + 100vw); box-shadow: var(--element-black-half) 0 var(--space-500) var(--lp-figma-l-30px) var(--lp-figma-l-10px-2); transition: opacity .3s,transform .4s cubic-bezier(.34,1.56,.64,1); z-index: 110; pointer-events: none; }
body.tw-lp-live.tw-lp-live .toast.show:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1; transform: translate(-50%, 0); }
body.tw-lp-live.tw-lp-live .toast small:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; color: var(--lp-figma-c-71717a); margin-top: var(--space-100); font-size: var(--lp-figma-fs-12_5px); line-height: 1.5; }
body.tw-lp-live.tw-lp-live .demo:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: fixed; left: 50%; bottom: var(--space-500); transform: translateX(-50%); z-index: 90; display: flex; gap: var(--space-200); align-items: center; background: var(--lp-figma-c-20202a88); backdrop-filter: blur(var(--lp-figma-blur-14px)); border: var(--space-25) solid var(--lp-figma-c-34343f); border-radius: var(--lp-figma-l-999px); padding: var(--lp-figma-l-5px); box-shadow: var(--lp-figma-c-00000045) 0 var(--space-400) var(--lp-figma-l-30px); font-family: var(--font-sans); }
body.tw-lp-live.tw-lp-live .seg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; display: flex; }
body.tw-lp-live.tw-lp-live .seg button:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; z-index: 1; height: 34px; padding: 0 var(--lp-figma-l-14px); border-radius: var(--lp-figma-l-999px); font-size: var(--lp-figma-fs-13_5px); color: var(--lp-figma-c-a4a4b4); transition: color 0.25s; white-space: nowrap; }
body.tw-lp-live.tw-lp-live .seg button:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 500; }
body.tw-lp-live.tw-lp-live .seg button b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 700; margin-right: var(--lp-figma-l-5px); }
body.tw-lp-live.tw-lp-live .seg button.on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-141416-2); }
body.tw-lp-live.tw-lp-live .seg .pill:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; top: 0; bottom: 0; left: 0; border-radius: var(--lp-figma-l-999px); background: var(--surface-white-default); transition: transform .35s cubic-bezier(.16,1,.3,1),width .35s cubic-bezier(.16,1,.3,1); }
body.tw-lp-live.tw-lp-live .dsep:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: var(--space-25); height: var(--element-sm); background: var(--lp-figma-c-3a3a46); }
body.tw-lp-live.tw-lp-live .dbtn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: 34px; padding: 0 var(--space-400); border-radius: var(--lp-figma-l-999px); font-size: var(--lp-figma-fs-13px); color: var(--lp-figma-c-d0d0da); white-space: nowrap; }
body.tw-lp-live.tw-lp-live .dbtn:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-2c2c38); }
body.tw-lp-live.tw-lp-live .dbtn.tog:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; align-items: center; gap: var(--lp-figma-l-7px); }
body.tw-lp-live.tw-lp-live .dbtn.tog i:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 26px; height: var(--element-xsm); border-radius: var(--lp-figma-l-99px); background: var(--lp-figma-c-4a4a58); position: relative; transition: background 0.2s; }
body.tw-lp-live.tw-lp-live .dbtn.tog i:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::after { content: ""; position: absolute; top: var(--space-50); left: var(--space-50); width: var(--space-400); height: var(--space-400); border-radius: 50%; background: var(--surface-white-default); transition: transform .25s cubic-bezier(.34,1.56,.64,1); }
body.tw-lp-live.tw-lp-live .dbtn.tog.on i:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--surface-brand-default); }
body.tw-lp-live.tw-lp-live .dbtn.tog.on i:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::after { transform: translateX(var(--lp-figma-l-10px)); }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #dev:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #dev + .dsep:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: none; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .dbtn.tog span:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: none; } }
body.tw-lp-live.tw-lp-live .sbg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: fixed; inset: 0; background: var(--lp-figma-c-14141e32); z-index: 19; opacity: 0; pointer-events: none; transition: opacity 0.2s; }
body.tw-lp-live.tw-lp-live .composer.sheet-open .sbg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1; pointer-events: auto; }
body.tw-lp-live.tw-lp-live .menu.sheet:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: fixed; right: 0; bottom: 0; border: 0; border-radius: var(--lp-figma-l-20px) var(--lp-figma-l-20px) 0 0; padding-top: var(--space-500); transform: translateY(105%); box-shadow: var(--lp-figma-c-00000018) 0 calc(-1 * var(--space-400)) var(--space-900); transition: opacity .15s,transform .3s cubic-bezier(.16,1,.3,1),height .22s cubic-bezier(.16,1,.3,1),bottom .2s; left: 0 !important; top: auto !important; width: auto !important; }
body.tw-lp-live.tw-lp-live .menu.sheet.open:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transform: translateY(0); }
body.tw-lp-live.tw-lp-live .menu.sheet:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::before { content: ""; position: absolute; top: var(--space-200); left: 50%; width: 38px; height: var(--space-100); margin-left: var(--lp-figma-l-19px); border-radius: var(--corner-radius-50); background: var(--lp-figma-c-d4d4da); }
body.tw-lp-live.tw-lp-live .menu.sheet .panel:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-100) var(--lp-figma-l-10px) calc(var(--lp-figma-l-10px) + env(safe-area-inset-bottom)); }
body.tw-lp-live.tw-lp-live .menu.sheet .m-head:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: calc(-1 * var(--space-100)) var(--lp-figma-l-10px-2) var(--space-200); padding: var(--lp-figma-l-10px) var(--space-500); }
body.tw-lp-live.tw-lp-live .menu.sheet .m-head input:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-16px); }
body.tw-lp-live.tw-lp-live .menu.sheet .mi:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--lp-figma-l-11px) var(--space-400); min-height: 54px; font-size: var(--lp-figma-fs-16px); }
body.tw-lp-live.tw-lp-live .menu.sheet .mi-l small:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-13px); margin-top: var(--space-25); }
body.tw-lp-live.tw-lp-live .menu.sheet .fi:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-16px); padding: var(--space-400) var(--lp-figma-l-14px); }
body.tw-lp-live.tw-lp-live .menu.sheet .f-act .fbtn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: var(--element-2xlg); flex: 1 1 0%; justify-content: center; font-size: var(--lp-figma-fs-15px); }
body.tw-lp-live.tw-lp-live .menu.sheet .m-back:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .menu.sheet .m-x:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: var(--space-850); height: var(--space-850); }
body.tw-lp-live.tw-lp-live .menu.sheet .dsh:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-17px); }
body.tw-lp-live.tw-lp-live .menu.sheet .dsp:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: var(--space-1300); }
body.tw-lp-live.tw-lp-live .demo:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transition: opacity 0.2s; }
body.tw-lp-live.tw-lp-live #device:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: none; position: fixed; inset: 0; z-index: 40; background: var(--lp-figma-c-e9e9ee); align-items: center; justify-content: center; flex-direction: column; padding: var(--space-500) var(--space-500) var(--space-1400); font-family: var(--font-sans); }
body.tw-lp-live.tw-lp-live .phone:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; width: 414px; height: 868px; border-radius: var(--lp-figma-l-56px); background: var(--lp-figma-c-101012); padding: var(--space-400); box-shadow: var(--lp-figma-c-00000045) 0 var(--lp-figma-l-30px) var(--lp-figma-l-70px) calc(-1 * var(--space-700)), var(--lp-figma-c-2a2a2e) 0 0 0 var(--space-50) inset; flex: 0 0 auto; transform-origin: center center; }
body.tw-lp-live.tw-lp-live .screen:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 100%; height: 100%; border-radius: var(--lp-figma-l-44px); overflow: hidden; background: var(--lp-figma-c-fafafb); display: flex; flex-direction: column; }
body.tw-lp-live.tw-lp-live .sbar:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: var(--space-950); flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; padding: 0 var(--lp-figma-l-30px) 0 var(--lp-figma-l-34px); font-size: var(--lp-figma-fs-15px); color: var(--lp-figma-c-111111); }
body.tw-lp-live.tw-lp-live .sbar:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .sbar span:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; gap: var(--lp-figma-l-5px); align-items: center; }
body.tw-lp-live.tw-lp-live .island:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; top: var(--lp-figma-l-22px); left: 50%; width: var(--space-1900); height: var(--element-lg); margin-left: calc(-1 * var(--space-1100)); border-radius: var(--lp-figma-l-20px); background: var(--lp-figma-c-101012); z-index: 2; }
body.tw-lp-live.tw-lp-live .screen iframe:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { flex: 1 1 0%; width: 100%; border: 0; display: block; background: var(--lp-figma-c-fafafb); }
body.tw-lp-live.tw-lp-live .dlabel:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-top: var(--lp-figma-l-14px); font-size: var(--lp-figma-fs-12_5px); color: var(--lp-figma-c-6b6b78-2); }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .links:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: none; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .nav:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { gap: var(--space-500); padding: 0 var(--lp-figma-l-14px) 0 var(--lp-figma-l-22px); height: var(--space-1200); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .login:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: none; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: var(--element-xlg); padding: 0 var(--lp-figma-l-14px); font-size: var(--lp-figma-fs-15px); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .burger:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: grid; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .sheet:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; top: var(--space-1200); left: var(--space-300); right: var(--space-300); background: var(--surface-white-default); border: var(--space-25) solid var(--lp-figma-c-e4e4e9); border-radius: var(--corner-radius-500); padding: var(--space-300); box-shadow: var(--lp-figma-c-14142815) 0 var(--space-600) var(--space-900); flex-direction: column; opacity: 0; transform: translateY(calc(-1 * var(--space-200))); pointer-events: none; transition: opacity .2s,transform .25s cubic-bezier(.16,1,.3,1); display: flex; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .nav.open .sheet:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1; transform: none; pointer-events: auto; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .sheet a:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; justify-content: space-between; align-items: center; padding: var(--lp-figma-l-13px) var(--space-400); border-radius: var(--lp-figma-l-10px); color: var(--lp-figma-c-222222); text-decoration: none; font-size: var(--lp-figma-fs-16px); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .sheet a:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-f3f3f6); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .nav:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-radius: 0; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .hero:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: clamp(var(--space-1300), 14vh, var(--space-2100)) var(--space-400) var(--lp-figma-l-150px); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .hero:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::before { top: 220px; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .hero > .sub:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: var(--lp-figma-l-14px) 0 var(--lp-figma-l-30px); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .inp:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--lp-figma-l-14px) var(--space-500) 0; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .ph:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { left: var(--space-500); right: var(--space-500); top: var(--lp-figma-l-14px); font-size: var(--type-h6-size); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .ed:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--type-h6-size); min-height: var(--space-1200); max-height: 200px; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .bar:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { gap: var(--space-200); padding: var(--space-300) var(--lp-figma-l-10px) var(--lp-figma-l-10px); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cbtn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .send:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 42px; height: 42px; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .sfg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--type-body-md-size); padding-left: var(--lp-figma-l-10px); gap: var(--space-300); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .sb:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 30px; height: 30px; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .chip:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: var(--element-2xlg); max-width: 200px; border-radius: var(--corner-radius-400); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .chip-media:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: var(--space-850); height: var(--space-850); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .chip.img:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: var(--element-2xlg); height: var(--element-2xlg); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .chip-name:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { max-width: 110px; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .chip-purpose:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { max-width: var(--space-2100); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .chip-x:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1; transform: none; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .tray:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: calc(-1 * var(--space-750)) var(--space-400) 0; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .tray-actions:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--lp-figma-l-10px) var(--lp-figma-l-10px) var(--space-400); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .ta:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--type-body-md-size); padding: var(--lp-figma-l-7px) var(--lp-figma-l-9px-2); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .mbg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { align-items: end; padding: 0; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .modal:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 100%; max-height: calc(100dvh - var(--space-1200) - var(--space-300)); border-radius: var(--lp-figma-l-22px) var(--lp-figma-l-22px) 0 0; padding: var(--lp-figma-l-18px) var(--lp-figma-l-18px) calc(var(--lp-figma-l-18px) + env(safe-area-inset-bottom)); transform: translateY(100%); transition: transform .3s cubic-bezier(.16,1,.3,1); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .opts:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .mopts:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { grid-template-columns: 1fr; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .demo:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { bottom: var(--lp-figma-l-10px); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .seg button:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: 0 var(--lp-figma-l-11px); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .seg button span:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: none; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .toast:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { bottom: var(--lp-figma-l-70px); } }
body.tw-lp-live.tw-lp-live .ta .ts:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: none; }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .ta .tl:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: none; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .ta .ts:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: inline; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .tray-actions:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { justify-content: space-around; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .sfg .sf-label:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: none; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .sfg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding-left: var(--lp-figma-l-5px); } }
body.tw-lp-live.tw-lp-live .demo:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: none !important; }
body.tw-lp-live.tw-lp-live .s2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; background: var(--surface-white-default); font-family: var(--font-sans); color: var(--lp-figma-c-141416); padding: 0 var(--space-700); }
body.tw-lp-live.tw-lp-live .hero > :not(.aura):not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; z-index: 1; }
body.tw-lp-live.tw-lp-live .hero > .sub:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .hero > .composer:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transform: translateY(var(--lp-figma-l-14px)); opacity: 0; transition: transform 0.9s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.6s; }
body.tw-lp-live.tw-lp-live .hero.ready > .sub:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .hero.ready > .composer:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transform: none; opacity: 1; }
body.tw-lp-live.tw-lp-live .hero > .sub:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transition-delay: 0.15s; }
body.tw-lp-live.tw-lp-live .hero > .composer:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transition-delay: 0.25s; }
body.tw-lp-live.tw-lp-live .aura > .dome:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { filter: blur(var(--lp-figma-blur-30px)) saturate(0.25) brightness(1.5); transition: opacity 1.6s, transform 2.2s cubic-bezier(0.16, 1, 0.3, 1), filter 2.4s !important; }
body.tw-lp-live.tw-lp-live .aura > .dome:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transform: translate(-50%, 28%) !important; }
body.tw-lp-live.tw-lp-live .hero.glow .aura > .dome:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transform: translateX(-50%) !important; filter: blur(var(--lp-figma-blur-22px)); }
body.tw-lp-live.tw-lp-live .ph .tw:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .ph .caret:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: static; white-space: nowrap; }
body.tw-lp-live.tw-lp-live .s2-in:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 400px) minmax(0, 1fr); gap: var(--space-1300); align-items: start; }
@media (min-width: 1261px) { body.tw-lp-live.tw-lp-live .s2-l:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { min-width: 0; position: sticky; top: var(--space-1350); height: calc(100svh - var(--space-1350)); display: flex; flex-direction: column; justify-content: center; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .s2-l:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { min-width: 0; position: sticky; top: var(--space-1200); height: calc(100svh - var(--space-1200)); display: flex; flex-direction: column; justify-content: center; } }
body.tw-lp-live.tw-lp-live .s2-r:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { min-width: 0; padding: max(12vh, var(--lp-figma-l-90px)) 0; }
body.tw-lp-live.tw-lp-live .s2 h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 0 var(--space-900); }
@media (min-width: 1261px) { body.tw-lp-live.tw-lp-live section:not(.hero) h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-sans); font-size: var(--lp-figma-fs-42px); line-height: 1.04; letter-spacing: var(--lp-figma-ls-1_89px); color: var(--lp-figma-c-121217); text-wrap: balance; } }
@media (min-width: 1261px) { body.tw-lp-live.tw-lp-live section:not(.hero) h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live section:not(.hero) h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-sans); font-size: var(--lp-figma-fs-28px); line-height: 1.04; letter-spacing: var(--lp-figma-ls-1_26px); color: var(--lp-figma-c-121217); text-wrap: balance; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live section:not(.hero) h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; } }
body.tw-lp-live.tw-lp-live .s2 h2 span:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: inherit; }
body.tw-lp-live.tw-lp-live .s2-tabs:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; flex-direction: column; }
body.tw-lp-live.tw-lp-live .s2-t:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; display: block; width: 100%; text-align: left; padding: var(--space-600) var(--space-50) var(--lp-figma-l-22px); border-bottom: var(--space-25) solid var(--lp-figma-c-e7e7ea); cursor: pointer; outline: 0; }
body.tw-lp-live.tw-lp-live .s2-t:focus-visible:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { box-shadow: 0 0 0 var(--lp-figma-l-3px) var(--lp-figma-c-3339f114); border-radius: var(--corner-radius-300); }
body.tw-lp-live.tw-lp-live .s2-th:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; align-items: center; gap: var(--lp-figma-l-14px); }
body.tw-lp-live.tw-lp-live .s2-ic:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: var(--element-xlg); height: var(--element-xlg); border-radius: var(--corner-radius-400); display: grid; place-items: center; background: var(--lp-figma-c-f3f3f6); color: var(--lp-figma-c-8b8b93-2); flex: 0 0 auto; transition: background 0.35s, color 0.35s, box-shadow 0.35s; }
@media (min-width: 1261px) { body.tw-lp-live.tw-lp-live .s2-t.on .s2-ic:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--surface-brand-default); color: var(--text-white-default); box-shadow: var(--lp-figma-c-3339f170) 0 var(--space-300) var(--lp-figma-l-18px) calc(-1 * var(--space-300)); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .s2-t.on .s2-ic:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--surface-brand-default); color: var(--text-white-default); box-shadow: var(--lp-figma-c-3339f170) 0 var(--space-300) var(--lp-figma-l-18px) calc(-1 * var(--space-300)); } }
body.tw-lp-live.tw-lp-live .s2-tt:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; flex-direction: column; gap: var(--space-50); min-width: 0; }
@media (min-width: 1261px) { body.tw-lp-live.tw-lp-live .s2-tt b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--type-body-md-size); letter-spacing: var(--lp-figma-ls-0_14px); color: var(--lp-figma-c-8b8b93-2); transition: color 0.3s; } }
@media (min-width: 1261px) { body.tw-lp-live.tw-lp-live .s2-tt b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .s2-tt b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-18px); letter-spacing: var(--lp-figma-ls-0_15px); color: var(--lp-figma-c-8b8b93-2); transition: color 0.3s; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .s2-tt b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; } }
body.tw-lp-live.tw-lp-live .s2-tt small:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-14px); color: var(--lp-figma-c-a3a3ad); }
@media (min-width: 1261px) { body.tw-lp-live.tw-lp-live .s2-t.on .s2-tt b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .s2-t:hover .s2-tt b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-141416); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .s2-t.on .s2-tt b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .s2-t:hover .s2-tt b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-141416); } }
body.tw-lp-live.tw-lp-live .s2-body:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .5s cubic-bezier(.16,1,.3,1); }
body.tw-lp-live.tw-lp-live .s2-t.on .s2-body:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { grid-template-rows: 1fr; }
body.tw-lp-live.tw-lp-live .s2-bi:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { overflow: hidden; min-height: 0; }
body.tw-lp-live.tw-lp-live .s2-bc:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--lp-figma-l-18px) 0 var(--space-100) var(--lp-figma-l-54px); opacity: 0; transform: translateY(calc(-1 * var(--space-100))); transition: opacity .35s,transform .45s cubic-bezier(.16,1,.3,1); }
body.tw-lp-live.tw-lp-live .s2-t.on .s2-bc:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1; transform: none; transition-delay: 0.12s; }
@media (min-width: 1261px) { body.tw-lp-live.tw-lp-live .s2-bc p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 0 var(--space-400); font-size: var(--lp-figma-fs-17px); color: var(--lp-figma-c-141416); letter-spacing: var(--lp-figma-ls-0_22px); } }
@media (min-width: 1261px) { body.tw-lp-live.tw-lp-live .s2-bc p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .s2-bc p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 0 var(--space-400); font-size: var(--lp-figma-fs-17px); color: var(--lp-figma-c-141416); letter-spacing: var(--lp-figma-ls-0_17px); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .s2-bc p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; } }
body.tw-lp-live.tw-lp-live .s2-bc ul:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 0 var(--lp-figma-l-18px); padding: 0; list-style: none; display: flex; flex-direction: column; gap: var(--lp-figma-l-9px-2); }
body.tw-lp-live.tw-lp-live .s2-bc li:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; align-items: flex-start; gap: var(--lp-figma-l-10px); font-size: var(--lp-figma-fs-15px); line-height: 1.4; color: var(--lp-figma-c-55555f); }
body.tw-lp-live.tw-lp-live .s2-bc li svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--text-brand-default); margin-top: var(--space-50); }
body.tw-lp-live.tw-lp-live .s2-cta:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: inline-flex; align-items: center; gap: var(--space-200); height: 42px; padding: 0 var(--lp-figma-l-18px); border-radius: var(--lp-figma-l-10px); background: var(--lp-figma-c-141416); color: var(--text-white-default); font-size: var(--lp-figma-fs-14_5px); text-decoration: none; transition: background 0.2s, transform 0.2s; }
body.tw-lp-live.tw-lp-live .s2-cta:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .s2-cta:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--surface-brand-default); }
body.tw-lp-live.tw-lp-live .s2-cta svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transition: transform .25s cubic-bezier(.16,1,.3,1); }
body.tw-lp-live.tw-lp-live .s2-cta:hover svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transform: translateX(var(--lp-figma-l-3px)); }
body.tw-lp-live.tw-lp-live .s2-bar:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; left: 0; right: 0; bottom: calc(-1 * var(--space-25)); height: var(--space-50); overflow: hidden; opacity: 0; }
body.tw-lp-live.tw-lp-live .s2-t.on .s2-bar:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1; }
@media (min-width: 1261px) { body.tw-lp-live.tw-lp-live .s2-bar i:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; height: 100%; width: 100%; transform-origin: left center; transform: scaleX(0); background: linear-gradient(90deg, var(--surface-brand-default), var(--lp-figma-c-8b8ef9)); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .s2-bar i:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; height: 100%; width: 100%; transform-origin: left center; transform: scaleX(0); background: linear-gradient(90deg, var(--surface-brand-default), var(--lp-figma-c-8b8ef9)); } }
body.tw-lp-live.tw-lp-live .stage:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; flex-direction: column; gap: var(--space-800); }
body.tw-lp-live.tw-lp-live .card:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; aspect-ratio: 640 / 560; border-radius: var(--lp-figma-l-28px); border: var(--space-25) solid var(--lp-figma-c-e9e9ee); background: var(--lp-figma-c-f5f5f8); overflow: hidden; isolation: isolate; }
body.tw-lp-live.tw-lp-live .card:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(var(--lp-figma-c-d9d9e2) var(--space-25), transparent var(--lp-figma-l-1_2px)); background-size: var(--lp-figma-l-22px) var(--lp-figma-l-22px); opacity: 0.55; mask-image: linear-gradient(var(--element-black-default), transparent 85%); }
body.tw-lp-live.tw-lp-live .card:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::after { content: ""; position: absolute; left: 50%; bottom: -45%; width: 130%; height: 80%; transform: translateX(-50%); border-radius: 50%; background: radial-gradient(closest-side, var(--lp-figma-c-3339f128), var(--lp-figma-c-3339f108) 60%, transparent); filter: blur(var(--lp-figma-blur-10px)); }
body.tw-lp-live.tw-lp-live .sc:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; left: 0; top: 0; width: 640px; height: 560px; transform-origin: 0 0; z-index: 1; }
body.tw-lp-live.tw-lp-live .win:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; left: var(--space-1000); right: var(--space-1000); top: var(--space-950); height: 392px; background: var(--surface-white-default); border-radius: var(--corner-radius-500); border: var(--space-25) solid var(--lp-figma-c-e4e4ea); box-shadow: var(--lp-figma-c-14143c35) 0 var(--lp-figma-l-30px) var(--space-1150) var(--lp-figma-l-30px-2), var(--lp-figma-c-00000004) 0 var(--space-50) var(--space-200); overflow: hidden; font-family: var(--font-sans); }
body.tw-lp-live.tw-lp-live .wbar:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: 38px; display: flex; align-items: center; gap: var(--space-200); padding: 0 var(--space-400); border-bottom: var(--space-25) solid var(--lp-figma-c-eeeef2); background: var(--lp-figma-c-fbfbfc); }
body.tw-lp-live.tw-lp-live .wbar > i:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 9px; height: 9px; border-radius: 50%; background: var(--lp-figma-c-e2e2e8); }
body.tw-lp-live.tw-lp-live .url:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 auto; display: flex; align-items: center; gap: var(--space-200); height: var(--element-md); padding: 0 var(--space-400); border-radius: var(--lp-figma-l-7px); background: var(--lp-figma-c-f1f1f4); font-size: var(--lp-figma-fs-11_5px); color: var(--lp-figma-c-6b6b74); min-width: 200px; justify-content: center; }
body.tw-lp-live.tw-lp-live .url svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 0.6; }
body.tw-lp-live.tw-lp-live .live:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; right: var(--space-400); top: var(--lp-figma-l-9px-2); display: flex; align-items: center; gap: var(--lp-figma-l-5px); height: var(--element-sm); padding: 0 var(--space-300); border-radius: var(--lp-figma-l-99px); background: var(--lp-figma-c-e9f9ef); color: var(--lp-figma-c-15803d); font-size: var(--lp-figma-fs-10_5px); opacity: 0; transform: scale(0.8); transition: opacity .3s,transform .4s cubic-bezier(.34,1.56,.64,1); }
body.tw-lp-live.tw-lp-live .live:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .live i:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: var(--space-200); height: var(--space-200); border-radius: 50%; background: var(--lp-figma-c-22c55e); box-shadow: var(--lp-figma-c-22c55e20) 0 0 0 var(--lp-figma-l-3px); }
body.tw-lp-live.tw-lp-live .live.on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1; transform: none; }
body.tw-lp-live.tw-lp-live .wv:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; inset: var(--lp-figma-l-38px) 0 0; overflow: hidden; }
body.tw-lp-live.tw-lp-live .pg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; inset: 0; transition: transform .7s cubic-bezier(.16,1,.3,1),opacity .4s; }
body.tw-lp-live.tw-lp-live .pg.l:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transform: translateX(-30%); opacity: 0; }
body.tw-lp-live.tw-lp-live .pg.r:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transform: translateX(30%); opacity: 0; }
body.tw-lp-live.tw-lp-live .b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 0; transform: translateY(var(--lp-figma-l-10px)); transition: opacity .45s ease,transform .6s cubic-bezier(.16,1,.3,1); }
body.tw-lp-live.tw-lp-live .b.on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1; transform: none; }
body.tw-lp-live.tw-lp-live .sk:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; inset: var(--space-500); display: flex; flex-direction: column; gap: var(--lp-figma-l-10px); transition: opacity 0.4s; }
body.tw-lp-live.tw-lp-live .sk span:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: var(--space-400); border-radius: var(--corner-radius-200); background: linear-gradient(90deg, var(--lp-figma-c-f0f0f4), var(--lp-figma-c-f7f7fa), var(--lp-figma-c-f0f0f4)) 0% 0% / 200% 100%; animation: 1.4s linear 0s infinite normal none running page-shim; }
body.tw-lp-live.tw-lp-live .sk span:nth-child(1):not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 40%; }
body.tw-lp-live.tw-lp-live .sk span:nth-child(2):not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: 110px; }
body.tw-lp-live.tw-lp-live .sk span:nth-child(3):not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 70%; }
body.tw-lp-live.tw-lp-live .sk span:nth-child(4):not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 55%; }
body.tw-lp-live.tw-lp-live .sk.off:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 0; }
body.tw-lp-live.tw-lp-live .pp:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; left: var(--space-1450); right: var(--space-1450); bottom: var(--space-900); height: 58px; display: flex; align-items: center; gap: var(--lp-figma-l-10px); padding: 0 var(--lp-figma-l-9px-2) 0 var(--lp-figma-l-18px); background: var(--surface-white-default); border-radius: var(--lp-figma-l-18px); border: var(--space-25) solid var(--lp-figma-c-e2e2e8); box-shadow: var(--lp-figma-c-1e1e5a35) 0 var(--lp-figma-l-18px) var(--space-900) calc(-1 * var(--space-500)), var(--lp-figma-c-3339f106) 0 0 0 var(--space-100); font-family: var(--font-sans); font-size: var(--lp-figma-fs-14_5px); color: var(--lp-figma-c-141416); z-index: 5; transition: transform .5s cubic-bezier(.16,1,.3,1),opacity .4s; }
body.tw-lp-live.tw-lp-live .pp .tx:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { flex: 1 1 0%; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.tw-lp-live.tw-lp-live .pp .tx:empty:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::before { content: attr(data-ph); color: var(--lp-figma-c-a3a3ad); }
body.tw-lp-live.tw-lp-live .pp .cr:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: inline-block; width: 1.5px; height: var(--element-xsm); background: var(--surface-brand-default); vertical-align: var(--lp-figma-l-3px-2); margin-left: var(--space-25); animation: 1s steps(1) 0s infinite normal none running page-blink; }
body.tw-lp-live.tw-lp-live .pp .go:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: var(--element-xlg); height: var(--element-xlg); border-radius: 50%; background: var(--lp-figma-c-b3b5f9); color: var(--text-white-default); display: grid; place-items: center; flex: 0 0 auto; transition: background .3s,transform .3s cubic-bezier(.34,1.56,.64,1); }
body.tw-lp-live.tw-lp-live .pp .go.rd:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--surface-brand-default); }
body.tw-lp-live.tw-lp-live .pp .go.pr:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transform: scale(0.88); }
body.tw-lp-live.tw-lp-live .pp .chipx:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; align-items: center; gap: var(--space-200); height: 30px; padding: 0 var(--lp-figma-l-10px) 0 var(--space-200); border-radius: var(--lp-figma-l-9px-2); background: var(--lp-figma-c-f3f3f6); border: var(--space-25) solid var(--lp-figma-c-e9e9ee); font-size: var(--lp-figma-fs-12_5px); flex: 0 0 auto; opacity: 0; transform: translateY(var(--lp-figma-l-22px-2)) scale(0.8); transition: opacity .35s,transform .55s cubic-bezier(.34,1.56,.64,1); }
body.tw-lp-live.tw-lp-live .pp .chipx:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .pp .chipx.on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1; transform: none; }
body.tw-lp-live.tw-lp-live .pp .chipx .xi:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: var(--element-sm); height: var(--element-sm); border-radius: var(--corner-radius-200); display: grid; place-items: center; }
body.tw-lp-live.tw-lp-live .ag:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; left: var(--space-1450); bottom: var(--space-900); height: 58px; display: flex; align-items: center; gap: var(--lp-figma-l-10px); padding: 0 var(--lp-figma-l-18px); background: var(--lp-figma-c-141416-2); color: var(--text-white-default); border-radius: var(--lp-figma-l-18px); font-size: var(--lp-figma-fs-13_5px); z-index: 6; opacity: 0; transform: translateY(var(--space-400)) scale(0.96); transition: opacity .35s,transform .5s cubic-bezier(.16,1,.3,1); box-shadow: var(--lp-figma-c-14142860) 0 var(--lp-figma-l-18px) var(--space-900) calc(-1 * var(--space-500)); }
body.tw-lp-live.tw-lp-live .ag.on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1; transform: none; }
body.tw-lp-live.tw-lp-live .ag .sp:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: var(--element-xsm); height: var(--element-xsm); border-radius: 50%; border-width: var(--space-50); border-style: solid; border-color: var(--border-white-default) var(--lp-figma-c-ffffff25) var(--lp-figma-c-ffffff25); border-image: none; animation: 0.8s linear 0s infinite normal none running page-spin2; }
body.tw-lp-live.tw-lp-live .ag.done .sp:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation: auto ease 0s 1 normal none running none; border-color: var(--lp-figma-c-22c55e); background: var(--lp-figma-c-22c55e); position: relative; }
body.tw-lp-live.tw-lp-live .ag.done .sp:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::after { content: ""; position: absolute; left: var(--space-100); top: var(--space-25); width: var(--space-100); height: var(--space-300); border-style: solid; border-color: var(--border-white-default); border-image: none; border-width: 0 var(--space-50) var(--space-50) 0; transform: rotate(45deg); }
body.tw-lp-live.tw-lp-live .ag .st:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { min-width: 150px; }
body.tw-lp-live.tw-lp-live .ag small:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-ffffff55); font-size: var(--lp-figma-fs-12px); }
body.tw-lp-live.tw-lp-live .pp.away:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 0; transform: translateY(var(--space-500)) scale(0.97); }
body.tw-lp-live.tw-lp-live .nv:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; align-items: center; gap: var(--space-500); padding: var(--space-400) var(--lp-figma-l-18px); font-size: var(--lp-figma-fs-11px); color: var(--lp-figma-c-6b6b74); }
body.tw-lp-live.tw-lp-live .nv b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-sans); font-size: var(--lp-figma-fs-17px); color: var(--lp-figma-c-2a1f1a); margin-right: auto; letter-spacing: var(--lp-figma-ls-0_28px); }
body.tw-lp-live.tw-lp-live .nv em:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-style: normal; padding: var(--lp-figma-l-5px) var(--lp-figma-l-10px); border-radius: var(--lp-figma-l-99px); background: var(--lp-figma-c-2a1f1a); color: var(--text-white-default); font-weight: 600; }
body.tw-lp-live.tw-lp-live .hr:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 var(--lp-figma-l-14px); height: 150px; border-radius: var(--corner-radius-400); background: linear-gradient(120deg, var(--lp-figma-c-f3e4da), var(--lp-figma-c-e9cdbe) 45%, var(--lp-figma-c-c99a85)); position: relative; overflow: hidden; padding: var(--space-700); display: flex; flex-direction: column; justify-content: flex-end; }
body.tw-lp-live.tw-lp-live .hr:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::after { content: ""; position: absolute; right: calc(-1 * var(--space-600)); top: var(--lp-figma-l-30px-2); width: 190px; height: 190px; border-radius: 50%; background: radial-gradient(circle at 40% 40%, var(--lp-figma-c-ffffff53), transparent 60%); }
body.tw-lp-live.tw-lp-live .hr h4:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0; font-family: var(--font-sans); font-size: var(--lp-figma-fs-30px); line-height: 1; color: var(--lp-figma-c-2a1f1a); }
body.tw-lp-live.tw-lp-live .hr h4:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 500; }
body.tw-lp-live.tw-lp-live .hr p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: var(--space-200) 0 0; font-size: var(--lp-figma-fs-11_5px); color: var(--lp-figma-c-5c463b); }
body.tw-lp-live.tw-lp-live .hr .bk:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; right: var(--space-600); bottom: var(--lp-figma-l-22px); padding: var(--lp-figma-l-7px) var(--lp-figma-l-14px); border-radius: var(--lp-figma-l-99px); background: var(--lp-figma-c-2a1f1a); color: var(--text-white-default); font-size: var(--lp-figma-fs-11px); }
body.tw-lp-live.tw-lp-live .hr .bk:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .svc:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--lp-figma-l-10px); margin: var(--space-400) var(--lp-figma-l-14px); }
body.tw-lp-live.tw-lp-live .svc div:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border: var(--space-25) solid var(--lp-figma-c-efe7e2); border-radius: var(--lp-figma-l-10px); padding: var(--lp-figma-l-10px); font-size: var(--lp-figma-fs-11px); color: var(--lp-figma-c-6b5a50); }
body.tw-lp-live.tw-lp-live .svc div b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; font-size: var(--lp-figma-fs-12_5px); color: var(--lp-figma-c-2a1f1a); margin-bottom: var(--space-50); }
body.tw-lp-live.tw-lp-live .svc div i:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; height: 46px; border-radius: var(--lp-figma-l-7px); margin-bottom: var(--space-300); background: linear-gradient(135deg, var(--lp-figma-c-f6ece6), var(--lp-figma-c-e8d3c7)); }
body.tw-lp-live.tw-lp-live .svc div:nth-child(2) i:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: linear-gradient(135deg, var(--lp-figma-c-ede6f2), var(--lp-figma-c-d8cbe3)); }
body.tw-lp-live.tw-lp-live .svc div:nth-child(3) i:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: linear-gradient(135deg, var(--lp-figma-c-e5efea), var(--lp-figma-c-c9ddd2)); }
body.tw-lp-live.tw-lp-live .bkp:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-500) var(--lp-figma-l-18px); display: grid; grid-template-columns: 1.1fr 1fr; gap: var(--space-500); }
body.tw-lp-live.tw-lp-live .bkp h5:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 0 var(--lp-figma-l-10px); color: var(--lp-figma-c-2a1f1a); font-family: var(--font-sans); font-size: var(--lp-figma-fs-22px); }
body.tw-lp-live.tw-lp-live .bkp h5:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 500; }
body.tw-lp-live.tw-lp-live .cal:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: grid; grid-template-columns: repeat(7, 1fr); gap: var(--space-100); font-size: var(--lp-figma-fs-10px); text-align: center; color: var(--lp-figma-c-8b7d74); }
body.tw-lp-live.tw-lp-live .cal span:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: 26px; display: grid; place-items: center; border-radius: var(--lp-figma-l-7px); }
body.tw-lp-live.tw-lp-live .cal .d:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-faf6f3); color: var(--lp-figma-c-2a1f1a); }
body.tw-lp-live.tw-lp-live .cal .d.sel:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-2a1f1a); color: var(--text-white-default); }
body.tw-lp-live.tw-lp-live .slots:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-200); align-content: start; margin-top: var(--lp-figma-l-34px); }
body.tw-lp-live.tw-lp-live .slots span:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: 30px; border-radius: var(--corner-radius-300); border: var(--space-25) solid var(--lp-figma-c-eadfd8); display: grid; place-items: center; font-size: var(--lp-figma-fs-11_5px); color: var(--lp-figma-c-2a1f1a); transition: 0.3s; }
body.tw-lp-live.tw-lp-live .slots span.sel:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-2a1f1a); color: var(--text-white-default); border-color: var(--lp-figma-c-2a1f1a); transform: scale(1.04); }
body.tw-lp-live.tw-lp-live .cbtn2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { grid-column: 1 / -1; height: 38px; border-radius: var(--lp-figma-l-10px); background: var(--lp-figma-c-2a1f1a); color: var(--text-white-default); display: flex; align-items: center; justify-content: center; gap: var(--space-300); font-size: var(--lp-figma-fs-12_5px); transition: background 0.3s, transform 0.2s; }
body.tw-lp-live.tw-lp-live .cbtn2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .cbtn2.ok:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-16a34a); }
body.tw-lp-live.tw-lp-live .cbtn2.pr:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transform: scale(0.97); }
body.tw-lp-live.tw-lp-live .nt:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; right: var(--lp-figma-l-26px); top: 196px; width: 236px; background: var(--surface-white-default); border-radius: var(--lp-figma-l-14px); border: var(--space-25) solid var(--lp-figma-c-e6e6ec); box-shadow: var(--lp-figma-c-14143c40) 0 var(--space-700) var(--lp-figma-l-50px) calc(-1 * var(--space-600)); padding: var(--space-400); font-size: var(--lp-figma-fs-12px); z-index: 7; opacity: 0; transform: translateX(var(--lp-figma-l-30px)); transition: opacity .4s,transform .6s cubic-bezier(.16,1,.3,1); }
body.tw-lp-live.tw-lp-live .nt.on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1; transform: none; }
body.tw-lp-live.tw-lp-live .nt .nh:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; align-items: center; gap: var(--space-300); font-size: var(--lp-figma-fs-11px); color: var(--lp-figma-c-8b8b93-2); margin-bottom: var(--space-300); }
body.tw-lp-live.tw-lp-live .nt .nh b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-141416); font-size: var(--lp-figma-fs-12px); }
body.tw-lp-live.tw-lp-live .nt .nh .bd:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 22px; height: 22px; border-radius: var(--lp-figma-l-7px); background: var(--surface-brand-default); color: var(--text-white-default); display: grid; place-items: center; }
body.tw-lp-live.tw-lp-live .nt .rw:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; align-items: center; gap: var(--space-300); padding: var(--lp-figma-l-7px) var(--space-300); border-radius: var(--lp-figma-l-9px-2); background: var(--lp-figma-c-f6f6f9); margin-top: var(--lp-figma-l-5px); }
body.tw-lp-live.tw-lp-live .nt .rw .av:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 22px; height: 22px; border-radius: 50%; background: linear-gradient(135deg, var(--lp-figma-c-f3c7b5), var(--lp-figma-c-c98a70)); flex: 0 0 auto; }
body.tw-lp-live.tw-lp-live .nt .rw div:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { flex: 1 1 0%; min-width: 0; line-height: 1.3; }
body.tw-lp-live.tw-lp-live .nt .rw small:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; color: var(--lp-figma-c-8b8b93-2); font-size: var(--lp-figma-fs-10_5px); }
body.tw-lp-live.tw-lp-live .nt .rw em:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-style: normal; font-size: var(--lp-figma-fs-10px); color: var(--lp-figma-c-15803d); background: var(--lp-figma-c-e9f9ef); padding: var(--space-50) var(--space-200); border-radius: var(--lp-figma-l-99px); }
body.tw-lp-live.tw-lp-live .nt .rw em:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .nt .rw.new:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-eef0ff); animation: 1.2s ease 0s 1 normal none running page-flash; }
body.tw-lp-live.tw-lp-live .shop:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--lp-figma-l-14px) var(--space-500); }
body.tw-lp-live.tw-lp-live .shop .sh:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--space-400); }
body.tw-lp-live.tw-lp-live .shop .sh b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-sans); font-size: var(--lp-figma-fs-20px); color: var(--lp-figma-c-5a2a3a); }
body.tw-lp-live.tw-lp-live .shop .sh b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 400; }
body.tw-lp-live.tw-lp-live .shop .sh span:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-11px); color: var(--lp-figma-c-8b8b93-2); display: flex; gap: var(--space-400); align-items: center; }
body.tw-lp-live.tw-lp-live .cart:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; width: 26px; height: 26px; border-radius: var(--corner-radius-300); background: var(--lp-figma-c-fbeff2); display: grid; place-items: center; color: var(--lp-figma-c-5a2a3a); }
body.tw-lp-live.tw-lp-live .cart i:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; top: var(--lp-figma-l-5px-2); right: var(--lp-figma-l-5px-2); min-width: 15px; height: 15px; border-radius: var(--lp-figma-l-99px); background: var(--surface-brand-default); color: var(--text-white-default); font-size: var(--lp-figma-fs-9px); font-style: normal; display: grid; place-items: center; transform: scale(0); transition: transform .35s cubic-bezier(.34,1.56,.64,1); }
body.tw-lp-live.tw-lp-live .cart i:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 700; }
body.tw-lp-live.tw-lp-live .cart i.on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transform: scale(1); }
body.tw-lp-live.tw-lp-live .grid3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--lp-figma-l-10px); }
body.tw-lp-live.tw-lp-live .pc:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-radius: var(--corner-radius-400); border: var(--space-25) solid var(--lp-figma-c-f1e6ea); padding: var(--lp-figma-l-7px); font-size: var(--lp-figma-fs-11px); color: var(--lp-figma-c-8b6b76); }
body.tw-lp-live.tw-lp-live .pc i:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; height: var(--space-1450); border-radius: var(--corner-radius-300); margin-bottom: var(--lp-figma-l-7px); position: relative; overflow: hidden; }
body.tw-lp-live.tw-lp-live .pc i:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::after { content: ""; position: absolute; left: 50%; top: 56%; width: var(--element-2xlg); height: 34px; transform: translate(-50%, -50%); border-radius: var(--lp-figma-l-10px) var(--lp-figma-l-10px) var(--corner-radius-200) var(--corner-radius-200); background: var(--lp-figma-c-ffffff55); box-shadow: var(--lp-figma-c-ffffff45) 0 var(--lp-figma-l-10px-2) 0 calc(-1 * var(--space-100)); }
body.tw-lp-live.tw-lp-live .pc b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; justify-content: space-between; font-size: var(--lp-figma-fs-11_5px); color: var(--lp-figma-c-3a1f29); }
body.tw-lp-live.tw-lp-live .ck:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; right: 0; top: 0; bottom: 0; width: 250px; background: var(--surface-white-default); border-left: var(--space-25) solid var(--lp-figma-c-eeeef2); box-shadow: var(--lp-figma-c-14143c35) calc(-1 * var(--space-600)) 0 var(--space-900) calc(-1 * var(--space-700)); padding: var(--space-500); font-size: var(--lp-figma-fs-12px); transform: translateX(105%); transition: transform .7s cubic-bezier(.16,1,.3,1); display: flex; flex-direction: column; gap: var(--lp-figma-l-9px-2); }
body.tw-lp-live.tw-lp-live .ck.on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transform: none; }
body.tw-lp-live.tw-lp-live .ck h6:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 0 var(--space-50); font-size: var(--lp-figma-fs-14px); color: var(--lp-figma-c-141416); }
body.tw-lp-live.tw-lp-live .ck .li:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; justify-content: space-between; color: var(--lp-figma-c-55555f); }
body.tw-lp-live.tw-lp-live .ck .li.t:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-top: var(--space-25) solid var(--lp-figma-c-eeeef2); padding-top: var(--space-300); font-weight: 700; color: var(--lp-figma-c-141416); }
body.tw-lp-live.tw-lp-live .ck .cf:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: var(--space-850); border-radius: var(--lp-figma-l-9px-2); border: var(--space-25) solid var(--lp-figma-c-dcdce3); display: flex; align-items: center; gap: var(--space-300); padding: 0 var(--lp-figma-l-10px); font-family: var(--font-mono); font-size: var(--lp-figma-fs-11_5px); color: var(--lp-figma-c-141416); }
body.tw-lp-live.tw-lp-live .ck .cf .vb:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-style: italic; color: var(--lp-figma-c-1a1f71); font-family: var(--font-sans); font-size: var(--lp-figma-fs-11px); }
body.tw-lp-live.tw-lp-live .ck .cf .vb:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 800; }
body.tw-lp-live.tw-lp-live .ck .cf2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-300); }
body.tw-lp-live.tw-lp-live .pay:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: var(--element-xlg); border-radius: var(--lp-figma-l-10px); background: var(--surface-brand-default); color: var(--text-white-default); display: flex; align-items: center; justify-content: center; gap: var(--space-300); font-size: var(--lp-figma-fs-13px); margin-top: auto; transition: background 0.3s, transform 0.2s; }
body.tw-lp-live.tw-lp-live .pay:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .pay.pr:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transform: scale(0.97); }
body.tw-lp-live.tw-lp-live .pay.ok:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-16a34a); }
body.tw-lp-live.tw-lp-live .pay .sp:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 14px; height: 14px; border-radius: 50%; border-width: var(--space-50); border-style: solid; border-color: var(--border-white-default) var(--border-white-mid) var(--border-white-mid); border-image: none; animation: 0.8s linear 0s infinite normal none running page-spin2; }
body.tw-lp-live.tw-lp-live .sheet2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; inset: 0; padding: var(--lp-figma-l-14px); transition: opacity .4s,transform .6s cubic-bezier(.16,1,.3,1); }
body.tw-lp-live.tw-lp-live .sheet2.away:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 0; transform: scale(0.96); }
body.tw-lp-live.tw-lp-live .tbl:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 100%; border-collapse: collapse; font-family: var(--font-mono); font-size: var(--lp-figma-fs-11px); }
body.tw-lp-live.tw-lp-live .tbl td:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .tbl th:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border: var(--space-25) solid var(--lp-figma-c-e7ebe7); padding: var(--space-200) var(--space-300); text-align: left; white-space: nowrap; }
body.tw-lp-live.tw-lp-live .tbl th:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-f1f7f2); color: var(--lp-figma-c-2f6b3f); font-weight: 500; }
body.tw-lp-live.tw-lp-live .tbl tr:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 0; transition: opacity 0.3s; }
body.tw-lp-live.tw-lp-live .tbl tr.on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1; }
body.tw-lp-live.tw-lp-live .crm:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; inset: 0; display: grid; grid-template-columns: var(--space-2100) 1fr; opacity: 0; transition: opacity 0.5s; }
body.tw-lp-live.tw-lp-live .crm.on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1; }
body.tw-lp-live.tw-lp-live .side:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-141416-2); color: var(--lp-figma-c-c9c9d2); padding: var(--lp-figma-l-14px) var(--lp-figma-l-10px); font-size: var(--lp-figma-fs-11px); display: flex; flex-direction: column; gap: var(--space-100); }
body.tw-lp-live.tw-lp-live .side b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--text-white-default); font-size: var(--lp-figma-fs-12_5px); margin: 0 var(--space-100) var(--lp-figma-l-10px); display: flex; align-items: center; gap: var(--space-200); }
body.tw-lp-live.tw-lp-live .side b i:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: var(--element-xsm); height: var(--element-xsm); border-radius: var(--lp-figma-l-5px); background: var(--surface-brand-default); }
body.tw-lp-live.tw-lp-live .side span:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-200) var(--space-300); border-radius: var(--lp-figma-l-7px); }
body.tw-lp-live.tw-lp-live .side span.on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-2a2a33); color: var(--text-white-default); }
body.tw-lp-live.tw-lp-live .side .me:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-top: auto; display: flex; align-items: center; gap: var(--space-200); padding: var(--space-200) var(--space-100); color: var(--text-white-default); }
body.tw-lp-live.tw-lp-live .side .me i:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: var(--element-sm); height: var(--element-sm); border-radius: 50%; background: linear-gradient(135deg, var(--lp-figma-c-9ca3ff), var(--surface-brand-default)); }
body.tw-lp-live.tw-lp-live .board:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-400); display: flex; flex-direction: column; gap: var(--lp-figma-l-10px); background: var(--lp-figma-c-fafafb); min-width: 0; }
body.tw-lp-live.tw-lp-live .bh:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; align-items: center; justify-content: space-between; font-size: var(--lp-figma-fs-13px); }
body.tw-lp-live.tw-lp-live .bh:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .bh small:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-11px); color: var(--lp-figma-c-8b8b93-2); }
body.tw-lp-live.tw-lp-live .bh small:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 500; }
body.tw-lp-live.tw-lp-live .bh small b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-15803d); font-variant-numeric: tabular-nums; }
body.tw-lp-live.tw-lp-live .cols:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-300); flex: 1 1 0%; }
body.tw-lp-live.tw-lp-live .col:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-f1f1f5); border-radius: var(--lp-figma-l-10px); padding: var(--space-300); display: flex; flex-direction: column; gap: var(--space-200); }
body.tw-lp-live.tw-lp-live .col h6:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 0 var(--space-50); font-size: var(--lp-figma-fs-10_5px); color: var(--lp-figma-c-6b6b74); display: flex; justify-content: space-between; text-transform: uppercase; letter-spacing: var(--lp-figma-ls-0_7px); }
body.tw-lp-live.tw-lp-live .col h6:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .dc:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--surface-white-default); border-radius: var(--corner-radius-300); border: var(--space-25) solid var(--lp-figma-c-e7e7ec); padding: var(--lp-figma-l-7px) var(--space-300); font-size: var(--lp-figma-fs-11px); color: var(--lp-figma-c-141416); box-shadow: var(--lp-figma-c-00000003) 0 var(--space-25) var(--space-50); opacity: 0; transform: translateY(var(--space-200)); transition: opacity .35s,transform .45s cubic-bezier(.16,1,.3,1); }
body.tw-lp-live.tw-lp-live .dc.on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1; transform: none; }
body.tw-lp-live.tw-lp-live .dc small:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; justify-content: space-between; color: var(--lp-figma-c-8b8b93-2); font-size: var(--lp-figma-fs-10px); margin-top: var(--lp-figma-l-3px); }
body.tw-lp-live.tw-lp-live .dc.mv:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; z-index: 3; box-shadow: var(--lp-figma-c-14143c40) 0 var(--space-500) var(--lp-figma-l-30px) calc(-1 * var(--space-400)); border-color: var(--border-brand-default); }
body.tw-lp-live.tw-lp-live .dc.won:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-color: var(--lp-figma-c-bbf7d0); background: var(--lp-figma-c-f3fcf6); }
body.tw-lp-live.tw-lp-live .lg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; left: 50%; top: 50%; width: 230px; transform: translate(-50%, -50%) scale(0.95); background: var(--surface-white-default); border-radius: var(--lp-figma-l-14px); border: var(--space-25) solid var(--lp-figma-c-e6e6ec); box-shadow: var(--lp-figma-c-14143c40) 0 var(--space-700) var(--lp-figma-l-50px) calc(-1 * var(--space-600)); padding: var(--space-500); display: flex; flex-direction: column; gap: var(--space-300); font-size: var(--lp-figma-fs-11_5px); opacity: 0; transition: opacity .35s,transform .45s cubic-bezier(.16,1,.3,1); z-index: 4; }
body.tw-lp-live.tw-lp-live .lg.on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1; transform: translate(-50%, -50%); }
body.tw-lp-live.tw-lp-live .lg h6:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 0 var(--space-100); font-size: var(--lp-figma-fs-14px); color: var(--lp-figma-c-141416); }
body.tw-lp-live.tw-lp-live .lg .f:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: var(--element-lg); border-radius: var(--corner-radius-300); border: var(--space-25) solid var(--lp-figma-c-dcdce3); display: flex; align-items: center; padding: 0 var(--lp-figma-l-10px); color: var(--lp-figma-c-141416); }
body.tw-lp-live.tw-lp-live .lg .bt:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: 34px; border-radius: var(--lp-figma-l-9px-2); background: var(--surface-brand-default); color: var(--text-white-default); display: grid; place-items: center; font-weight: 600; }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .s2-in:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { grid-template-columns: 1fr; gap: 0; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .s2-l:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: auto; justify-content: flex-start; z-index: 4; background: var(--surface-white-default); padding: var(--lp-figma-l-22px) 0 var(--lp-figma-l-14px); box-shadow: var(--lp-figma-c-14142808) 0 var(--space-400) var(--space-500) calc(-1 * var(--space-400)); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .s2-r:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-750) 0 var(--space-1300); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .s2 h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-bottom: var(--space-500); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .s2-tabs:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { flex-direction: row; border-top: 0; gap: var(--space-200); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .s2-t:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { flex: 1 1 0%; padding: var(--lp-figma-l-10px) var(--space-300) var(--lp-figma-l-14px); border: var(--space-25) solid var(--lp-figma-c-e7e7ea); border-radius: var(--lp-figma-l-14px); min-width: 0; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .s2-t.on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-color: var(--lp-figma-c-d6d7fb); background: var(--lp-figma-c-f7f7ff); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .s2-th:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { flex-direction: column; align-items: flex-start; gap: var(--space-300); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .s2-ic:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: var(--element-lg); height: var(--element-lg); border-radius: var(--lp-figma-l-10px); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .s2-tt b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-15px); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .s2-tt small:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-11_5px); line-height: 1.3; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .s2-body:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: none; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .s2-bar:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { left: var(--space-400); right: var(--space-400); bottom: var(--space-200); border-radius: var(--corner-radius-50); background: var(--lp-figma-c-ececf6); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .stage:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { gap: var(--space-600); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .s2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: 0 var(--space-500); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .s2-tt small:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: none; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .card:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-radius: var(--lp-figma-l-20px); } }
@media (min-width: 1261px) { body.tw-lp-live.tw-lp-live .s2-tt b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transition: color .3s,font-size .35s cubic-bezier(.16,1,.3,1); } }
@media (min-width: 1261px) { body.tw-lp-live.tw-lp-live .s2-tt small:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: grid; grid-template-rows: 1fr; transition: grid-template-rows .35s cubic-bezier(.16,1,.3,1),opacity .25s; } }
@media (min-width: 1261px) { body.tw-lp-live.tw-lp-live .s2-t.on .s2-tt b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--type-caption-lg-size); color: var(--lp-figma-c-8b8b93-2); } }
@media (min-width: 1261px) { body.tw-lp-live.tw-lp-live .s2-t.on .s2-tt b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 500; } }
@media (min-width: 1261px) { body.tw-lp-live.tw-lp-live .s2-t.on .s2-tt small:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { grid-template-rows: 0fr; opacity: 0; overflow: hidden; height: 0; } }
@media (min-width: 1261px) { body.tw-lp-live.tw-lp-live .s2-bc:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding-top: var(--space-200); } }
@media (min-width: 1261px) { body.tw-lp-live.tw-lp-live .s2-bc p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-sans); font-size: var(--lp-figma-fs-22px); line-height: 1.2; letter-spacing: var(--lp-figma-ls-0_55px); margin-bottom: var(--lp-figma-l-14px); } }
@media (min-width: 1261px) { body.tw-lp-live.tw-lp-live .s2-bc p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; } }
body.tw-lp-live.tw-lp-live .s2-ic:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: none; }
body.tw-lp-live.tw-lp-live .s2-bc:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding-left: 0; }
@media (min-width: 1261px) { body.tw-lp-live.tw-lp-live .s2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-1650) var(--space-700); } }
@media (min-width: 1261px) { body.tw-lp-live.tw-lp-live .s2-l:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: auto; justify-content: flex-start; top: calc(var(--space-1350) + var(--space-1000)); } }
@media (min-width: 1261px) { body.tw-lp-live.tw-lp-live .s2-r:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: 0; } }
body.tw-lp-live.tw-lp-live .nav:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-radius: 0; }
body.tw-lp-live.tw-lp-live .logo:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; align-items: center; }
body.tw-lp-live.tw-lp-live .logo svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: var(--space-750); width: auto; color: var(--lp-figma-c-111111); display: block; }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .logo svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: var(--element-md); } }
body.tw-lp-live.tw-lp-live .rv .w:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: inline-block; white-space: nowrap; }
body.tw-lp-live.tw-lp-live .rv .ch:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: inline-block; will-change: opacity, filter, color; color: var(--lp-figma-c-121217); }
body.tw-lp-live.tw-lp-live .rv:not(.in) .ch:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 0; }
body.tw-lp-live.tw-lp-live .il-prompt:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; left: var(--space-900); right: var(--lp-figma-l-30px-2); top: var(--lp-figma-l-58px); height: 150px; border-radius: var(--lp-figma-l-22px); background: var(--surface-white-default); box-shadow: var(--lp-figma-c-3339f135) calc(-1 * var(--space-400)) var(--lp-figma-l-10px) var(--space-900) calc(-1 * var(--space-300)), var(--lp-figma-c-00000005) 0 var(--space-25) var(--lp-figma-l-3px); padding: var(--lp-figma-l-22px) var(--space-700); font-size: var(--lp-figma-fs-19px); color: var(--lp-figma-c-a3a3ae); letter-spacing: var(--lp-figma-ls-0_19px); }
body.tw-lp-live.tw-lp-live .cr3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: inline-block; width: var(--space-50); height: var(--element-md); background: var(--lp-figma-c-8b8b93-2); vertical-align: var(--lp-figma-l-5px-2); margin-right: var(--space-100); }
body.tw-lp-live.tw-lp-live .il-pbar:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; left: var(--lp-figma-l-18px); right: var(--space-1000); bottom: var(--space-500); display: flex; align-items: center; justify-content: space-between; }
body.tw-lp-live.tw-lp-live .il-plus:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 30px; height: 30px; border-radius: 50%; border: var(--space-25) solid var(--lp-figma-c-e7e7ea-2); display: grid; place-items: center; color: var(--lp-figma-c-55555f); font-size: var(--lp-figma-fs-17px); }
body.tw-lp-live.tw-lp-live .il-go:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: var(--element-lg); height: var(--element-lg); border-radius: 50%; background: var(--surface-brand-default); color: var(--text-white-default); display: grid; place-items: center; box-shadow: var(--element-brand-earthy) 0 var(--space-200) var(--lp-figma-l-14px) calc(-1 * var(--space-200)); }
body.tw-lp-live.tw-lp-live .il-pay:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; inset: var(--lp-figma-l-34px) calc(-1 * var(--space-700)) calc(-1 * var(--space-600)) var(--space-950); border-radius: var(--lp-figma-l-18px) 0 0; background: var(--surface-white-default); border: var(--space-25) solid var(--lp-figma-c-ececf1); box-shadow: var(--lp-figma-c-1e1e5a30) 0 var(--space-600) var(--space-900) var(--lp-figma-l-18px-2); padding: var(--lp-figma-l-18px) var(--space-600); display: flex; flex-direction: column; gap: var(--lp-figma-l-14px); }
body.tw-lp-live.tw-lp-live .il-cur:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; gap: var(--space-100); padding: var(--lp-figma-l-3px); border-radius: var(--lp-figma-l-10px); background: var(--lp-figma-c-f3f3f6); width: max-content; }
body.tw-lp-live.tw-lp-live .il-cur span:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--lp-figma-l-5px) var(--lp-figma-l-11px); border-radius: var(--corner-radius-300); font-size: var(--lp-figma-fs-12px); color: var(--lp-figma-c-8b8b93-2); }
body.tw-lp-live.tw-lp-live .il-cur span:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .il-cur span.on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--surface-white-default); color: var(--text-brand-default); box-shadow: var(--lp-figma-c-00000008) 0 var(--space-25) var(--lp-figma-l-3px); }
body.tw-lp-live.tw-lp-live .il-amt:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-sans); font-size: var(--lp-figma-fs-32px); line-height: 1; letter-spacing: var(--lp-figma-ls-0_96px); color: var(--lp-figma-c-141416-2); }
body.tw-lp-live.tw-lp-live .il-amt:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 700; }
body.tw-lp-live.tw-lp-live .il-amt small:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; font-family: var(--font-sans); font-size: var(--lp-figma-fs-12px); color: var(--lp-figma-c-8b8b93-2); letter-spacing: 0px; margin-bottom: var(--space-200); }
body.tw-lp-live.tw-lp-live .il-amt small:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 500; }
body.tw-lp-live.tw-lp-live .il-methods:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; gap: var(--space-200); }
body.tw-lp-live.tw-lp-live .il-methods span:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-300) var(--space-400); border-radius: var(--lp-figma-l-10px); border: var(--space-25) solid var(--lp-figma-c-e7e7ea-2); font-size: var(--lp-figma-fs-12_5px); color: var(--lp-figma-c-55555f); white-space: nowrap; }
body.tw-lp-live.tw-lp-live .il-methods span.sel:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-color: var(--border-brand-default); color: var(--text-brand-default); background: var(--lp-figma-c-f5f5ff); box-shadow: var(--element-brand-subtle) 0 0 0 var(--lp-figma-l-3px); }
body.tw-lp-live.tw-lp-live .il-paybtn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: var(--element-xlg); border-radius: var(--lp-figma-l-11px); background: var(--surface-brand-default); color: var(--text-white-default); display: grid; place-items: center; font-size: var(--lp-figma-fs-13_5px); opacity: 0.92; }
body.tw-lp-live.tw-lp-live .il-paybtn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .il-badge:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; right: var(--lp-figma-l-30px); top: var(--space-1450); display: flex; align-items: center; gap: var(--space-200); height: 30px; padding: 0 var(--space-400); border-radius: var(--lp-figma-l-99px); background: var(--lp-figma-c-141416-2); color: var(--text-white-default); font-size: var(--lp-figma-fs-12_5px); box-shadow: var(--lp-figma-c-00000045) 0 var(--lp-figma-l-10px) var(--space-700) calc(-1 * var(--space-300)); }
body.tw-lp-live.tw-lp-live .il-badge:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .il-badge svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-4ade80); }
body.tw-lp-live.tw-lp-live .il-panel:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; inset: var(--lp-figma-l-30px) var(--lp-figma-l-30px-2) var(--lp-figma-l-30px-2) var(--space-1050); border-radius: var(--corner-radius-500) 0 0; background: var(--surface-white-default); border: var(--space-25) solid var(--lp-figma-c-ececf1); box-shadow: var(--lp-figma-c-3339f145) var(--lp-figma-l-18px-2) 0 var(--space-900) calc(-1 * var(--space-600)); padding: var(--lp-figma-l-14px) var(--space-500); display: flex; flex-direction: column; gap: var(--space-100); }
body.tw-lp-live.tw-lp-live .il-top:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--lp-figma-l-10px); }
body.tw-lp-live.tw-lp-live .il-url:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; align-items: center; gap: var(--space-200); height: var(--space-750); padding: 0 var(--lp-figma-l-10px); border-radius: var(--corner-radius-300); background: var(--lp-figma-c-f3f3f6); font-size: var(--lp-figma-fs-12px); color: var(--lp-figma-c-55555f); }
body.tw-lp-live.tw-lp-live .il-pub:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: 30px; padding: 0 var(--lp-figma-l-14px); border-radius: var(--lp-figma-l-9px-2); background: var(--surface-brand-default); color: var(--text-white-default); font-size: var(--lp-figma-fs-12_5px); display: grid; place-items: center; margin-right: var(--lp-figma-l-30px); }
body.tw-lp-live.tw-lp-live .il-pub:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .il-row:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; align-items: center; gap: var(--lp-figma-l-11px); height: var(--element-xlg); padding: 0 var(--lp-figma-l-10px); border-radius: var(--lp-figma-l-10px); font-size: var(--lp-figma-fs-14_5px); color: var(--lp-figma-c-2a2a30); }
body.tw-lp-live.tw-lp-live .il-row svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-55555f); }
body.tw-lp-live.tw-lp-live .il-row em:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-left: auto; margin-right: var(--space-700); font-style: normal; font-size: var(--lp-figma-fs-11_5px); color: var(--lp-figma-c-15803d); background: var(--lp-figma-c-e9f9ef); padding: var(--lp-figma-l-3px) var(--space-300); border-radius: var(--lp-figma-l-99px); }
body.tw-lp-live.tw-lp-live .il-row em:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .il-row.hl:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-f3f3f7); }
body.tw-lp-live.tw-lp-live .il-row.f:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 0.45; }
body.tw-lp-live.tw-lp-live .il-cursor:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; right: var(--lp-figma-l-30px); top: var(--lp-figma-l-66px); filter: drop-shadow(var(--lp-figma-c-00000025) 0 var(--space-50) var(--lp-figma-l-3px)); }
body.tw-lp-live.tw-lp-live .il-prompt:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-232332); border: var(--space-25) solid var(--border-white-subtle); box-shadow: var(--lp-figma-c-3339f155-2) calc(-1 * var(--space-400)) var(--lp-figma-l-10px) var(--space-900) calc(-1 * var(--space-300)); color: var(--lp-figma-c-8d8da2); }
body.tw-lp-live.tw-lp-live .cr3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-c9c9d6); }
body.tw-lp-live.tw-lp-live .il-plus:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-color: var(--lp-figma-c-ffffff14); color: var(--lp-figma-c-c9c9d6); }
body.tw-lp-live.tw-lp-live .il-pay:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .il-panel:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-20202e); border-color: var(--border-white-subtle); box-shadow: var(--element-black-earthy) 0 var(--space-600) var(--space-900) var(--lp-figma-l-18px-2); }
body.tw-lp-live.tw-lp-live .il-panel:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { box-shadow: var(--lp-figma-c-3339f170) var(--lp-figma-l-18px-2) 0 var(--space-900) calc(-1 * var(--space-600)); }
body.tw-lp-live.tw-lp-live .il-cur:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-ffffff06); }
body.tw-lp-live.tw-lp-live .il-cur span:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-8d8da2); }
body.tw-lp-live.tw-lp-live .il-cur span.on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-2e2e42); color: var(--text-white-default); box-shadow: var(--elevation-0); }
body.tw-lp-live.tw-lp-live .il-amt:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--text-white-default); }
body.tw-lp-live.tw-lp-live .il-methods span:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-color: var(--lp-figma-c-ffffff12); color: var(--lp-figma-c-c9c9d6); }
body.tw-lp-live.tw-lp-live .il-methods span.sel:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-3339f118); border-color: var(--lp-figma-c-6e72f7); color: var(--text-white-default); box-shadow: var(--elevation-0); }
body.tw-lp-live.tw-lp-live .il-badge:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--surface-white-default); color: var(--lp-figma-c-141416-2); }
body.tw-lp-live.tw-lp-live .il-badge svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-16a34a); }
body.tw-lp-live.tw-lp-live .il-url:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-ffffff06); color: var(--lp-figma-c-c9c9d6); }
body.tw-lp-live.tw-lp-live .il-row:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-e4e4ee); }
body.tw-lp-live.tw-lp-live .il-row svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-8d8da2); }
body.tw-lp-live.tw-lp-live .il-row.hl:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-ffffff06); }
body.tw-lp-live.tw-lp-live .il-row em:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-22c55e14); color: var(--lp-figma-c-4ade80); }
body.tw-lp-live.tw-lp-live .lpd:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: fixed; left: 50%; bottom: var(--space-500); transform: translateX(-50%); z-index: 90; display: flex; align-items: center; gap: var(--lp-figma-l-10px); padding: var(--lp-figma-l-5px) var(--lp-figma-l-5px) var(--lp-figma-l-5px) var(--space-500); border-radius: var(--lp-figma-l-999px); background: var(--lp-figma-c-18182090); backdrop-filter: blur(var(--lp-figma-blur-14px)); border: var(--space-25) solid var(--lp-figma-c-34343f); box-shadow: var(--lp-figma-c-00000040) 0 var(--space-400) var(--lp-figma-l-30px); font-family: var(--font-sans); }
body.tw-lp-live.tw-lp-live .lpd-l:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-12_5px); color: var(--lp-figma-c-a4a4b4); white-space: nowrap; }
body.tw-lp-live.tw-lp-live .lpd-l:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .lpd-seg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; display: flex; }
body.tw-lp-live.tw-lp-live .lpd-seg button:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; z-index: 1; height: 34px; padding: 0 var(--lp-figma-l-14px); border-radius: var(--lp-figma-l-999px); font-size: var(--lp-figma-fs-13px); color: var(--lp-figma-c-a4a4b4); white-space: nowrap; transition: color 0.25s; }
body.tw-lp-live.tw-lp-live .lpd-seg button:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 500; }
body.tw-lp-live.tw-lp-live .lpd-seg button.on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-141416-2); }
body.tw-lp-live.tw-lp-live .lpd-pill:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; top: 0; bottom: 0; left: 0; border-radius: var(--lp-figma-l-999px); background: var(--surface-white-default); transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), width 0.35s cubic-bezier(0.16, 1, 0.3, 1); }
body.tw-lp-live.tw-lp-live .s4:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--surface-white-default); padding: var(--space-1650) var(--space-700); font-family: var(--font-sans); color: var(--lp-figma-c-141416); }
body.tw-lp-live.tw-lp-live .s4-in:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { max-width: 1080px; margin: 0 auto; text-align: center; }
body.tw-lp-live.tw-lp-live .s4 h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 auto; }
body.tw-lp-live.tw-lp-live .s4-sub:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: var(--space-500) auto var(--space-800); font-size: var(--lp-figma-fs-17px); line-height: 1.5; color: var(--lp-figma-c-6b6b78); }
body.tw-lp-live.tw-lp-live .s4-tabs:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; display: inline-flex; padding: var(--space-100); border-radius: var(--lp-figma-l-999px); background: var(--lp-figma-c-f2f2f5); margin-bottom: var(--space-1000); max-width: 100%; overflow-x: auto; scrollbar-width: none; }
body.tw-lp-live.tw-lp-live .s4-tabs:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::-webkit-scrollbar { display: none; }
body.tw-lp-live.tw-lp-live .s4-tabs button:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; z-index: 1; height: var(--element-xlg); padding: 0 var(--lp-figma-l-18px); border-radius: var(--lp-figma-l-999px); font-size: var(--lp-figma-fs-14_5px); color: var(--lp-figma-c-6b6b74); white-space: nowrap; transition: color 0.25s; }
body.tw-lp-live.tw-lp-live .s4-tabs button:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 500; }
body.tw-lp-live.tw-lp-live .s4-tabs button.on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-141416); }
body.tw-lp-live.tw-lp-live .s4-tabs button:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-141416); }
body.tw-lp-live.tw-lp-live .s4-pill:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; top: var(--space-100); bottom: var(--space-100); left: 0; border-radius: var(--lp-figma-l-999px); background: var(--surface-white-default); box-shadow: var(--lp-figma-c-14142812) 0 var(--space-25) var(--lp-figma-l-3px), var(--lp-figma-c-14142804) 0 0 0 var(--space-25); transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), width 0.45s cubic-bezier(0.16, 1, 0.3, 1); }
body.tw-lp-live.tw-lp-live .cmp:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; text-align: left; }
body.tw-lp-live.tw-lp-live .cmp-h:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .cmp-r:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.1fr) minmax(0,1.1fr); }
body.tw-lp-live.tw-lp-live .cmp-col10:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; top: 0; bottom: 0; left: calc(30.303%); width: calc(34.8485%); background: var(--lp-figma-c-f6f6fa); border: var(--space-25) solid var(--lp-figma-c-ececf3); border-radius: var(--lp-figma-l-20px); pointer-events: none; }
@media (min-width: 1261px) { body.tw-lp-live.tw-lp-live .cmp-h:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: sticky; top: var(--space-1350); z-index: 2; background: linear-gradient(var(--surface-white-default) 72%, transparent); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .cmp-h:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: sticky; top: var(--space-1200); z-index: 2; background: linear-gradient(var(--surface-white-default) 72%, transparent); } }
body.tw-lp-live.tw-lp-live .cmp-h > div:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--lp-figma-l-30px) var(--space-750) var(--lp-figma-l-26px); display: flex; flex-direction: column; align-items: center; gap: var(--space-400); }
body.tw-lp-live.tw-lp-live .ch10:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; }
body.tw-lp-live.tw-lp-live .ch10:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::before { content: ""; position: absolute; inset: var(--space-25) var(--space-25) 0; background: var(--lp-figma-c-f6f6fa); border-radius: var(--lp-figma-l-19px-2) var(--lp-figma-l-19px-2) 0 0; z-index: -1; }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .cmp-h b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-sans); font-size: var(--lp-figma-fs-22px); line-height: 1; letter-spacing: var(--lp-figma-ls-0_78px); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .cmp-h b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 700; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cmp-h b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-sans); font-size: var(--lp-figma-fs-22px); line-height: 1; letter-spacing: var(--lp-figma-ls-0_6px); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cmp-h b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 700; } }
body.tw-lp-live.tw-lp-live .chx b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-8b8b93-2); font-weight: 600; transition: opacity 0.25s; }
body.tw-lp-live.tw-lp-live .chx:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { justify-content: flex-start; }
body.tw-lp-live.tw-lp-live .ch10 a:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: inline-flex; align-items: center; height: 34px; padding: 0 var(--lp-figma-l-14px); border-radius: var(--lp-figma-l-9px-2); background: var(--lp-figma-c-141416); color: var(--text-white-default); font-size: var(--lp-figma-fs-13px); text-decoration: none; transition: background 0.2s; }
body.tw-lp-live.tw-lp-live .ch10 a:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .ch10 a:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--surface-brand-default); }
body.tw-lp-live.tw-lp-live .chx:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::after { content: ""; height: 34px; }
body.tw-lp-live.tw-lp-live .cmp-rows:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; }
body.tw-lp-live.tw-lp-live .cmp-r:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-top: var(--space-25) solid var(--lp-figma-c-ededf1); }
body.tw-lp-live.tw-lp-live .cmp-r:last-child:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-bottom: var(--space-25) solid var(--lp-figma-c-ededf1); }
body.tw-lp-live.tw-lp-live .cmp-r > div:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--lp-figma-l-22px) var(--space-750); font-size: var(--lp-figma-fs-15px); line-height: 1.45; }
body.tw-lp-live.tw-lp-live .cmp-r .lb:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-141416); font-size: var(--lp-figma-fs-15_5px); }
body.tw-lp-live.tw-lp-live .cmp-r .lb:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .cmp-r .v:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; gap: var(--space-400); align-items: flex-start; }
body.tw-lp-live.tw-lp-live .cmp-r .v i:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { flex: 0 0 auto; width: var(--element-sm); height: var(--element-sm); border-radius: 50%; display: grid; place-items: center; margin-top: var(--space-25); }
body.tw-lp-live.tw-lp-live .cmp-r .v10:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-141416); }
body.tw-lp-live.tw-lp-live .cmp-r .v10 i:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--surface-brand-default); color: var(--text-white-default); }
body.tw-lp-live.tw-lp-live .cmp-r .vx:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-7a7a85); }
body.tw-lp-live.tw-lp-live .cmp-r .vx i:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-ededf1); color: var(--lp-figma-c-9a9aa3); }
body.tw-lp-live.tw-lp-live .cmp-r > div:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transition: opacity 0.3s, transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), filter 0.3s; }
body.tw-lp-live.tw-lp-live .cmp.swap .cmp-r > div:not(.lb0):not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 0; transform: translateY(var(--space-200)); filter: blur(var(--lp-figma-blur-3px)); }
body.tw-lp-live.tw-lp-live .cmp.swap .chx b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 0; }
body.tw-lp-live.tw-lp-live .s4-foot:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-top: var(--space-900); }
body.tw-lp-live.tw-lp-live .s4-cta:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: inline-flex; align-items: center; height: var(--element-2xlg); padding: 0 var(--space-700); border-radius: var(--corner-radius-400); background: var(--surface-brand-default); color: var(--text-white-default); font-size: var(--lp-figma-fs-15px); text-decoration: none; box-shadow: var(--lp-figma-c-3339f170) 0 var(--lp-figma-l-10px) var(--space-700) var(--lp-figma-l-10px-2); transition: background 0.2s, transform 0.2s; }
body.tw-lp-live.tw-lp-live .s4-cta:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .s4-cta:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-252bdd); }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .s4:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-1300) var(--space-500); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cmp-col10:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { left: 0; width: 50%; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cmp-h > div:first-child:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: none; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cmp-h:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .cmp-r:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { grid-template-columns: 1fr 1fr; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cmp-h > div:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--lp-figma-l-22px) var(--space-400) var(--lp-figma-l-18px); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cmp-h b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--type-h5-size); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cmp-r .lb:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { grid-column: 1 / -1; padding: var(--lp-figma-l-18px) var(--space-400) var(--space-100); font-size: var(--type-body-md-size); color: var(--lp-figma-c-8b8b93-2); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cmp-r .lb:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cmp-r > div:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-200) var(--space-400) var(--lp-figma-l-18px); font-size: var(--type-body-md-size); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cmp-r .v:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { gap: var(--space-300); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cmp-r .v i:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 18px; height: 18px; } }
body.tw-lp-live.tw-lp-live .cmp-h > div:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-750) var(--space-750) var(--space-700); flex-direction: row; justify-content: center; }
body.tw-lp-live.tw-lp-live .chx:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::after { display: none; }
body.tw-lp-live.tw-lp-live .lg10:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: inline-flex; align-items: center; gap: var(--lp-figma-l-10px); }
body.tw-lp-live.tw-lp-live .mk:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: var(--element-lg); height: var(--element-lg); border-radius: var(--lp-figma-l-9px-2); display: grid; place-items: center; font-family: var(--font-sans); font-size: var(--lp-figma-fs-14px); letter-spacing: var(--lp-figma-ls-0_42px); flex: 0 0 auto; }
body.tw-lp-live.tw-lp-live .mk:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 700; }
body.tw-lp-live.tw-lp-live .mk10:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--surface-brand-default); color: var(--text-white-default); box-shadow: var(--lp-figma-c-3339f170) 0 var(--space-200) var(--lp-figma-l-14px) calc(-1 * var(--space-200)); }
body.tw-lp-live.tw-lp-live .mkx:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-ececf1); color: var(--lp-figma-c-55555f); transition: opacity 0.25s; }
body.tw-lp-live.tw-lp-live .chx b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-141416); }
body.tw-lp-live.tw-lp-live .cmp.swap .mkx:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 0; }
body.tw-lp-live.tw-lp-live .cmp-r .v:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; }
body.tw-lp-live.tw-lp-live .cmp-r .v10:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .cmp-r .vx:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-2a2a30); }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .mk:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 26px; height: 26px; font-size: var(--type-body-sm-size); border-radius: var(--corner-radius-300); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .lg10:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { gap: var(--space-300); } }
body.tw-lp-live.tw-lp-live .lgw svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: 26px; width: auto; color: var(--lp-figma-c-141416-2); display: block; }
body.tw-lp-live.tw-lp-live img.mkx:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; height: 30px; width: auto; border-radius: 0; background: none; }
body.tw-lp-live.tw-lp-live img.mkx.mk-wix:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: 22px; }
body.tw-lp-live.tw-lp-live img.mkx.mk-wp:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: 30px; }
body.tw-lp-live.tw-lp-live .cmp-h .lg10:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { min-height: var(--element-lg); }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .lgw svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: var(--element-sm); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live img.mkx:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: var(--element-md); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live img.mkx.mk-wix:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: 17px; } }
body.tw-lp-live.tw-lp-live .cmp-f:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.1fr) minmax(0,1.1fr); }
body.tw-lp-live.tw-lp-live .cf10:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-700) var(--space-750) var(--space-750); display: flex; justify-content: center; }
body.tw-lp-live.tw-lp-live .cf10 .s4-cta:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 100%; justify-content: center; height: 46px; font-size: var(--lp-figma-fs-14_5px); }
body.tw-lp-live.tw-lp-live .cmp-r:last-child:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-bottom: 0; }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cmp-f:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { grid-template-columns: 1fr 1fr; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cmp-f > div:first-child:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: none; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cf10:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-500) var(--lp-figma-l-10px) var(--lp-figma-l-18px); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cf10 .s4-cta:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-13px); height: 42px; padding: 0 var(--lp-figma-l-10px); text-align: center; } }
body.tw-lp-live.tw-lp-live .cmp-col10:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { left: calc(31.25%); width: calc(34.375%); border-radius: 0; border-width: 0 var(--space-25); border-style: none solid; border-color: currentcolor var(--lp-figma-c-e9e9ee); border-image: none; background: linear-gradient(var(--surface-white-default), var(--lp-figma-c-f7f7f9) var(--space-2600)); }
body.tw-lp-live.tw-lp-live .cmp-h:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: none; }
body.tw-lp-live.tw-lp-live .cmp-h > div:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { flex-direction: column; justify-content: flex-end; align-items: center; gap: var(--lp-figma-l-14px); padding: var(--space-950) var(--space-700) var(--space-900); background: var(--surface-white-default); }
body.tw-lp-live.tw-lp-live .cmp-h > .ch10:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: linear-gradient(var(--surface-white-default), var(--lp-figma-c-f7f7f9)); margin: 0 var(--space-25); }
body.tw-lp-live.tw-lp-live .ch10:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::before { display: none; }
body.tw-lp-live.tw-lp-live .hd-ic:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: var(--element-2xlg); display: grid; place-items: center; }
body.tw-lp-live.tw-lp-live .hd-ic svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: var(--space-950); width: auto; color: var(--lp-figma-c-141416-2); }
body.tw-lp-live.tw-lp-live .hd-ic img.mkx:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: var(--space-950); width: auto; }
body.tw-lp-live.tw-lp-live .cmp[data-k="wix"] .hd-ic img.mkx:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: 30px; }
body.tw-lp-live.tw-lp-live .cmp[data-k="wix"] .chx .hd-nm:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: none; }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .hd-nm:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-sans); font-size: var(--lp-figma-fs-26px); line-height: 1 !important; letter-spacing: var(--lp-figma-ls-0_91px) !important; color: var(--lp-figma-c-141416-2) !important; } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .hd-nm:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600 !important; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .hd-nm:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-sans); font-size: var(--type-h4-size); line-height: var(--type-h4-line-height); letter-spacing: var(--lp-figma-ls-0_7px-2) !important; color: var(--lp-figma-c-141416-2) !important; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .hd-nm:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600 !important; } }
body.tw-lp-live.tw-lp-live .hd-sub:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-14px); color: var(--lp-figma-c-8b8b93-2); margin-top: calc(-1 * var(--space-200)); min-height: 0; }
body.tw-lp-live.tw-lp-live .hd-sub:empty:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: none; }
body.tw-lp-live.tw-lp-live .cmp-h > div:first-child:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--surface-white-default); }
body.tw-lp-live.tw-lp-live .cmp-r:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border: 0 !important; }
body.tw-lp-live.tw-lp-live .cmp-r > div:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--lp-figma-l-26px) var(--space-750); min-height: var(--space-1550); display: flex; align-items: center; }
body.tw-lp-live.tw-lp-live .cmp-r .lb:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-17px); color: var(--lp-figma-c-55555f); }
body.tw-lp-live.tw-lp-live .cmp-r .lb:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 400; }
body.tw-lp-live.tw-lp-live .cmp-r .v:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { text-align: center; justify-content: center; font-size: var(--lp-figma-fs-15_5px); line-height: 1.5; color: var(--lp-figma-c-1f1f24); }
body.tw-lp-live.tw-lp-live .cmp-r .v10:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 var(--space-25); background: transparent; }
body.tw-lp-live.tw-lp-live .cmp-r .vx:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-top: var(--space-25) solid var(--lp-figma-c-e9e9ee); color: var(--lp-figma-c-55555f); }
body.tw-lp-live.tw-lp-live .cmp-r:last-child .vx:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-bottom: var(--space-25) solid var(--lp-figma-c-e9e9ee); }
body.tw-lp-live.tw-lp-live .cmp-f > div:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: transparent; }
body.tw-lp-live.tw-lp-live .cf10:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-750) var(--space-800) var(--space-900); }
body.tw-lp-live.tw-lp-live .cf10 .s4-cta:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-141416-2); box-shadow: var(--elevation-0); border-radius: var(--lp-figma-l-10px); }
body.tw-lp-live.tw-lp-live .cf10 .s4-cta:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--surface-brand-default); }
body.tw-lp-live.tw-lp-live .cmp.swap .hd-ic img:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .cmp.swap .hd-nm:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .cmp.swap .hd-sub:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 0; }
body.tw-lp-live.tw-lp-live .chx .hd-ic img:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .chx .hd-nm:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .chx .hd-sub:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transition: opacity 0.25s; }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cmp-col10:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { left: 0; width: 50%; border-left: 0; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cmp-h > div:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-750) var(--lp-figma-l-10px) var(--lp-figma-l-22px); gap: var(--lp-figma-l-10px); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .hd-ic:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: 34px; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .hd-ic img.mkx:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: var(--element-lg); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cmp[data-k="wix"] .hd-ic img.mkx:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: 22px; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .hd-nm:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-22px); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cmp-r > div:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { min-height: 0; padding: var(--lp-figma-l-10px) var(--lp-figma-l-10px) var(--lp-figma-l-18px); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cmp-r .lb:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { justify-content: center; padding: var(--lp-figma-l-18px) var(--lp-figma-l-10px) 0; font-size: var(--lp-figma-fs-13px); color: var(--lp-figma-c-8b8b93-2); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cmp-r .lb:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cmp-r .v:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-13_5px); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cmp-r .vx:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-top: 0; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cmp-r:last-child .vx:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-bottom: 0; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cmp-r:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-top: var(--space-25) solid var(--lp-figma-c-e9e9ee) !important; } }
body.tw-lp-live.tw-lp-live .cmp[data-k="wp"] .chx .hd-nm:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .cmp[data-k="wp"] .chx .hd-sub:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: none; }
body.tw-lp-live.tw-lp-live .cmp[data-k="wp"] .chx .hd-ic img.mkx:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: var(--space-1100); }
body.tw-lp-live.tw-lp-live .cmp[data-k="wp"] .chx .hd-ic:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: var(--space-1150); }
body.tw-lp-live.tw-lp-live .cmp-h > div:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { flex-direction: row; align-items: center; justify-content: center; gap: var(--space-400); padding: var(--space-850) var(--space-700) var(--space-800); }
body.tw-lp-live.tw-lp-live .lgw svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: var(--element-lg); }
body.tw-lp-live.tw-lp-live .chx .hd-ic:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: auto; }
body.tw-lp-live.tw-lp-live .chx .hd-ic img.mkx:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: var(--space-850); }
body.tw-lp-live.tw-lp-live .cmp[data-k="wix"] .chx .hd-ic img.mkx:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: var(--space-750); }
body.tw-lp-live.tw-lp-live .cmp[data-k="wp"] .chx .hd-ic img.mkx:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: var(--element-xlg); }
body.tw-lp-live.tw-lp-live .hd-nm:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-26px); }
body.tw-lp-live.tw-lp-live .hd-sub:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: none; }
body.tw-lp-live.tw-lp-live .cmp-r:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-top: var(--space-25) solid var(--lp-figma-c-e9e9ee) !important; }
body.tw-lp-live.tw-lp-live .cmp-r:last-child:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-bottom: var(--space-25) solid var(--lp-figma-c-e9e9ee) !important; }
body.tw-lp-live.tw-lp-live .cmp-r .vx:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-top: 0; }
body.tw-lp-live.tw-lp-live .cmp-r:last-child .vx:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-bottom: 0; }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cmp-h > div:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { flex-direction: column; gap: var(--space-300); padding: var(--space-700) var(--lp-figma-l-10px) var(--lp-figma-l-18px); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .lgw svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: 22px; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .chx .hd-ic img.mkx:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: var(--space-750); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cmp[data-k="wix"] .chx .hd-ic img.mkx:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: var(--element-sm); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .hd-nm:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--type-h4-size); } }
body.tw-lp-live.tw-lp-live .cmp-r .v:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { text-align: left; justify-content: flex-start; padding-left: var(--space-850); padding-right: var(--space-800); }
body.tw-lp-live.tw-lp-live .cmp-r > div:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { align-items: flex-start; }
body.tw-lp-live.tw-lp-live .cmp-h > .ch10:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .cmp-h > .chx:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { justify-content: flex-start; padding-left: var(--space-850); }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cmp-r .v:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding-left: var(--space-400); padding-right: var(--lp-figma-l-10px); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cmp-r .lb:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { justify-content: flex-start; padding-left: var(--space-400); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cmp-h > .ch10:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .cmp-h > .chx:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { align-items: flex-start; padding-left: var(--space-400); } }
body.tw-lp-live.tw-lp-live .ew:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; inset: var(--space-750) var(--space-750) 0; background: var(--surface-white-default); border-radius: var(--lp-figma-l-14px) var(--lp-figma-l-14px) 0 0; border-width: var(--space-25) var(--space-25) 0; border-style: solid solid none; border-color: var(--lp-figma-c-e4e4ea) var(--lp-figma-c-e4e4ea) currentcolor; border-image: none; box-shadow: var(--lp-figma-c-14143c35) 0 var(--lp-figma-l-30px) var(--space-1150) var(--lp-figma-l-30px-2); overflow: hidden; font-family: var(--font-sans); }
body.tw-lp-live.tw-lp-live .lp-nav:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; align-items: center; gap: var(--space-400); padding: var(--lp-figma-l-10px) var(--lp-figma-l-14px); font-size: var(--lp-figma-fs-9_5px); color: var(--lp-figma-c-6b6b74); }
body.tw-lp-live.tw-lp-live .lp-nav b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-sans); font-size: var(--lp-figma-fs-15px); color: var(--lp-figma-c-2a1f1a); margin-right: auto; }
body.tw-lp-live.tw-lp-live .lp-nav em:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-style: normal; padding: var(--space-100) var(--lp-figma-l-9px-2); border-radius: var(--lp-figma-l-99px); background: var(--lp-figma-c-2a1f1a); color: var(--text-white-default); font-weight: 600; }
body.tw-lp-live.tw-lp-live .lp-hero:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; margin: 0 var(--space-400); height: var(--space-1900); border-radius: var(--lp-figma-l-10px); padding: var(--space-500) var(--lp-figma-l-18px); display: flex; flex-direction: column; justify-content: flex-end; background: linear-gradient(120deg, var(--lp-figma-c-f3e4da), var(--lp-figma-c-e9cdbe) 45%, var(--lp-figma-c-c99a85)); transition: background 0.8s, color 0.8s; }
body.tw-lp-live.tw-lp-live .lp-hero h4:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0; font-family: var(--font-sans); font-size: var(--lp-figma-fs-24px); line-height: 1; color: var(--lp-figma-c-2a1f1a); transition: color 0.6s, font-size 0.5s; }
body.tw-lp-live.tw-lp-live .lp-hero h4:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 500; }
body.tw-lp-live.tw-lp-live .lp-hero p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: var(--lp-figma-l-5px) 0 0; font-size: var(--lp-figma-fs-9_5px); color: var(--lp-figma-c-5c463b); transition: color 0.6s; }
body.tw-lp-live.tw-lp-live .lp-hero.dark:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: linear-gradient(120deg, var(--lp-figma-c-1d1a24), var(--lp-figma-c-2b2236) 50%, var(--lp-figma-c-3b2a33)); }
body.tw-lp-live.tw-lp-live .lp-hero.dark h4:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--text-white-default); }
body.tw-lp-live.tw-lp-live .lp-hero.dark p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-cfc4d6); }
body.tw-lp-live.tw-lp-live .lp-slot:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: var(--lp-figma-l-10px) var(--space-400) 0; display: flex; flex-direction: column; gap: var(--space-300); }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .blk:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-radius: var(--lp-figma-l-10px); border: var(--space-25) solid var(--lp-figma-c-efe7e2); padding: var(--lp-figma-l-10px); font-size: var(--lp-figma-fs-9_5px); color: var(--lp-figma-c-6b5a50); animation: 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 normal both running page-blkIn; position: relative; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .blk:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-radius: var(--lp-figma-l-10px); border: var(--space-25) solid var(--lp-figma-c-efe7e2); padding: var(--lp-figma-l-10px); font-size: var(--lp-figma-fs-9_5px); color: var(--lp-figma-c-6b5a50); animation: 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 normal both running page-blkIn; position: relative; } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .blk.flash:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { box-shadow: var(--element-white-default) 0 0 0 var(--space-50), var(--lp-figma-c-3339f155-2) 0 0 0 var(--space-100); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .blk.flash:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { box-shadow: var(--element-white-default) 0 0 0 var(--space-50), var(--lp-figma-c-3339f155-2) 0 0 0 var(--space-100); } }
body.tw-lp-live.tw-lp-live .blk h6:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 0 var(--lp-figma-l-7px); font-family: var(--font-sans); font-size: var(--lp-figma-fs-14px); color: var(--lp-figma-c-2a1f1a); }
body.tw-lp-live.tw-lp-live .blk h6:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 500; }
body.tw-lp-live.tw-lp-live .tst:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; gap: var(--space-200); overflow: hidden; }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .tst div:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { flex: 0 0 calc(50% - var(--lp-figma-l-3px)); border-radius: var(--corner-radius-300); background: var(--lp-figma-c-faf6f3); padding: var(--space-300); line-height: 1.35; transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .tst div:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { flex: 0 0 calc(50% - var(--lp-figma-l-3px)); border-radius: var(--corner-radius-300); background: var(--lp-figma-c-faf6f3); padding: var(--space-300); line-height: 1.35; transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .tst div b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; color: var(--lp-figma-c-2a1f1a); margin-top: var(--space-100); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .tst div b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; color: var(--lp-figma-c-2a1f1a); margin-top: var(--space-100); } }
body.tw-lp-live.tw-lp-live .dots:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; gap: var(--space-100); justify-content: center; margin-top: var(--lp-figma-l-7px); }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .dots i:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 5px; height: 5px; border-radius: 50%; background: var(--lp-figma-c-e3d6ce); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .dots i:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 5px; height: 5px; border-radius: 50%; background: var(--lp-figma-c-e3d6ce); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .dots i.on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-2a1f1a); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .dots i.on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-2a1f1a); } }
body.tw-lp-live.tw-lp-live .bkg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; gap: var(--space-200); align-items: center; }
body.tw-lp-live.tw-lp-live .bkg span:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-200) var(--lp-figma-l-9px-2); border-radius: var(--lp-figma-l-7px); border: var(--space-25) solid var(--lp-figma-c-eadfd8); color: var(--lp-figma-c-2a1f1a); }
body.tw-lp-live.tw-lp-live .bkg span.sel:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-2a1f1a); color: var(--text-white-default); border-color: var(--lp-figma-c-2a1f1a); }
body.tw-lp-live.tw-lp-live .bkg em:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-left: auto; font-style: normal; padding: var(--lp-figma-l-7px) var(--space-400); border-radius: var(--lp-figma-l-99px); background: var(--lp-figma-c-2a1f1a); color: var(--text-white-default); font-weight: 600; }
body.tw-lp-live.tw-lp-live .lp-cards:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-300); margin: var(--lp-figma-l-10px) var(--space-400) 0; position: relative; }
body.tw-lp-live.tw-lp-live .lc:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border: var(--space-25) solid var(--lp-figma-c-efe7e2); border-radius: var(--lp-figma-l-9px-2); padding: var(--space-300); font-size: var(--lp-figma-fs-9_5px); color: var(--lp-figma-c-6b5a50); background: var(--surface-white-default); transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s; }
body.tw-lp-live.tw-lp-live .lc i:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; height: 38px; border-radius: var(--corner-radius-200); margin-bottom: var(--space-200); background: linear-gradient(135deg, var(--lp-figma-c-f6ece6), var(--lp-figma-c-e8d3c7)); }
body.tw-lp-live.tw-lp-live .lc[data-c="b"] i:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: linear-gradient(135deg, var(--lp-figma-c-ede6f2), var(--lp-figma-c-d8cbe3)); }
body.tw-lp-live.tw-lp-live .lc[data-c="c"] i:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: linear-gradient(135deg, var(--lp-figma-c-e5efea), var(--lp-figma-c-c9ddd2)); }
body.tw-lp-live.tw-lp-live .lc b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; font-size: var(--lp-figma-fs-10_5px); color: var(--lp-figma-c-2a1f1a); }
body.tw-lp-live.tw-lp-live .lc.drag:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { box-shadow: var(--lp-figma-c-14143c40) 0 var(--lp-figma-l-14px) var(--space-750) var(--lp-figma-l-10px-2); z-index: 2; outline: var(--space-50) solid var(--border-brand-default); }
body.tw-lp-live.tw-lp-live .vt-l:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-a4a4b4); }
body.tw-lp-live.tw-lp-live .vt-size:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; align-items: center; gap: var(--space-100); padding: var(--lp-figma-l-3px) var(--lp-figma-l-7px); border-radius: var(--corner-radius-200); background: var(--lp-figma-c-26262e); }
body.tw-lp-live.tw-lp-live .vt-size em:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-style: normal; font-variant-numeric: tabular-nums; }
body.tw-lp-live.tw-lp-live .vt-sw:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; gap: var(--space-100); }
body.tw-lp-live.tw-lp-live .vt-sw i:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 14px; height: 14px; border-radius: 50%; box-shadow: var(--lp-figma-c-141416-2) 0 0 0 var(--lp-figma-l-1_5px), transparent 0 0 0 var(--lp-figma-l-2_5px-2); transition: box-shadow 0.2s; }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .vt-sw i.on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { box-shadow: var(--lp-figma-c-141416-2) 0 0 0 var(--lp-figma-l-1_5px), var(--element-white-default) 0 0 0 var(--lp-figma-l-3px); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .vt-sw i.on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { box-shadow: var(--lp-figma-c-141416-2) 0 0 0 var(--lp-figma-l-1_5px), var(--element-white-default) 0 0 0 var(--lp-figma-l-3px); } }
body.tw-lp-live.tw-lp-live .vt-sp:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-a4a4b4); }
body.tw-lp-live.tw-lp-live .ew:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { box-shadow: var(--element-black-earthy) 0 var(--lp-figma-l-30px) var(--space-1150) calc(-1 * var(--space-700)); border-color: var(--lp-figma-c-ffffff14); }
body.tw-lp-live.tw-lp-live .vp-sw:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; gap: var(--space-200); }
body.tw-lp-live.tw-lp-live .vp-sw i:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 22px; height: 22px; border-radius: var(--lp-figma-l-7px); box-shadow: var(--lp-figma-c-00000008) 0 0 0 var(--space-25); }
body.tw-lp-live.tw-lp-live .vp-sw i.on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { box-shadow: 0 0 0 var(--space-50) var(--element-white-default),0 0 0 var(--lp-figma-l-3_5px) var(--element-brand-default); }
body.tw-lp-live.tw-lp-live .vp-sl:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; height: var(--space-100); border-radius: var(--corner-radius-50); background: var(--lp-figma-c-ececf1); margin: var(--space-200) 0; }
body.tw-lp-live.tw-lp-live .vp-sl span:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; left: 0; top: 0; bottom: 0; width: 25%; border-radius: var(--corner-radius-50); background: var(--surface-brand-default); transition: width 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
body.tw-lp-live.tw-lp-live .vp-sl i:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; top: 50%; left: 25%; width: var(--space-400); height: var(--space-400); margin: calc(-1 * var(--space-200)) 0 0 calc(-1 * var(--space-200)); border-radius: 50%; background: var(--surface-white-default); box-shadow: 0 0 0 var(--lp-figma-l-1_5px) var(--element-brand-default),0 var(--space-50) var(--space-100) var(--element-black-twenty); transition: left 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
body.tw-lp-live.tw-lp-live .vp-lay:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; gap: var(--space-100); }
body.tw-lp-live.tw-lp-live .vp-lay span:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { flex: 1 1 0%; text-align: center; padding: var(--lp-figma-l-5px); border-radius: var(--corner-radius-200); border: var(--space-25) solid var(--lp-figma-c-e4e4ea); }
body.tw-lp-live.tw-lp-live .vp-lay span.on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-color: var(--border-brand-default); color: var(--text-brand-default); background: var(--lp-figma-c-f3f3ff); }
body.tw-lp-live.tw-lp-live .pg-r:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; align-items: center; gap: var(--space-300); padding: var(--space-200) var(--space-100); border-top: var(--space-25) solid var(--lp-figma-c-f0f0f3); color: var(--lp-figma-c-141416-2); font-size: var(--lp-figma-fs-10_5px); }
body.tw-lp-live.tw-lp-live .pg-ic:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: var(--element-sm); height: var(--element-sm); border-radius: var(--corner-radius-200); color: var(--text-white-default); font-size: var(--lp-figma-fs-10px); display: grid; place-items: center; }
body.tw-lp-live.tw-lp-live .pg-ic:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 700; }
body.tw-lp-live.tw-lp-live .pg-r em:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-left: auto; font-style: normal; font-size: var(--lp-figma-fs-9_5px); color: var(--lp-figma-c-15803d); background: var(--lp-figma-c-e9f9ef); padding: var(--space-50) var(--lp-figma-l-7px); border-radius: var(--lp-figma-l-99px); }
body.tw-lp-live.tw-lp-live .pg-r em:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .pg-r em.inst:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--text-white-default); background: var(--surface-brand-default); }
body.tw-lp-live.tw-lp-live .lp-hero:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transition: background 0.8s, color 0.8s, padding 0.8s cubic-bezier(0.16, 1, 0.3, 1), height 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
body.tw-lp-live.tw-lp-live .lp-form:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: none; margin: var(--lp-figma-l-10px) var(--space-400) 0; border: var(--space-25) solid var(--lp-figma-c-efe7e2); border-radius: var(--lp-figma-l-10px); padding: var(--lp-figma-l-10px); font-size: var(--lp-figma-fs-9_5px); color: var(--lp-figma-c-8b7d74); gap: var(--space-200); align-items: center; }
body.tw-lp-live.tw-lp-live .lp-form.on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; animation: 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 normal both running page-blkIn; }
body.tw-lp-live.tw-lp-live .lp-form h6:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 auto 0 0; font-family: var(--font-sans); font-size: var(--lp-figma-fs-14px); color: var(--lp-figma-c-2a1f1a); }
body.tw-lp-live.tw-lp-live .lp-form h6:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 500; }
body.tw-lp-live.tw-lp-live .lp-form span:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-200) var(--space-400); border: var(--space-25) solid var(--lp-figma-c-eadfd8); border-radius: var(--lp-figma-l-7px); min-width: var(--space-1150); }
body.tw-lp-live.tw-lp-live .lp-form em:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-style: normal; padding: var(--space-200) var(--space-400); border-radius: var(--lp-figma-l-99px); background: var(--lp-figma-c-2a1f1a); color: var(--text-white-default); font-weight: 600; }
body.tw-lp-live.tw-lp-live .ew:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { inset: 0; border: 0; border-radius: 0; box-shadow: var(--elevation-0); }
body.tw-lp-live.tw-lp-live .s6:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--surface-white-default); padding: var(--space-1650) var(--space-700); font-family: var(--font-sans); color: var(--lp-figma-c-141416); }
body.tw-lp-live.tw-lp-live .s6-in:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { max-width: 1080px; margin: 0 auto; display: grid; grid-template-columns: 320px 1fr; gap: var(--space-1200); align-items: start; }
body.tw-lp-live.tw-lp-live .s6 h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 0 var(--space-600); }
body.tw-lp-live.tw-lp-live .s6-all:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: inline-flex; align-items: center; height: 42px; padding: 0 var(--lp-figma-l-18px); border-radius: var(--lp-figma-l-10px); border: var(--space-25) solid var(--lp-figma-c-e4e4ea); color: var(--lp-figma-c-141416); font-size: var(--lp-figma-fs-14_5px); text-decoration: none; transition: border-color 0.2s, background 0.2s; }
body.tw-lp-live.tw-lp-live .s6-all:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .s6-all:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-color: var(--lp-figma-c-c9caf6); background: var(--lp-figma-c-f7f7ff); }
body.tw-lp-live.tw-lp-live .faq:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-top: var(--space-25) solid var(--lp-figma-c-ececf1); }
body.tw-lp-live.tw-lp-live .qa:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-bottom: var(--space-25) solid var(--lp-figma-c-ececf1); }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .qa-q:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 100%; display: flex; align-items: center; gap: var(--space-600); padding: var(--space-700) var(--space-100); text-align: left; font-family: var(--font-sans); font-size: var(--type-h6-size); letter-spacing: var(--lp-figma-ls-0_3px); color: var(--lp-figma-c-141416); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .qa-q:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .qa-q:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 100%; display: flex; align-items: center; gap: var(--space-600); padding: var(--space-700) var(--space-100); text-align: left; font-family: var(--font-sans); font-size: var(--type-h4-size); letter-spacing: var(--lp-figma-ls-0_25px); color: var(--lp-figma-c-141416); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .qa-q:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; } }
body.tw-lp-live.tw-lp-live .qa-q span:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { flex: 1 1 0%; }
body.tw-lp-live.tw-lp-live .qa-q i:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: var(--lp-figma-c-f3f3f6); color: var(--lp-figma-c-55555f); flex: 0 0 auto; transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), background 0.25s, color 0.25s; }
body.tw-lp-live.tw-lp-live .qa-q:hover i:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-ebecfe); color: var(--text-brand-default); }
body.tw-lp-live.tw-lp-live .qa.open .qa-q i:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transform: rotate(45deg); background: var(--surface-brand-default); color: var(--text-white-default); }
body.tw-lp-live.tw-lp-live .qa-a:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.45s cubic-bezier(0.16, 1, 0.3, 1); }
body.tw-lp-live.tw-lp-live .qa.open .qa-a:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { grid-template-rows: 1fr; }
body.tw-lp-live.tw-lp-live .qa-a > div:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { overflow: hidden; }
body.tw-lp-live.tw-lp-live .qa-a p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0; padding: 0 var(--space-1150) var(--lp-figma-l-26px) var(--space-100); font-size: var(--lp-figma-fs-16px); line-height: 1.65; color: var(--lp-figma-c-55555f); }
body.tw-lp-live.tw-lp-live .s7w:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-300); background: var(--surface-white-default); }
body.tw-lp-live.tw-lp-live .s7:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; overflow: hidden; isolation: isolate; border-radius: var(--lp-figma-l-22px); border: var(--space-25) solid var(--lp-figma-c-e6e6ee); background: var(--lp-figma-c-fafafb); padding: var(--lp-figma-l-110px) var(--space-700) 0; text-align: center; font-family: var(--font-sans); color: var(--lp-figma-c-141416); }
body.tw-lp-live.tw-lp-live .s7-glow:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; left: 50%; top: calc(100% - 270px); width: max(1200px, 150%); aspect-ratio: 1.85 / 1; transform: translateX(-50%); border-radius: 50%; background: radial-gradient(closest-side, var(--lp-figma-c-2b30dd) 0%, var(--lp-figma-c-3338e6) 55%, var(--lp-figma-c-3c41ec) 78%, var(--lp-figma-c-464cf050) 88%, transparent 100%); filter: blur(var(--lp-figma-blur-22px)); z-index: -1; }
body.tw-lp-live.tw-lp-live .s7:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::after { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: 0.5; mix-blend-mode: overlay; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 1.1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); background-size: 220px auto; }
body.tw-lp-live.tw-lp-live .s7-in:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { max-width: 760px; margin: 0 auto; }
body.tw-lp-live.tw-lp-live .s7-tag:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: inline-flex; align-items: center; height: 30px; padding: 0 var(--space-400); border-radius: var(--lp-figma-l-999px); background: var(--surface-white-default); border: var(--space-25) solid var(--lp-figma-c-e4e4ea); font-size: var(--lp-figma-fs-13px); color: var(--text-brand-default); margin-bottom: var(--lp-figma-l-22px); }
body.tw-lp-live.tw-lp-live .s7-tag:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .s7 h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 auto; }
body.tw-lp-live.tw-lp-live .s7-sub:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: var(--space-500) auto var(--space-800); font-size: var(--lp-figma-fs-17px); line-height: 1.5; color: var(--lp-figma-c-6b6b78); }
body.tw-lp-live.tw-lp-live .s7-cta:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: inline-flex; align-items: center; height: var(--space-1050); padding: 0 var(--space-750); border-radius: var(--corner-radius-400); background: var(--surface-brand-default); color: var(--text-white-default); font-size: var(--lp-figma-fs-16px); text-decoration: none; box-shadow: var(--element-brand-earthy) 0 var(--lp-figma-l-14px) var(--lp-figma-l-30px) calc(-1 * var(--space-400)); transition: background 0.2s, transform 0.2s; }
body.tw-lp-live.tw-lp-live .s7-cta:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .s7-cta:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-252bdd); transform: translateY(calc(-1 * var(--space-25))); }
body.tw-lp-live.tw-lp-live .s7-live:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-top: var(--lp-figma-l-110px); padding: 0 0 var(--space-1200); color: var(--text-white-default); }
body.tw-lp-live.tw-lp-live .s7-lb:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; font-size: var(--lp-figma-fs-13px); letter-spacing: var(--lp-figma-ls-0_78px-2); text-transform: uppercase; color: var(--lp-figma-c-ffffff75); margin-bottom: var(--space-500); }
body.tw-lp-live.tw-lp-live .s7-lb:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .s7-chips:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--lp-figma-l-10px); }
body.tw-lp-live.tw-lp-live .s7-chips span:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: inline-flex; align-items: center; gap: var(--space-300); height: 42px; padding: 0 var(--space-500); border-radius: var(--lp-figma-l-999px); background: var(--lp-figma-c-ffffff12); border: var(--space-25) solid var(--lp-figma-c-ffffff22); font-size: var(--lp-figma-fs-14_5px); color: var(--text-white-default); backdrop-filter: blur(var(--lp-figma-blur-6px)); }
body.tw-lp-live.tw-lp-live .s8:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--surface-white-default); padding: var(--space-1400) var(--space-700) var(--space-850); font-family: var(--font-sans); color: var(--lp-figma-c-141416); }
body.tw-lp-live.tw-lp-live .s8-in:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { max-width: 1180px; margin: 0 auto; }
body.tw-lp-live.tw-lp-live .s8-top:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: grid; grid-template-columns: 240px 1fr; gap: var(--space-1000); }
body.tw-lp-live.tw-lp-live .s8-logo svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: 30px; width: auto; color: var(--lp-figma-c-141416-2); display: block; }
body.tw-lp-live.tw-lp-live .s8-brand p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: var(--space-500) 0 0; font-size: var(--lp-figma-fs-14_5px); line-height: 1.5; color: var(--lp-figma-c-6b6b78); max-width: 200px; }
body.tw-lp-live.tw-lp-live .s8-cols:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-850) var(--space-750); }
body.tw-lp-live.tw-lp-live .s8-col h4:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 0 var(--lp-figma-l-14px); font-size: var(--lp-figma-fs-12px); letter-spacing: var(--lp-figma-ls-0_72px); text-transform: uppercase; color: var(--lp-figma-c-8b8b93-2); }
body.tw-lp-live.tw-lp-live .s8-col h4:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .s8-col a:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; padding: var(--lp-figma-l-5px) 0; font-size: var(--lp-figma-fs-14px); color: var(--lp-figma-c-3f3f46); text-decoration: none; transition: color 0.2s; }
body.tw-lp-live.tw-lp-live .s8-col a:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--text-brand-default); }
@media (min-width: 1261px) { body.tw-lp-live.tw-lp-live .s8-big:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: var(--space-1400) 0 var(--space-750); font-family: var(--font-sans); font-size: var(--lp-figma-fs-63_36px); line-height: 1.02; letter-spacing: var(--lp-figma-ls-2_85px); color: var(--lp-figma-c-141416-2); max-width: 980px; } }
@media (min-width: 1261px) { body.tw-lp-live.tw-lp-live .s8-big:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; } }
@media (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .s8-big:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: var(--space-1400) 0 var(--space-750); font-family: var(--font-sans); font-size: var(--lp-figma-fs-33_792px); line-height: 1.02; letter-spacing: var(--lp-figma-ls-1_52px); color: var(--lp-figma-c-141416-2); max-width: 980px; } }
@media (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .s8-big:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .s8-big:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: var(--space-1400) 0 var(--space-750); font-family: var(--font-sans); font-size: var(--lp-figma-fs-28px); line-height: 1.02; letter-spacing: var(--lp-figma-ls-1_26px); color: var(--lp-figma-c-141416-2); max-width: 980px; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .s8-big:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; } }
body.tw-lp-live.tw-lp-live .s8-bot:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; justify-content: space-between; gap: var(--space-500); padding-top: var(--lp-figma-l-22px); border-top: var(--space-25) solid var(--lp-figma-c-ececf1); font-size: var(--lp-figma-fs-13_5px); color: var(--lp-figma-c-8b8b93-2); }
body.tw-lp-live.tw-lp-live .s8-links:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; gap: var(--space-600); }
body.tw-lp-live.tw-lp-live .s8-links a:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-8b8b93-2); text-decoration: none; }
body.tw-lp-live.tw-lp-live .s8-links a:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-141416); }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .s6-in:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { grid-template-columns: 1fr; gap: var(--space-750); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .s8-top:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { grid-template-columns: 1fr; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .s8-cols:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .s6:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-1300) var(--space-500); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .qa-q:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-17px); padding: var(--space-600) var(--space-50); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .qa-a p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding-right: var(--space-600); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .s7w:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-200); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .s7:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-radius: var(--lp-figma-l-18px); padding: var(--space-1400) var(--space-500) 0; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .s7-live:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-top: var(--space-1400); padding-bottom: var(--space-950); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .s8:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-1200) var(--space-500) var(--space-750); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .s8-big:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-top: var(--space-1100); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .s8-bot:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { flex-direction: column; } }
body.tw-lp-live.tw-lp-live .s7-prompt:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; width: min(640px, 100%); margin: 0 auto; text-align: left; background: var(--surface-white-default); border: var(--space-25) solid var(--lp-figma-c-e2e2e7); border-radius: var(--corner-radius-600); box-shadow: var(--lp-figma-c-1e1e4630) 0 var(--lp-figma-l-18px) var(--space-950) var(--lp-figma-l-18px-2), var(--lp-figma-c-3339f106) 0 0 0 var(--space-100); padding: var(--space-500) var(--space-500) var(--space-400) var(--space-600); transition: border-color 0.25s, box-shadow 0.25s; }
body.tw-lp-live.tw-lp-live .s7-prompt:focus-within:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-color: var(--border-brand-half); box-shadow: var(--lp-figma-c-1e1e4630) 0 var(--lp-figma-l-18px) var(--space-950) var(--lp-figma-l-18px-2), var(--lp-figma-c-3339f112) 0 0 0 var(--space-100); }
body.tw-lp-live.tw-lp-live .s7-prompt textarea:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; width: 100%; min-height: 54px; max-height: 160px; border: 0; outline: 0; resize: none; background: none; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-family: var(--font-sans); font-size: var(--lp-figma-fs-17px); line-height: 1.5; color: var(--lp-figma-c-141416); }
body.tw-lp-live.tw-lp-live .s7-prompt textarea:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: inherit; }
body.tw-lp-live.tw-lp-live .s7-prompt textarea:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::placeholder { color: var(--lp-figma-c-9a9aa1); }
body.tw-lp-live.tw-lp-live .s7-pbar:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; align-items: center; justify-content: space-between; gap: var(--space-400); margin-top: var(--space-200); }
body.tw-lp-live.tw-lp-live .s7-hint:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-13px); color: var(--lp-figma-c-8b8b93-2); }
body.tw-lp-live.tw-lp-live .s7-go:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; background: var(--lp-figma-c-b3b5f9); color: var(--text-white-default); flex: 0 0 auto; transition: background 0.25s, transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.25s; cursor: default; }
body.tw-lp-live.tw-lp-live .s7-go.ready:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--surface-brand-default); cursor: pointer; box-shadow: var(--lp-figma-c-3339f170) 0 var(--space-200) var(--space-500) calc(-1 * var(--space-200)); }
body.tw-lp-live.tw-lp-live .s7-go.ready:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transform: scale(1.06); }
body.tw-lp-live.tw-lp-live .s7-prompt.shake:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation: 0.35s ease 0s 1 normal none running page-shake; }
body.tw-lp-live.tw-lp-live .composer.callout .fw:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation: 0.9s cubic-bezier(0.34, 1.56, 0.64, 1) 0s 1 normal none running page-callout; }
@keyframes page-mq { 100% { transform: translateX(-50%); } }
@keyframes page-chipIn { 0% { opacity: 0; } }
@keyframes page-wv1 { 100% { transform: translateX(2.5%) scaleY(1.04); } }
@keyframes page-wv2 { 100% { transform: translateX(-3%) scaleY(1.06); } }
@keyframes page-wv3 { 100% { transform: translateX(2%) scaleY(0.96); } }
@keyframes page-prIn { 0% { opacity: 0; transform: translateY(var(--space-300)); } }
@keyframes page-rsIn { 100% { opacity: 1; transform: none; } }
@keyframes page-blink { 50% { opacity: 0; } }
@keyframes page-pop { 40% { transform: scale(1.15); } }
@keyframes page-recIn { 0% { opacity: 0; } }
@keyframes page-rpulse { 50% { opacity: 0.3; } }
@keyframes page-hop { 0% { transform: translateX(0); } 35% { transform: translateX(var(--space-50)); } 100% { transform: translateX(0); } }
@keyframes page-shake { 25% { transform: translateX(var(--lp-figma-l-5px-2)); } 75% { transform: translateX(var(--lp-figma-l-5px)); } }
@keyframes page-spin2 { 100% { transform: rotate(360deg); } }
@keyframes page-flash { 0% { background: var(--lp-figma-c-dadcff); } }
@keyframes page-rvIn { 0% { opacity: 0; filter: blur(var(--lp-figma-blur-8px)); transform: translateX(calc(-1 * var(--space-50))); } 35% { opacity: 1; filter: blur(var(--background-blur-0)); transform: none; } }
@keyframes page-mIn { 0% { opacity: 0; transform: translateY(var(--space-200)); } }
@keyframes page-blkIn { 0% { opacity: 0; transform: translateY(var(--space-400)) scale(0.98); } }
@keyframes page-callout { 0% { transform: scale(1); } 40% { transform: scale(1.035); } 100% { transform: scale(1); } }
body.tw-lp-live.tw-lp-live #hero.hero > .ovl:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: inline-flex; align-items: center; height: var(--space-850); padding: 0 var(--space-500); margin: 0 0 var(--space-400); box-sizing: border-box; border: var(--space-25) solid var(--lp-figma-c-14151f12); border-radius: var(--corner-radius-700); background: var(--surface-white-default); color: var(--text-brand-default); font-size: var(--lp-figma-fs-14px); line-height: var(--lp-figma-lh-20px); font-weight: 500; letter-spacing: 0; text-transform: none; }
body.tw-lp-live.tw-lp-live #hero.hero > h1:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { max-width: 1012px; font-size: var(--lp-figma-fs-40px); line-height: var(--lp-figma-lh-52px); letter-spacing: 0; font-weight: 500; color: var(--lp-figma-c-14151f); }
body.tw-lp-live.tw-lp-live #hero.hero > .sub:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: var(--space-500) 0 var(--space-1000); font-size: var(--lp-figma-fs-20px); line-height: var(--lp-figma-lh-30px); letter-spacing: 0; color: var(--lp-figma-c-14151f70); }
body.tw-lp-live.tw-lp-live #hero.hero > .proof:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .hero .proof:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: none; }
body.tw-lp-live.tw-lp-live #hero .composer:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: min(600px, 100%); }
body.tw-lp-live.tw-lp-live #hero .composer .field:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #hero .composer.settled .field:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border: var(--space-100) solid var(--lp-figma-c-3339f116); border-radius: var(--corner-radius-600); }
body.tw-lp-live.tw-lp-live #hero .composer.focus .field:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-color: var(--border-brand-half); }
body.tw-lp-live.tw-lp-live #hero .ph:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-14px); line-height: var(--lp-figma-lh-20px); color: var(--lp-figma-c-14151f50); }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #hero.hero > h1:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-32px); line-height: var(--lp-figma-lh-40px); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #hero.hero > .sub:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: var(--space-400) 0 var(--space-800); font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); } }
body.tw-lp-live.tw-lp-live #hero.hero > h1:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 500; }
body.tw-lp-live.tw-lp-live section [data-new="capabilities"] .gl16-hd h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--text-white-default); font-weight: 500; }
body.tw-lp-live.tw-lp-live section [data-new="steps"] .gl4-h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live section [data-new="features"] .gl23-hd h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live section .bwh h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 500; }
body.tw-lp-live.tw-lp-live section [data-new="features"] .gl23-cta a:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-400); height: var(--element-2xlg); padding: 0 var(--space-600); box-sizing: border-box; border-radius: var(--corner-radius-300); background: var(--surface-white-default); border: var(--space-25) solid var(--lp-figma-c-14151f12); color: var(--lp-figma-c-14151f); text-decoration: none; }
body.tw-lp-live.tw-lp-live section [data-new="features"] .gl23-cta a:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live section [data-new="features"] .gl23-cta a:focus-visible:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--surface-brand-default); border-color: var(--border-brand-default); color: var(--text-white-default); }
body.tw-lp-live.tw-lp-live #hero.hero.hero > h1:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live section .bwh.bwh h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live section [data-new="steps"] .gl4-h2.gl4-h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live section [data-new="features"] .gl23-hd.gl23-hd h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live section [data-new="capabilities"] .gl16-hd.gl16-hd h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 500; }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live #hero.hero.hero > h1:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live section .bwh.bwh h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live section [data-new="steps"] .gl4-h2.gl4-h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live section [data-new="features"] .gl23-hd.gl23-hd h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live section [data-new="capabilities"] .gl16-hd.gl16-hd h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 500; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #hero.hero.hero > h1:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live section .bwh.bwh h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live section [data-new="steps"] .gl4-h2.gl4-h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live section [data-new="features"] .gl23-hd.gl23-hd h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live section [data-new="capabilities"] .gl16-hd.gl16-hd h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 500; } }
body.tw-lp-live.tw-lp-live .tw-ground:has(.gl18-car):not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { overflow-x: clip; }
body.tw-lp-live.tw-lp-live section [data-new="business-types"] .gl18-h2.gl18-h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 500; }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live section [data-new="business-types"] .gl18-h2.gl18-h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 500; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live section [data-new="business-types"] .gl18-h2.gl18-h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 500; } }
body.tw-lp-live.tw-lp-live section [data-new="business-types"] .gl18-h2 br.gl18-br:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: inline; }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live section [data-new="business-types"] .gl18-h2 br.gl18-br:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: none; } }
body.tw-lp-live.tw-lp-live section [data-new] .rv.rv .ch:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: inherit; }
body.tw-lp-live.tw-lp-live section [data-new="capabilities"] .gl16-cta > .btn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live section [data-new="features"] .gl23-cta > .btn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: 0; margin: 0; background: none; border: 0; box-shadow: var(--elevation-0); }
body.tw-lp-live.tw-lp-live #hero #composer .halo:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: none; }
body.tw-lp-live.tw-lp-live #hero #composer .field:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #hero #composer.settled .field:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border: var(--space-100) solid var(--lp-figma-c-3339f116); border-radius: var(--corner-radius-600); box-shadow: var(--elevation-0); }
body.tw-lp-live.tw-lp-live #hero #composer.focus .field:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-color: var(--border-brand-half); }
body.tw-lp-live.tw-lp-live #hero #composer .streak:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { inset: 0; padding: var(--space-100); border-radius: var(--corner-radius-600); opacity: .4; }
body.tw-lp-live.tw-lp-live #hero #composer .inp:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-500) var(--space-500) 0; }
body.tw-lp-live.tw-lp-live #hero #composer .ph:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #hero #composer .ed:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-16px); line-height: var(--lp-figma-lh-24px); }
body.tw-lp-live.tw-lp-live #hero #composer .ph:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-14151f50); }
body.tw-lp-live.tw-lp-live #hero #composer .ed:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { min-height: var(--space-1400); color: var(--lp-figma-c-14151f); }
body.tw-lp-live.tw-lp-live #hero #composer .bar:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { gap: var(--space-300); padding: var(--space-400) var(--space-500) var(--space-500); }
body.tw-lp-live.tw-lp-live #hero #composer #plus:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: none; }
body.tw-lp-live.tw-lp-live #hero #composer #tray:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: none; }
body.tw-lp-live.tw-lp-live #hero #composer .wgf:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #hero #composer #sfg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: inline-flex; align-items: center; gap: var(--space-300); height: var(--element-xlg); box-sizing: border-box; margin: 0; border: var(--space-25) solid var(--lp-figma-c-14151f12); border-radius: var(--corner-radius-700); background: var(--surface-white-default); color: var(--lp-figma-c-14151f); font-size: var(--lp-figma-fs-12px); line-height: var(--lp-figma-lh-18px); white-space: nowrap; cursor: pointer; transition: background .2s; }
body.tw-lp-live.tw-lp-live #hero #composer .wgf:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #hero #composer #sfg:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #hero #composer #sfg.is-on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--surface-grey-default); }
body.tw-lp-live.tw-lp-live #hero #composer .wgf:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: 0 var(--space-500) 0 var(--space-400); font-family: inherit; }
body.tw-lp-live.tw-lp-live #hero #composer .wgf svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; flex: none; }
body.tw-lp-live.tw-lp-live #hero #composer #sfg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-100) var(--space-100) var(--space-100) var(--space-400); }
body.tw-lp-live.tw-lp-live #hero #composer #sfg .sf-label:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-12px); line-height: var(--lp-figma-lh-18px); color: var(--lp-figma-c-14151f); }
body.tw-lp-live.tw-lp-live #hero #composer #sfg .sb:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: var(--element-lg); height: var(--element-lg); border: var(--space-25) solid var(--lp-figma-c-14151f12); }
body.tw-lp-live.tw-lp-live #hero #composer #mic:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #hero #composer #send:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: var(--element-xlg); height: var(--element-xlg); }
body.tw-lp-live.tw-lp-live #hero #composer #mic:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border: var(--space-25) solid var(--lp-figma-c-14151f12); background: var(--surface-white-default); color: var(--lp-figma-c-14151f); }
body.tw-lp-live.tw-lp-live #hero #composer #mic svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #hero #composer #send svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: var(--element-xsm); height: var(--element-xsm); }
body.tw-lp-live.tw-lp-live #hero #composer #send:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--surface-brand-half); color: var(--text-white-default); box-shadow: var(--elevation-0); }
body.tw-lp-live.tw-lp-live #hero #composer #send.ready:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--surface-brand-default); }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #hero #composer .bar:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-400) var(--space-500) var(--space-500); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #hero #composer .wgf:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: var(--element-xlg); padding: 0; justify-content: center; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #hero #composer .wgf .wgf-l:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: none; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #hero #composer #sfg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: 0 var(--lp-figma-l-14px); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #hero #composer #sfg .stack:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: none; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #hero #composer #mic:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #hero #composer #send:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: var(--element-xlg); height: var(--element-xlg); } }
body.tw-lp-live.tw-lp-live section [data-new="capabilities"] .gl16-ess.gl16-ess:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-top: var(--space-400); border-radius: var(--lp-figma-l-20px); background: var(--surface-black-default); border: var(--space-25) solid var(--border-white-subtle); box-shadow: var(--elevation-0); padding: var(--lp-figma-l-30px) var(--space-800); grid-template-columns: 260px minmax(0,1fr); gap: var(--space-850); }
body.tw-lp-live.tw-lp-live section [data-new="capabilities"] .gl16-ess.gl16-ess h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 0 var(--space-300); font-size: var(--lp-figma-fs-24px); line-height: var(--lp-figma-lh-32px); font-weight: 600; letter-spacing: var(--lp-figma-ls-_025em); color: var(--text-white-default); }
body.tw-lp-live.tw-lp-live section [data-new="capabilities"] .gl16-ess.gl16-ess p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 0 var(--lp-figma-l-18px); font-size: var(--lp-figma-fs-14px); line-height: var(--lp-figma-lh-21px); color: var(--text-white-half); }
body.tw-lp-live.tw-lp-live section [data-new="capabilities"] .gl16-ess .gl16-cta a:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: var(--element-xlg); padding: 0 var(--space-500); border-radius: var(--lp-figma-l-10px); background: var(--surface-white-default); color: var(--lp-figma-c-0a0a10); font-size: var(--lp-figma-fs-14px); line-height: var(--lp-figma-lh-20px); font-weight: 600; transition: background .2s, color .2s; }
body.tw-lp-live.tw-lp-live section [data-new="capabilities"] .gl16-ess .gl16-cta a:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live section [data-new="capabilities"] .gl16-ess .gl16-cta a:focus-visible:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--surface-brand-default); color: var(--text-white-default); }
body.tw-lp-live.tw-lp-live section [data-new="capabilities"] .gl16-chips.gl16-chips:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { gap: var(--space-300); }
body.tw-lp-live.tw-lp-live section [data-new="capabilities"] .gl16-ec.gl16-ec:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: var(--element-xlg); padding: 0 var(--lp-figma-l-14px) 0 var(--space-400); gap: var(--space-300); border-radius: var(--corner-radius-400); background: var(--surface-white-void); border: var(--space-25) solid var(--border-white-subtle); color: var(--text-white-earthy); font-size: var(--lp-figma-fs-14px); line-height: var(--lp-figma-lh-20px); box-shadow: var(--elevation-0); -webkit-backdrop-filter: none; backdrop-filter: none; transition: background .5s, border-color .5s, color .5s, box-shadow .5s; }
body.tw-lp-live.tw-lp-live section [data-new="capabilities"] .gl16-ec.gl16-ec svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--text-white-half); transition: color .5s; }
body.tw-lp-live.tw-lp-live section [data-new="capabilities"] .gl16-ec.gl16-ec.gl16-on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live section [data-new="capabilities"] .gl16-ec.gl16-ec:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: linear-gradient(var(--surface-brand-subtle),var(--surface-brand-subtle)), var(--surface-black-default); border-color: var(--border-brand-half); color: var(--text-white-default); }
body.tw-lp-live.tw-lp-live section [data-new="capabilities"] .gl16-ec.gl16-ec.gl16-on svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live section [data-new="capabilities"] .gl16-ec.gl16-ec:hover svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--text-white-default); }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live section [data-new="capabilities"] .gl16-ess.gl16-ess:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { grid-template-columns: minmax(0,1fr); gap: var(--lp-figma-l-22px); padding: var(--space-700); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live section [data-new="capabilities"] .gl16-ess .gl16-cta:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; } }
@media (prefers-reduced-motion: reduce) { body.tw-lp-live.tw-lp-live section [data-new="capabilities"] .gl16-ec.gl16-ec:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live section [data-new="capabilities"] .gl16-ec.gl16-ec svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transition: none; } }
body.tw-lp-live.tw-lp-live #hero #composer #sfg:not(:hover):not(.is-on) .sb + .sb:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-left: var(--lp-figma-l-10px-2); }
body.tw-lp-live.tw-lp-live section [data-new="capabilities"] .gl16-chips.gl16-chips:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; z-index: 0; }
body.tw-lp-live.tw-lp-live section [data-new="capabilities"] .gl16-ec.gl16-ec:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; }
body.tw-lp-live.tw-lp-live section [data-new="capabilities"] .gl16-ec.gl16-ec:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::before { content: ""; position: absolute; inset: var(--space-200); z-index: -1; border-radius: var(--corner-radius-400); background: var(--surface-brand-earthy); filter: blur(var(--background-blur-100)); opacity: 0; transition: opacity .5s; pointer-events: none; }
body.tw-lp-live.tw-lp-live section [data-new="capabilities"] .gl16-ec.gl16-ec.gl16-on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::before, body.tw-lp-live.tw-lp-live section [data-new="capabilities"] .gl16-ec.gl16-ec:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::before { opacity: 1; }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #hero #composer #sfg .sf-label:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; } }
body.tw-lp-live.tw-lp-live section [data-new="stories"] .gl19-h2.gl19-h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live section [data-new="stories"] .gl19-from.gl19-from:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live section [data-new="stories"] .gl19-q.gl19-q p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live section [data-new="stories"] .gl19-n.gl19-n:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live section [data-new="stories"] .gl19-av.gl19-av:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live section [data-new="business-types"] .gl18-t.gl18-t:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 500; }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live section [data-new="stories"] .gl19-h2.gl19-h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live section [data-new="stories"] .gl19-from.gl19-from:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live section [data-new="stories"] .gl19-q.gl19-q p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live section [data-new="stories"] .gl19-n.gl19-n:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live section [data-new="stories"] .gl19-av.gl19-av:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live section [data-new="business-types"] .gl18-t.gl18-t:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 500; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live section [data-new="stories"] .gl19-h2.gl19-h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live section [data-new="stories"] .gl19-from.gl19-from:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live section [data-new="stories"] .gl19-q.gl19-q p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live section [data-new="stories"] .gl19-n.gl19-n:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live section [data-new="stories"] .gl19-av.gl19-av:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live section [data-new="business-types"] .gl18-t.gl18-t:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 500; } }
body.tw-lp-live.tw-lp-live section [data-new="business-types"] .gl18-act > .btn.btn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: 0; }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live section [data-new="business-types"] .gl18-act > .btn.btn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live section [data-new="business-types"] .gl18-act .eg-btn.eg-btn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 100%; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live section [data-new="features"] .gl23-cta > .btn.btn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live section [data-new="features"] .gl23-cta .eg-btn.eg-btn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 100%; } }
body.tw-lp-live.tw-lp-live section [data-new="features"] .gl23-card.gl23-card h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 500; }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .ess a:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-400); height: var(--element-2xlg); padding: var(--space-400) var(--space-700); border: var(--space-25) solid transparent; border-radius: var(--corner-radius-200); font-size: var(--type-caption-lg-size); line-height: var(--type-caption-lg-line-height); letter-spacing: 0px; text-decoration: none; white-space: nowrap; cursor: pointer; transition: background-color 150ms, color 150ms, border-color 150ms; } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .ess a:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-caption-lg-weight); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .ess a:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-400); height: var(--element-2xlg); padding: var(--space-400) var(--space-700); border: var(--space-25) solid transparent; border-radius: var(--corner-radius-200); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); letter-spacing: 0px; text-decoration: none; white-space: nowrap; cursor: pointer; transition: background-color 150ms, color 150ms, border-color 150ms; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .ess a:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-caption-lg-weight); } }
body.tw-lp-live.tw-lp-live .s3 h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .s5 h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--text-white-default); }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .s3-sub:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .s5-sub:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); color: var(--lp-figma-c-14151f80); letter-spacing: 0px; } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .s3-sub:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .s5-sub:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-body-lg-weight); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .s3-sub:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .s5-sub:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); color: var(--lp-figma-c-14151f80); letter-spacing: 0px; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .s3-sub:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .s5-sub:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-body-lg-weight); } }
body.tw-lp-live.tw-lp-live .s3w:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: 0; background: var(--surface-white-default); }
@media (min-width: 1261px) { body.tw-lp-live.tw-lp-live .s3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; overflow: hidden; isolation: isolate; border-radius: 0; border: 0; background: var(--lp-figma-c-14151f-2); color: var(--text-white-default); padding: var(--space-1400) var(--space-1450); } }
@media (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .s3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; overflow: hidden; isolation: isolate; border-radius: 0; border: 0; background: var(--lp-figma-c-14151f-2); color: var(--text-white-default); padding: var(--space-1400) var(--space-600); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .s3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; overflow: hidden; isolation: isolate; border-radius: 0; border: 0; background: var(--lp-figma-c-14151f-2); color: var(--text-white-default); padding: var(--space-1000) var(--space-500); } }
body.tw-lp-live.tw-lp-live .s3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::before { content: ""; position: absolute; left: 50%; top: -520px; width: max(1300px, 140%); aspect-ratio: 2.1 / 1; transform: translateX(-50%); border-radius: 50%; background: radial-gradient(closest-side,var(--surface-brand-half),var(--surface-brand-subtle) 55%,var(--surface-brand-void)); filter: blur(var(--background-blur-250)); z-index: -1; opacity: 0; transition: opacity 1.6s; }
body.tw-lp-live.tw-lp-live .s3.seen:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::before { opacity: 1; }
body.tw-lp-live.tw-lp-live .s3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::after { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: 0.35; mix-blend-mode: overlay; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 1.1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); background-size: 220px auto; }
body.tw-lp-live.tw-lp-live .s3-in:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { max-width: var(--container-desktop); margin: 0 auto; }
body.tw-lp-live.tw-lp-live .s3-hd:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { text-align: center; max-width: 980px; margin: 0 auto var(--space-1200); }
body.tw-lp-live.tw-lp-live .s3 h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0; color: var(--text-white-default); }
body.tw-lp-live.tw-lp-live .s3-sub:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: var(--space-700) auto 0; max-width: 560px; color: var(--text-white-earthy); }
body.tw-lp-live.tw-lp-live .s3 .rise:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 0; transform: translateY(var(--space-500)); transition: opacity 0.7s, transform 0.9s cubic-bezier(0.16, 1, 0.3, 1); }
body.tw-lp-live.tw-lp-live .s3.seen .rise:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1; transform: none; }
body.tw-lp-live.tw-lp-live .s3-grid:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-700); }
body.tw-lp-live.tw-lp-live .pl:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; border-radius: var(--corner-radius-600); background: var(--surface-white-adept-subtle); border: var(--space-25) solid var(--border-white-adept-subtle); padding: 0 0 var(--space-800); overflow: hidden; color: var(--text-white-default); }
body.tw-lp-live.tw-lp-live .pl:nth-child(2):not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transition-delay: 0.1s; }
body.tw-lp-live.tw-lp-live .pl:nth-child(3):not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transition-delay: 0.2s; }
body.tw-lp-live.tw-lp-live .pv:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; height: 260px; overflow: hidden; margin-bottom: var(--space-700); }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .pl h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 var(--space-800) var(--space-500); font-size: var(--type-h4-size); line-height: var(--type-h4-line-height); letter-spacing: 0px; color: var(--text-white-default); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .pl h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-h4-weight); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .pl h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 var(--space-800) var(--space-500); font-size: var(--type-h4-size); line-height: var(--type-h4-line-height); letter-spacing: 0px; color: var(--text-white-default); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .pl h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-h4-weight); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .pl p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 var(--space-800); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); color: var(--text-white-earthy); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .pl p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 var(--space-800); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); color: var(--text-white-earthy); } }
body.tw-lp-live.tw-lp-live .pv1:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: radial-gradient(60% 70% at 18% 55%,var(--surface-brand-mid),transparent 70%),radial-gradient(50% 60% at 85% 10%,var(--surface-brand-subtle),transparent 70%); }
body.tw-lp-live.tw-lp-live .pv2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: radial-gradient(55% 70% at 10% 40%,var(--surface-brand-mid),transparent 70%),radial-gradient(45% 55% at 95% 90%,var(--surface-brand-subtle),transparent 70%); }
body.tw-lp-live.tw-lp-live .pv3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: radial-gradient(40% 80% at 4% 50%,var(--surface-brand-half),transparent 70%); }
body.tw-lp-live.tw-lp-live .pv:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: var(--space-1100); background: linear-gradient(transparent, var(--lp-figma-c-14151f80)); pointer-events: none; }
body.tw-lp-live.tw-lp-live .ess:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-top: var(--space-700); border-radius: var(--corner-radius-700); background: var(--surface-white-adept-subtle); border: var(--space-25) solid var(--border-white-adept-subtle); padding: var(--space-900); display: grid; grid-template-columns: 260px 1fr; gap: var(--space-900); align-items: center; }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .ess h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 0 var(--space-500); font-size: var(--type-h3-size); line-height: var(--type-h3-line-height); letter-spacing: 0px; color: var(--text-white-default); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .ess h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-h3-weight); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .ess h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 0 var(--space-500); font-size: var(--type-h3-size); line-height: var(--type-h3-line-height); letter-spacing: 0px; color: var(--text-white-default); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .ess h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-h3-weight); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .ess p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 0 var(--space-700); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); color: var(--text-white-earthy); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .ess p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 0 var(--space-700); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); color: var(--text-white-earthy); } }
body.tw-lp-live.tw-lp-live .ess a:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--surface-brand-adept); color: var(--text-white-adept); }
body.tw-lp-live.tw-lp-live .ess a:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--surface-brand-earthy); }
body.tw-lp-live.tw-lp-live .chips:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; flex-wrap: wrap; gap: var(--space-300); }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .ec:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: inline-flex; align-items: center; gap: var(--space-300); height: var(--element-xlg); padding: var(--space-300) var(--space-500) var(--space-300) var(--space-400); border-radius: var(--corner-radius-500); background: var(--surface-white-adept-subtle); border: var(--space-25) solid var(--border-white-adept-subtle); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); color: var(--text-white-earthy); transition: background-color 0.5s, border-color 0.5s, color 0.5s; } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .ec:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-caption-xlg-weight); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .ec:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: inline-flex; align-items: center; gap: var(--space-300); height: var(--element-xlg); padding: var(--space-300) var(--space-500) var(--space-300) var(--space-400); border-radius: var(--corner-radius-500); background: var(--surface-white-adept-subtle); border: var(--space-25) solid var(--border-white-adept-subtle); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); color: var(--text-white-earthy); transition: background-color 0.5s, border-color 0.5s, color 0.5s; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .ec:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-caption-xlg-weight); } }
body.tw-lp-live.tw-lp-live .ec svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--element-white-half); transition: color 0.5s; }
body.tw-lp-live.tw-lp-live .ec.hot:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--surface-white-adept-mid); border-color: var(--border-brand-adept); color: var(--text-white-adept); }
body.tw-lp-live.tw-lp-live .ec.hot svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--element-white-adept); }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .s3-grid:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { grid-template-columns: 1fr; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .ess:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { grid-template-columns: 1fr; gap: var(--space-600); padding: var(--space-800); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .s3-hd:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-bottom: var(--space-1000); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .pv:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: 236px; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .pl h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 var(--space-700) var(--space-400); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .pl p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 var(--space-700); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .pl:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding-bottom: var(--space-700); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .ess:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-700); } }
body.tw-lp-live.tw-lp-live .s3-cols:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: grid; grid-template-columns: repeat(3, 1fr); border-top: var(--space-25) solid var(--element-white-adept-subtle); border-bottom: var(--space-25) solid var(--element-white-adept-subtle); margin-bottom: var(--space-700); }
body.tw-lp-live.tw-lp-live .col3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-900) var(--space-850) var(--space-950); text-align: left; }
body.tw-lp-live.tw-lp-live .col3 + .col3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-left: var(--space-25) solid var(--element-white-adept-subtle); }
body.tw-lp-live.tw-lp-live .col3:nth-child(2):not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transition-delay: 0.1s; }
body.tw-lp-live.tw-lp-live .col3:nth-child(3):not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transition-delay: 0.2s; }
body.tw-lp-live.tw-lp-live .col3 svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--element-white-adept); width: var(--element-lg); height: var(--element-lg); margin-bottom: var(--space-700); }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .col3 h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 0 var(--space-500); font-size: var(--type-h4-size); line-height: var(--type-h4-line-height); letter-spacing: 0px; color: var(--text-white-default); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .col3 h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-h4-weight); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .col3 h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 0 var(--space-500); font-size: var(--type-h4-size); line-height: var(--type-h4-line-height); letter-spacing: 0px; color: var(--text-white-default); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .col3 h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-h4-weight); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .col3 p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0; font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); color: var(--text-white-earthy); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .col3 p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0; font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); color: var(--text-white-earthy); } }
body.tw-lp-live.tw-lp-live .s3-cols + .ess:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-top: var(--space-800); }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .s3-cols:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { grid-template-columns: 1fr; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .col3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-750) var(--space-200); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .col3 + .col3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-left: 0; border-top: var(--space-25) solid var(--element-white-adept-subtle); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .s3-cols + .ess:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-top: var(--space-900); } }
body.tw-lp-live.tw-lp-live .s3.v-a .s3-cols:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: none; }
body.tw-lp-live.tw-lp-live .s3.v-b .s3-grid:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: none; }
body.tw-lp-live.tw-lp-live .s3.v-a .s3-hd:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-bottom: var(--space-1200); }
body.tw-lp-live.tw-lp-live .s5w:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: 0; background: var(--surface-white-default); }
@media (min-width: 1261px) { body.tw-lp-live.tw-lp-live .s5:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; overflow: hidden; isolation: isolate; border-radius: 0; border: 0; background: var(--lp-figma-c-14151f-2); color: var(--text-white-default); padding: var(--space-1400) var(--space-1450); } }
@media (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .s5:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; overflow: hidden; isolation: isolate; border-radius: 0; border: 0; background: var(--lp-figma-c-14151f-2); color: var(--text-white-default); padding: var(--space-1400) var(--space-600); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .s5:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; overflow: hidden; isolation: isolate; border-radius: 0; border: 0; background: var(--lp-figma-c-14151f-2); color: var(--text-white-default); padding: var(--space-1000) var(--space-500); } }
body.tw-lp-live.tw-lp-live .s5:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::before { content: ""; position: absolute; left: 50%; top: -520px; width: max(1300px, 140%); aspect-ratio: 2.1 / 1; transform: translateX(-50%); border-radius: 50%; background: radial-gradient(closest-side,var(--surface-brand-half),var(--surface-brand-subtle) 55%,var(--surface-brand-void)); filter: blur(var(--background-blur-250)); z-index: -1; }
body.tw-lp-live.tw-lp-live .s5:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::after { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: 0.35; mix-blend-mode: overlay; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 1.1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); background-size: 220px auto; }
body.tw-lp-live.tw-lp-live .s5-in:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { max-width: var(--container-desktop); margin: 0 auto; }
body.tw-lp-live.tw-lp-live .s5 h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 auto; text-align: center; color: var(--text-white-default); }
body.tw-lp-live.tw-lp-live .s5-sub:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: var(--space-700) auto var(--space-1200); text-align: center; color: var(--text-white-earthy); max-width: 760px; }
body.tw-lp-live.tw-lp-live .s5-grid:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-700); }
body.tw-lp-live.tw-lp-live .ed5:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-radius: var(--corner-radius-700); background: var(--surface-white-adept-subtle); border: var(--space-25) solid var(--border-white-adept-subtle); overflow: hidden; display: flex; flex-direction: column; }
body.tw-lp-live.tw-lp-live .ed5-stage:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; aspect-ratio: 560 / 372; background: radial-gradient(60% 70% at 20% 60%,var(--surface-brand-mid),transparent 70%),radial-gradient(50% 60% at 85% 20%,var(--surface-brand-subtle),transparent 70%) var(--surface-white-adept-subtle); overflow: hidden; isolation: isolate; }
body.tw-lp-live.tw-lp-live .ed5-stage .fade5:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; left: 0; right: 0; bottom: 0; height: 90px; background: linear-gradient(transparent, var(--lp-figma-c-14151f80)); z-index: 2; pointer-events: none; }
body.tw-lp-live.tw-lp-live .ed5-fit:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; left: 0; top: 0; width: 560px; height: 372px; transform-origin: 0 0; z-index: 1; }
body.tw-lp-live.tw-lp-live .ed5-tx:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-900) var(--space-900) var(--space-800); }
body.tw-lp-live.tw-lp-live .ed5-ic:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; height: var(--element-xlg); width: auto; margin-bottom: var(--space-700); }
body.tw-lp-live.tw-lp-live .ed5-k:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: none; }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .ed5 h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 0 var(--space-500); font-size: var(--type-h3-size); line-height: var(--type-h3-line-height); letter-spacing: 0px; color: var(--text-white-default); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .ed5 h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-h3-weight); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .ed5 h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 0 var(--space-500); font-size: var(--type-h3-size); line-height: var(--type-h3-line-height); letter-spacing: 0px; color: var(--text-white-default); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .ed5 h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-h3-weight); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .ed5-d:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 0 var(--space-700); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); color: var(--text-white-earthy); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .ed5-d:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 0 var(--space-700); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); color: var(--text-white-earthy); } }
body.tw-lp-live.tw-lp-live .ed5-prompts:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-100); }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .ed5-prompts button:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: auto; padding: var(--space-200) 0; border: 0; background: none; border-radius: 0; display: flex; align-items: center; gap: var(--space-400); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); color: var(--text-white-half); text-align: left; transition: color 150ms; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .ed5-prompts button:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: auto; padding: var(--space-200) 0; border: 0; background: none; border-radius: 0; display: flex; align-items: center; gap: var(--space-400); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); color: var(--text-white-half); text-align: left; transition: color 150ms; } }
body.tw-lp-live.tw-lp-live .ed5-prompts button svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .ed5-list li svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--element-white-half); flex: 0 0 auto; transition: transform 0.25s, color 150ms; }
body.tw-lp-live.tw-lp-live .ed5-prompts button:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--text-white-adept); }
body.tw-lp-live.tw-lp-live .ed5-prompts button:hover svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transform: translateX(var(--lp-figma-l-3px)); }
body.tw-lp-live.tw-lp-live .ed5-prompts button.on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--text-white-adept); font-weight: var(--type-weight-medium); }
body.tw-lp-live.tw-lp-live .ed5-prompts button.on svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--element-white-adept); }
body.tw-lp-live.tw-lp-live .ed5-list:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: var(--space-100); }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .ed5-list li:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-200) 0; display: flex; align-items: center; gap: var(--space-400); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); color: var(--text-white-earthy); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .ed5-list li:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-200) 0; display: flex; align-items: center; gap: var(--space-400); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); color: var(--text-white-earthy); } }
body.tw-lp-live.tw-lp-live .acts:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; margin: 0; padding: 0; list-style: none; height: 228px; overflow: hidden; mask-image: linear-gradient(var(--element-black-default) 45%, transparent 100%); }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .acts li:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-200) 0; font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); color: var(--text-white-half); transition: color 0.4s, filter 0.4s; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .acts li:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-200) 0; font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); color: var(--text-white-half); transition: color 0.4s, filter 0.4s; } }
body.tw-lp-live.tw-lp-live .acts li:nth-child(n+6):not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { filter: blur(var(--lp-figma-blur-0_6px)); }
body.tw-lp-live.tw-lp-live .acts li:nth-child(n+7):not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { filter: blur(var(--lp-figma-blur-1_4px)); }
body.tw-lp-live.tw-lp-live .acts li:nth-child(n+8):not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { filter: blur(var(--lp-figma-blur-2_4px)); }
body.tw-lp-live.tw-lp-live .ew-bar:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: 34px; display: flex; align-items: center; gap: var(--lp-figma-l-5px); padding: 0 var(--space-400); border-bottom: var(--space-25) solid var(--lp-figma-c-eeeef2); background: var(--lp-figma-c-fbfbfc); }
body.tw-lp-live.tw-lp-live .ew-bar > i:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: var(--space-300); height: var(--space-300); border-radius: 50%; background: var(--lp-figma-c-e2e2e8); }
body.tw-lp-live.tw-lp-live .ew-url:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 auto; height: 22px; padding: 0 var(--space-400); border-radius: var(--corner-radius-200); background: var(--lp-figma-c-f1f1f4); font-size: var(--lp-figma-fs-10_5px); color: var(--lp-figma-c-6b6b74); display: flex; align-items: center; }
body.tw-lp-live.tw-lp-live .ew-live:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; align-items: center; gap: var(--space-100); font-size: var(--lp-figma-fs-10px); color: var(--lp-figma-c-15803d); background: var(--lp-figma-c-e9f9ef); padding: var(--lp-figma-l-3px) var(--lp-figma-l-7px); border-radius: var(--lp-figma-l-99px); }
body.tw-lp-live.tw-lp-live .ew-live:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .ew-live i:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 5px; height: 5px; border-radius: 50%; background: var(--lp-figma-c-22c55e); }
body.tw-lp-live.tw-lp-live .ew-mode:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-10px); color: var(--text-brand-default); background: var(--lp-figma-c-eef0ff); padding: var(--lp-figma-l-3px) var(--space-300); border-radius: var(--lp-figma-l-99px); }
body.tw-lp-live.tw-lp-live .ew-mode:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .ew-body:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; inset: var(--lp-figma-l-34px) 0 0; display: grid; grid-template-columns: 168px 1fr; }
body.tw-lp-live.tw-lp-live .ew-body.one:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { grid-template-columns: 1fr; }
body.tw-lp-live.tw-lp-live .ew-chat:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-right: var(--space-25) solid var(--lp-figma-c-eeeef2); background: var(--lp-figma-c-fafafb); display: flex; flex-direction: column; padding: var(--lp-figma-l-10px); gap: var(--space-300); min-height: 0; }
body.tw-lp-live.tw-lp-live .ew-msgs:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { flex: 1 1 0%; display: flex; flex-direction: column; justify-content: flex-end; gap: var(--space-200); overflow: hidden; font-size: var(--lp-figma-fs-10_5px); line-height: 1.35; }
body.tw-lp-live.tw-lp-live .ew-msgs .m:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--lp-figma-l-7px) var(--lp-figma-l-9px-2); border-radius: var(--lp-figma-l-10px); animation: 0.35s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 normal both running page-mIn; }
body.tw-lp-live.tw-lp-live .ew-msgs .u:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { align-self: flex-end; background: var(--surface-brand-default); color: var(--text-white-default); border-bottom-right-radius: var(--lp-figma-l-3px); max-width: 92%; }
body.tw-lp-live.tw-lp-live .ew-msgs .a:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { align-self: flex-start; background: var(--surface-white-default); border: var(--space-25) solid var(--lp-figma-c-eaeaf0); color: var(--lp-figma-c-4a4a55); display: flex; gap: var(--space-200); align-items: center; max-width: 100%; }
body.tw-lp-live.tw-lp-live .ew-msgs .a .sp:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 10px; height: 10px; border-radius: 50%; border-width: var(--lp-figma-l-1_6px); border-style: solid; border-right-color: var(--lp-figma-c-d6d7fb); border-bottom-color: var(--lp-figma-c-d6d7fb); border-left-color: var(--lp-figma-c-d6d7fb); border-image: none; border-top-color: var(--border-brand-default); animation: 0.7s linear 0s infinite normal none running page-spin2; flex: 0 0 auto; }
body.tw-lp-live.tw-lp-live .ew-msgs .a.ok .sp:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation: auto ease 0s 1 normal none running none; border-color: var(--lp-figma-c-22c55e); background: var(--lp-figma-c-22c55e); }
body.tw-lp-live.tw-lp-live .ew-in:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: 34px; border-radius: var(--lp-figma-l-10px); border: var(--space-25) solid var(--lp-figma-c-e4e4ea); background: var(--surface-white-default); display: flex; align-items: center; gap: var(--space-200); padding: 0 var(--space-100) 0 var(--lp-figma-l-9px-2); font-size: var(--lp-figma-fs-10_5px); color: var(--lp-figma-c-14151f); }
body.tw-lp-live.tw-lp-live .ew-tx:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { flex: 1 1 0%; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.tw-lp-live.tw-lp-live .ew-tx:empty:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::before { content: "Ask for a change…"; color: var(--lp-figma-c-a3a3ad); }
body.tw-lp-live.tw-lp-live .ew-go:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: var(--element-md); height: var(--element-md); border-radius: 50%; background: var(--surface-brand-default); color: var(--text-white-default); display: grid; place-items: center; flex: 0 0 auto; }
body.tw-lp-live.tw-lp-live .ew-go svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: var(--space-400); height: var(--space-400); }
body.tw-lp-live.tw-lp-live .ew-page:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; overflow: hidden; padding: 0 0 var(--space-400); }
body.tw-lp-live.tw-lp-live .ve-sel:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; left: var(--space-400); top: var(--lp-figma-l-22px); width: 150px; height: var(--space-1100); border: var(--lp-figma-l-1_5px) dashed var(--border-brand-default); border-radius: var(--corner-radius-100); opacity: 0; transition: opacity 0.25s, width 0.4s, height 0.4s; }
body.tw-lp-live.tw-lp-live .ve-sel.on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1; }
body.tw-lp-live.tw-lp-live .ve-sel i:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; right: calc(-1 * var(--space-25)); top: var(--lp-figma-l-17px); font-style: normal; font-size: var(--lp-figma-fs-9px); color: var(--text-white-default); background: var(--surface-brand-default); padding: var(--space-50) var(--space-200); border-radius: var(--corner-radius-100) var(--corner-radius-100) 0 0; }
body.tw-lp-live.tw-lp-live .ve-sel i:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 700; }
body.tw-lp-live.tw-lp-live .ve-tools:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; left: var(--lp-figma-l-150px); top: var(--lp-figma-l-30px); display: flex; align-items: center; gap: var(--space-300); height: 34px; padding: 0 var(--lp-figma-l-10px); border-radius: var(--lp-figma-l-10px); background: var(--lp-figma-c-141416-2); color: var(--text-white-default); font-size: var(--lp-figma-fs-10_5px); box-shadow: var(--lp-figma-c-00000045) 0 var(--lp-figma-l-14px) var(--lp-figma-l-30px) var(--lp-figma-l-10px-2); opacity: 0; transform: translateY(var(--space-200)); transition: opacity 0.3s, transform 0.4s cubic-bezier(0.16, 1, 0.3, 1); }
body.tw-lp-live.tw-lp-live .ve-tools.on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1; transform: none; }
body.tw-lp-live.tw-lp-live .ve-cur:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; left: 300px; top: 300px; z-index: 5; filter: drop-shadow(var(--element-black-mid) 0 var(--space-50) var(--lp-figma-l-3px)); transition: left 0.9s cubic-bezier(0.65, 0, 0.35, 1), top 0.9s cubic-bezier(0.65, 0, 0.35, 1), transform 0.15s; }
body.tw-lp-live.tw-lp-live .ve-cur.click:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transform: scale(0.82); }
body.tw-lp-live.tw-lp-live .ve-panel:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .ve-plug:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; right: var(--lp-figma-l-10px); top: var(--lp-figma-l-10px); width: 170px; background: var(--surface-white-default); border: var(--space-25) solid var(--lp-figma-c-e4e4ea); border-radius: var(--corner-radius-400); box-shadow: var(--lp-figma-c-14143c40) 0 var(--lp-figma-l-18px) var(--space-850) var(--lp-figma-l-14px-2); padding: var(--space-400); font-size: var(--lp-figma-fs-10px); color: var(--lp-figma-c-4a4a55); display: flex; flex-direction: column; gap: var(--space-200); opacity: 0; transform: translateX(var(--space-500)); transition: opacity 0.3s, transform 0.45s cubic-bezier(0.16, 1, 0.3, 1); z-index: 4; }
body.tw-lp-live.tw-lp-live .ve-panel.on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .ve-plug.on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1; transform: none; }
body.tw-lp-live.tw-lp-live .ve-panel b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .ve-plug b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-11_5px); color: var(--lp-figma-c-141416-2); margin-bottom: var(--space-50); }
body.tw-lp-live.tw-lp-live .ve-panel label:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; justify-content: space-between; color: var(--lp-figma-c-8b8b93-2); margin-top: var(--space-100); }
body.tw-lp-live.tw-lp-live .ve-panel label em:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-style: normal; color: var(--lp-figma-c-141416-2); font-variant-numeric: tabular-nums; }
body.tw-lp-live.tw-lp-live .pp5:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; right: var(--space-400); bottom: var(--space-400); z-index: 6; width: var(--element-2xlg); height: var(--element-2xlg); border-radius: var(--corner-radius-750); display: grid; place-items: center; color: var(--text-white-adept); background: var(--lp-figma-c-14151f50-2); backdrop-filter: blur(var(--background-blur-500)); transition: background-color 150ms; }
body.tw-lp-live.tw-lp-live .pp5:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-14151f80); }
body.tw-lp-live.tw-lp-live .pp5:focus-visible:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { outline: var(--space-50) solid var(--border-brand-earthy); outline-offset: var(--space-50); }
body.tw-lp-live.tw-lp-live .pp5 svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .s5-grid:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { grid-template-columns: 1fr; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .ed5-tx:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-700) var(--space-700) var(--space-600); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .acts:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: 200px; } }
body.tw-lp-live.tw-lp-live .s3w:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-300); background: var(--surface-white-default); }
@media (min-width: 1261px) { body.tw-lp-live.tw-lp-live #s3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-radius: var(--corner-radius-600); background: var(--lp-figma-c-14151f-2); padding: var(--space-1600) calc(var(--space-1450) - var(--space-300)); } }
@media (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live #s3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-radius: var(--corner-radius-600); background: var(--lp-figma-c-14151f-2); padding: var(--space-1600) calc(var(--space-600) - var(--space-300)); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-radius: var(--corner-radius-600); background: var(--lp-figma-c-14151f-2); padding: var(--space-1600) calc(var(--space-500) - var(--space-300)); } }
body.tw-lp-live.tw-lp-live #s3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::before, body.tw-lp-live.tw-lp-live #s3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::after { display: none; }
body.tw-lp-live.tw-lp-live #s3 .s3-in:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { max-width: var(--container-desktop); margin: 0 auto; }
body.tw-lp-live.tw-lp-live #s3 .s3-hd:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #s3.v-a .s3-hd:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { max-width: 1012px; margin: 0 auto var(--space-1200); }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live #s3 h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--type-h2-size); line-height: var(--type-h2-line-height); color: var(--text-white-default); text-align: center; } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live #s3 h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-weight-medium); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s3 h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--type-h2-size); line-height: var(--type-h2-line-height); color: var(--text-white-default); text-align: center; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s3 h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-weight-medium); } }
body.tw-lp-live.tw-lp-live #s3 .rise:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #s3.seen .rise:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1; transform: none; transition: none; }
body.tw-lp-live.tw-lp-live #s3.seen .rise:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation: 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 normal both running page-s3-rise; }
body.tw-lp-live.tw-lp-live #s3 .rv:not(.in) .ch:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1; }
body.tw-lp-live.tw-lp-live #s3 .rv .ch:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--text-white-default); }
body.tw-lp-live.tw-lp-live #s3 .s3-grid:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { gap: var(--space-700); }
body.tw-lp-live.tw-lp-live #s3 .pl:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; flex-direction: column; border: 0; border-radius: var(--corner-radius-600); background: var(--lp-figma-c-ffffff06); box-shadow: var(--lp-figma-c-14151f10) 0 var(--space-100) var(--space-300) 0, var(--lp-figma-c-14151f06) 0 var(--space-50) var(--space-100) 0; padding: 0 0 var(--space-800); }
body.tw-lp-live.tw-lp-live #s3 .pv:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: 260px; margin-bottom: var(--space-800); }
body.tw-lp-live.tw-lp-live #s3 .pv:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::after { background: linear-gradient(transparent, var(--lp-figma-c-23242f90)); }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live #s3 .pl h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 var(--space-800) var(--space-400); font-size: var(--type-h5-size); line-height: var(--type-h5-line-height); color: var(--text-white-default); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live #s3 .pl h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-weight-medium); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s3 .pl h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 var(--space-800) var(--space-400); font-size: var(--type-h5-size); line-height: var(--type-h5-line-height); color: var(--text-white-default); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s3 .pl h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-weight-medium); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live #s3 .pl p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 var(--space-800); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); color: var(--lp-figma-c-ffffff75); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s3 .pl p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 var(--space-800); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); color: var(--lp-figma-c-ffffff75); } }
body.tw-lp-live.tw-lp-live #s3 .ess:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-top: var(--space-700); border: 0; border-radius: var(--corner-radius-600); background: var(--lp-figma-c-ffffff06); box-shadow: var(--lp-figma-c-14151f10) 0 var(--space-100) var(--space-300) 0, var(--lp-figma-c-14151f06) 0 var(--space-50) var(--space-100) 0; padding: var(--space-900); grid-template-columns: 400px 1fr; gap: var(--space-1400); align-items: center; }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live #s3 .ess h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 0 var(--space-400); font-size: var(--type-h5-size); line-height: var(--type-h5-line-height); color: var(--text-white-default); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live #s3 .ess h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-weight-medium); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s3 .ess h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 0 var(--space-400); font-size: var(--type-h5-size); line-height: var(--type-h5-line-height); color: var(--text-white-default); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s3 .ess h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-weight-medium); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live #s3 .ess p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 0 var(--space-800); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); color: var(--lp-figma-c-ffffff75); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s3 .ess p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 0 var(--space-800); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); color: var(--lp-figma-c-ffffff75); } }
body.tw-lp-live.tw-lp-live #s3 .ess a:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: var(--element-2xlg); padding: 0 var(--space-600); border-radius: var(--corner-radius-300); background: var(--surface-white-default); color: var(--lp-figma-c-14151f-2); font-weight: var(--type-weight-regular); }
body.tw-lp-live.tw-lp-live #s3 .ess a:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--surface-white-earthy); }
body.tw-lp-live.tw-lp-live #s3 .ess a:focus-visible:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { outline: var(--space-50) solid var(--border-white-default); outline-offset: var(--space-50); }
body.tw-lp-live.tw-lp-live #s3 .chips:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { gap: var(--space-400); }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live #s3 .ec:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: var(--space-850); gap: var(--space-300); padding: 0 var(--space-500); border-radius: var(--space-800); background: var(--lp-figma-c-ffffff04); border: var(--space-25) solid var(--lp-figma-c-ffffff14-2); font-size: var(--type-caption-lg-size); line-height: var(--type-caption-lg-line-height); color: var(--lp-figma-c-ffffff75); backdrop-filter: blur(var(--lp-figma-blur-25px)); transition: background-color 0.5s, border-color 0.5s, color 0.5s, box-shadow 0.5s; } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live #s3 .ec:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-weight-regular); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s3 .ec:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: var(--space-850); gap: var(--space-300); padding: 0 var(--space-500); border-radius: var(--space-800); background: var(--lp-figma-c-ffffff04); border: var(--space-25) solid var(--lp-figma-c-ffffff14-2); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); color: var(--lp-figma-c-ffffff75); backdrop-filter: blur(var(--lp-figma-blur-25px)); transition: background-color 0.5s, border-color 0.5s, color 0.5s, box-shadow 0.5s; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s3 .ec:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-weight-regular); } }
body.tw-lp-live.tw-lp-live #s3 .ec svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { flex: 0 0 auto; width: var(--element-xsm); height: var(--element-xsm); color: currentcolor; }
body.tw-lp-live.tw-lp-live #s3 .ec.hot:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: linear-gradient(var(--surface-brand-subtle),var(--surface-brand-subtle)),var(--lp-figma-c-ffffff08); border-color: var(--border-brand-default); box-shadow: 0 0 var(--space-600) 0 var(--surface-brand-half); color: var(--text-white-default); }
body.tw-lp-live.tw-lp-live #s3 .ec.hot svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: currentcolor; }
body.tw-lp-live.tw-lp-live #s3 .s3-cols:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-color: var(--lp-figma-c-ffffff14); }
body.tw-lp-live.tw-lp-live #s3 .col3 + .col3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-color: var(--lp-figma-c-ffffff14); }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live #s3 .col3 h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--type-h5-size); line-height: var(--type-h5-line-height); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live #s3 .col3 h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-weight-medium); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s3 .col3 h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--type-h5-size); line-height: var(--type-h5-line-height); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s3 .col3 h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-weight-medium); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live #s3 .col3 p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); color: var(--lp-figma-c-ffffff75); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s3 .col3 p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); color: var(--lp-figma-c-ffffff75); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live #s3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-1600) var(--space-500); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live #s3 .s3-hd:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #s3.v-a .s3-hd:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-bottom: var(--space-1200); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live #s3 .s3-grid:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { grid-template-columns: 1fr; gap: var(--space-700); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live #s3 .pv:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: auto; aspect-ratio: 408 / 260; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live #s3 .ess:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { grid-template-columns: 1fr; gap: var(--space-900); padding: var(--space-900); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live #s3 .ess a:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; width: 100%; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .s3w:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-100); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-1000) var(--space-400); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s3 .s3-hd:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #s3.v-a .s3-hd:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-bottom: var(--space-900); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s3 .s3-grid:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { gap: var(--space-500); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s3 .pl:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-radius: var(--corner-radius-500); padding-bottom: var(--space-700); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s3 .pv:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-bottom: var(--space-700); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s3 .pv > *:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { zoom: 1; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s3 .pl h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 var(--space-700) var(--space-200); font-size: var(--type-h4-size); line-height: var(--type-h4-line-height); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s3 .pl p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 var(--space-700); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s3 .ess:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-top: var(--space-500); border-radius: var(--corner-radius-500); padding: var(--space-700); gap: var(--space-800); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s3 .ess h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-bottom: var(--space-200); font-size: var(--type-h4-size); line-height: var(--type-h4-line-height); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s3 .ess p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-bottom: var(--space-700); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s3 .col3 h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--type-h4-size); line-height: var(--type-h4-line-height); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s3 .col3 p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); } }
@media (min-width: 1261px) { body.tw-lp-live.tw-lp-live .s5w #s5:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-14151f); padding: var(--space-1600) var(--space-1450); } }
@media (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .s5w #s5:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-14151f); padding: var(--space-1600) var(--space-600); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .s5w #s5:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-14151f); padding: var(--space-1600) var(--space-500); } }
body.tw-lp-live.tw-lp-live .s5w #s5:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::before, body.tw-lp-live.tw-lp-live .s5w #s5:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::after { display: none; }
body.tw-lp-live.tw-lp-live #s5 .s5-in:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { max-width: var(--container-desktop); }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live #s5 h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--type-h2-size); line-height: var(--type-h2-line-height); color: var(--text-white-default); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live #s5 h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-weight-medium); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s5 h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--type-h2-size); line-height: var(--type-h2-line-height); color: var(--text-white-default); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s5 h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-weight-medium); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live #s5 .s5-sub:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { max-width: none; margin: var(--space-500) auto var(--space-1200); font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); color: var(--lp-figma-c-ffffff75-2); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s5 .s5-sub:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { max-width: none; margin: var(--space-500) auto var(--space-1200); font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); color: var(--lp-figma-c-ffffff75-2); } }
body.tw-lp-live.tw-lp-live #s5 .s5-grid:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { grid-template-columns: 1fr 1fr; gap: var(--space-700); }
body.tw-lp-live.tw-lp-live #s5 .ed5:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border: 0; border-radius: var(--corner-radius-700); background: var(--lp-figma-c-22232c); box-shadow: var(--lp-figma-c-14151f10) 0 var(--space-100) var(--space-300) 0, var(--lp-figma-c-14151f06) 0 var(--space-50) var(--space-100) 0; }
body.tw-lp-live.tw-lp-live #s5 .ed5-stage:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { aspect-ratio: 624 / 406; }
body.tw-lp-live.tw-lp-live #s5 .ed5-stage:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: var(--space-1400); background: linear-gradient(to top,var(--lp-figma-c-22232c),transparent); z-index: 2; pointer-events: none; }
body.tw-lp-live.tw-lp-live #s5 .ed5-tx:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-900); }
body.tw-lp-live.tw-lp-live #s5 .ed5-ic:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: var(--element-2xlg); height: var(--element-2xlg); object-fit: contain; margin: 0 0 var(--space-500); }
body.tw-lp-live.tw-lp-live #s5 .s5-hd:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; flex-direction: column; gap: var(--space-300); }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live #s5 .ed5 h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0; font-size: var(--type-h3-size); line-height: var(--type-h3-line-height); color: var(--text-white-default); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live #s5 .ed5 h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-weight-medium); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s5 .ed5 h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0; font-size: var(--type-h3-size); line-height: var(--type-h3-line-height); color: var(--text-white-default); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s5 .ed5 h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-weight-medium); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live #s5 .ed5-d:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0; font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); color: var(--lp-figma-c-ffffff75-2); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s5 .ed5-d:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0; font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); color: var(--lp-figma-c-ffffff75-2); } }
body.tw-lp-live.tw-lp-live #s5 .acts:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: auto; overflow: visible; mask-image: none; margin: var(--space-800) 0 0; display: flex; flex-direction: column; gap: var(--space-500); }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live #s5 .acts li:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: 0; filter: none; display: flex; align-items: center; gap: var(--space-500); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); color: var(--text-white-default); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s5 .acts li:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: 0; filter: none; display: flex; align-items: center; gap: var(--space-500); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); color: var(--text-white-default); } }
body.tw-lp-live.tw-lp-live #s5 .s5-ib:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { flex: 0 0 auto; display: grid; place-items: center; width: var(--space-850); height: var(--space-850); border-radius: var(--corner-radius-300); background: var(--lp-figma-c-ffffff08); color: var(--lp-figma-c-ffffff75-2); }
body.tw-lp-live.tw-lp-live #s5 .s5-ib svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; width: var(--element-sm); height: var(--element-sm); }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live #s5 .s5-grid:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { grid-template-columns: 1fr; gap: var(--space-700); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .s5w #s5:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-1000) var(--space-500); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s5 .s5-sub:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: var(--space-300) auto var(--space-900); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s5 .s5-grid:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { gap: var(--space-500); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s5 .ed5:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-radius: var(--corner-radius-500); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s5 .ed5-stage:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::after { height: var(--space-900); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s5 .ed5-tx:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-700); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s5 .ed5-ic:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: var(--space-850); height: var(--space-850); margin-bottom: var(--space-400); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s5 .acts:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-top: var(--space-700); gap: var(--space-400); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s5 .acts li:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { gap: var(--space-400); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s5 .s5-ib:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: var(--element-lg); height: var(--element-lg); border-radius: var(--corner-radius-200); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s5 .s5-ib svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: var(--element-xsm); height: var(--element-xsm); } }
body.tw-lp-live.tw-lp-live #s5 .rv .ch:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--text-white-default); }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-radius: var(--corner-radius-500); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s3 .ec:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #s3 .ess a:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s5 .ed5 h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--type-h4-size); line-height: var(--type-h4-line-height); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .ess a:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-400); height: var(--element-2xlg); padding: var(--space-400) var(--space-700); border: var(--space-25) solid transparent; border-radius: var(--corner-radius-200); font-size: var(--type-caption-lg-size); line-height: var(--type-caption-lg-line-height); letter-spacing: 0px; text-decoration: none; white-space: nowrap; cursor: pointer; transition: background-color 150ms, color 150ms, border-color 150ms; } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .ess a:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-caption-lg-weight); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .ess a:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-400); height: var(--element-2xlg); padding: var(--space-400) var(--space-700); border: var(--space-25) solid transparent; border-radius: var(--corner-radius-200); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); letter-spacing: 0px; text-decoration: none; white-space: nowrap; cursor: pointer; transition: background-color 150ms, color 150ms, border-color 150ms; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .ess a:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-caption-lg-weight); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live #s3 .pl h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #s3 .ess h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-bottom: var(--space-300); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s3 .pl h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #s3 .ess h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-bottom: var(--space-200); } }
body.tw-lp-live.tw-lp-live #s5 .ed5:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-ffffff06); }
body.tw-lp-live.tw-lp-live :is(#s4:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #s5:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #s7) .rv.rv-sub .ch:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: inherit; }
body.tw-lp-live.tw-lp-live #s5 .ed5-stage:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::after { content: none; }
body.tw-lp-live.tw-lp-live #s5 .ed5-stage:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: none; }
body.tw-lp-live.tw-lp-live #s3 .pv > .pv-img:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; width: 100%; height: 100%; object-fit: cover; zoom: 1; }
body.tw-lp-live.tw-lp-live #s3 .pv:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::after { display: none; }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live #s3 .s3-grid .pl h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--type-h4-size); line-height: var(--type-h4-line-height); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live #s3 .s3-grid .pl p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live #s3 .ess.ess h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--type-h4-size); line-height: var(--type-h4-line-height); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live #s3 .ess.ess p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); } }
@keyframes page-s3-rise { 0% { opacity: 0; transform: translateY(var(--space-500)); } 100% { opacity: 1; transform: none; } }
@keyframes page-rvSub { 0% { opacity: 0; filter: blur(var(--lp-figma-blur-8px)); transform: translateX(calc(-1 * var(--space-50))); } 35% { opacity: 1; filter: blur(var(--background-blur-0)); transform: none; } }
@keyframes page-rvInC { 0% { opacity: 0; filter: blur(var(--lp-figma-blur-8px)); color: var(--c); transform: translateX(calc(-1 * var(--space-50))); } 35% { opacity: 1; filter: blur(var(--background-blur-0)); color: var(--c); transform: none; } }
body.tw-lp-live.tw-lp-live .rv-sub .rv-sr:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; width: var(--space-25); height: var(--space-25); margin: calc(-1 * var(--space-25)); padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
body.tw-lp-live.tw-lp-live :is(#s4:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #s5:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #s7) .rv.rv-sub .ch:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: inherit; }
body.tw-lp-live.tw-lp-live .rv.rv-sub .ch:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: inherit; }
body.tw-lp-live.tw-lp-live #s3 h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #s5 h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { letter-spacing: 0px; }
body.tw-lp-live.tw-lp-live .s3w.s3w:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: 0; background: var(--lp-figma-c-14151f-2); }
@media (min-width: 1261px) { body.tw-lp-live.tw-lp-live .s3w #s3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-radius: 0; padding-left: var(--space-1450); padding-right: var(--space-1450); } }
@media (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .s3w #s3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-radius: 0; padding-left: var(--space-600); padding-right: var(--space-600); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .s3w #s3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-radius: 0; padding-left: var(--space-500); padding-right: var(--space-500); } }
body.tw-lp-live.tw-lp-live .bwh .bwh-wrap:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { max-width: none; margin: 0; }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .bwh .bwh-head h2#bwh-title:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live [data-new="use-cases"] .gl21-h2.gl21-h2.gl21-h2.gl21-h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live [data-new="business-types"] .gl18-h2.gl18-h2.gl18-h2.gl18-h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live [data-new="store"] .gl24-h2.gl24-h2.gl24-h2.gl24-h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--type-h2-size); line-height: var(--type-h2-line-height); font-weight: 500; letter-spacing: 0px; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .bwh .bwh-head h2#bwh-title:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live [data-new="use-cases"] .gl21-h2.gl21-h2.gl21-h2.gl21-h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live [data-new="business-types"] .gl18-h2.gl18-h2.gl18-h2.gl18-h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--type-h2-size); line-height: var(--type-h2-line-height); font-weight: 500; letter-spacing: 0px; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live [data-new="store"] .gl24-h2.gl24-h2.gl24-h2.gl24-h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-28px); line-height: var(--lp-figma-lh-40px); font-weight: 500; letter-spacing: 0px; } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .eg-section:has([data-new="business-types"]):not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding-top: var(--space-1600); padding-bottom: var(--space-1600); } }
@media (min-width: 1261px) { body.tw-lp-live.tw-lp-live .eg-section:has([data-new="store"]):not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding-top: var(--space-500); padding-bottom: var(--space-1600); } }
@media (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .eg-section:has([data-new="store"]):not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding-top: var(--space-800); padding-bottom: var(--space-1600); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .eg-section:has([data-new="store"]):not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding-top: 0; padding-bottom: var(--space-1000); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live [data-new="store"] .gl24-act:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live [data-new="store"] .gl24-act > .btn.btn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live [data-new="store"] .gl24-act .eg-btn.eg-btn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live [data-new="store"] .gl24-act .eg-btn.eg-btn > a:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 100%; } }
body.tw-lp-live.tw-lp-live .cta-outer .cta-head h2.cta-title:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-40px); line-height: var(--lp-figma-lh-52px); letter-spacing: 0px; }
body.tw-lp-live.tw-lp-live .cta-outer .cta-head h2.cta-title:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 500; }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-outer .cta-head h2.cta-title:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--type-h2-size); line-height: var(--type-h2-line-height); } }
body.tw-lp-live.tw-lp-live .cta-sec .cta-outer:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { box-sizing: border-box; background: var(--surface-white-default); padding: var(--space-300); width: 100%; max-width: 100%; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-card:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; box-sizing: border-box; background: var(--surface-brand-default); border-radius: var(--corner-radius-600); overflow: hidden; padding: var(--space-1600) 0 var(--space-1200); display: flex; justify-content: center; width: 100%; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-grain:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; inset: 0; width: 100%; height: 100%; display: block; z-index: 4; pointer-events: none; opacity: 0.55; mix-blend-mode: overlay; mask-image: linear-gradient(90deg,var(--element-black-default) 0,var(--element-black-default) calc(50% - 156px),var(--element-black-twenty) calc(50% - var(--space-750)),var(--element-black-twenty) 100%); }
body.tw-lp-live.tw-lp-live .cta-sec .cta-container:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; display: flex; flex-direction: row; width: 100%; min-width: 0; max-width: var(--container-desktop); }
body.tw-lp-live.tw-lp-live .cta-sec .cta-left:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; z-index: 6; width: 480px; min-width: 0; display: flex; flex-direction: column; gap: var(--space-1000); }
body.tw-lp-live.tw-lp-live .cta-sec .cta-text:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; flex-direction: column; gap: var(--space-1000); align-items: flex-start; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-head:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; flex-direction: column; gap: var(--space-500); text-align: left; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-title:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0; font-family: inherit; font-family: var(--font-sans); font-size: var(--lp-figma-fs-40px); line-height: var(--type-h2-line-height); letter-spacing: var(--type-h2-letter-spacing); color: var(--text-white-default); }
body.tw-lp-live.tw-lp-live .cta-sec .cta-title:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-h2-weight); }
body.tw-lp-live.tw-lp-live .cta-sec .cta-tw:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 500; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-br:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-w:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: inline-block; white-space: nowrap; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-ch:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: inline-block; will-change: opacity, filter, color; color: var(--text-white-default); animation-duration: 0.95s; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); animation-fill-mode: both; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-lc:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-cta-rvl; animation-duration: 0.6s; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-lead:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0; font-family: inherit; font-family: var(--font-sans); font-size: var(--lp-figma-fs-20px); line-height: var(--type-h6-line-height); letter-spacing: var(--type-h6-letter-spacing); color: var(--text-white-default); opacity: 0.85; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-lead:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-h6-weight); }
body.tw-lp-live.tw-lp-live .cta-sec .cta-dim:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 400; opacity: 0.75; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-hl:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 400; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-go:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: inline-block; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-start:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; z-index: 0; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; height: var(--element-2xlg); padding: 0 var(--space-600); border-radius: var(--corner-radius-300); background: var(--surface-white-default); border: var(--space-25) solid transparent; color: var(--text-black-default); font-family: inherit; font-family: var(--font-sans); font-size: var(--lp-figma-fs-14px); line-height: var(--type-caption-lg-line-height); letter-spacing: var(--type-caption-lg-letter-spacing); white-space: nowrap; cursor: pointer; transition: background-color 150ms, color 150ms, border-color 150ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-start:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-caption-lg-weight); }
body.tw-lp-live.tw-lp-live .cta-sec .cta-start:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::before { content: ""; position: absolute; top: calc(-1 * var(--space-25)); right: calc(-1 * var(--space-25)); bottom: calc(-1 * var(--space-25)); left: calc(-1 * var(--space-25)); border-radius: var(--corner-radius-300); background: var(--surface-white-default); opacity: 1; z-index: -1; transition: opacity 150ms; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-start:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .cta-sec .cta-start:focus-visible:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: transparent; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-start:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::before, body.tw-lp-live.tw-lp-live .cta-sec .cta-start:focus-visible:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::before { opacity: 0.7; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-bt:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 400; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-badges:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; flex-direction: column; gap: var(--space-600); }
body.tw-lp-live.tw-lp-live .cta-sec .cta-caption:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0; font-family: inherit; font-family: var(--font-sans); font-size: var(--lp-figma-fs-14px); line-height: var(--type-caption-lg-line-height); letter-spacing: var(--type-caption-lg-letter-spacing); color: var(--text-white-default); opacity: 0.75; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-caption:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-caption-lg-weight); }
body.tw-lp-live.tw-lp-live .cta-sec .cta-ct:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 400; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-badge-row:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--space-400); }
body.tw-lp-live.tw-lp-live .cta-sec .cta-badge:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: inline-flex; align-items: center; gap: var(--space-300); box-sizing: border-box; height: var(--space-850); padding: 0 var(--space-500); border-radius: var(--corner-radius-700); background: var(--surface-white-subtle); border: var(--space-25) solid var(--border-white-subtle); backdrop-filter: blur(var(--background-blur-250)); color: var(--text-white-default); font-family: inherit; font-family: var(--font-sans); font-size: var(--lp-figma-fs-14px); line-height: var(--type-caption-lg-line-height); letter-spacing: var(--type-caption-lg-letter-spacing); }
body.tw-lp-live.tw-lp-live .cta-sec .cta-badge:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-caption-lg-weight); }
body.tw-lp-live.tw-lp-live .cta-sec .cta-bdt:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 400; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-decor:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; top: 0; right: calc(-1 * var(--space-1350)); width: 740px; height: 588px; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-grid:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; left: 0; top: 0; width: 740px; height: 588px; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-cell:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; width: var(--space-2900); height: var(--space-2900); }
body.tw-lp-live.tw-lp-live .cta-sec .cta-r0:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { top: 0; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-r1:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { top: var(--space-2900); }
body.tw-lp-live.tw-lp-live .cta-sec .cta-r2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { top: 304px; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-r3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { top: 456px; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-c0:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { left: 0; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-c1:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { left: var(--space-2900); }
body.tw-lp-live.tw-lp-live .cta-sec .cta-c2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { left: 304px; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-c3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { left: 456px; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-c4:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { left: 608px; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-tile:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; width: var(--space-2400); height: var(--space-2400); border-radius: var(--corner-radius-700); display: flex; align-items: center; justify-content: center; color: var(--text-white-default); transform-origin: 50% 50%; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-l:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: var(--corner-radius-700); overflow: hidden; animation-duration: 24s; animation-iteration-count: infinite; animation-fill-mode: both; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
body.tw-lp-live.tw-lp-live .cta-sec .cta-f:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-dk .cta-f:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--surface-black-default); opacity: 0.12; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-lt .cta-f:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--surface-white-default); opacity: 0.08; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-fa .cta-lt:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .cta-sec .cta-fb .cta-dk:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 0; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-e1 .cta-dk:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-cta-d1; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-e1 .cta-lt:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-cta-l1; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-e2 .cta-dk:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-cta-d2; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-e2 .cta-lt:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-cta-l2; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-e3 .cta-dk:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-cta-d3; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-e3 .cta-lt:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-cta-l3; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-e4 .cta-dk:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-cta-d4; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-e4 .cta-lt:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-cta-l4; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-e5 .cta-dk:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-cta-d5; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-e5 .cta-lt:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-cta-l5; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-e6 .cta-dk:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-cta-d6; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-e6 .cta-lt:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-cta-l6; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-e7 .cta-dk:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-cta-d7; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-e7 .cta-lt:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-cta-l7; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-e8 .cta-dk:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-cta-d8; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-e8 .cta-lt:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-cta-l8; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-e9 .cta-dk:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-cta-d9; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-e9 .cta-lt:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-cta-l9; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-e10 .cta-dk:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-cta-d10; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-e10 .cta-lt:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-cta-l10; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-e11 .cta-dk:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-cta-d11; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-e11 .cta-lt:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-cta-l11; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-e12 .cta-dk:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-cta-d12; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-e12 .cta-lt:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-cta-l12; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-e13 .cta-dk:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-cta-d13; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-e13 .cta-lt:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-cta-l13; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-e14 .cta-dk:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-cta-d14; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-e14 .cta-lt:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-cta-l14; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-e15 .cta-dk:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-cta-d15; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-e15 .cta-lt:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-cta-l15; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-e16 .cta-dk:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-cta-d16; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-e16 .cta-lt:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-cta-l16; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-e17 .cta-dk:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-cta-d17; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-e17 .cta-lt:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-cta-l17; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-e18 .cta-dk:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-cta-d18; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-e18 .cta-lt:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-cta-l18; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-e19 .cta-dk:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-cta-d19; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-e19 .cta-lt:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-cta-l19; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-mv:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { left: 0; top: 0; z-index: 1; pointer-events: none; opacity: 0; transform-origin: 43.4211% 43.4211%; animation-duration: 24s; animation-iteration-count: infinite; animation-fill-mode: both; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
body.tw-lp-live.tw-lp-live .cta-sec .cta-mla:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 0.45; transform: translate(300%, 0) scale(1); }
body.tw-lp-live.tw-lp-live .cta-sec .cta-mpa:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 0.45; transform: translate(300%, 200%) scale(1); }
body.tw-lp-live.tw-lp-live .cta-sec .cta-mha:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 0.45; transform: translate(100%, 300%) scale(1); }
body.tw-lp-live.tw-lp-live .cta-sec .cta-mga:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-cta-ga; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-mgb:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-cta-gb; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-mla:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-cta-la; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-mlb:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-cta-lb; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-mpa:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-cta-pa; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-mpb:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-cta-pb; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-mha:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-cta-ha; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-mhb:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-cta-hb; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-dicon:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; width: var(--element-2xlg); height: var(--element-2xlg); }
body.tw-lp-live.tw-lp-live .cta-sec .cta-white:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { z-index: 5; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-white .cta-tile:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--surface-white-default); color: var(--text-brand-default); box-shadow: 0 var(--space-700) var(--space-1000) calc(-1 * var(--space-500)) color(srgb 0.0784313725 0.0862745098 0.4705882353 / 0.5); }
body.tw-lp-live.tw-lp-live .cta-sec .cta-swap:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; width: var(--element-2xlg); height: var(--element-2xlg); transform: scale(1.25); }
body.tw-lp-live.tw-lp-live .cta-sec .cta-sw:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center; width: var(--element-2xlg); height: var(--element-2xlg); opacity: 0; transform-origin: 50% 50%; animation-duration: 24s; animation-iteration-count: infinite; animation-fill-mode: both; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
body.tw-lp-live.tw-lp-live .cta-sec .cta-s0:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-cta-wg; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-s1:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-cta-wl; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-s2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-cta-wp; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-s3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-cta-wh; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-fade:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; top: 0; bottom: 0; width: 240px; z-index: 3; pointer-events: none; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-fade-l:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { left: 0; background: linear-gradient(90deg,var(--surface-brand-default) 0%,var(--surface-black-void) 100%); }
body.tw-lp-live.tw-lp-live .cta-sec .cta-fade-r:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { right: 0; background: linear-gradient(270deg,var(--surface-brand-default) 0%,var(--surface-black-void) 100%); }
body.tw-lp-live.tw-lp-live .cta-sec .cta-fade-b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; left: 0; width: 100%; top: 52.381%; height: 40.8163%; z-index: 3; pointer-events: none; background: linear-gradient(0deg,var(--surface-brand-default) 0%,var(--surface-black-void) 100%); }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-grain:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { mask-image: linear-gradient(180deg,var(--element-black-default) 0,var(--element-black-default) calc(100% - 552px),var(--element-black-twenty) calc(100% - 456px),var(--element-black-twenty) 100%); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-card:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-1600) var(--space-500) var(--space-1200); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-container:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { flex-direction: column; align-items: center; gap: var(--space-1400); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-left:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 100%; align-items: center; gap: var(--space-1000); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-text:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 100%; align-items: stretch; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-head:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { text-align: center; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-br:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: none; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-go:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; width: 100%; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-start:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; width: 100%; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-badges:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { align-items: center; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-caption:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { text-align: center; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-badge-row:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { justify-content: center; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-decor:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; top: auto; right: auto; width: 100%; height: 408px; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-grid:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { left: calc(50% - 320px); top: var(--space-500); width: 640px; height: 508px; transform: none; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-cell:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: var(--space-2400); height: var(--space-2400); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-r1:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { top: var(--space-2400); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-r2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { top: 264px; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-r3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { top: 396px; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-c1:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { left: var(--space-2400); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-c2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { left: 264px; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-c3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { left: 396px; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-c4:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { left: 528px; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-tile:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: var(--space-1900); height: var(--space-1900); border-radius: var(--corner-radius-600); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-l:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-radius: var(--corner-radius-600); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-mv:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transform-origin: 42.4242% 42.4242%; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-dicon:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transform: scale(0.8333); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-swap:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transform: scale(1.0417); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-fade:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-radius: var(--corner-radius-600); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-fade-b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { left: 10.3125%; width: 79.375%; top: 52.7559%; height: 47.2441%; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-grain:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { mask-image: linear-gradient(180deg,var(--element-black-default) 0,var(--element-black-default) calc(100% - 352px),var(--element-black-twenty) calc(100% - 288px),var(--element-black-twenty) 100%); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-outer:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-100); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-card:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-radius: var(--corner-radius-500); padding: var(--space-1000) var(--space-500) var(--space-1200); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-left:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { gap: var(--space-900); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-text:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { gap: var(--space-800); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-head:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { gap: var(--space-300); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-title:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: inherit; font-family: var(--font-sans); font-size: var(--type-h2-size); line-height: var(--type-h2-line-height); letter-spacing: var(--type-h2-letter-spacing); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-title:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-h2-weight); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-lead:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: inherit; font-family: var(--font-sans); font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); letter-spacing: var(--type-h6-letter-spacing); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-lead:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-h6-weight); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-decor:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: 208px; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-grid:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { left: calc(50% - 404px / 2 - var(--space-50) / 4); top: calc(-1 * var(--space-500)); width: 404px; height: 320px; transform: none; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-cell:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: var(--space-1450); height: var(--space-1450); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-r1:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { top: var(--space-1450); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-r2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { top: 168px; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-r3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { top: 252px; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-c1:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { left: var(--space-1450); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-c2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { left: 168px; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-c3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { left: 252px; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-c4:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { left: 336px; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-tile:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: var(--space-1250); height: var(--space-1250); border-radius: var(--corner-radius-500); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-l:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-radius: var(--corner-radius-500); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-mv:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transform-origin: 40.4762% 40.4762%; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-dicon:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transform: scale(0.5); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-swap:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transform: scale(0.6667); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-fade:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-radius: var(--corner-radius-500); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-fade-l:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { left: 0; width: var(--space-2200); background: linear-gradient(90deg,var(--surface-brand-default) 0%,var(--surface-brand-default) 16%,var(--surface-black-void) 100%); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-fade-r:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { right: 0; width: var(--space-2100); background: linear-gradient(270deg,var(--surface-brand-default) 0%,var(--surface-brand-default) 13%,var(--surface-black-void) 100%); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-fade-b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { left: 0; width: 100%; top: 53.125%; height: 46.875%; } }
@keyframes page-cta-rv0 { 0% { opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); transform: translateX(calc(-1 * var(--space-50))); } 35% { opacity: 1; filter: blur(var(--background-blur-0)); transform: none; } 100% { opacity: 1; filter: blur(var(--background-blur-0)); transform: none; } }
@keyframes page-cta-rv1 { 0% { opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); transform: translateX(calc(-1 * var(--space-50))); } 35% { opacity: 0.85; filter: blur(var(--background-blur-0)); transform: none; } 100% { opacity: 1; filter: blur(var(--background-blur-0)); transform: none; } }
@keyframes page-cta-rv2 { 0% { opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); transform: translateX(calc(-1 * var(--space-50))); } 35% { opacity: 0.7; filter: blur(var(--background-blur-0)); transform: none; } 100% { opacity: 1; filter: blur(var(--background-blur-0)); transform: none; } }
@keyframes page-cta-rv3 { 0% { opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); transform: translateX(calc(-1 * var(--space-50))); } 35% { opacity: 0.55; filter: blur(var(--background-blur-0)); transform: none; } 100% { opacity: 1; filter: blur(var(--background-blur-0)); transform: none; } }
@keyframes page-cta-rvl { 0% { opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); transform: translateX(calc(-1 * var(--space-50))); } 35% { opacity: 1; filter: blur(var(--background-blur-0)); transform: none; } 100% { opacity: 1; filter: blur(var(--background-blur-0)); transform: none; } }
@keyframes page-cta-d1 { 0%, 8.75%, 37.5%, 46.25%, 50%, 58.75%, 75%, 83.75%, 100% { opacity: 1; } 12.5%, 21.25%, 25%, 33.75%, 62.5%, 71.25%, 87.5%, 96.25% { opacity: 0; } }
@keyframes page-cta-l1 { 0%, 8.75%, 37.5%, 46.25%, 50%, 58.75%, 75%, 83.75%, 100% { opacity: 0; } 12.5%, 21.25%, 25%, 33.75%, 62.5%, 71.25%, 87.5%, 96.25% { opacity: 1; } }
@keyframes page-cta-d2 { 12.5%, 21.25%, 25%, 33.75%, 50%, 58.75%, 87.5%, 96.25% { opacity: 1; } 0%, 8.75%, 37.5%, 46.25%, 62.5%, 71.25%, 75%, 83.75%, 100% { opacity: 0; } }
@keyframes page-cta-l2 { 12.5%, 21.25%, 25%, 33.75%, 50%, 58.75%, 87.5%, 96.25% { opacity: 0; } 0%, 8.75%, 37.5%, 46.25%, 62.5%, 71.25%, 75%, 83.75%, 100% { opacity: 1; } }
@keyframes page-cta-d3 { 0%, 8.75%, 12.5%, 21.25%, 62.5%, 71.25%, 75%, 83.75%, 100% { opacity: 1; } 25%, 33.75%, 37.5%, 46.25%, 50%, 58.75%, 87.5%, 96.25% { opacity: 0; } }
@keyframes page-cta-l3 { 0%, 8.75%, 12.5%, 21.25%, 62.5%, 71.25%, 75%, 83.75%, 100% { opacity: 0; } 25%, 33.75%, 37.5%, 46.25%, 50%, 58.75%, 87.5%, 96.25% { opacity: 1; } }
@keyframes page-cta-d4 { 0%, 8.75%, 25%, 33.75%, 37.5%, 46.25%, 75%, 83.75%, 100% { opacity: 1; } 12.5%, 21.25%, 50%, 58.75%, 62.5%, 71.25%, 87.5%, 96.25% { opacity: 0; } }
@keyframes page-cta-l4 { 0%, 8.75%, 25%, 33.75%, 37.5%, 46.25%, 75%, 83.75%, 100% { opacity: 0; } 12.5%, 21.25%, 50%, 58.75%, 62.5%, 71.25%, 87.5%, 96.25% { opacity: 1; } }
@keyframes page-cta-d5 { 25%, 33.75%, 50%, 58.75%, 62.5%, 71.25%, 87.5%, 96.25% { opacity: 1; } 0%, 8.75%, 12.5%, 21.25%, 37.5%, 46.25%, 75%, 83.75%, 100% { opacity: 0; } }
@keyframes page-cta-l5 { 25%, 33.75%, 50%, 58.75%, 62.5%, 71.25%, 87.5%, 96.25% { opacity: 0; } 0%, 8.75%, 12.5%, 21.25%, 37.5%, 46.25%, 75%, 83.75%, 100% { opacity: 1; } }
@keyframes page-cta-d6 { 12.5%, 21.25%, 37.5%, 46.25%, 50%, 58.75%, 75%, 83.75% { opacity: 1; } 0%, 8.75%, 25%, 33.75%, 62.5%, 71.25%, 87.5%, 96.25%, 100% { opacity: 0; } }
@keyframes page-cta-l6 { 12.5%, 21.25%, 37.5%, 46.25%, 50%, 58.75%, 75%, 83.75% { opacity: 0; } 0%, 8.75%, 25%, 33.75%, 62.5%, 71.25%, 87.5%, 96.25%, 100% { opacity: 1; } }
@keyframes page-cta-d7 { 0%, 8.75%, 25%, 33.75%, 62.5%, 71.25%, 87.5%, 96.25%, 100% { opacity: 1; } 12.5%, 21.25%, 37.5%, 46.25%, 50%, 58.75%, 75%, 83.75% { opacity: 0; } }
@keyframes page-cta-l7 { 0%, 8.75%, 25%, 33.75%, 62.5%, 71.25%, 87.5%, 96.25%, 100% { opacity: 0; } 12.5%, 21.25%, 37.5%, 46.25%, 50%, 58.75%, 75%, 83.75% { opacity: 1; } }
@keyframes page-cta-d8 { 12.5%, 21.25%, 25%, 33.75%, 62.5%, 71.25% { opacity: 1; } 0%, 8.75%, 37.5%, 46.25%, 50%, 58.75%, 75%, 83.75%, 87.5%, 96.25%, 100% { opacity: 0; } }
@keyframes page-cta-l8 { 12.5%, 21.25%, 25%, 33.75%, 62.5%, 71.25% { opacity: 0; } 0%, 8.75%, 37.5%, 46.25%, 50%, 58.75%, 75%, 83.75%, 87.5%, 96.25%, 100% { opacity: 1; } }
@keyframes page-cta-d9 { 0%, 8.75%, 37.5%, 46.25%, 62.5%, 71.25%, 75%, 83.75%, 100% { opacity: 1; } 12.5%, 21.25%, 25%, 33.75%, 50%, 58.75%, 87.5%, 96.25% { opacity: 0; } }
@keyframes page-cta-l9 { 0%, 8.75%, 37.5%, 46.25%, 62.5%, 71.25%, 75%, 83.75%, 100% { opacity: 0; } 12.5%, 21.25%, 25%, 33.75%, 50%, 58.75%, 87.5%, 96.25% { opacity: 1; } }
@keyframes page-cta-d10 { 0%, 8.75%, 12.5%, 21.25%, 50%, 58.75%, 87.5%, 96.25%, 100% { opacity: 1; } 25%, 33.75%, 37.5%, 46.25%, 62.5%, 71.25%, 75%, 83.75% { opacity: 0; } }
@keyframes page-cta-l10 { 0%, 8.75%, 12.5%, 21.25%, 50%, 58.75%, 87.5%, 96.25%, 100% { opacity: 0; } 25%, 33.75%, 37.5%, 46.25%, 62.5%, 71.25%, 75%, 83.75% { opacity: 1; } }
@keyframes page-cta-d11 { 25%, 33.75%, 37.5%, 46.25%, 62.5%, 71.25%, 87.5%, 96.25% { opacity: 1; } 0%, 8.75%, 12.5%, 21.25%, 50%, 58.75%, 75%, 83.75%, 100% { opacity: 0; } }
@keyframes page-cta-l11 { 25%, 33.75%, 37.5%, 46.25%, 62.5%, 71.25%, 87.5%, 96.25% { opacity: 0; } 0%, 8.75%, 12.5%, 21.25%, 50%, 58.75%, 75%, 83.75%, 100% { opacity: 1; } }
@keyframes page-cta-d12 { 0%, 8.75%, 37.5%, 46.25%, 50%, 58.75%, 75%, 83.75%, 87.5%, 96.25%, 100% { opacity: 1; } 12.5%, 21.25%, 25%, 33.75%, 62.5%, 71.25% { opacity: 0; } }
@keyframes page-cta-l12 { 0%, 8.75%, 37.5%, 46.25%, 50%, 58.75%, 75%, 83.75%, 87.5%, 96.25%, 100% { opacity: 0; } 12.5%, 21.25%, 25%, 33.75%, 62.5%, 71.25% { opacity: 1; } }
@keyframes page-cta-d13 { 12.5%, 21.25%, 50%, 58.75%, 62.5%, 71.25%, 87.5%, 96.25% { opacity: 1; } 0%, 8.75%, 25%, 33.75%, 37.5%, 46.25%, 75%, 83.75%, 100% { opacity: 0; } }
@keyframes page-cta-l13 { 12.5%, 21.25%, 50%, 58.75%, 62.5%, 71.25%, 87.5%, 96.25% { opacity: 0; } 0%, 8.75%, 25%, 33.75%, 37.5%, 46.25%, 75%, 83.75%, 100% { opacity: 1; } }
@keyframes page-cta-d14 { 0%, 8.75%, 12.5%, 21.25%, 25%, 33.75%, 75%, 83.75%, 100% { opacity: 1; } 37.5%, 46.25%, 50%, 58.75%, 62.5%, 71.25%, 87.5%, 96.25% { opacity: 0; } }
@keyframes page-cta-l14 { 0%, 8.75%, 12.5%, 21.25%, 25%, 33.75%, 75%, 83.75%, 100% { opacity: 0; } 37.5%, 46.25%, 50%, 58.75%, 62.5%, 71.25%, 87.5%, 96.25% { opacity: 1; } }
@keyframes page-cta-d15 { 37.5%, 46.25%, 50%, 58.75%, 75%, 83.75%, 87.5%, 96.25% { opacity: 1; } 0%, 8.75%, 12.5%, 21.25%, 25%, 33.75%, 62.5%, 71.25%, 100% { opacity: 0; } }
@keyframes page-cta-l15 { 37.5%, 46.25%, 50%, 58.75%, 75%, 83.75%, 87.5%, 96.25% { opacity: 0; } 0%, 8.75%, 12.5%, 21.25%, 25%, 33.75%, 62.5%, 71.25%, 100% { opacity: 1; } }
@keyframes page-cta-d16 { 0%, 8.75%, 25%, 33.75%, 37.5%, 46.25%, 62.5%, 71.25%, 100% { opacity: 1; } 12.5%, 21.25%, 50%, 58.75%, 75%, 83.75%, 87.5%, 96.25% { opacity: 0; } }
@keyframes page-cta-l16 { 0%, 8.75%, 25%, 33.75%, 37.5%, 46.25%, 62.5%, 71.25%, 100% { opacity: 0; } 12.5%, 21.25%, 50%, 58.75%, 75%, 83.75%, 87.5%, 96.25% { opacity: 1; } }
@keyframes page-cta-d17 { 12.5%, 21.25%, 37.5%, 46.25%, 75%, 83.75%, 87.5%, 96.25% { opacity: 1; } 0%, 8.75%, 25%, 33.75%, 50%, 58.75%, 62.5%, 71.25%, 100% { opacity: 0; } }
@keyframes page-cta-l17 { 12.5%, 21.25%, 37.5%, 46.25%, 75%, 83.75%, 87.5%, 96.25% { opacity: 0; } 0%, 8.75%, 25%, 33.75%, 50%, 58.75%, 62.5%, 71.25%, 100% { opacity: 1; } }
@keyframes page-cta-d18 { 0%, 8.75%, 12.5%, 21.25%, 50%, 58.75%, 62.5%, 71.25%, 100% { opacity: 1; } 25%, 33.75%, 37.5%, 46.25%, 75%, 83.75%, 87.5%, 96.25% { opacity: 0; } }
@keyframes page-cta-l18 { 0%, 8.75%, 12.5%, 21.25%, 50%, 58.75%, 62.5%, 71.25%, 100% { opacity: 0; } 25%, 33.75%, 37.5%, 46.25%, 75%, 83.75%, 87.5%, 96.25% { opacity: 1; } }
@keyframes page-cta-d19 { 25%, 33.75%, 50%, 58.75%, 87.5%, 96.25% { opacity: 1; } 0%, 8.75%, 12.5%, 21.25%, 37.5%, 46.25%, 62.5%, 71.25%, 75%, 83.75%, 100% { opacity: 0; } }
@keyframes page-cta-l19 { 25%, 33.75%, 50%, 58.75%, 87.5%, 96.25% { opacity: 0; } 0%, 8.75%, 12.5%, 21.25%, 37.5%, 46.25%, 62.5%, 71.25%, 75%, 83.75%, 100% { opacity: 1; } }
@keyframes page-cta-ga { 0%, 8.75%, 12.5%, 21.25% { transform: translate(100%, 100%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 25%, 33.75% { transform: translate(100%, 100%) scale(1); opacity: 0.45; filter: blur(var(--background-blur-0)); } 37.5% { transform: translate(100%, 100%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 46.25% { transform: translate(300%, 0) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 50%, 58.75% { transform: translate(300%, 0) scale(1); opacity: 0.45; filter: blur(var(--background-blur-0)); } 62.5%, 71.25% { transform: translate(300%, 0) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 75%, 83.75% { transform: translate(300%, 0) scale(1); opacity: 0.45; filter: blur(var(--background-blur-0)); } 87.5% { transform: translate(300%, 0) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 96.25%, 100% { transform: translate(100%, 100%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } }
@keyframes page-cta-gb { 0%, 8.75% { transform: translate(300%, 200%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 12.5%, 21.25% { transform: translate(300%, 200%) scale(1); opacity: 0.45; filter: blur(var(--background-blur-0)); } 25% { transform: translate(300%, 200%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 33.75% { transform: translate(300%, 300%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 37.5%, 46.25% { transform: translate(300%, 300%) scale(1); opacity: 0.45; filter: blur(var(--background-blur-0)); } 50%, 58.75%, 62.5%, 71.25%, 75% { transform: translate(300%, 300%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 83.75% { transform: translate(100%, 300%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 87.5%, 96.25% { transform: translate(100%, 300%) scale(1); opacity: 0.45; filter: blur(var(--background-blur-0)); } 100% { transform: translate(100%, 300%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } }
@keyframes page-cta-la { 0%, 8.75% { transform: translate(300%, 0) scale(1); opacity: 0.45; filter: blur(var(--background-blur-0)); } 12.5% { transform: translate(300%, 0) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 21.25% { transform: translate(300%, 100%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 25%, 33.75% { transform: translate(300%, 100%) scale(1); opacity: 0.45; filter: blur(var(--background-blur-0)); } 37.5% { transform: translate(300%, 100%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 46.25% { transform: translate(100%, 0) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 50%, 58.75% { transform: translate(100%, 0) scale(1); opacity: 0.45; filter: blur(var(--background-blur-0)); } 62.5%, 71.25%, 75%, 83.75%, 87.5% { transform: translate(100%, 0) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 96.25% { transform: translate(300%, 0) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 100% { transform: translate(300%, 0) scale(1); opacity: 0.45; filter: blur(var(--background-blur-0)); } }
@keyframes page-cta-lb { 0%, 8.75% { transform: translate(100%, 200%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 12.5%, 21.25% { transform: translate(100%, 200%) scale(1); opacity: 0.45; filter: blur(var(--background-blur-0)); } 25%, 33.75%, 37.5%, 46.25%, 50% { transform: translate(100%, 200%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 58.75% { transform: translate(100%, 300%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 62.5%, 71.25% { transform: translate(100%, 300%) scale(1); opacity: 0.45; filter: blur(var(--background-blur-0)); } 75% { transform: translate(100%, 300%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 83.75% { transform: translate(300%, 300%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 87.5%, 96.25% { transform: translate(300%, 300%) scale(1); opacity: 0.45; filter: blur(var(--background-blur-0)); } 100% { transform: translate(300%, 300%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } }
@keyframes page-cta-pa { 0%, 8.75% { transform: translate(300%, 200%) scale(1); opacity: 0.45; filter: blur(var(--background-blur-0)); } 12.5% { transform: translate(300%, 200%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 21.25% { transform: translate(200%, 300%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 25%, 33.75% { transform: translate(200%, 300%) scale(1); opacity: 0.45; filter: blur(var(--background-blur-0)); } 37.5%, 46.25%, 50%, 58.75%, 62.5% { transform: translate(200%, 300%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 71.25% { transform: translate(300%, 300%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 75%, 83.75% { transform: translate(300%, 300%) scale(1); opacity: 0.45; filter: blur(var(--background-blur-0)); } 87.5% { transform: translate(300%, 300%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 96.25% { transform: translate(300%, 200%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 100% { transform: translate(300%, 200%) scale(1); opacity: 0.45; filter: blur(var(--background-blur-0)); } }
@keyframes page-cta-pb { 0%, 8.75%, 12.5%, 21.25%, 25%, 33.75% { transform: translate(100%, 0) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 37.5%, 46.25% { transform: translate(100%, 0) scale(1); opacity: 0.45; filter: blur(var(--background-blur-0)); } 50%, 58.75% { transform: translate(100%, 0) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 62.5%, 71.25% { transform: translate(100%, 0) scale(1); opacity: 0.45; filter: blur(var(--background-blur-0)); } 75% { transform: translate(100%, 0) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 83.75% { transform: translate(200%, 0) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 87.5%, 96.25% { transform: translate(200%, 0) scale(1); opacity: 0.45; filter: blur(var(--background-blur-0)); } 100% { transform: translate(200%, 0) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } }
@keyframes page-cta-ha { 0%, 8.75% { transform: translate(100%, 300%) scale(1); opacity: 0.45; filter: blur(var(--background-blur-0)); } 12.5%, 21.25%, 25%, 33.75%, 37.5% { transform: translate(100%, 300%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 46.25% { transform: translate(200%, 200%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 50%, 58.75% { transform: translate(200%, 200%) scale(1); opacity: 0.45; filter: blur(var(--background-blur-0)); } 62.5% { transform: translate(200%, 200%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 71.25% { transform: translate(100%, 100%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 75%, 83.75% { transform: translate(100%, 100%) scale(1); opacity: 0.45; filter: blur(var(--background-blur-0)); } 87.5% { transform: translate(100%, 100%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 96.25% { transform: translate(100%, 300%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 100% { transform: translate(100%, 300%) scale(1); opacity: 0.45; filter: blur(var(--background-blur-0)); } }
@keyframes page-cta-hb { 0%, 8.75% { transform: translate(200%, 0) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 12.5%, 21.25% { transform: translate(200%, 0) scale(1); opacity: 0.45; filter: blur(var(--background-blur-0)); } 25% { transform: translate(200%, 0) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 33.75% { transform: translate(100%, 200%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 37.5%, 46.25% { transform: translate(100%, 200%) scale(1); opacity: 0.45; filter: blur(var(--background-blur-0)); } 50% { transform: translate(100%, 200%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 58.75% { transform: translate(300%, 200%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } 62.5%, 71.25% { transform: translate(300%, 200%) scale(1); opacity: 0.45; filter: blur(var(--background-blur-0)); } 75%, 83.75%, 87.5%, 96.25%, 100% { transform: translate(300%, 200%) scale(0.8); opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); } }
@keyframes page-cta-wg { 0%, 8.75%, 62.5%, 71.25%, 100% { opacity: 1; filter: blur(var(--background-blur-0)); transform: scale(1); } 12.5%, 58.75%, 75%, 96.25% { opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); transform: scale(0.8); } }
@keyframes page-cta-wl { 37.5%, 46.25%, 75%, 83.75% { opacity: 1; filter: blur(var(--background-blur-0)); transform: scale(1); } 0%, 33.75%, 50%, 71.25%, 87.5%, 100% { opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); transform: scale(0.8); } }
@keyframes page-cta-wp { 12.5%, 21.25%, 50%, 58.75% { opacity: 1; filter: blur(var(--background-blur-0)); transform: scale(1); } 0%, 8.75%, 25%, 46.25%, 62.5%, 100% { opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); transform: scale(0.8); } }
@keyframes page-cta-wh { 25%, 33.75%, 87.5%, 96.25% { opacity: 1; filter: blur(var(--background-blur-0)); transform: scale(1); } 0%, 21.25%, 37.5%, 83.75%, 100% { opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); transform: scale(0.8); } }
body.tw-lp-live.tw-lp-live .cta-sec .cta-brk:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { flex-basis: 100%; width: 100%; height: 0; margin: 0; padding: 0; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-brk ~ .cta-badge:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-top: calc(-1 * var(--space-400)); }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-brk:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: none; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-brk ~ .cta-badge:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-top: 0; } }
body.tw-lp-live.tw-lp-live .cta-outer .cta-head h2.cta-title.cta-title.cta-title:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0; font-family: inherit; font-family: var(--font-sans); font-size: var(--lp-figma-fs-40px); line-height: var(--lp-figma-lh-52px); letter-spacing: 0px; font-weight: 500; color: var(--text-white-default); text-wrap: balance; }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-outer .cta-head h2.cta-title.cta-title.cta-title:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--type-h2-size); line-height: var(--type-h2-line-height); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live [data-new="steps"] .gl4-h2.gl4-h2.gl4-h2.gl4-h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live [data-new="features"] .gl23-hd.gl23-hd.gl23-hd h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live [data-new="stories"] .gl19-h2.gl19-h2.gl19-h2.gl19-h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .eg-faq .eg-faq__title.eg-faq__title.eg-faq__title.eg-faq__title:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--type-h2-size); line-height: var(--type-h2-line-height); font-weight: 500; letter-spacing: 0px; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live [data-new="steps"] .gl4-h2.gl4-h2.gl4-h2.gl4-h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live [data-new="features"] .gl23-hd.gl23-hd.gl23-hd h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live [data-new="stories"] .gl19-h2.gl19-h2.gl19-h2.gl19-h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .eg-faq .eg-faq__title.eg-faq__title.eg-faq__title.eg-faq__title:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--type-h2-size); line-height: var(--type-h2-line-height); font-weight: 500; letter-spacing: 0px; } }
body.tw-lp-live.tw-lp-live section.bwh.bwh:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { overflow-x: clip; }
@media (min-width: 1261px) { body.tw-lp-live.tw-lp-live .sproof:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; background: var(--surface-white-default); padding: var(--space-1600) var(--space-1450) var(--space-1000); } }
@media (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .sproof:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; background: var(--surface-white-default); padding: var(--space-1600) var(--space-600) var(--space-1000); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .sproof:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; background: var(--surface-white-default); padding: var(--space-1600) var(--space-500) var(--space-1000); } }
body.tw-lp-live.tw-lp-live .sproof-card:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { max-width: var(--container-desktop); margin: 0 auto; display: flex; align-items: center; gap: var(--space-300); padding: var(--space-400); border: var(--space-25) solid var(--lp-figma-c-14151f12-2); border-radius: var(--corner-radius-600); overflow: hidden; }
body.tw-lp-live.tw-lp-live .sproof-l:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; flex: 0 0 480px; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-300); padding: var(--space-800) var(--space-900); border-radius: var(--corner-radius-500); overflow: hidden; isolation: isolate; }
body.tw-lp-live.tw-lp-live .sproof-bg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
body.tw-lp-live.tw-lp-live .sproof-globe:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; right: var(--lp-figma-l-49px); bottom: calc(-1 * var(--space-2000)); width: 250px; height: 250px; transform: rotate(15deg); z-index: -1; pointer-events: none; }
body.tw-lp-live.tw-lp-live .sproof-fade:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; left: 0; right: 0; bottom: 0; height: var(--element-xlg); background: linear-gradient(transparent 0%, var(--lp-figma-c-f4ebf8) 100%); pointer-events: none; }
body.tw-lp-live.tw-lp-live .sproof-tp:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; align-items: center; gap: var(--space-600); font-size: var(--lp-figma-fs-18_46px); line-height: var(--lp-figma-lh-40px); color: var(--text-black-default); white-space: nowrap; }
body.tw-lp-live.tw-lp-live .sproof-tp:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-weight-medium); }
body.tw-lp-live.tw-lp-live .sproof-tp-logo:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; align-items: center; gap: var(--space-200); font-family: var(--font-sans); font-weight: 700; }
body.tw-lp-live.tw-lp-live .sproof-tp-logo svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 21.54px; height: 20.38px; flex: 0 0 auto; }
body.tw-lp-live.tw-lp-live .sproof-txt:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-500); }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .sproof-txt p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0; font-size: var(--type-h5-size); line-height: var(--type-h5-line-height); color: var(--lp-figma-c-14151f-2); white-space: nowrap; } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .sproof-txt p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-weight-medium); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .sproof-txt p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0; font-size: var(--type-h5-size); line-height: var(--type-h5-line-height); color: var(--lp-figma-c-14151f-2); white-space: nowrap; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .sproof-txt p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-weight-medium); } }
body.tw-lp-live.tw-lp-live .sproof-av:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; align-items: center; }
body.tw-lp-live.tw-lp-live .sproof-av img:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: var(--space-850); height: var(--space-850); border-radius: var(--corner-radius-700); object-fit: cover; box-shadow: var(--element-white-default) 0 0 0 var(--lp-figma-l-0_5px); }
body.tw-lp-live.tw-lp-live .sproof-av img + img:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-left: calc(-1 * var(--space-300)); }
body.tw-lp-live.tw-lp-live .sproof-r:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { flex: 1 1 0; min-width: 0; align-self: stretch; display: flex; align-items: center; gap: var(--space-800); padding: 0 var(--space-900); }
body.tw-lp-live.tw-lp-live .sproof-n:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: var(--space-300); text-align: center; }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .sproof-n span:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); color: var(--text-brand-strong); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .sproof-n span:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-weight-regular); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .sproof-n span:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); color: var(--text-brand-strong); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .sproof-n span:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-weight-regular); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .sproof-n b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--type-h1-size); line-height: var(--type-h1-line-height); color: var(--lp-figma-c-14151f-2); white-space: nowrap; } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .sproof-n b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-weight-medium); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .sproof-n b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--type-h1-size); line-height: var(--type-h1-line-height); color: var(--lp-figma-c-14151f-2); white-space: nowrap; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .sproof-n b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-weight-medium); } }
body.tw-lp-live.tw-lp-live .sproof-div:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { flex: 0 0 auto; width: var(--space-25); height: var(--space-1650); background: var(--lp-figma-c-14151f12-3); }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .sproof:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-1600) var(--space-600) var(--space-1000); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .sproof-card:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { flex-direction: column; align-items: stretch; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .sproof-l:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { flex: 0 0 auto; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .sproof-globe:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { right: calc(-1 * var(--space-1100)); bottom: -198px; width: 389px; height: 389px; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .sproof-r:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-900) 0; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .sproof:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-1000) var(--space-500) var(--space-700); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .sproof-card:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-300); border-radius: var(--corner-radius-500); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .sproof-l:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { gap: var(--space-400); padding: var(--space-700); border-radius: var(--corner-radius-400); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .sproof-globe:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { right: var(--lp-figma-l-43px); bottom: var(--lp-figma-l-110px-2); width: 212px; height: 212px; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .sproof-tp:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { gap: var(--space-500); font-size: var(--lp-figma-fs-14_77px); line-height: var(--lp-figma-lh-32px); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .sproof-tp-logo:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { gap: var(--lp-figma-l-5px); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .sproof-tp-logo svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 17.23px; height: 16.31px; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .sproof-txt:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { gap: var(--space-400); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .sproof-av img:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: var(--element-lg); height: var(--element-lg); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .sproof-r:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { flex-wrap: wrap; justify-content: center; align-items: flex-start; padding: var(--space-700) 0; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .sproof-n:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { flex: 0 0 auto; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .sproof-div:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: var(--space-1150); } }
body.tw-lp-live.tw-lp-live .cta-sec .cta-title .cta-br:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .eg-section.eg-section:has([data-new="steps"]):not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding-top: var(--space-1600); padding-bottom: var(--space-1600); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .eg-section.eg-section:has([data-new="steps"]):not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding-top: var(--space-1000); padding-bottom: var(--space-1000); } }
body.tw-lp-live.tw-lp-live [data-new="steps"] .gl4-card.gl4-card.gl4-card:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-14151f03); gap: var(--space-800); }
body.tw-lp-live.tw-lp-live [data-new="steps"] .gl4-hd.gl4-hd.gl4-hd:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { gap: var(--space-300); }
body.tw-lp-live.tw-lp-live [data-new="steps"] .gl4-h2.gl4-h2.gl4-h2.gl4-h2.gl4-h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--text-black-default); }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live [data-new="steps"] .gl4-card.gl4-card.gl4-card:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { gap: var(--space-700); border-radius: var(--corner-radius-500); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live [data-new="steps"] .gl4-hd.gl4-hd.gl4-hd:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { gap: var(--space-200); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .eg-section.eg-section:has([data-new="features"]):not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding-top: var(--space-1600); padding-bottom: var(--space-1600); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .eg-section.eg-section:has([data-new="features"]):not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding-top: var(--space-1000); padding-bottom: var(--space-1000); } }
body.tw-lp-live.tw-lp-live [data-new="features"] .gl23-hd.gl23-hd.gl23-hd.gl23-hd h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-14151f); font-weight: 500; }
body.tw-lp-live.tw-lp-live [data-new="features"] .gl23-card.gl23-card.gl23-card:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-14151f03); }
body.tw-lp-live.tw-lp-live [data-new="features"] .gl23-card.gl23-card.gl23-card h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-14151f); font-weight: 500; }
body.tw-lp-live.tw-lp-live [data-new="features"] .gl23-card.gl23-card.gl23-card p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-14151f70); font-weight: 400; }
body.tw-lp-live.tw-lp-live [data-new="features"] .gl23-card.gl23-card.gl23-card .gl23-ic:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--text-brand-default); }
body.tw-lp-live.tw-lp-live [data-new="features"] .gl23-cta a.eg-btn.eg-btn.eg-btn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live [data-new="business-types"] .gl18-act a.eg-btn.eg-btn.eg-btn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-400); height: var(--element-2xlg); padding: 0 var(--space-600); box-sizing: border-box; border-radius: var(--corner-radius-300); background: var(--surface-white-default); border: var(--space-25) solid var(--lp-figma-c-14151f12); color: var(--lp-figma-c-14151f); font-size: var(--lp-figma-fs-14px); line-height: var(--lp-figma-lh-20px); font-weight: 400; text-decoration: none; transition: background-color .15s, color .15s, border-color .15s; }
body.tw-lp-live.tw-lp-live [data-new="features"] .gl23-cta a.eg-btn.eg-btn.eg-btn .eg-btn__label:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live [data-new="business-types"] .gl18-act a.eg-btn.eg-btn.eg-btn .eg-btn__label:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-14px); line-height: var(--lp-figma-lh-20px); font-weight: 400; color: inherit; }
body.tw-lp-live.tw-lp-live [data-new="features"] .gl23-cta a.eg-btn.eg-btn.eg-btn:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live [data-new="features"] .gl23-cta a.eg-btn.eg-btn.eg-btn:focus-visible:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live [data-new="business-types"] .gl18-act a.eg-btn.eg-btn.eg-btn:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live [data-new="business-types"] .gl18-act a.eg-btn.eg-btn.eg-btn:focus-visible:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-14151f08); border-color: var(--lp-figma-c-14151f12); color: var(--lp-figma-c-14151f); }
body.tw-lp-live.tw-lp-live [data-new="features"] .gl23-cta a.eg-btn.eg-btn.eg-btn[aria-disabled="true"]:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live [data-new="business-types"] .gl18-act a.eg-btn.eg-btn.eg-btn[aria-disabled="true"]:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--surface-white-default); border-color: var(--lp-figma-c-14151f12); color: var(--lp-figma-c-14151f50); cursor: default; }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live [data-new="features"] .gl23-cta a.eg-btn.eg-btn.eg-btn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 100%; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live [data-new="business-types"] .gl18-act a.eg-btn.eg-btn.eg-btn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 100%; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live [data-new="business-types"] .gl18-act.gl18-act:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live [data-new="business-types"] .gl18-act > .btn.btn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 100%; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .eg-section.eg-section:has([data-new="business-types"]):not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding-top: var(--space-1000); padding-bottom: var(--space-1000); } }
body.tw-lp-live.tw-lp-live [data-new="business-types"] .gl18-h2.gl18-h2.gl18-h2.gl18-h2.gl18-h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-14151f); font-weight: 500; }
body.tw-lp-live.tw-lp-live [data-new="business-types"] .gl18-lead.gl18-lead.gl18-lead.gl18-lead:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-14151f70); font-weight: 400; }
body.tw-lp-live.tw-lp-live [data-new="business-types"] .gl18-card.gl18-card.gl18-card:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--surface-white-default); color: var(--lp-figma-c-14151f); }
body.tw-lp-live.tw-lp-live [data-new="business-types"] .gl18-t.gl18-t.gl18-t.gl18-t:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live [data-new="business-types"] .gl18-card.gl18-card:hover .gl18-t.gl18-t.gl18-t.gl18-t:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-14151f); font-weight: 500; }
body.tw-lp-live.tw-lp-live [data-new="business-types"] .gl18-tag.gl18-tag.gl18-tag:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--surface-white-default); border: var(--space-25) solid var(--lp-figma-c-14151f12); color: var(--lp-figma-c-14151f); font-weight: 400; }
body.tw-lp-live.tw-lp-live [data-new="business-types"] .gl18-tag.gl18-tag.gl18-tag svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--text-brand-default); }
body.tw-lp-live.tw-lp-live [data-new="business-types"] .gl18-card.gl18-card .gl18-media.gl18-media img:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live [data-new="business-types"] .gl18-card.gl18-card .gl18-media.gl18-media .gl18-img:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live [data-new="business-types"] .gl18-card.gl18-card .gl18-media.gl18-media .eg-media:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live [data-new="business-types"] .gl18-card.gl18-card:hover .gl18-media.gl18-media img:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live [data-new="business-types"] .gl18-card.gl18-card:hover .gl18-media.gl18-media .gl18-img:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live [data-new="business-types"] .gl18-card.gl18-card:hover .gl18-media.gl18-media .eg-media:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transform: none; transition: none; }
body.tw-lp-live.tw-lp-live [data-new="business-types"] .gl18-go.gl18-go.gl18-go:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { top: var(--space-700); right: var(--space-700); width: var(--element-2xlg); height: var(--element-2xlg); border-radius: var(--corner-radius-700); background: var(--lp-figma-c-14151f); color: var(--text-white-default); }
body.tw-lp-live.tw-lp-live [data-new="business-types"] .gl18-go.gl18-go.gl18-go svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; flex: none; width: var(--element-md); height: var(--element-md); }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live [data-new="business-types"] .gl18-go.gl18-go.gl18-go:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { top: var(--space-600); right: var(--space-600); width: var(--element-xlg); height: var(--element-xlg); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live [data-new="business-types"] .gl18-go.gl18-go.gl18-go svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: var(--element-sm); height: var(--element-sm); } }
body.tw-lp-live.tw-lp-live [data-new="business-types"] .gl18-car.gl18-car.gl18-car:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-left: 0; margin-right: 0; }
body.tw-lp-live.tw-lp-live [data-new="business-types"] .gl18-row.gl18-row.gl18-row:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); padding-left: calc(50vw - 50%); padding-right: calc(50vw - 50%); scroll-padding-left: max(var(--space-600), calc(50vw - 636px)); }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live [data-new="business-types"] .gl18-row.gl18-row.gl18-row:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { scroll-padding-left: var(--space-500); } }
body.tw-lp-live.tw-lp-live [data-new="business-types"] .gl18-arr.gl18-arr.gl18-arr:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { top: calc(50% - var(--space-700)); width: var(--element-2xlg); height: var(--element-2xlg); padding: var(--space-300); box-sizing: border-box; border-radius: var(--corner-radius-750); background: var(--lp-figma-c-14151f08); -webkit-backdrop-filter: blur(var(--lp-figma-blur-20px)); backdrop-filter: blur(var(--lp-figma-blur-20px)); color: var(--lp-figma-c-14151f50); cursor: pointer; transition: background-color .2s, color .2s; }
body.tw-lp-live.tw-lp-live [data-new="business-types"] .gl18-arr.gl18-arr.gl18-arr:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live [data-new="business-types"] .gl18-arr.gl18-arr.gl18-arr:focus-visible:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-14151f12); color: var(--lp-figma-c-14151f70); }
body.tw-lp-live.tw-lp-live [data-new="business-types"] .gl18-arr.gl18-arr.gl18-arr[aria-disabled="true"]:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-14151f06-2); color: var(--lp-figma-c-14151f12); cursor: default; }
body.tw-lp-live.tw-lp-live [data-new="business-types"] .gl18-arr.gl18-arr.gl18-arr svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; flex: none; width: var(--element-md); height: var(--element-md); }
body.tw-lp-live.tw-lp-live [data-new="business-types"] .gl18-next.gl18-next.gl18-next:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { left: auto; right: calc(50% - 50vw + var(--space-800)); }
body.tw-lp-live.tw-lp-live [data-new="business-types"] .gl18-prev.gl18-prev.gl18-prev:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { right: auto; left: calc(50% - 50vw + var(--space-800)); }
body.tw-lp-live.tw-lp-live [data-new="business-types"] .gl18-arr.gl18-arr.gl18-arr[hidden]:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: none; }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live [data-new="business-types"] .gl18-arr.gl18-arr.gl18-arr:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: none; } }
body.tw-lp-live.tw-lp-live [data-new="business-types"] .gl18-tag.gl18-tag.gl18-tag:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-14px); line-height: var(--lp-figma-lh-20px); }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live [data-new="business-types"] .gl18-text.gl18-text.gl18-text:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { gap: var(--space-300); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live [data-new="business-types"] .gl18-tag.gl18-tag.gl18-tag:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); } }
body.tw-lp-live.tw-lp-live [data-new="capabilities"] #s3.s3.s3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding-top: 0; }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live [data-new="capabilities"] #s3.s3 .s3-grid.s3-grid .pl.pl.pl h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live [data-new="capabilities"] #s3.s3 .ess.ess.ess h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--type-h5-size); line-height: var(--type-h5-line-height); font-weight: 500; } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live [data-new="capabilities"] #s3.s3 .s3-grid.s3-grid .pl.pl.pl > p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live [data-new="capabilities"] #s3.s3 .ess.ess.ess > div:first-child p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .eg-section.eg-section:has([data-new="stories"]):not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding-top: var(--space-1600); padding-bottom: var(--space-1600); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .eg-section.eg-section:has([data-new="stories"]):not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding-top: var(--space-1000); padding-bottom: var(--space-1000); } }
body.tw-lp-live.tw-lp-live [data-new="stories"] .gl19-h2.gl19-h2.gl19-h2.gl19-h2.gl19-h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-14151f); font-weight: 500; }
body.tw-lp-live.tw-lp-live [data-new="stories"] .gl19-lead.gl19-lead.gl19-lead:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-14151f70); font-weight: 400; }
body.tw-lp-live.tw-lp-live [data-new="stories"] .gl19-card.gl19-card.gl19-card:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-14151f03); gap: 0; }
body.tw-lp-live.tw-lp-live [data-new="stories"] .gl19-from.gl19-from.gl19-from:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0; font-size: var(--lp-figma-fs-16px); line-height: var(--lp-figma-lh-24px); font-weight: 500; color: var(--lp-figma-c-14151f50); }
body.tw-lp-live.tw-lp-live [data-new="stories"] .gl19-q.gl19-q.gl19-q:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: var(--space-400) 0 0; }
body.tw-lp-live.tw-lp-live [data-new="stories"] .gl19-q.gl19-q.gl19-q p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-14151f); font-weight: 500; }
body.tw-lp-live.tw-lp-live [data-new="stories"] .gl19-foot.gl19-foot.gl19-foot:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-top: var(--space-700); }
body.tw-lp-live.tw-lp-live [data-new="stories"] .gl19-n.gl19-n.gl19-n:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-14151f); font-weight: 500; }
body.tw-lp-live.tw-lp-live [data-new="stories"] .gl19-r.gl19-r.gl19-r:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-14151f70); font-weight: 400; }
body.tw-lp-live.tw-lp-live [data-new="stories"] .gl19-av.gl19-av.gl19-av:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--surface-white-default); border: var(--space-25) solid var(--lp-figma-c-14151f12); color: var(--lp-figma-c-14151f); }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live [data-new="stories"] .gl19-q.gl19-q.gl19-q:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-top: var(--space-300); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live [data-new="stories"] .gl19-foot.gl19-foot.gl19-foot:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-top: var(--space-700); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live [data-new="stories"] .gl19-from.gl19-from.gl19-from:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); } }
body.tw-lp-live.tw-lp-live [data-new="business-types"] .gl18-media .gl18-pic:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; }
body.tw-lp-live.tw-lp-live [data-new="business-types"] .gl18-media .gl18-img.gl18-img.gl18-img:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; width: 100%; height: auto; aspect-ratio: 102 / 65; object-fit: cover; }
body.tw-lp-live.tw-lp-live [data-new="steps"] .gl4-vis.gl4-vis.gl4-vis:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; margin: auto 0 0; height: 434px; padding: 0; border: 0; border-radius: 0; background: transparent; overflow: hidden; }
body.tw-lp-live.tw-lp-live [data-new="steps"] .gl4-vis.gl4-vis .gl4-vid:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live [data-new="steps"] .gl4-vis.gl4-vis.gl4-vis:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: 364px; } }
body.tw-lp-live.tw-lp-live [data-new="social-proof"] .sproof.sproof.sproof:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding-top: 0; padding-bottom: 0; }
body.tw-lp-live.tw-lp-live .eg-faq .eg-faq__title.eg-faq__title.eg-faq__title.eg-faq__title:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .eg-faq .eg-faq__title.eg-faq__title .ch:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-14151f); }
body.tw-lp-live.tw-lp-live .eg-faq .eg-faqitem .eg-faqitem__q.eg-faqitem__q.eg-faqitem__q:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-14151f); }
body.tw-lp-live.tw-lp-live .eg-faq .eg-faqitem .eg-icon.eg-icon.eg-icon:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-14151f); }
body.tw-lp-live.tw-lp-live .eg-faq .eg-faqitem .eg-faqitem__a.eg-faqitem__a.eg-faqitem__a:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-14151f70-2); }
body.tw-lp-live.tw-lp-live .eg-faq .eg-faqitem .eg-faqitem__divider.eg-faqitem__divider.eg-faqitem__divider:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-14151f12-3); }
body.tw-lp-live.tw-lp-live [data-new="steps"] .gl4-h2.gl4-h2.gl4-h2.gl4-h2.gl4-h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--text-black-default); }
body.tw-lp-live.tw-lp-live [data-new="steps"] .gl4-title.gl4-title.gl4-title:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-14151f); }
body.tw-lp-live.tw-lp-live [data-new="steps"] .gl4-desc.gl4-desc.gl4-desc:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-14151f70-2); }
body.tw-lp-live.tw-lp-live .rv.rv.in .ch:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-rvInC; }
body.tw-lp-live.tw-lp-live .rv.rv-sub.rv-sub.in .ch:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-rvSub; }
body.tw-lp-live.tw-lp-live [data-new="use-cases"] .bwh.bwh.bwh h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live [data-new="use-cases"] .bwh.bwh.bwh h2 .ch:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-14151f); }
body.tw-lp-live.tw-lp-live [data-new="stories"] .gl19-q.gl19-q.gl19-q.gl19-q:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-bottom: var(--space-700); }
body.tw-lp-live.tw-lp-live [data-new="stories"] .gl19-foot.gl19-foot.gl19-foot.gl19-foot:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-top: auto; }
body.tw-lp-live.tw-lp-live [data-new="steps"] .gl4-vis.gl4-vis.gl4-vis:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; }
body.tw-lp-live.tw-lp-live [data-new="steps"] .gl4-vis .gl4-still:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; inset: 0; display: block; transition: opacity .25s ease; }
body.tw-lp-live.tw-lp-live [data-new="steps"] .gl4-vis .gl4-still img:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; width: 100%; height: 100%; object-fit: cover; }
body.tw-lp-live.tw-lp-live [data-new="steps"] .gl4-card.is-playing .gl4-still:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 0; }
body.tw-lp-live.tw-lp-live [data-new="store"] .gl24-text.gl24-text.gl24-text:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live [data-new="store"] .gl24-head.gl24-head.gl24-head:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { text-align: left; align-items: flex-start; }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live [data-new="store"] .gl24-head.gl24-head.gl24-head:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { align-items: stretch; } }
body.tw-lp-live.tw-lp-live [data-new="store"] .gl24-h2.gl24-h2.gl24-h2.gl24-h2.gl24-h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-14151f); font-weight: 500; }
body.tw-lp-live.tw-lp-live [data-new="store"] .gl24-lead.gl24-lead.gl24-lead.gl24-lead:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-14151f70); font-weight: 400; }
body.tw-lp-live.tw-lp-live [data-new="store"] .gl24-card.gl24-card.gl24-card:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-14151f03); color: var(--lp-figma-c-14151f); transform: none; }
body.tw-lp-live.tw-lp-live [data-new="store"] .gl24-t.gl24-t.gl24-t.gl24-t:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live [data-new="store"] .gl24-card.gl24-card:hover .gl24-t.gl24-t.gl24-t.gl24-t:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-14151f); font-weight: 500; }
body.tw-lp-live.tw-lp-live [data-new="store"] .gl24-d.gl24-d.gl24-d.gl24-d:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-14151f70); font-weight: 400; }
body.tw-lp-live.tw-lp-live [data-new="store"] .gl24-card.gl24-card .gl24-media img:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live [data-new="store"] .gl24-card.gl24-card:hover .gl24-media img:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live [data-new="store"] .gl24-card.gl24-card .gl24-media .eg-media:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live [data-new="store"] .gl24-card.gl24-card:hover .gl24-media .eg-media:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transform: none; }
body.tw-lp-live.tw-lp-live [data-new="store"] .gl24-act > .btn.btn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: 0; margin: 0; background: none; border: 0; box-shadow: var(--elevation-0); }
body.tw-lp-live.tw-lp-live [data-new="store"] .gl24-act a.eg-btn.eg-btn.eg-btn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-400); height: var(--element-2xlg); padding: 0 var(--space-600); box-sizing: border-box; border-radius: var(--corner-radius-300); background: var(--surface-white-default); border: var(--space-25) solid var(--lp-figma-c-14151f12); color: var(--lp-figma-c-14151f); font-size: var(--lp-figma-fs-14px); line-height: var(--lp-figma-lh-20px); font-weight: 400; text-decoration: none; transition: background-color .2s; }
body.tw-lp-live.tw-lp-live [data-new="store"] .gl24-act a.eg-btn.eg-btn.eg-btn .eg-btn__label:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-14px); line-height: var(--lp-figma-lh-20px); font-weight: 400; color: inherit; }
body.tw-lp-live.tw-lp-live [data-new="store"] .gl24-act a.eg-btn.eg-btn.eg-btn:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live [data-new="store"] .gl24-act a.eg-btn.eg-btn.eg-btn:focus-visible:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-14151f08); border-color: var(--lp-figma-c-14151f12); color: var(--lp-figma-c-14151f); }
body.tw-lp-live.tw-lp-live [data-new="store"] .gl24-act a.eg-btn.eg-btn.eg-btn[aria-disabled="true"]:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--surface-white-default); border-color: var(--lp-figma-c-14151f12); color: var(--lp-figma-c-14151f50); cursor: default; }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live [data-new="store"] .gl24-act a.eg-btn.eg-btn.eg-btn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 100%; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live [data-new="store"] .gl24-act.gl24-act:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live [data-new="store"] .gl24-act > .btn.btn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 100%; } }
body.tw-lp-live.tw-lp-live [data-new="store"] .gl24-car.gl24-car.gl24-car:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-left: 0; margin-right: 0; }
body.tw-lp-live.tw-lp-live [data-new="store"] .gl24-row.gl24-row.gl24-row:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); padding-left: calc(50vw - 50%); padding-right: calc(50vw - 50%); scroll-padding-left: max(var(--space-600), calc(50vw - 636px)); }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live [data-new="store"] .gl24-row.gl24-row.gl24-row:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { scroll-padding-left: var(--space-500); } }
body.tw-lp-live.tw-lp-live [data-new="store"] .gl18-arr.gl18-arr.gl18-arr:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { top: calc(50% - var(--space-700)); width: var(--element-2xlg); height: var(--element-2xlg); padding: var(--space-300); box-sizing: border-box; border-radius: var(--corner-radius-750); background: var(--lp-figma-c-14151f08); -webkit-backdrop-filter: blur(var(--lp-figma-blur-20px)); backdrop-filter: blur(var(--lp-figma-blur-20px)); color: var(--lp-figma-c-14151f50); cursor: pointer; transition: background-color .2s, color .2s; }
body.tw-lp-live.tw-lp-live [data-new="store"] .gl18-arr.gl18-arr.gl18-arr:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live [data-new="store"] .gl18-arr.gl18-arr.gl18-arr:focus-visible:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-14151f12); color: var(--lp-figma-c-14151f70); }
body.tw-lp-live.tw-lp-live [data-new="store"] .gl18-arr.gl18-arr.gl18-arr[aria-disabled="true"]:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-14151f06-2); color: var(--lp-figma-c-14151f12); cursor: default; }
body.tw-lp-live.tw-lp-live [data-new="store"] .gl18-arr.gl18-arr.gl18-arr svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; flex: none; width: var(--element-md); height: var(--element-md); }
body.tw-lp-live.tw-lp-live [data-new="store"] .gl18-next.gl18-next.gl18-next:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { left: auto; right: calc(50% - 50vw + var(--space-800)); }
body.tw-lp-live.tw-lp-live [data-new="store"] .gl18-prev.gl18-prev.gl18-prev:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { right: auto; left: calc(50% - 50vw + var(--space-800)); }
body.tw-lp-live.tw-lp-live [data-new="store"] .gl18-arr.gl18-arr.gl18-arr[hidden]:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: none; }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live [data-new="store"] .gl18-arr.gl18-arr.gl18-arr:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: none; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live [data-new="store"] .gl24-text.gl24-text.gl24-text:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { gap: var(--space-300); } }
body.tw-lp-live.tw-lp-live [data-new="store"] .gl24-media .gl24-pic:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; width: 100%; height: 100%; }
body.tw-lp-live.tw-lp-live [data-new="store"] .gl24-media .gl24-img.gl24-img.gl24-img:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; width: 100%; height: 100%; object-fit: cover; }
body.tw-lp-live.tw-lp-live .bwh.bwh:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--surface-white-default); padding: var(--space-300); overflow-x: clip; }
body.tw-lp-live.tw-lp-live .bwh .bwh-wrap:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { max-width: none; background: var(--lp-figma-c-14151f03-2); border-radius: var(--corner-radius-600); }
body.tw-lp-live.tw-lp-live .bwh .bwh-win.lt:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: auto; height: auto; display: block; place-items: normal; border-radius: 0; color: inherit; font-size: inherit; font-weight: inherit; }
body.tw-lp-live.tw-lp-live .bwh .bwh-wrap h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-weight-medium); }
body.tw-lp-live.tw-lp-live .gl21-mount .gl21-h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-weight-medium); }
body.tw-lp-live.tw-lp-live .gl21-mount .gl21-lead:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .gl21-mount .gl21-link:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-weight-regular); }
body.tw-lp-live.tw-lp-live .bwh .bwh-try .bwh-try-in:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-14px); line-height: var(--lp-figma-lh-20px); }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .bwh .bwh-head .bwh-btn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 100%; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .bwh.bwh:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-100); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .bwh .bwh-wrap:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-radius: var(--corner-radius-500); padding: var(--space-1000) var(--space-400); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .bwh .bwh-wrap .bwh-head:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-bottom: var(--space-900) !important; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .bwh .bwh-try:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: 0 var(--space-100) 0 var(--space-600) !important; gap: var(--space-400); } }
body.tw-lp-live.tw-lp-live .bwh .bwh-tile[aria-pressed="true"] .bwh-tile-in svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 45%; height: 45%; }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .bwh .bwh-tile[aria-pressed="true"] .bwh-tile-in svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 50%; height: 50%; } }
body.tw-lp-live.tw-lp-live h2.rv + .rv-sub .ch:not(#tw-rv):not(#tw-rv):not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: inherit; }
body.tw-lp-live.tw-lp-live .rv-sub .rv-sr:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; width: var(--space-25); height: var(--space-25); margin: calc(-1 * var(--space-25)); padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live h2.rv.in .ch:not(#tw-rv):not(#tw-rv):not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-twRvIn; animation-duration: 0.7s; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); animation-iteration-count: 1; animation-fill-mode: both; animation-delay: calc(min(var(--i), 36) * 14ms); } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live h2.rv + .rv-sub.in .ch:not(#tw-rv):not(#tw-rv):not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-twRvSub; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); animation-iteration-count: 1; animation-fill-mode: both; animation-delay: calc(180ms + min(var(--i), 90) * 4ms); } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .rv-btn:not(.rv-on):not(#tw-rv):not(#tw-rv):not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 0; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .rv-up:not(.rv-on):not(#tw-rv):not(#tw-rv):not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 0; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .rv-btn.rv-on:not(#tw-rv):not(#tw-rv):not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-twRvUp; animation-duration: 0.6s; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); animation-iteration-count: 1; animation-fill-mode: backwards; animation-delay: var(--rv-d, 450ms); } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .rv-up.rv-on:not(#tw-rv):not(#tw-rv):not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-twRvUp; animation-duration: 0.7s; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); animation-iteration-count: 1; animation-fill-mode: backwards; animation-delay: calc(var(--rv-d, 450ms) + 100ms + min(var(--rv-k, 0), 3) * 80ms); } }
@media (prefers-reduced-motion: reduce) { body.tw-lp-live.tw-lp-live .rv .ch:not(#tw-rv):not(#tw-rv):not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1; animation: none; filter: none; transform: none; } }
@keyframes page-twRvIn { 0% { opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); color: var(--c); transform: translateX(calc(-1 * var(--space-50))); } 35% { opacity: 1; filter: blur(var(--background-blur-0)); color: var(--c); transform: none; } }
@keyframes page-twRvSub { 0% { opacity: 0; filter: blur(calc(var(--background-blur-100) / 2)); transform: translateX(calc(-1 * var(--space-50))); } 35% { opacity: 1; filter: blur(var(--background-blur-0)); transform: none; } }
@keyframes page-twRvUp { 0% { opacity: 0; scale: 0.96; filter: blur(calc(var(--background-blur-100) / 4)); } }
@media (min-width: 1261px) { body.tw-lp-live.tw-lp-live [data-new="store"] .gl24-head.gl24-head.gl24-head.gl24-head:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { align-items: flex-end; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live [data-new="business-types"] .gl18-tags.gl18-tags.gl18-tags.gl18-tags:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-top: 0; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live [data-new="steps"] .gl4-card .gl4-title.gl4-title.gl4-title:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--type-h4-size); line-height: var(--type-h4-line-height); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live [data-new="steps"] .gl4-card .gl4-desc.gl4-desc.gl4-desc:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live [data-new="steps"] .gl4-card .gl4-vis.gl4-vis.gl4-vis:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live [data-new="steps"] .gl4-card .gl4-vis.gl4-vis.gl4-vis:has(.gl4-vid):not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: auto; aspect-ratio: 600 / 868; } }


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/ask_question/css/free_users_chat.css */
.free_users_chat {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 10;
  width: 360px;
  max-width: 100%;
}
.free_users_chat .icon {
  position: absolute;
  bottom: 0;
  right: 0;
  cursor: pointer;
  box-sizing: border-box;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid white;
  background: #000;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.06);
}
.free_users_chat .icon .chat_icon {
  width: 27px;
  height: 28px;
}
.free_users_chat .icon .chat_close {
  width: 36px;
  height: 36px;
  display: none;
}
.free_users_chat .tooltip {
  position: absolute;
  right: 86px;
  bottom: 0;
  width: 360px;
  max-width: 100%;
  box-sizing: border-box;
  padding: 30px;
  border-radius: 12px;
  background-color: #000000;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transform: translateY(10%);
  -moz-transform: translateY(10%);
  transform: translateY(10%);
  opacity: 0;
  pointer-events: none;
}
.free_users_chat .tooltip .title {
  margin-bottom: 20px;
  color: #ffffff;
  display: block;
  font-weight: 700;
}
.free_users_chat .tooltip .title img {
  width: 210px;
  height: 12px;
}
.free_users_chat .tooltip p {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 30px;
}
.free_users_chat .tooltip .buttons {
  display: flex;
  gap: 20px;
}
.free_users_chat .tooltip .buttons a {
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
  padding: 10px 18px;
  border: 1px solid #ffffff;
  border-radius: 6px;
  color: #ffffff;
  min-width: 100px;
  text-decoration: none;
  box-sizing: border-box;
  text-align: center;
}
.free_users_chat .tooltip .buttons a.white {
  background: #ffffff;
  color: #000000;
  width: 175px;
  padding: 10px 0;
}
.free_users_chat .tooltip .buttons a.white:hover {
  opacity: 0.8;
}
.free_users_chat .tooltip .buttons a.transparent:hover {
  background: #ffffff;
  color: #000000;
}
.free_users_chat.active {
  z-index: 9999999999;
}
.free_users_chat.active .chat_icon {
  display: none;
}
.free_users_chat.active .chat_close {
  display: block !important;
}
.free_users_chat.active .tooltip {
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  opacity: 1;
  pointer-events: unset;
}

iframe#web-messenger-container[title="Chat box"] {
  bottom: 5px !important;
}


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/ask_question/css/free_users_chat_320.css */
@media screen and (max-width: 767px) {
  .free_users_chat .tooltip {
    right: 0;
    bottom: 80px;
  }
}
@media screen and (max-width: 400px) {
  .free_users_chat .tooltip {
    right: -3%;
    bottom: 80px;
  }
}


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/elements/talk_to_sales_popup/css/talk_to_sales_popup.css */
.talk_to_sales_popup__overlay {
  display: none;
  position: fixed;
  z-index: 999999999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(8px);
  align-items: center;
  justify-content: center;
}

.talk_to_sales_popup {
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  display: flex;
  border-radius: 16px;
  max-width: 100%;
  max-height: 100%;
  background: #ffffff;
}
.talk_to_sales_popup * {
  color: #14151F;
}
.talk_to_sales_popup .talk_to_sales_popup__close {
  width: 24px;
  height: 24px;
  z-index: 1;
  position: absolute;
  right: 8px;
  top: 8px;
  cursor: pointer;
  opacity: 0.5;
  text-align: right;
}
.talk_to_sales_popup.loading .talk_to_sales_popup__close {
  cursor: default;
  opacity: 0.2;
}
.talk_to_sales_popup .talk_to_sales_popup__container {
  display: flex;
  width: 100%;
}
.talk_to_sales_popup .trustpilot-container-mobile {
  display: none;
}
.talk_to_sales_popup .talk_to_sales_popup__left {
  box-sizing: border-box;
  background: url('https://10web.io/wp-content/themes/10web-theme/templates/elements/talk_to_sales_popup/css/../../../../../../uploads/tenweb-theme/images/talk-to-sales/banner.webp') no-repeat;
  background-size: cover;
  position: relative;
  display: none;
}
.talk_to_sales_popup .talk_to_sales_popup__live-chat {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  padding-top: 16px;
  margin-top: 16px;
  border-top: 1px solid rgba(20, 21, 31, 0.12);
  display: none;
}
.talk_to_sales_popup .talk_to_sales_popup__live-chat p {
  color: rgba(20, 21, 31, 0.7);
}
.talk_to_sales_popup .talk_to_sales_popup__live-chat a {
  color: #3339F1;
}
.talk_to_sales_popup .websites_created_container {
  align-items: flex-start;
}
.talk_to_sales_popup .websites_created_container .micro_combo {
  justify-content: flex-start;
}
.talk_to_sales_popup .talk_to_sales_popup__right {
  box-sizing: border-box;
}
.talk_to_sales_popup .talk_to_sales_popup__right > div {
  height: 100%;
  display: none;
  margin: 0;
}
.talk_to_sales_popup .connect {
  width: 150px;
  height: 52px;
  margin: -8px 0 10px -8px;
}
.talk_to_sales_popup .header {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 32px;
}
.talk_to_sales_popup ul.features {
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
}
.talk_to_sales_popup ul.features li {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding-left: 28px;
  position: relative;
}
.talk_to_sales_popup ul.features li .icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background: url('https://10web.io/wp-content/themes/10web-theme/templates/elements/talk_to_sales_popup/css/../../../../../../uploads/tenweb-theme/images/talk-to-sales/check-thin.svg') no-repeat center;
}
.talk_to_sales_popup ul.features li .title {
  font-weight: 700;
  margin-bottom: 4px;
}
.talk_to_sales_popup .talk_to_sales_tabs__container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.talk_to_sales_popup .talk_to_sales_tabs__container .talk_to_sales_tabs__header {
  font-weight: 700;
}
.talk_to_sales_popup .talk_to_sales_tabs__container #talk_to_sales_tabs {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.talk_to_sales_popup .talk_to_sales_tabs__container .tab {
  border-radius: 12px;
  border: 1px solid rgba(20, 21, 31, 0.12);
  background: #FFF;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
}
.talk_to_sales_popup .talk_to_sales_tabs__container .tab.active {
  border: 1px solid #3339F1;
  background: rgba(51, 57, 241, 0.08) url('https://10web.io/wp-content/themes/10web-theme/templates/elements/talk_to_sales_popup/css/../../../../../../uploads/tenweb-theme/images/talk-to-sales/check-blue-thin.svg') no-repeat calc(100% - 16px) 16px;
}
.talk_to_sales_popup .talk_to_sales_tabs__container a.continue {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  padding: 10px 15px;
}
.talk_to_sales_popup .talk_to_sales_tabs__container .talk_to_sales_tabs__content {
  width: 100%;
}
.talk_to_sales_popup .talk-to-sales__back-button {
  display: none;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  margin-bottom: 20px;
  padding-left: 2px;
  color: #14151F;
  text-decoration: none;
  cursor: pointer;
}
.talk_to_sales_popup .talk-to-sales__back-button img {
  width: 9px;
  height: 9px;
  transform: rotateZ(90deg);
  position: relative;
  top: -1px;
  margin-right: 6px;
}
.talk_to_sales_popup .talk-to-sales__back-button:hover {
  text-decoration: underline;
}
.talk_to_sales_popup .talk-to-sales__form-title {
  font-weight: 700;
}
.talk_to_sales_popup fieldset:not(:first-child):not(:last-child):not(:nth-child(2)):not(:has(input[type=hidden]:not([name=phone]))) {
  margin-bottom: 32px !important;
}
.talk_to_sales_popup .hs_email {
  width: 100% !important;
}
.talk_to_sales_popup fieldset.form-columns-2 .hs-form-field.hs-email input, .talk_to_sales_popup .hs-fieldtype-intl-phone.hs-input.hs-email input {
  width: 100% !important;
}
.talk_to_sales_popup .input {
  margin-right: 0 !important;
}
.talk_to_sales_popup .hs-fieldtype-phonenumber {
  width: 100% !important;
}
.talk_to_sales_popup .hs-fieldtype-phonenumber .hs-fieldtype-intl-phone .custom-select {
  margin-bottom: 0 !important;
}
.talk_to_sales_popup .form-columns-2 {
  display: flex;
}
.talk_to_sales_popup .form-columns-2:nth-of-type(4) {
  flex-direction: column;
}
.talk_to_sales_popup input[type=radio] {
  padding: 0 !important;
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
  width: 16px !important;
  height: 16px;
  border: 1px solid rgb(234, 234, 234);
  border-radius: 50%;
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
}
.talk_to_sales_popup input[type=radio]:checked {
  background-image: radial-gradient(circle, rgb(0, 0, 0) 50%, transparent 54%);
}
.talk_to_sales_popup input.hs-input {
  padding: 8px 16px;
  box-sizing: border-box;
}
.talk_to_sales_popup .hs_submit {
  display: flex;
}
.talk_to_sales_popup .hs_submit .actions {
  width: 100%;
}
.talk_to_sales_popup .hs_submit .hs-button {
  width: 100%;
  border: none;
  padding: 11px 24px;
}
.talk_to_sales_popup .legal-consent-container {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  padding-top: 16px;
}
.talk_to_sales_popup .legal-consent-container .hs-richtext {
  color: rgba(20, 21, 31, 0.7);
}
.talk_to_sales_popup .legal-consent-container a {
  color: #3339F1;
}
.talk_to_sales_popup .hs-error-msgs a,
.talk_to_sales_popup .hs-error-msgs label {
  color: rgb(212, 17, 37) !important;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400 !important;
  margin-top: 3px;
  font-style: italic;
}
.talk_to_sales_popup .hs-error-msgs label .error-icon {
  background: url('https://10web.io/wp-content/themes/10web-theme/templates/elements/talk_to_sales_popup/css/../../../../../../uploads/tenweb-theme/images/talk-to-sales/notification.svg') no-repeat center;
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-right: 6px;
  position: relative;
  top: 1px;
}
.talk_to_sales_popup .custom-select {
  position: relative;
  display: inline-block;
  border-radius: 6px;
  padding: 8px 16px;
  cursor: pointer;
  box-sizing: border-box;
}
.talk_to_sales_popup .custom-select:after {
  position: absolute;
  content: "";
  right: 10px;
  top: 50%;
  width: 16px;
  height: 16px;
  background-image: url('https://10web.io/wp-content/themes/10web-theme/templates/elements/talk_to_sales_popup/css/../../../../../../uploads/tenweb-theme/images/talk-to-sales/drop_down_icon_grey.svg');
  background-size: contain;
  transform: translateY(-50%);
  pointer-events: none;
  transition: transform 0.3s ease;
}
.talk_to_sales_popup .options-list {
  position: absolute;
  list-style: none;
  padding: 6px;
  margin: 0;
  left: 0;
  top: 40px;
  border: 1px solid #eaeaea;
  background: #fff;
  z-index: 99;
  border-radius: 6px;
  box-sizing: border-box;
  max-height: 140px;
  overflow-y: auto;
}
.talk_to_sales_popup .options-list li {
  border-radius: 6px;
  padding: 7px 10px;
  cursor: pointer;
  color: black;
}
.talk_to_sales_popup .options-list li:first-child {
  pointer-events: none;
  opacity: 0.5;
  cursor: default;
}
.talk_to_sales_popup .options-list li.selected {
  pointer-events: none;
  opacity: 0.5;
  cursor: default;
}
.talk_to_sales_popup .options-list li:not(:first-child):hover {
  background-color: rgb(244, 244, 244);
}
.talk_to_sales_popup label:has(> span:not(:empty)) {
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  margin-bottom: 6px;
  display: inline-block;
}
.talk_to_sales_popup .hs-sales_message textarea {
  width: 100% !important;
  resize: none;
  height: 114px;
  padding: 11px 16px;
  box-sizing: border-box;
}
.talk_to_sales_popup.submitted .talk_to_sales_popup__right {
  position: relative;
}
.talk_to_sales_popup.submitted .talk_to_sales_popup__loading {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 16px;
}
.talk_to_sales_popup.submitted .talk_to_sales_popup__loading p {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
.talk_to_sales_popup.submitted .talk_to_sales_popup__success {
  width: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.talk_to_sales_popup.submitted .talk_to_sales_popup__success > div {
  display: none;
}
.talk_to_sales_popup.submitted .talk_to_sales_popup__success-title {
  font-weight: 700;
  margin-bottom: 16px;
  background: url('https://10web.io/wp-content/themes/10web-theme/templates/elements/talk_to_sales_popup/css/../../../../../../uploads/tenweb-theme/images/talk-to-sales/email.svg') no-repeat center top;
  background-size: 44px;
}
.talk_to_sales_popup.submitted .talk_to_sales_popup__success-desc {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 40px;
  color: rgba(20, 21, 31, 0.7);
}
.talk_to_sales_popup.submitted .tw_button {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  padding: 10px 16px;
  width: auto;
  cursor: pointer;
}
.talk_to_sales_popup.submitted .tw_button.book_your_call {
  min-width: 115px;
}
.talk_to_sales_popup.submitted:not(.show-book-now) .talk_to_sales_popup__success-container {
  display: block !important;
}
.talk_to_sales_popup.submitted.show-book-now .talk_to_sales_popup__loading {
  display: flex;
}
.talk_to_sales_popup input.hs-input,
.talk_to_sales_popup textarea,
.talk_to_sales_popup .custom-select {
  border-radius: 8px;
  border: 1px solid rgba(20, 21, 31, 0.12);
  transition: border-color 0.2s;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
.talk_to_sales_popup input.hs-input:hover,
.talk_to_sales_popup textarea:hover,
.talk_to_sales_popup .custom-select:hover {
  border-color: rgba(20, 21, 31, 0.5);
}
.talk_to_sales_popup input.hs-input:focus,
.talk_to_sales_popup textarea:focus,
.talk_to_sales_popup .custom-select:focus {
  border-color: #3339F1;
}
.talk_to_sales_popup input.hs-input.error,
.talk_to_sales_popup textarea.error,
.talk_to_sales_popup .custom-select.error {
  border-color: rgba(212, 17, 37, 0.16);
  background: rgba(212, 17, 37, 0.06);
}
.talk_to_sales_popup input.hs-input.error:hover,
.talk_to_sales_popup textarea.error:hover,
.talk_to_sales_popup .custom-select.error:hover {
  background: rgba(212, 17, 37, 0.08);
}
.talk_to_sales_popup .custom-select.opened {
  border-color: #3339F1 !important;
}
.talk_to_sales_popup .custom-select.opened:after {
  transform: translateY(-50%) rotate(180deg);
}
.talk_to_sales_popup .hs-form-field:has(.error) .custom-select {
  border-color: rgba(212, 17, 37, 0.16) !important;
  background: rgba(212, 17, 37, 0.06);
}
.talk_to_sales_popup .hs-form-field:has(.error) .custom-select:hover {
  background: rgba(212, 17, 37, 0.08);
}
.talk_to_sales_popup .fieldset-wrapper.custom-scroll {
  overflow-y: auto;
  overflow-x: hidden;
}
.talk_to_sales_popup ul.hs-error-msgs.inputs-list:last-child {
  margin-bottom: -21px;
  margin-top: 2px;
}
.talk_to_sales_popup.with-tabs .talk-to-sales__back-button {
  display: inline-block;
}
.talk_to_sales_popup .hs-button {
  border-radius: 8px;
  border: rgba(51, 57, 241, 0);
  background: #3339F1;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  width: 100%;
  padding: 10px;
}
.talk_to_sales_popup {
  /* Must deleted*/
}
.talk_to_sales_popup .hs_preferred_communication_method {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 36px;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}
.talk_to_sales_popup .hs_preferred_communication_method .inputs-list {
  display: flex;
  flex-direction: row;
  gap: 20px;
}
.talk_to_sales_popup .hs_preferred_communication_method .inputs-list .hs-form-radio-display {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
}
.talk_to_sales_popup .hs_preferred_communication_method .inputs-list .hs-form-radio-display span {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}
.talk_to_sales_popup[data-class=rounded-check] ul.features .icon {
  background: url('https://10web.io/wp-content/themes/10web-theme/templates/elements/talk_to_sales_popup/css/../../../../../../uploads/tenweb-theme/images/talk-to-sales/round-checkmark.jpg') no-repeat center;
  background-size: contain;
  border-radius: 50%;
}
.talk_to_sales_popup[data-class=rounded-check] ul.features:before {
  content: "";
  width: 1px;
  background: rgba(20, 21, 31, 0.5);
  position: absolute;
  left: 9px;
  top: 20px;
}


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/elements/talk_to_sales_popup/css/talk_to_sales_popup-1920.css */
@media screen and (min-width: 1041px) {
  .talk_to_sales_popup {
    width: 1000px;
    height: 760px;
    max-height: calc(100% - 40px);
  }
  .talk_to_sales_popup .talk_to_sales_popup__live-chat.desktop {
    display: block;
  }
  .talk_to_sales_popup .talk_to_sales_popup__left {
    width: 450px;
    padding: 48px 48px 32px;
    display: block;
  }
  .talk_to_sales_popup .talk_to_sales_popup__left-bottom {
    position: absolute;
    width: calc(100% - 96px);
    left: 48px;
    bottom: 32px;
  }
  .talk_to_sales_popup .talk_to_sales_popup__right {
    width: 550px;
    padding: 40px 40px 32px;
  }
  .talk_to_sales_popup .header {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 32px;
  }
  .talk_to_sales_popup .talk_to_sales_tabs__container .talk_to_sales_tabs__header {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 40px;
  }
  .talk_to_sales_popup .talk_to_sales_tabs__container .tw_button {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .talk_to_sales_popup .talk_to_sales_tabs__container .tab {
    padding: 15px;
    font-size: 16px;
    line-height: 24px;
  }
  .talk_to_sales_popup .talk_to_sales_tabs__container .tab:not(.active):hover {
    background: rgba(20, 21, 31, 0.08);
  }
  .talk_to_sales_popup .talk_to_sales_tabs__container a.continue {
    width: auto;
  }
  .talk_to_sales_popup .talk-to-sales__form-title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 24px;
  }
  .talk_to_sales_popup .form-columns-2 {
    gap: 32px 16px;
  }
  .talk_to_sales_popup input.hs-input,
  .talk_to_sales_popup .custom-select {
    width: 100%;
  }
  .talk_to_sales_popup .options-list {
    width: 100%;
  }
  .talk_to_sales_popup .hs_phone .custom-select,
  .talk_to_sales_popup input[type=tel].hs-input {
    width: calc((100% - 16px) / 2) !important;
  }
  .talk_to_sales_popup.submitted .talk_to_sales_popup__success-title {
    font-size: 32px;
    line-height: 40px;
    padding-top: 60px;
  }
  .talk_to_sales_popup .fieldset-wrapper.custom-scroll {
    height: 392px;
    padding-right: 32px;
    margin-right: -32px;
  }
  .talk_to_sales_popup.with-tabs .fieldset-wrapper.custom-scroll {
    height: 484px;
  }
  .talk_to_sales_popup[data-class=rounded-check] ul.features:before {
    height: 145px;
  }
}


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/elements/talk_to_sales_popup/css/talk_to_sales_popup-768.css */
@media screen and (max-width: 1040px) and (min-width: 768px) {
  .talk_to_sales_popup {
    width: calc(100% - 40px);
    height: calc(100% - 40px);
  }
  .talk_to_sales_popup .talk_to_sales_popup__live-chat.mobile {
    display: block;
    width: 100%;
  }
  .talk_to_sales_popup .talk_to_sales_popup__container {
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .talk_to_sales_popup .talk_to_sales_popup__left {
    width: 100%;
    padding: 32px 40px;
    display: block;
  }
  .talk_to_sales_popup .talk_to_sales_popup__right {
    width: 100%;
    padding: 40px;
  }
  .talk_to_sales_popup .header {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 24px;
  }
  .talk_to_sales_popup .trustpilot-widget iframe {
    width: 420px !important;
    height: 22px !important;
  }
  .talk_to_sales_popup .trustpilot-container-mobile {
    display: block;
  }
  .talk_to_sales_popup .trustpilot-container-mobile .websites_created_container {
    display: none;
  }
  .talk_to_sales_popup .talk_to_sales_tabs__container {
    flex-direction: column;
  }
  .talk_to_sales_popup .talk_to_sales_tabs__container .talk_to_sales_tabs__header {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 40px;
  }
  .talk_to_sales_popup .talk_to_sales_tabs__container .tw_button {
    margin-top: 40px;
  }
  .talk_to_sales_popup .talk_to_sales_tabs__container .tab {
    padding: 11px;
    font-size: 16px;
    line-height: 24px;
  }
  .talk_to_sales_popup .talk_to_sales_tabs__container a.continue {
    width: 100%;
  }
  .talk_to_sales_popup .talk-to-sales__form-title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 24px;
  }
  .talk_to_sales_popup .form-columns-2 {
    gap: 32px 16px;
  }
  .talk_to_sales_popup input.hs-input {
    width: 100%;
  }
  .talk_to_sales_popup .hs_phone .custom-select,
  .talk_to_sales_popup input[type=tel].hs-input {
    width: calc((100% - 16px) / 2) !important;
  }
  .talk_to_sales_popup .custom-select {
    width: 100%;
  }
  .talk_to_sales_popup .options-list {
    width: 100%;
  }
  .talk_to_sales_popup fieldset {
    width: 100%;
    max-width: 100% !important;
  }
  .talk_to_sales_popup.submitted .talk_to_sales_popup__success-title {
    font-size: 32px;
    line-height: 40px;
    padding-top: 60px;
  }
  .talk_to_sales_popup .fieldset-wrapper.custom-scroll {
    height: calc(100% - 270px);
    margin-bottom: 0;
    padding-right: 32px;
    margin-right: -32px;
  }
  .talk_to_sales_popup .hs_submit .actions {
    width: 100%;
    padding-top: 32px;
    background: #fff;
  }
  .talk_to_sales_popup.with-tabs .fieldset-wrapper.custom-scroll {
    height: calc(100vh - 290px);
  }
  .talk_to_sales_popup.form .talk_to_sales_popup__left, .talk_to_sales_popup.one-form .talk_to_sales_popup__left {
    display: none;
  }
  .talk_to_sales_popup.submitted .talk_to_sales_popup__right {
    height: 100%;
  }
  .talk_to_sales_popup.submitted .talk_to_sales_popup__right .tw_button {
    width: 100%;
  }
  .talk_to_sales_popup[data-class=rounded-check] ul.features:before {
    height: 115px;
  }
}


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/elements/talk_to_sales_popup/css/talk_to_sales_popup-320.css */
@media screen and (max-width: 767px) {
  .talk_to_sales_popup {
    width: calc(100% - 32px);
    height: calc(100% - 32px);
  }
  .talk_to_sales_popup .talk_to_sales_popup__container {
    flex-direction: column;
  }
  .talk_to_sales_popup .trustpilot-container-mobile,
  .talk_to_sales_popup .talk_to_sales_popup__live-chat.mobile {
    display: block;
    text-align: center;
  }
  .talk_to_sales_popup .trustpilot-container-mobile {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
  .talk_to_sales_popup .trustpilot-container-mobile .websites_created_container {
    height: 40px;
  }
  .talk_to_sales_popup .talk_to_sales_popup__right {
    width: 100%;
    padding: 16px 20px;
    height: 100%;
  }
  .talk_to_sales_popup .talk_to_sales_tabs__container {
    flex-direction: column;
    justify-content: center;
  }
  .talk_to_sales_popup .talk_to_sales_tabs__container .talk_to_sales_tabs__header {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 24px;
    text-align: center;
  }
  .talk_to_sales_popup .talk_to_sales_tabs__container .tw_button {
    margin-top: 40px;
  }
  .talk_to_sales_popup .talk_to_sales_tabs__container .tab {
    padding: 14px;
    font-size: 14px;
    line-height: 20px;
  }
  .talk_to_sales_popup .talk_to_sales_tabs__container a.continue {
    margin-bottom: 156px;
    width: 100%;
  }
  .talk_to_sales_popup .talk-to-sales__form-title {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 24px;
  }
  .talk_to_sales_popup fieldset {
    max-width: 100% !important;
  }
  .talk_to_sales_popup .form-columns-2 {
    gap: 32px;
    flex-direction: column;
  }
  .talk_to_sales_popup .form-columns-2 .hs-form-field {
    width: 100% !important;
    float: none !important;
  }
  .talk_to_sales_popup .hs-fieldtype-phonenumber .hs-fieldtype-intl-phone .custom-select {
    margin-bottom: 32px !important;
  }
  .talk_to_sales_popup .hs-input {
    width: 100% !important;
  }
  .talk_to_sales_popup input[type=tel].hs-input {
    width: 100% !important;
  }
  .talk_to_sales_popup .custom-select {
    width: 100% !important;
  }
  .talk_to_sales_popup .options-list {
    width: 100%;
  }
  .talk_to_sales_popup.submitted .talk_to_sales_popup__success-title {
    font-size: 28px;
    line-height: 36px;
    padding-top: 56px;
  }
  .talk_to_sales_popup .hs_submit .actions {
    width: 100%;
    padding-top: 20px;
    background: #fff;
  }
  .talk_to_sales_popup .fieldset-wrapper.custom-scroll {
    height: calc(100vh - 188px);
    margin-bottom: 0;
    padding-right: 8px;
    margin-right: -8px;
  }
  .talk_to_sales_popup.with-tabs .fieldset-wrapper.custom-scroll {
    height: calc(100vh - 218px);
  }
  .talk_to_sales_popup.submitted .talk_to_sales_popup__right {
    height: 100%;
  }
  .talk_to_sales_popup.submitted .talk_to_sales_popup__right .tw_button {
    width: 100%;
  }
}


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/elements/trustpilot_iframe/css/trustpilot_iframe.css */
.websites_created_container {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.websites_created_container.large-padding {
  padding: 96px 0 !important;
}
.websites_created_container .trustpilot-container {
  position: relative;
}
.websites_created_container .trustpilot-container .websites-created {
  text-align: center;
  margin-bottom: 24px;
  color: #fff;
  font-size: 28px;
  line-height: 40px;
  font-weight: 500;
}
.websites_created_container .trustpilot-container .websites-created b {
  text-decoration: underline dotted;
  text-decoration-thickness: 8%;
  font-weight: 700;
}
.websites_created_container .websites_created {
  display: flex;
  gap: 20px;
  align-items: center;
}
.websites_created_container .websites_created_number {
  font-size: 14px;
  line-height: 20px;
  position: relative;
  top: -0.5px;
}
.websites_created_container .websites_created_number:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 15px;
  background-color: #e4e4e4;
  right: -10px;
  top: 3px;
}
.websites_created_container .trustpilot_title {
  font-weight: 500;
}
.websites_created_container .trustpilot_title .bold {
  font-weight: 700;
}
.websites_created_container .trustpilot_title .silver {
  color: rgba(255, 255, 255, 0.8);
}
.websites_created_container .trustpilot_title .dotted {
  text-decoration-line: underline;
  text-decoration-style: dotted;
  text-decoration-thickness: 11%;
  text-underline-offset: 4px;
  border-bottom: 0;
}
.websites_created_container .micro_combo {
  display: flex;
  justify-content: center;
}
.websites_created_container .wp_img_container img {
  width: 132px;
  height: 21px;
}
.websites_created_container.center {
  align-items: center;
}
.websites_created_container.center.small-size .trustpilot-widget iframe {
  margin: 0 auto;
}
.websites_created_container.mt20 {
  margin-top: 20px;
}
.websites_created_container.black_bg {
  background: #000;
}
.websites_created_container.black_bg .trustpilot_title {
  color: #ffffff;
}
.websites_created_container.black_bg.with-border {
  border: solid rgba(255, 255, 255, 0.2);
  border-width: 1px 0 1px 0;
}
.websites_created_container.no-margin {
  margin: 0 !important;
}

@media screen and (min-width: 1261px) {
  .websites_created_container {
    margin-top: 50px;
    align-items: flex-start;
  }
  .websites_created_container .trustpilot_title {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 16px;
  }
  .websites_created_container.center {
    margin-top: 30px;
    margin-bottom: 40px;
  }
  .websites_created_container.black_bg {
    padding: 32px 0;
  }
  .websites_created_container.small-size {
    margin: 48px 0 80px;
  }
  .websites_created_container.small-size .trustpilot_title {
    font-size: 20px;
    line-height: 30px;
  }
}
@media screen and (max-width: 1260px) and (min-width: 768px) {
  .websites_created_container {
    margin-top: 40px;
    align-items: center;
  }
  .websites_created_container.no-margin {
    padding: 80px 0;
  }
  .websites_created_container .trustpilot_title {
    font-size: 28px;
    line-height: 40px;
    margin-bottom: 24px;
  }
  .websites_created_container.center {
    margin-top: 30px;
    margin-bottom: 40px;
  }
  .websites_created_container.black_bg {
    padding: 32px 0;
  }
  .websites_created_container.small-size {
    margin: 48px 0 80px;
  }
  .websites_created_container.small-size .trustpilot_title {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 767px) {
  .websites_created_container {
    margin-top: 30px;
    align-items: center;
    justify-content: center;
    height: 76px;
  }
  .websites_created_container.no-margin {
    padding: 48px 0 !important;
  }
  .websites_created_container .trustpilot-container .websites-created {
    font-size: 16px;
    line-height: 24px;
    max-width: 343px;
    margin: 0 auto 16px auto;
  }
  .websites_created_container .trustpilot_title {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 16px;
  }
  .websites_created_container.center {
    margin: 30px auto 0;
  }
  .websites_created_container.black_bg {
    padding: 32px 0;
  }
  .websites_created_container.black_bg .trustpilot-widget iframe {
    width: 260px !important;
    height: 40px !important;
  }
  .websites_created_container.small-size {
    height: auto;
    margin: 32px 0 44px;
  }
  .websites_created_container.small-size .trustpilot_title {
    margin-bottom: 12px;
  }
  .websites_created_container.no-margin {
    height: auto;
    padding: 24px 0;
  }
}


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/elements/signup-popup/css/signup-popup.css */
.signup-popup__overlay,
.figma-popup__overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 99999999;
  display: flex;
  justify-content: center;
  align-items: center;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  transition: opacity 0.1s;
  opacity: 0;
  pointer-events: none;
}
.signup-popup__overlay *,
.figma-popup__overlay * {
  font-family: "Evergrow Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
}
.signup-popup__overlay .signup-popup-title,
.figma-popup__overlay .signup-popup-title {
  font-weight: 700;
  color: #fff !important;
  margin-bottom: 24px;
  text-align: center;
}
.signup-popup__overlay.active,
.figma-popup__overlay.active {
  opacity: 1;
  pointer-events: unset;
}
.signup-popup__overlay.active .signup-popup__content,
.figma-popup__overlay.active .signup-popup__content {
  opacity: 1;
  transform: translateY(0);
}
.signup-popup__overlay.active .figma-popup__content,
.figma-popup__overlay.active .figma-popup__content {
  opacity: 1;
  transform: translateY(0);
}

.figma-popup__content {
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.06) 100%), #14151F;
  color: #fff;
  position: relative;
  max-height: calc(-20px + 100vh);
  box-sizing: border-box;
  transition: all 0.3s ease;
  opacity: 0;
  transform: translateY(-20px);
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1), 0 -6px 8px -4px rgba(0, 0, 0, 0.06);
}
.figma-popup__content .figma-popup__desc {
  color: rgba(255, 255, 255, 0.75);
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.figma-popup__content .signup-popup-title {
  margin-bottom: 6px;
  font-size: 24px;
  line-height: 36px;
}
.figma-popup__content .figma-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 24px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.04);
  width: 68px;
  height: 68px;
}
.figma-popup__content .figma-logo img {
  width: 42px;
  height: 42px;
}
.figma-popup__content .action_buttons {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 24px;
}
.figma-popup__content .tw_button {
  width: 100%;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  cursor: pointer;
  height: 40px;
  padding: 10px 0;
}
.figma-popup__content .tw_button.grey_outline {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.14);
  color: #fff;
}

.signup-popup__overlay .signup-popup__loading {
  display: none;
}
.signup-popup__overlay .signup-popup-title {
  color: #14151F !important;
  font-size: 24px;
  line-height: 36px;
}
.signup-popup__overlay .signup-popup__close {
  width: 24px;
  height: 24px;
  cursor: pointer;
  z-index: 1050;
  background: url(https://10web.io/wp-content/themes/10web-theme/templates/elements/signup-popup/css/../../../../../../uploads/tenweb-theme/images/icons/close-circle.svg);
  background-size: contain;
}
.signup-popup__overlay .signup-popup__content {
  background: #fff;
  color: #14151F;
  border-radius: 12px;
  position: relative;
  max-height: calc(-20px + 100vh);
  box-sizing: border-box;
  padding: 39px 31px;
  transition: all 0.3s ease;
  opacity: 0;
  transform: translateY(-20px);
}
.signup-popup__overlay .website-generated {
  display: flex;
  gap: 6px;
  flex-direction: row;
  align-items: center;
  color: rgba(20, 21, 31, 0.7) !important;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  margin-bottom: 6px;
  justify-content: center;
}
.signup-popup__overlay .website-generated b {
  font-weight: 700;
}
.signup-popup__overlay .website-generated .gradient {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  background: linear-gradient(180deg, #3339f1, rgba(51, 57, 241, 0.3019607843));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.signup-popup__overlay .signup-popup__offer-notice {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 24px;
  padding: 8px 16px;
  border-radius: 8px;
  background: rgba(51, 57, 241, 0.16);
}
.signup-popup__overlay .signup-popup__offer-notice .signup-popup__offer-logo {
  box-sizing: border-box;
  flex: 0 0 auto;
  display: block;
  width: 24px;
  height: 24px;
  overflow: hidden;
  border-radius: 50%;
  background: #FFFFFF;
  border: 1px solid rgba(20, 21, 31, 0.12);
}
.signup-popup__overlay .signup-popup__offer-notice .signup-popup__offer-logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.signup-popup__overlay .signup-popup__offer-notice .signup-popup__offer-text {
  margin: 0;
  text-align: left;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #14151F !important;
}
.signup-popup__overlay .signup-popup__offer-notice .signup-popup__offer-text b {
  font-weight: 500;
}
.signup-popup__overlay .signup-popup__email-notice {
  box-sizing: border-box;
  display: none;
  padding: 8px 16px;
  border-radius: 8px;
  background: rgba(20, 21, 31, 0.06);
}
.signup-popup__overlay .signup-popup__email-notice.visible {
  display: block;
}
.signup-popup__overlay .signup-popup__email-notice p {
  margin: 0;
  text-align: left;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #14151F !important;
}
.signup-popup__overlay .signup-popup__email-notice p b {
  font-weight: 500;
}
.signup-popup__overlay .signup-popup__email-notice p a {
  color: inherit;
  font-weight: 500;
  text-decoration: underline;
}
.signup-popup__overlay .signup__types a.tw_button {
  height: 40px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  max-width: 100%;
  box-sizing: border-box;
  white-space: nowrap;
  border-radius: 8px;
  padding: 0 16px;
  gap: 8px;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  cursor: pointer;
}
.signup-popup__overlay .signup__types a.tw_button img {
  width: 16px;
  height: 16px;
}
.signup-popup__overlay .signup__types a.tw_button span {
  color: #14151F;
}
.signup-popup__overlay .signup__types a.tw_button.signup__email {
  background: #fff;
  border: 1px solid rgba(20, 21, 31, 0.12);
}
.signup-popup__overlay .signup__types a.tw_button.signup__email:hover {
  background-color: rgba(20, 21, 31, 0.03);
}
.signup-popup__overlay .signup__types a.tw_button.signup__google, .signup-popup__overlay .signup__types a.tw_button.signup__social {
  margin-bottom: 16px;
  background: #14151F;
  border: 1px solid transparent;
}
.signup-popup__overlay .signup__types a.tw_button.signup__google span, .signup-popup__overlay .signup__types a.tw_button.signup__social span {
  color: #fff;
}
.signup-popup__overlay .signup__types a.tw_button.signup__google:hover, .signup-popup__overlay .signup__types a.tw_button.signup__social:hover {
  background-color: rgba(20, 21, 31, 0.8);
}
.signup-popup__overlay .signup__types a.tw_button.signup__google.loading, .signup-popup__overlay .signup__types a.tw_button.signup__social.loading {
  pointer-events: unset;
}
.signup-popup__overlay .signup__types a.tw_button.submit-button {
  background-color: #3339F1;
  border: 1px solid transparent;
  width: 100%;
}
.signup-popup__overlay .signup__types a.tw_button.submit-button span {
  color: #fff !important;
}
.signup-popup__overlay .signup__types a.tw_button.submit-button:hover {
  background-color: rgba(51, 57, 241, 0.8);
}
.signup-popup__overlay .signup__types a.tw_button.submit-button.button_disabled {
  opacity: 0.7;
  pointer-events: none;
}
.signup-popup__overlay .signup__types a.tw_button.submit-button .loading-circular-spinner > .loader {
  border: 0 !important;
  animation: none !important;
  margin-right: 0 !important;
}
.signup-popup__overlay .signup__types a.tw_button.loading img {
  display: none;
}
.signup-popup__overlay .signup_privacy-policy {
  margin-top: 24px;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: rgba(20, 21, 31, 0.5) !important;
}
.signup-popup__overlay .signup_privacy-policy a {
  color: rgba(20, 21, 31, 0.5) !important;
  font-weight: 500;
  text-decoration: underline;
}
.signup-popup__overlay .signup_privacy-policy a:hover {
  text-decoration: none;
}
.signup-popup__overlay .signup-with-email__content {
  height: 0;
  opacity: 0;
  transition: opacity 300ms;
  pointer-events: none;
  overflow: hidden;
}
.signup-popup__overlay .signup-with-email__content .signup-with-email__title {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  margin-bottom: 16px;
}
.signup-popup__overlay .signup-with-email__content .signup-with-email__title:before, .signup-popup__overlay .signup-with-email__content .signup-with-email__title:after {
  content: "";
  flex: 1 0 0;
  height: 1px;
  background: rgba(20, 21, 31, 0.12);
}
.signup-popup__overlay .signup-with-email__content .signup-with-email__title span {
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  color: rgba(20, 21, 31, 0.5) !important;
}
.signup-popup__overlay .signup-with-email__content form {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.signup-popup__overlay .signup-with-email__content form input {
  height: 40px;
  width: 100%;
  max-width: 100%;
  background: #fff;
  border: 1px solid rgba(20, 21, 31, 0.12);
  border-radius: 8px;
  box-sizing: border-box;
  padding: 0 16px;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #14151F !important;
}
.signup-popup__overlay .signup-with-email__content form input::placeholder {
  color: rgba(20, 21, 31, 0.5);
  opacity: 1;
}
.signup-popup__overlay .signup-with-email__content form input:focus {
  border-color: #3339F1;
}
.signup-popup__overlay .signup-with-email__content form input[name=signup_password] {
  padding-right: 52px;
}
.signup-popup__overlay .signup-with-email__content .form-input-container {
  position: relative;
}
.signup-popup__overlay .signup-with-email__content .form-input-container .input-error-msg {
  position: absolute;
  padding: 3px 0 0 3px;
  text-align: left;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  font-style: italic;
  color: #d41125 !important;
  display: none;
}
.signup-popup__overlay .signup-with-email__content .form-input-container.error .input-error-msg {
  display: block;
}
.signup-popup__overlay .signup-with-email__content .form-input-container.error input {
  border-color: rgb(212, 17, 37);
}
.signup-popup__overlay .signup-with-email__content .form-input-container .show-hide-password {
  position: absolute;
  width: 32px;
  height: 40px;
  right: -1px;
  top: -1px;
  cursor: pointer;
  background: url(https://10web.io/wp-content/themes/10web-theme/templates/elements/signup-popup/css/../../../../../../uploads/tenweb-theme/images/sign-up/icons/show-password.svg) center center no-repeat;
  background-size: 16px !important;
  opacity: 0.3;
  background-position-x: 0 !important;
}
.signup-popup__overlay .signup-with-email__content .form-input-container .show-hide-password.active {
  background: url(https://10web.io/wp-content/themes/10web-theme/templates/elements/signup-popup/css/../../../../../../uploads/tenweb-theme/images/sign-up/icons/hide-password.svg) center center no-repeat;
}
.signup-popup__overlay .signup-with-email__content .form-input-container .show-hide-password:hover {
  opacity: 0.8;
}
.signup-popup__overlay .signup-with-email__content .half-inputs-row {
  display: flex;
  gap: 12px;
}
.signup-popup__overlay .signup-with-email__content .half-inputs-row .form-input-container {
  width: calc((100% - 12px) / 2);
}
.signup-popup__overlay.signup_with-email .signup__email {
  display: none !important;
}
.signup-popup__overlay.signup_with-email .signup-popup__content {
  max-height: calc(-20px + 100vh);
  transition: 200ms linear;
  overflow-y: auto;
}
.signup-popup__overlay.signup_with-email .signup-with-email__content {
  height: auto;
  opacity: 1;
  pointer-events: unset;
  overflow: unset;
  margin-top: 16px;
}
.signup-popup__overlay.loading .signup-popup__container {
  display: none;
}
.signup-popup__overlay.loading .signup-popup__loading {
  display: flex;
}
.signup-popup__overlay.loading .signup-popup__content {
  max-width: calc(100% - 40px);
  height: 228px;
  transition: 200ms linear;
}
.signup-popup__overlay .pwd-validation-wrap {
  display: none;
  position: absolute;
  font-weight: 400;
  left: 50%;
  bottom: 56px;
  background: rgb(255, 255, 255);
  box-shadow: 0 5px 20px rgba(55, 63, 73, 0.2);
  border-radius: 15px;
  width: 237px;
  height: 233px;
  padding: 15px;
  box-sizing: border-box;
  z-index: 9;
  font-size: 12px;
  line-height: 17px;
  transform: translateX(-50%);
  text-align: left;
}
.signup-popup__overlay .pwd-validation-wrap > div {
  color: rgb(50, 58, 69) !important;
}
.signup-popup__overlay .pwd-validation-wrap .pwd-wrap-title {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  margin-bottom: 8px;
}
.signup-popup__overlay .pwd-validation-wrap p {
  opacity: 0.7;
  color: rgb(50, 58, 69) !important;
}
.signup-popup__overlay .pwd-validation-wrap .pwd-wrap-sub-title {
  font-weight: 700;
}
.signup-popup__overlay .loading-bar {
  position: relative;
  opacity: 1;
  height: 5px;
  margin: 10px 0;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 2px;
}
.signup-popup__overlay .loading-bar .loading-bar__bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0;
  transition: width 0.2s ease-in-out;
  border-radius: 2px;
}
.signup-popup__overlay .loading-bar .loading-bar__bar.green {
  background: rgb(35, 181, 54) !important;
  opacity: 1;
}
.signup-popup__overlay .loading-bar .loading-bar__bar.red {
  background: rgb(253, 118, 110) !important;
  opacity: 1;
}
.signup-popup__overlay .pwd-wrap-points .points {
  display: flex;
  margin-bottom: 10px;
  align-items: center;
  color: rgba(0, 0, 0, 0.5) !important;
}
.signup-popup__overlay .pwd-wrap-points .points .checkbox-round {
  width: 10px;
  height: 10px;
  display: inline-block;
  margin: 0 10px 0 0;
  opacity: 0.5;
  background: url(https://10web.io/wp-content/themes/10web-theme/templates/elements/signup-popup/css/../../../../../../uploads/tenweb-theme/images/sign-up/icons/check-grey.svg) center center no-repeat;
  background-size: contain;
}
.signup-popup__overlay .pwd-wrap-points .points.green {
  color: rgb(35, 181, 54) !important;
  opacity: 1;
}
.signup-popup__overlay .pwd-wrap-points .points.green .checkbox-round {
  background-image: url(https://10web.io/wp-content/themes/10web-theme/templates/elements/signup-popup/css/../../../../../../uploads/tenweb-theme/images/sign-up/icons/check-green.svg);
  opacity: 1;
}
.signup-popup__overlay .pwd-wrap-points .points.red {
  color: rgb(253, 118, 110) !important;
  opacity: 1;
}
.signup-popup__overlay .pwd-wrap-points .points.red .checkbox-round {
  opacity: 1;
  background-image: url(https://10web.io/wp-content/themes/10web-theme/templates/elements/signup-popup/css/../../../../../../uploads/tenweb-theme/images/sign-up/icons/check-red.svg);
}
.signup-popup__overlay .pwd-wrap-arrow {
  margin-left: -12px;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  margin-top: 10px;
  border-top: 13px solid rgb(255, 255, 255);
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  bottom: -12px;
}
.signup-popup__overlay .signup-popup__loading {
  flex-direction: column;
  align-items: center;
  gap: 12px;
  justify-content: center;
  height: 100%;
}
.signup-popup__overlay .signup-popup__loading .typing-container {
  position: relative;
  width: 100%;
  height: 24px;
  overflow: hidden;
  text-align: center;
}
.signup-popup__overlay .signup-popup__loading .typing-container span {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: rgba(20, 21, 31, 0.7) !important;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
  display: none;
}
.signup-popup__overlay .signup-popup__loading .typing-container span.active {
  display: inline-block;
}
.signup-popup__overlay .signup-popup__loading .typing-container span:after {
  content: "";
  display: block;
  position: absolute;
  transform: translateY(-50%);
  box-shadow: 0 0 20px 40px rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  height: 0;
  animation: shimmer 3s infinite;
}
.signup-popup__overlay .signup-popup__loading .dotted-loading {
  width: 24px;
  height: 24px;
}
.signup-popup__overlay .signup-popup__loading .dot-loader {
  width: 24px;
  height: 24px;
  position: relative;
}
.signup-popup__overlay .signup-popup__loading .dot-loader span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4px;
  height: 4px;
  background: #14151F;
  border-radius: 50%;
  transform-origin: 0 0;
  animation: fade 1s linear infinite;
}
.signup-popup__overlay .signup-popup__loading {
  /* rotate each dot around center */
}
.signup-popup__overlay .signup-popup__loading .dot-loader span:nth-child(1) {
  transform: rotate(0deg) translate(8px);
  animation-delay: 0s;
}
.signup-popup__overlay .signup-popup__loading .dot-loader span:nth-child(2) {
  transform: rotate(45deg) translate(8px);
  animation-delay: 0.125s;
}
.signup-popup__overlay .signup-popup__loading .dot-loader span:nth-child(3) {
  transform: rotate(90deg) translate(8px);
  animation-delay: 0.25s;
}
.signup-popup__overlay .signup-popup__loading .dot-loader span:nth-child(4) {
  transform: rotate(135deg) translate(8px);
  animation-delay: 0.375s;
}
.signup-popup__overlay .signup-popup__loading .dot-loader span:nth-child(5) {
  transform: rotate(180deg) translate(8px);
  animation-delay: 0.5s;
}
.signup-popup__overlay .signup-popup__loading .dot-loader span:nth-child(6) {
  transform: rotate(225deg) translate(8px);
  animation-delay: 0.625s;
}
.signup-popup__overlay .signup-popup__loading .dot-loader span:nth-child(7) {
  transform: rotate(270deg) translate(8px);
  animation-delay: 0.75s;
}
.signup-popup__overlay .signup-popup__loading .dot-loader span:nth-child(8) {
  transform: rotate(315deg) translate(8px);
  animation-delay: 0.875s;
}
.signup-popup__overlay .signup-popup__loading {
  /* animation */
}
@keyframes fade {
  0%, 98% {
    opacity: 1;
  }
  98%, 100% {
    opacity: 0.2;
  }
}
@keyframes shimmer {
  0% {
    left: 0;
  }
  100% {
    left: 100%;
  }
}


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/elements/signup-popup/css/signup-popup-1920.css */
@media screen and (min-width: 1261px) {
  .figma-popup__content {
    max-height: calc(-20px + 100vh);
    width: 500px;
    padding: 40px 30px;
  }
  .signup-popup__overlay .signup-popup__content {
    max-height: calc(-20px + 100vh);
    height: 340px;
    width: 500px;
  }
  .signup-popup__overlay .signup-with-email__content {
    height: 0;
    opacity: 0;
    transition: opacity 300ms;
    pointer-events: none;
  }
  .signup-popup__overlay.signup_with-email .signup-popup__content {
    height: 584px;
    width: 500px;
  }
  .signup-popup__overlay.with-facebook-login:not(.loading):not(.with-offer-notice) .signup-popup__content {
    height: 396px;
  }
  .signup-popup__overlay.with-facebook-login:not(.loading):not(.with-offer-notice).signup_with-email .signup-popup__content {
    height: 643px;
  }
  .signup-popup__overlay.signup_without-google .signup-popup__content {
    height: 535px;
  }
  .signup-popup__overlay.loading .signup-popup__content {
    height: 228px;
    width: 500px;
  }
  .signup-popup__overlay.with-offer-notice:not(.loading) .signup-popup__content {
    height: auto;
    overflow-y: auto;
  }
}
@media screen and (min-width: 768px) {
  .signup-popup__overlay .signup-popup__content {
    border: 1px solid rgba(20, 21, 31, 0.12);
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1), 0 -6px 8px -4px rgba(0, 0, 0, 0.06);
  }
  .signup-popup__overlay .signup-popup__close {
    position: absolute;
    top: 9px;
    right: 9px;
  }
}


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/elements/signup-popup/css/signup-popup-320.css */
@media screen and (max-width: 1260px) and (min-width: 768px) {
  .figma-popup__content {
    max-height: calc(-20px + 100vh);
    height: 368px;
    width: 500px;
    padding: 40px 30px;
  }
  .signup-popup__overlay .signup-popup__content {
    height: 340px;
    width: 500px !important;
  }
  .signup-popup__overlay.signup_with-email .signup-popup__content {
    height: 584px;
  }
  .signup-popup__overlay.with-facebook-login:not(.loading):not(.with-offer-notice) .signup-popup__content {
    height: 396px;
  }
  .signup-popup__overlay.with-facebook-login:not(.loading):not(.with-offer-notice).signup_with-email .signup-popup__content {
    height: 643px;
  }
  .signup-popup__overlay.with-offer-notice:not(.loading) .signup-popup__content {
    height: auto;
    overflow-y: auto;
  }
}
@media screen and (max-width: 1260px) {
  .signup-popup__overlay .signup-popup__content {
    width: 100vw;
    max-width: calc(100% - 32px);
  }
  .signup-popup__overlay .signup-with-email__content {
    height: 0;
    opacity: 0;
    transition: opacity 300ms;
    pointer-events: none;
  }
  .signup-popup__overlay {
    /*&.signup_with-email{
      .signup-popup__content {
        height: 650px;
        width: 500px;
      }
    }*/
  }
  .signup-popup__overlay.loading .signup-popup__content {
    height: 228px;
  }
}
@media screen and (max-width: 767px) {
  .figma-popup__content {
    width: 100vw;
    height: 100%;
    max-width: 100%;
    max-height: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
  }
  .figma-popup__content .figma-popup__container {
    width: 328px;
    max-width: 100%;
  }
  .signup-popup__overlay {
    align-items: flex-start;
    background-color: #fff;
    height: 100lvh;
  }
  .signup-popup__overlay::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 50vh;
    background-color: #fff;
    pointer-events: none;
  }
  .signup-popup__overlay .signup-popup__content, .signup-popup__overlay.signup_with-email .signup-popup__content {
    width: 100vw;
    flex-direction: column;
    align-items: center;
    padding: 0;
    margin-top: var(--signup-vv-top, 0px);
    height: var(--signup-vv-height, 100%);
    max-width: 100%;
    max-height: none !important;
    overflow: hidden;
    border-radius: 0;
    border: none;
    display: flex;
  }
  .signup-popup__overlay .signup-popup__content h4, .signup-popup__overlay.signup_with-email .signup-popup__content h4 {
    font-size: 24px;
    line-height: 36px;
  }
  .signup-popup__overlay .signup-popup__container {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    padding: 32px;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }
  .signup-popup__overlay .signup-popup__close {
    position: absolute;
    top: 12px;
    right: 12px;
  }
  .signup-popup__overlay .website-generated {
    margin-top: auto;
  }
  .signup-popup__overlay .signup_privacy-policy {
    margin-bottom: auto;
  }
  .signup-popup__overlay.keyboard-room .website-generated {
    margin-top: 0;
  }
  .signup-popup__overlay.keyboard-room .signup-popup__container {
    padding-bottom: var(--signup-keyboard-room, 32px);
  }
  .signup-popup__overlay .website-generated {
    color: #14151F !important;
    font-size: 13px;
    font-weight: 400;
    line-height: 19px;
  }
  .signup-popup__overlay .website-generated b {
    font-weight: 400;
  }
  .signup-popup__overlay .website-generated .gradient {
    font-weight: 500;
  }
  .signup-popup__overlay .signup-popup-title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 32px;
  }
  .signup-popup__overlay .signup__types a.tw_button {
    font-size: 13px;
    line-height: 19px;
  }
  .signup-popup__overlay .signup_privacy-policy {
    font-size: 14px;
    line-height: 20px;
    margin-top: 32px;
  }
  .signup-popup__overlay.signup_with-email .signup-popup-title {
    margin-bottom: 24px;
  }
  .signup-popup__overlay.signup_with-email .signup_privacy-policy {
    margin-top: 24px;
  }
  .signup-popup__overlay.loading .signup-popup__content {
    height: 100%;
    max-width: 100%;
  }
}


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/elements/signup-popup/css/signup-popup-light.css */
@media (prefers-color-scheme: light) {
  .figma-popup__overlay {
    background-color: rgba(0, 0, 0, 0.2);
  }
  .figma-popup__overlay .signup-popup-title {
    color: #000 !important;
  }
  .figma-popup__content {
    background: #fff;
    color: #000;
  }
  .figma-popup__content .figma-popup__desc {
    color: rgba(20, 21, 31, 0.7);
  }
  .figma-popup__content .figma-logo {
    border: 1px solid rgba(20, 21, 31, 0.12);
    background: rgba(20, 21, 31, 0.03);
  }
  .figma-popup__content .tw_button.grey_outline {
    background: rgb(255, 255, 255);
    border: 1px solid rgba(20, 21, 31, 0.12);
    color: rgb(20, 21, 31);
  }
  .figma-popup__content .tw_button.white_bg {
    background: rgb(20, 21, 31);
    border: 1px solid rgba(20, 21, 31, 0);
    color: #fff;
  }
  .figma-popup__content .tw_button.white_bg span {
    color: #fff;
  }
}