/* 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/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-features-ucg/css/lp-features-ucg.css */
/* Features, ucg: its styles, every value a design-system token. Generated by tenweb-design. */
body.tw-lp-live.tw-lp-live [data-new="ucg"] { background-color: var(--surface-white-default); }
body.tw-lp-live.tw-lp-live ._i6._i6._i6:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { top: var(--space-800); }
body.tw-lp-live.tw-lp-live ._i7._i7._i7:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 106px; transform: translateX(var(--space-100)); }
body.tw-lp-live.tw-lp-live ._i8._i8._i8:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { scroll-margin-top: var(--space-1900); }
body.tw-lp-live.tw-lp-live ._i9._i9._i9:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { scroll-margin-top: var(--space-1900); }
body.tw-lp-live.tw-lp-live ._i10._i10._i10:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { scroll-margin-top: var(--space-1900); }
body.tw-lp-live.tw-lp-live ._i11._i11._i11:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { scroll-margin-top: var(--space-1900); }
body.tw-lp-live.tw-lp-live ._i12._i12._i12:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { scroll-margin-top: var(--space-1900); }
body.tw-lp-live.tw-lp-live ._i13._i13._i13:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { scroll-margin-top: var(--space-1900); }
body.tw-lp-live.tw-lp-live .ucg-anchor:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; height: 0; scroll-margin-top: 180px; }


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/sections/lp-features-ucg/css/lp-features-ucg-320.css */
/* Features, ucg: its styles on mobile, every value a design-system token. Generated by tenweb-design. */
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .ucg-anchor:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { scroll-margin-top: var(--space-2700); } }


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/sections/lp-features-not-on-the/css/lp-features-not-on-the.css */
/* Features, not-on-the: its styles, every value a design-system token. Generated by tenweb-design. */
body.tw-lp-live.tw-lp-live ._r14._r14._r14:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r15._r15._r15:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r16._r16._r16:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r17._r17._r17:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r18._r18._r18:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r19._r19._r19:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r20._r20._r20:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r21._r21._r21:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r22._r22._r22:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r23._r23._r23:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r24._r24._r24:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r25._r25._r25:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r26._r26._r26:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r27._r27._r27:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r28._r28._r28:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r29._r29._r29:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r30._r30._r30:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r31._r31._r31:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r32._r32._r32:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._i33._i33._i33:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: 480px; }
body.tw-lp-live.tw-lp-live ._i34._i34._i34:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transform: scale(1); }
:root { --lp-figma-c-5a353b: #5a353b; --lp-figma-c-ffffff22: rgba(255,255,255,0.22); --lp-figma-c-14151f: #14151F; }
[data-new="not-on-the"] [data-ink-fill="f1"] { fill: var(--lp-figma-c-5a353b); }
[data-new="not-on-the"] [data-ink-fill="f2"] { fill: var(--lp-figma-c-5a353b); }
[data-new="not-on-the"] [data-ink-fill="f3"] { fill: var(--lp-figma-c-5a353b); }
[data-new="not-on-the"] [data-ink-fill="f4"] { fill: var(--lp-figma-c-5a353b); }
[data-new="not-on-the"] [data-ink-fill="f5"] { fill: var(--lp-figma-c-5a353b); }
[data-new="not-on-the"] [data-ink-stroke="s6"] { stroke: var(--lp-figma-c-ffffff22); }
[data-new="not-on-the"] [data-ink-stroke="s7"] { stroke: var(--element-white-default); }
[data-new="not-on-the"] [data-ink-fill="f8"] { fill: var(--lp-figma-c-14151f); }
[data-new="not-on-the"] [data-ink-stroke="s9"] { stroke: var(--lp-figma-c-14151f); }
[data-new="not-on-the"] [data-ink-fill="f10"] { fill: var(--lp-figma-c-5a353b); }
[data-new="not-on-the"] [data-ink-fill="f11"] { fill: var(--lp-figma-c-5a353b); }
[data-new="not-on-the"] [data-ink-fill="f12"] { fill: var(--lp-figma-c-5a353b); }
[data-new="not-on-the"] [data-ink-fill="f13"] { fill: var(--lp-figma-c-5a353b); }
[data-new="not-on-the"] [data-ink-fill="f14"] { fill: var(--lp-figma-c-5a353b); }
[data-new="not-on-the"] [data-ink-stroke="s15"] { stroke: var(--lp-figma-c-ffffff22); }
[data-new="not-on-the"] [data-ink-stroke="s16"] { stroke: var(--element-white-default); }
[data-new="not-on-the"] [data-ink-fill="f17"] { fill: var(--lp-figma-c-14151f); }
[data-new="not-on-the"] [data-ink-stroke="s18"] { stroke: var(--lp-figma-c-14151f); }


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/sections/lp-features-faq-sec/css/lp-features-faq-sec.css */
/* Features, faq-sec: its styles, every value a design-system token. Generated by tenweb-design. */
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live [data-new="faq-sec"] { 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; } }
:root { --lp-figma-c-14151f: rgb(20, 21, 31); }


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/sections/lp-features-faq-sec/css/lp-features-faq-sec-320.css */
/* Features, faq-sec: its styles on mobile, every value a design-system token. Generated by tenweb-design. */
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live [data-new="faq-sec"] { 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; } }


/*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-features-page/css/lp-features-page.css */
/* Features: the styles of the page's own elements outside its sections, every value a design-system token. Generated by tenweb-design. */
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .t-display-lg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-sans); font-size: var(--type-display-lg-size); line-height: var(--type-display-lg-line-height); letter-spacing: var(--type-display-lg-letter-spacing); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .t-display-lg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-display-lg-weight); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .t-display-md:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-sans); font-size: var(--type-display-md-size); line-height: var(--type-display-md-line-height); letter-spacing: var(--type-display-md-letter-spacing); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .t-display-md:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-display-md-weight); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .t-display-sm:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-sans); font-size: var(--type-display-sm-size); line-height: var(--type-display-sm-line-height); letter-spacing: var(--type-display-sm-letter-spacing); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .t-display-sm:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-display-sm-weight); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .t-h1:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-sans); font-size: var(--type-h1-size); line-height: var(--type-h1-line-height); letter-spacing: var(--type-h1-letter-spacing); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .t-h1:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-h1-weight); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .t-h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { 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 (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .t-h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-h2-weight); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .t-h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-sans); font-size: var(--type-h3-size); line-height: var(--type-h3-line-height); letter-spacing: var(--type-h3-letter-spacing); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .t-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 .t-h4: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(--type-h4-letter-spacing); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .t-h4: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 .t-h5:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-sans); font-size: var(--type-h5-size); line-height: var(--type-h5-line-height); letter-spacing: var(--type-h5-letter-spacing); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .t-h5:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-h5-weight); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .t-h6:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { 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 (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .t-h6:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-h6-weight); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .t-body-lg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-sans); font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); letter-spacing: var(--type-body-lg-letter-spacing); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .t-body-lg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-body-lg-weight); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .t-body-md:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-sans); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); letter-spacing: var(--type-body-md-letter-spacing); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .t-body-md:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-body-md-weight); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .t-body-sm:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-sans); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); letter-spacing: var(--type-body-sm-letter-spacing); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .t-body-sm:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-body-sm-weight); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .t-caption-xlg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-sans); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); letter-spacing: var(--type-caption-xlg-letter-spacing); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .t-caption-xlg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-caption-xlg-weight); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .t-caption-lg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-sans); font-size: var(--type-caption-lg-size); line-height: var(--type-caption-lg-line-height); letter-spacing: var(--type-caption-lg-letter-spacing); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .t-caption-lg: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 .t-caption-md:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-sans); font-size: var(--type-caption-md-size); line-height: var(--type-caption-md-line-height); letter-spacing: var(--type-caption-md-letter-spacing); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .t-caption-md:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-caption-md-weight); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .t-caption-sm:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-sans); font-size: var(--type-caption-sm-size); line-height: var(--type-caption-sm-line-height); letter-spacing: var(--type-caption-sm-letter-spacing); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .t-caption-sm:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-caption-sm-weight); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .t-hyperlink-2xlg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-sans); font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); letter-spacing: var(--type-hyperlink-2xlg-letter-spacing); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .t-hyperlink-2xlg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-hyperlink-2xlg-weight); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .t-hyperlink-xlg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-sans); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); letter-spacing: var(--type-hyperlink-xlg-letter-spacing); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .t-hyperlink-xlg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-hyperlink-xlg-weight); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .t-hyperlink-lg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-sans); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); letter-spacing: var(--type-hyperlink-lg-letter-spacing); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .t-hyperlink-lg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-hyperlink-lg-weight); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .t-hyperlink-md:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-sans); font-size: var(--type-caption-lg-size); line-height: var(--type-caption-lg-line-height); letter-spacing: var(--type-hyperlink-md-letter-spacing); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .t-hyperlink-md:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-hyperlink-md-weight); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .t-hyperlink-sm:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-sans); font-size: var(--type-caption-md-size); line-height: var(--type-caption-md-line-height); letter-spacing: var(--type-hyperlink-sm-letter-spacing); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .t-hyperlink-sm:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-hyperlink-sm-weight); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .t-hyperlink-xsm:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-sans); font-size: var(--type-caption-sm-size); line-height: var(--type-caption-sm-line-height); letter-spacing: var(--type-hyperlink-xsm-letter-spacing); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .t-hyperlink-xsm:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-hyperlink-xsm-weight); } }
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) svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; flex: 0 0 auto; }
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 .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; }
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); }
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)); }
body.tw-lp-live.tw-lp-live .wn-c:hover b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { text-decoration-color: var(--text-black-mid); }
body.tw-lp-live.tw-lp-live section.wn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background-color: var(--surface-white-default); }
body.tw-lp-live.tw-lp-live section.wn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background-color: var(--surface-white-default); }
body.tw-lp-live.tw-lp-live section.wn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background-color: var(--surface-white-default); }
body.tw-lp-live.tw-lp-live section.wn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background-color: var(--surface-white-default); }
body.tw-lp-live.tw-lp-live section.wn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background-color: var(--surface-white-default); }
body.tw-lp-live.tw-lp-live section.wn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background-color: var(--surface-white-default); }
body.tw-lp-live.tw-lp-live section.wn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background-color: var(--surface-white-default); }
body.tw-lp-live.tw-lp-live section.wn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background-color: var(--surface-white-default); }
body.tw-lp-live.tw-lp-live section.wn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background-color: var(--surface-white-default); }
body.tw-lp-live.tw-lp-live section.wn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background-color: var(--surface-white-default); }
body.tw-lp-live.tw-lp-live section.wn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background-color: var(--surface-white-default); }
body.tw-lp-live.tw-lp-live section.wn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background-color: var(--surface-white-default); }
body.tw-lp-live.tw-lp-live section.wn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background-color: var(--surface-white-default); }
body.tw-lp-live.tw-lp-live section.wn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background-color: var(--surface-white-default); }
body.tw-lp-live.tw-lp-live section.wn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background-color: var(--surface-white-default); }
body.tw-lp-live.tw-lp-live section.wn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background-color: var(--surface-white-default); }
body.tw-lp-live.tw-lp-live section.wn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background-color: var(--surface-white-default); }
body.tw-lp-live.tw-lp-live section.wn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background-color: var(--surface-white-default); }
body.tw-lp-live.tw-lp-live section.wn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background-color: var(--surface-white-default); }
body.tw-lp-live.tw-lp-live section.wn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background-color: var(--surface-white-default); }
body.tw-lp-live.tw-lp-live section.wn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background-color: var(--surface-white-default); }
body.tw-lp-live.tw-lp-live section.wn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background-color: var(--surface-white-default); }
body.tw-lp-live.tw-lp-live section.wn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background-color: var(--surface-white-default); }
body.tw-lp-live.tw-lp-live section.wn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background-color: var(--surface-white-default); }
body.tw-lp-live.tw-lp-live section.wn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background-color: var(--surface-white-default); }
body.tw-lp-live.tw-lp-live section.wn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background-color: var(--surface-white-default); }
body.tw-lp-live.tw-lp-live section.wn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background-color: var(--surface-white-default); }
body.tw-lp-live.tw-lp-live section.wn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background-color: var(--surface-white-default); }
body.tw-lp-live.tw-lp-live #hero:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background-color: var(--lp-figma-c-fafafb); }
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-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 .cta-sec:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background-color: var(--surface-white-default); }
body.tw-lp-live.tw-lp-live section.wn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background-color: var(--surface-white-default); }
body.tw-lp-live.tw-lp-live #file:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background-color: var(--surface-white-default); }
@keyframes page-spin { 100% { ; } }
@keyframes page-shim { 100% { background-position: -200% 0; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d0:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 0ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d26:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 26ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d52:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 52ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d78:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 78ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d104:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 104ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d130:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 130ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d156:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 156ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d167:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 167ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d178:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 178ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d182:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 182ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d189:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 189ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d200:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 200ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d208:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 208ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d211:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 211ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d222:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 222ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d233:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 233ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d234:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 234ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d244:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 244ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d255:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 255ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d260:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 260ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d266:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 266ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d277:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 277ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d286:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 286ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d289:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 289ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d300:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 300ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d311:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 311ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d312:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 312ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d322:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 322ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d333:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 333ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d338:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 338ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d344:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 344ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d355:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 355ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d364:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 364ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d366:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 366ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d377:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 377ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d388:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 388ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d390:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 390ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d399:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 399ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d410:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 410ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d416:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 416ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d421:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 421ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d432:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 432ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d442:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 442ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d443:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 443ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d454:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 454ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d465:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 465ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d468:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 468ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d476:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 476ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d487:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 487ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d494:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 494ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d498:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 498ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d509:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 509ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d520:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 520ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d532:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 532ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d543:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 543ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d546:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 546ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d554:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 554ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d565:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 565ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d572:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 572ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d576:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 576ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d587:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 587ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d598:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 598ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d609:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 609ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d620:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 620ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d624:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 624ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d631:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 631ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d642:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 642ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d650:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 650ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d653:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 653ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d664:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 664ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d675:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 675ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d676:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 676ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d686:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 686ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d697:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 697ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d702:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 702ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d708:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 708ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d719:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 719ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d728:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 728ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d730:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 730ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d741:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 741ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d752:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 752ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d754:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 754ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d763:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 763ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d774:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 774ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d780:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 780ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d786:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 786ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d797:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 797ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d806:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 806ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d808:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 808ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d819:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 819ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d830:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 830ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d832:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 832ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d841:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 841ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d852:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 852ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d858:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 858ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d863:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 863ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d874:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 874ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d884:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 884ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d885:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 885ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d896:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 896ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d907:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 907ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d910:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 910ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d918:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 918ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d929:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 929ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d936:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 936ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d940:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 940ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d951:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 951ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d962:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 962ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d973:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 973ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d984:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 984ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d988:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 988ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d995:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 995ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d1006:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 1006ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d1017:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 1017ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d1028:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 1028ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d1040:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 1040ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d1051:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 1051ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d1062:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 1062ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d1073:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 1073ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d1084:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 1084ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d1095:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 1095ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d1106:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 1106ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d1117:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 1117ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d1128:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 1128ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d1139:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 1139ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d1150:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 1150ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d1161:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 1161ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d1172:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 1172ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d1183:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 1183ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d1194:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 1194ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d1205:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 1205ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d1216:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 1216ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d1227:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 1227ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d1238:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 1238ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d1249:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 1249ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d1260:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 1260ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d1271:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 1271ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d1283:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 1283ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d1294:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 1294ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d1305:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 1305ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d1316:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 1316ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d1327:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 1327ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d1338:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 1338ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d1349:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 1349ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d1360:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 1360ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d1371:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 1371ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d1382:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 1382ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d1393:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 1393ms; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-d1404:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-delay: 1404ms; } }
:root { --lp-figma-fs-6px: 6px; --lp-figma-c-e4e4e9: rgb(228, 228, 233); --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: rgb(18, 18, 23); --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: rgb(107, 107, 120); --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: rgb(20, 20, 22); --lp-figma-l-28px: 28px; --lp-figma-c-3339f160: rgba(51, 57, 241, 0.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, 0.55); --lp-figma-c-3339f120: rgba(51, 57, 241, 0.2); --lp-figma-c-3339f115: rgba(51, 57, 241, 0.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: rgb(231, 231, 234); --lp-figma-c-efeff3: rgb(239, 239, 243); --lp-figma-c-3339f114: rgba(51, 57, 241, 0.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-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-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-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: rgb(243, 243, 245); --lp-figma-l-10px-2: -10px; --lp-figma-c-b3b5f9: rgb(179, 181, 249); --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: rgb(139, 139, 147); --lp-figma-fs-14px: 14px; --lp-figma-l-999px: 999px; --lp-figma-c-f0f0f3: rgb(240, 240, 243); --lp-figma-c-d9d9de: rgb(217, 217, 222); --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-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-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-14142815: rgba(20, 20, 40, 0.15); --lp-figma-l-13px: 13px; --lp-figma-c-222222: rgb(34, 34, 34); --lp-figma-l-150px: 150px; --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-c-1e1e2a: rgb(30, 30, 42); --lp-figma-c-08080d: rgb(8, 8, 13); --lp-figma-c-3339f118: rgba(51, 57, 241, 0.18); --lp-figma-fs-19px: 19px; --lp-figma-c-9a9aae: rgb(154, 154, 174); --lp-figma-c-00000060: rgba(0, 0, 0, 0.6); --lp-figma-c-5f5f6b: rgb(95, 95, 107); --lp-figma-c-3339f122: rgba(51, 57, 241, 0.22); --lp-figma-c-8b5cf616: rgba(139, 92, 246, 0.16); --lp-figma-c-fbfbfe: rgb(251, 251, 254); --lp-figma-c-3339f116: rgba(51, 57, 241, 0.16); --lp-figma-c-8b8ef922: rgba(139, 142, 249, 0.22); --lp-figma-c-fafafe: rgb(250, 250, 254); --lp-figma-c-5b60f628: rgba(91, 96, 246, 0.28); --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-c-a3a3ae: rgb(163, 163, 174); --lp-figma-ls-0_19px: -0.19px; --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-12121b: rgb(18, 18, 27); --lp-figma-c-0d0d14: rgb(13, 13, 20); --lp-figma-c-ffffff07: rgba(255, 255, 255, 0.07); --lp-figma-c-8d8da2: rgb(141, 141, 162); --lp-figma-c-0a0a10: rgb(10, 10, 16); --lp-figma-c-ffffff04: rgba(255, 255, 255, 0.035); --lp-figma-c-cfcfdc: rgb(207, 207, 220); --lp-figma-c-7d7d94: rgb(125, 125, 148); --lp-figma-c-787cff45: rgba(120, 124, 255, 0.45); --lp-figma-c-a9abff: rgb(169, 171, 255); --lp-figma-c-191925: rgb(25, 25, 37); --lp-figma-c-13131c: rgb(19, 19, 28); --lp-figma-c-00000090: rgba(0, 0, 0, 0.9); --lp-figma-c-ffffff06: rgba(255, 255, 255, 0.06); --lp-figma-c-9a9ab0: rgb(154, 154, 176); --lp-figma-c-3339f138: rgba(51, 57, 241, 0.38); --lp-figma-c-8b5cf622: rgba(139, 92, 246, 0.22); --lp-figma-c-8b8ef925: rgba(139, 142, 249, 0.25); --lp-figma-c-5b60f642: rgba(91, 96, 246, 0.42); --lp-figma-c-232332: rgb(35, 35, 50); --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-2e2e42: rgb(46, 46, 66); --lp-figma-c-ffffff12: rgba(255, 255, 255, 0.12); --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-ls-0_3px: -0.3px; --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-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-14151f12: rgba(20, 21, 31, 0.12); --lp-figma-lh-20px: 20px; --lp-figma-fs-40px: 40px; --lp-figma-lh-52px: 52px; --lp-figma-c-14151f: rgb(20, 21, 31); --lp-figma-lh-30px: 30px; --lp-figma-c-14151f70: rgba(20, 21, 31, 0.7); --lp-figma-c-14151f50: rgba(20, 21, 31, 0.5); --lp-figma-lh-40px: 40px; --lp-figma-lh-24px: 24px; --lp-figma-lh-18px: 18px; --lp-figma-lh-32px: 32px; --lp-figma-ls-0_025em: -0.025em; --lp-figma-lh-21px: 21px; --lp-figma-c-14151f80: rgba(20, 21, 31, 0.8); --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-22232c: rgb(34, 35, 44); --lp-figma-c-14151f10: rgba(20, 21, 31, 0.1); --lp-figma-c-14151f06: rgba(20, 21, 31, 0.06); --lp-figma-c-ffffff08: rgba(255, 255, 255, 0.08); --lp-figma-ls-0_4px: -0.4px; --lp-figma-c-e7e8ee: rgb(231, 232, 238); --lp-figma-c-14151f30: rgba(20, 21, 31, 0.3); --lp-figma-c-141413: rgb(20, 20, 19); --lp-figma-blur-20px: 20px; --lp-figma-c-14151f03: rgba(20, 21, 31, 0.03); --lp-figma-lh-36px: 36px; --lp-figma-c-2a30de: rgb(42, 48, 222); --lp-figma-c-1f25c4: rgb(31, 37, 196); --lp-figma-c-f7f7f8: rgb(247, 247, 248); --lp-figma-c-14151f08: rgba(20, 21, 31, 0.08); --lp-figma-c-ff5f57: rgb(255, 95, 87); --lp-figma-c-febc2e: rgb(254, 188, 46); --lp-figma-c-28c840: rgb(40, 200, 64); --lp-figma-c-b8b8c0: rgb(184, 184, 192); --lp-figma-c-4a4a52: rgb(74, 74, 82); --lp-figma-c-5a353b: rgb(90, 53, 59); --lp-figma-c-5a353b08: rgba(90, 53, 59, 0.08); --lp-figma-c-5a353b16: rgba(90, 53, 59, 0.16); --lp-figma-c-5a353b24: rgba(90, 53, 59, 0.24); --lp-figma-c-c7c9c0: rgb(199, 201, 192); --lp-figma-c-4f4347: rgb(79, 67, 71); --lp-figma-ls-0_1px: 0.1px; --lp-figma-c-5a353b60: rgba(90, 53, 59, 0.6); --lp-figma-c-f5f2ed: rgb(245, 242, 237); --lp-figma-c-5a353b06: rgba(90, 53, 59, 0.06); --lp-figma-ls-0_1px-2: -0.1px; --lp-figma-c-6f6f78: rgb(111, 111, 120); --lp-figma-c-e8cfc0: rgb(232, 207, 192); --lp-figma-c-b98a76: rgb(185, 138, 118); --lp-figma-c-5a353b25: rgba(90, 53, 59, 0.25); --lp-figma-c-6c8f67: rgb(108, 143, 103); --lp-figma-c-5a353b12: rgba(90, 53, 59, 0.12); --lp-figma-c-6d434a: rgb(109, 67, 74); --lp-figma-c-5a353b70: rgba(90, 53, 59, 0.7); --lp-figma-c-4a2a30: rgb(74, 42, 48); --lp-figma-c-5a353b50: rgba(90, 53, 59, 0.5); --lp-figma-fs-8_5px: 8.5px; --lp-figma-lh-14px: 14px; --lp-figma-c-5a353b35: rgba(90, 53, 59, 0.35); --lp-figma-c-5a353b55: rgba(90, 53, 59, 0.55); --lp-figma-fs-8px: 8px; --lp-figma-c-ffffff92: rgba(255, 255, 255, 0.92); --lp-figma-c-14151f45: rgba(20, 21, 31, 0.45); --lp-figma-ls-0_2px-2: 0.2px; --lp-figma-c-14151f38: rgba(20, 21, 31, 0.38); --lp-figma-l-8_5px: 8.5px; --lp-figma-ls-0_4px-2: 0.4px; --lp-figma-c-dadcff: rgb(218, 220, 255); --lp-figma-fs-52px: 52px; --lp-figma-lh-68px: 68px; --lp-figma-c-ffffff40: rgba(255, 255, 255, 0.4); --lp-figma-l-81px: 81px; --lp-figma-l-69px: 69px; --lp-figma-c-5257f4: #5257F4; --lp-figma-c-7377f7: #7377F7; --lp-figma-c-9598fa: #9598FA; --lp-figma-c-14151f10-2: rgba(20,21,31,0.1); --lp-figma-c-14151f20: rgba(20, 21, 31, 0.2); }


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/10web-theme/templates/sections/lp-features-page/css/lp-features-page-320.css */
/* Features: the styles of the page's own elements outside its sections on mobile, and 2036 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 .t-display-lg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-sans); font-size: var(--type-display-lg-size); line-height: var(--type-display-lg-line-height); letter-spacing: var(--type-display-lg-letter-spacing); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .t-display-lg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-display-lg-weight); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .t-display-md:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-sans); font-size: var(--type-display-md-size); line-height: var(--type-display-md-line-height); letter-spacing: var(--type-display-md-letter-spacing); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .t-display-md:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-display-md-weight); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .t-display-sm:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-sans); font-size: var(--type-display-sm-size); line-height: var(--type-display-sm-line-height); letter-spacing: var(--type-display-sm-letter-spacing); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .t-display-sm:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-display-sm-weight); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .t-h1:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-sans); font-size: var(--type-h1-size); line-height: var(--type-h1-line-height); letter-spacing: var(--type-h1-letter-spacing); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .t-h1:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-h1-weight); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .t-h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { 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 .t-h2: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 .t-h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-sans); font-size: var(--type-h3-size); line-height: var(--type-h3-line-height); letter-spacing: var(--type-h3-letter-spacing); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .t-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 .t-h4: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(--type-h4-letter-spacing); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .t-h4: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 .t-h5:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-sans); font-size: var(--type-h5-size); line-height: var(--type-h5-line-height); letter-spacing: var(--type-h5-letter-spacing); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .t-h5:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-h5-weight); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .t-h6:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { 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 .t-h6: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 .t-body-lg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-sans); font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); letter-spacing: var(--type-body-lg-letter-spacing); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .t-body-lg: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 .t-body-md:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-sans); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); letter-spacing: var(--type-body-md-letter-spacing); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .t-body-md:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-body-md-weight); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .t-body-sm:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-sans); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); letter-spacing: var(--type-body-sm-letter-spacing); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .t-body-sm:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-body-sm-weight); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .t-caption-xlg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-sans); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); letter-spacing: var(--type-caption-xlg-letter-spacing); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .t-caption-xlg: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 .t-caption-lg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-sans); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); letter-spacing: var(--type-caption-lg-letter-spacing); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .t-caption-lg: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 .t-caption-md:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-sans); font-size: var(--type-caption-md-size); line-height: var(--type-caption-md-line-height); letter-spacing: var(--type-caption-md-letter-spacing); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .t-caption-md:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-caption-md-weight); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .t-caption-sm:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-sans); font-size: var(--type-caption-sm-size); line-height: var(--type-caption-sm-line-height); letter-spacing: var(--type-caption-sm-letter-spacing); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .t-caption-sm:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-caption-sm-weight); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .t-hyperlink-2xlg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-sans); font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); letter-spacing: var(--type-hyperlink-2xlg-letter-spacing); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .t-hyperlink-2xlg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-hyperlink-2xlg-weight); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .t-hyperlink-xlg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-sans); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); letter-spacing: var(--type-hyperlink-xlg-letter-spacing); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .t-hyperlink-xlg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-hyperlink-xlg-weight); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .t-hyperlink-lg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-sans); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); letter-spacing: var(--type-hyperlink-lg-letter-spacing); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .t-hyperlink-lg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-hyperlink-lg-weight); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .t-hyperlink-md:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-sans); font-size: var(--type-caption-md-size); line-height: var(--type-caption-md-line-height); letter-spacing: var(--type-hyperlink-md-letter-spacing); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .t-hyperlink-md:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-hyperlink-md-weight); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .t-hyperlink-sm:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-sans); font-size: var(--type-caption-sm-size); line-height: var(--type-caption-sm-line-height); letter-spacing: var(--type-hyperlink-sm-letter-spacing); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .t-hyperlink-sm:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-hyperlink-sm-weight); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .t-hyperlink-xsm:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-sans); font-size: var(--lp-figma-fs-6px); line-height: var(--type-hyperlink-xsm-line-height); letter-spacing: var(--type-hyperlink-xsm-letter-spacing); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .t-hyperlink-xsm:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-hyperlink-xsm-weight); } }
body.tw-lp-live.tw-lp-live .t-aux-2xlg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-mono); font-size: var(--type-aux-2xlg-size); line-height: var(--type-aux-2xlg-line-height); letter-spacing: var(--type-aux-2xlg-letter-spacing); }
body.tw-lp-live.tw-lp-live .t-aux-2xlg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-aux-2xlg-weight); }
body.tw-lp-live.tw-lp-live .t-aux-xlg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-mono); font-size: var(--type-aux-xlg-size); line-height: var(--type-aux-xlg-line-height); letter-spacing: var(--type-aux-xlg-letter-spacing); }
body.tw-lp-live.tw-lp-live .t-aux-xlg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-aux-xlg-weight); }
body.tw-lp-live.tw-lp-live .t-aux-lg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-mono); font-size: var(--type-aux-lg-size); line-height: var(--type-aux-lg-line-height); letter-spacing: var(--type-aux-lg-letter-spacing); }
body.tw-lp-live.tw-lp-live .t-aux-lg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-aux-lg-weight); }
body.tw-lp-live.tw-lp-live .t-aux-md:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-mono); font-size: var(--type-aux-md-size); line-height: var(--type-aux-md-line-height); letter-spacing: var(--type-aux-md-letter-spacing); }
body.tw-lp-live.tw-lp-live .t-aux-md:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-aux-md-weight); }
body.tw-lp-live.tw-lp-live .t-aux-sm:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-mono); font-size: var(--type-aux-sm-size); line-height: var(--type-aux-sm-line-height); letter-spacing: var(--type-aux-sm-letter-spacing); }
body.tw-lp-live.tw-lp-live .t-aux-sm:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-aux-sm-weight); }
body.tw-lp-live.tw-lp-live .t-aux-xsm:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-mono); font-size: var(--type-aux-xsm-size); line-height: var(--type-aux-xsm-line-height); letter-spacing: var(--type-aux-xsm-letter-spacing); }
body.tw-lp-live.tw-lp-live .t-aux-xsm:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-aux-xsm-weight); }
body.tw-lp-live.tw-lp-live .t-aux-2xsm:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-mono); font-size: var(--type-aux-2xsm-size); line-height: var(--type-aux-2xsm-line-height); letter-spacing: var(--type-aux-2xsm-letter-spacing); }
body.tw-lp-live.tw-lp-live .t-aux-2xsm:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-aux-2xsm-weight); }
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]) *) { 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]) *) { 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) 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 .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-1550)); 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 0.55s cubic-bezier(0.16, 1, 0.3, 1); } }
@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-1400)); 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 0.55s cubic-bezier(0.16, 1, 0.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: 1261px) { body.tw-lp-live.tw-lp-live .hero > h1: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 .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 0.55s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s, margin 0.55s cubic-bezier(0.16, 1, 0.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: 70s linear 0s infinite normal none running page-mq; }
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; }
@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 0.45s cubic-bezier(0.16, 1, 0.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-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: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 .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: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: var(--lp-figma-c-3339f114) 0 0 0 var(--lp-figma-l-3px); }
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 .ib:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
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(370px); 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 .hero.glow .mq:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { mask-image: none; }
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: 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.1s 1 normal both running page-prIn; }
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); font-variant-numeric: tabular-nums; } }
@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; } }
@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); 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; }
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); }
@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); }
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 0.15s, transform 0.2s cubic-bezier(0.34, 1.56, 0.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); }
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 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s, margin 0.35s cubic-bezier(0.16, 1, 0.3, 1), border-width 0.35s, background 0.2s; }
body.tw-lp-live.tw-lp-live .plus svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.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 0.3s, transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.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: 0.45s cubic-bezier(0.34, 1.56, 0.64, 1) 0s 1 normal none running page-pop; }
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); 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: 0.25s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 normal none running page-recIn; }
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); 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 0.15s, transform 0.2s cubic-bezier(0.16, 1, 0.3, 1); 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: var(--lp-figma-c-d9d9de) 0 0 0 var(--space-25) inset; }
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 0.35s cubic-bezier(0.34, 1.56, 0.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 0.3s cubic-bezier(0.16, 1, 0.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); 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); 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 0.14s ease-out, transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), height 0.22s cubic-bezier(0.16, 1, 0.3, 1), width 0.22s cubic-bezier(0.16, 1, 0.3, 1), left 0.22s cubic-bezier(0.16, 1, 0.3, 1), top 0.22s cubic-bezier(0.16, 1, 0.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); background: var(--surface-white-default); border: var(--space-25) solid var(--lp-figma-c-e7e7ea); opacity: 0; transform: scale(0.8); transition: opacity 0.15s, transform 0.2s cubic-bezier(0.34, 1.56, 0.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); }
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 0.2s, transform 0.25s cubic-bezier(0.34, 1.56, 0.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: var(--element-white-default) 0 0 0 var(--space-50), var(--element-brand-default) 0 0 0 var(--space-100); }
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 0.3s cubic-bezier(0.34, 1.56, 0.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 0.3s cubic-bezier(0.34, 1.56, 0.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); }
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: var(--lp-figma-c-3339f114) 0 0 0 var(--lp-figma-l-3px); }
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: var(--lp-figma-c-3339f114) 0 0 0 var(--lp-figma-l-3px); }
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); 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 0.15s, transform 0.2s cubic-bezier(0.16, 1, 0.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-1500)) 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-1350)) 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-1700)); 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 0.3s cubic-bezier(0.16, 1, 0.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-1550)); 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 0.3s cubic-bezier(0.16, 1, 0.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: var(--lp-figma-c-3339f114) 0 0 0 var(--lp-figma-l-3px); }
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); 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); }
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); 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, 100dvh - 276px); 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, 100dvh - 264px); 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 - 336px); 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 - 324px); 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); 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); 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); 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: var(--element-white-default) 0 0 0 var(--lp-figma-l-3px), var(--element-brand-default) 0 0 0 var(--lp-figma-l-5px); }
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); }
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 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.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 0.3s, transform 0.4s cubic-bezier(0.34, 1.56, 0.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); }
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 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 .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 0.25s cubic-bezier(0.34, 1.56, 0.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 0.15s, transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), height 0.22s cubic-bezier(0.16, 1, 0.3, 1), bottom 0.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); }
@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 0.2s, transform 0.25s cubic-bezier(0.16, 1, 0.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-1300)); 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 0.3s cubic-bezier(0.16, 1, 0.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 .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(58%)); }
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(calc(-1 * var(--space-1350)) + 100svh); 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(calc(-1 * var(--space-1200)) + 100svh); 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: var(--lp-figma-c-3339f114) 0 0 0 var(--lp-figma-l-3px); 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); 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); 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); 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 0.5s cubic-bezier(0.16, 1, 0.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 0.35s, transform 0.45s cubic-bezier(0.16, 1, 0.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 0.25s cubic-bezier(0.16, 1, 0.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 0.3s, transform 0.4s cubic-bezier(0.34, 1.56, 0.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 .b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 0; transform: translateY(var(--lp-figma-l-10px)); transition: opacity 0.45s, transform 0.6s cubic-bezier(0.16, 1, 0.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 0.5s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.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 0.3s, transform 0.3s cubic-bezier(0.34, 1.56, 0.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 0.35s, transform 0.55s cubic-bezier(0.34, 1.56, 0.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); 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 0.35s, transform 0.5s cubic-bezier(0.16, 1, 0.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 0.4s, transform 0.6s cubic-bezier(0.16, 1, 0.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); 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); 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); 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 0.35s cubic-bezier(0.34, 1.56, 0.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 0.7s cubic-bezier(0.16, 1, 0.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 0.4s, transform 0.6s cubic-bezier(0.16, 1, 0.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); 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); }
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 0.35s, transform 0.45s cubic-bezier(0.16, 1, 0.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); 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 0.35s, transform 0.45s cubic-bezier(0.16, 1, 0.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 0.3s, font-size 0.35s cubic-bezier(0.16, 1, 0.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 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.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); } }
@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-2200)); } }
@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 .s3w: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 .s3: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-1e1e2a); background: var(--lp-figma-c-08080d); color: var(--text-white-default); font-family: var(--font-sans); padding: var(--space-1650) var(--space-700); }
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(--lp-figma-c-3339f155), var(--lp-figma-c-3339f118) 55%, transparent); filter: blur(var(--lp-figma-blur-30px)); 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: 1180px; 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-900); }
body.tw-lp-live.tw-lp-live .s3 h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0; }
@media (min-width: 1261px) { body.tw-lp-live.tw-lp-live .s3-sub:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: var(--space-600) auto 0; max-width: 560px; font-size: var(--lp-figma-fs-19px); line-height: 1.5; color: var(--lp-figma-c-9a9aae); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .s3-sub:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: var(--space-600) auto 0; max-width: 560px; font-size: var(--lp-figma-fs-16px); line-height: 1.5; color: var(--lp-figma-c-9a9aae); } }
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-400); }
body.tw-lp-live.tw-lp-live .pl:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; border-radius: var(--lp-figma-l-20px); background: var(--surface-white-default); border: var(--space-25) solid var(--border-white-default); box-shadow: var(--lp-figma-c-00000060) 0 var(--lp-figma-l-30px) var(--space-1150) var(--lp-figma-l-30px-2); padding: 0 0 var(--lp-figma-l-30px); overflow: hidden; color: var(--lp-figma-c-141416); }
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(--lp-figma-l-22px); font-family: var(--font-sans); }
body.tw-lp-live.tw-lp-live .pl h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 var(--space-750) var(--lp-figma-l-10px); font-family: var(--font-sans); font-size: var(--lp-figma-fs-19px); line-height: 1.3; letter-spacing: var(--lp-figma-ls-0_28px-2); color: var(--lp-figma-c-141416); }
body.tw-lp-live.tw-lp-live .pl h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .pl p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 var(--space-750); font-size: var(--lp-figma-fs-15px); line-height: 1.6; color: var(--lp-figma-c-5f5f6b); }
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(--lp-figma-c-3339f122), transparent 70%), radial-gradient(50% 60% at 85% 10%, var(--lp-figma-c-8b5cf616), transparent 70%), linear-gradient(var(--lp-figma-c-fbfbfe), var(--surface-white-default)); }
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(--lp-figma-c-3339f116), transparent 70%), radial-gradient(45% 55% at 95% 90%, var(--lp-figma-c-8b8ef922), transparent 70%), linear-gradient(var(--lp-figma-c-fafafe), var(--surface-white-default)); }
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(--lp-figma-c-5b60f628), transparent 70%), linear-gradient(var(--lp-figma-c-fafafe), var(--surface-white-default)); }
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(--surface-white-default)); pointer-events: none; }
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); 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); 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); }
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); }
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); 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); 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); 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 .ess:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-top: var(--space-400); border-radius: var(--lp-figma-l-20px); background: linear-gradient(var(--lp-figma-c-12121b), var(--lp-figma-c-0d0d14)); border: var(--space-25) solid var(--lp-figma-c-ffffff07); padding: var(--lp-figma-l-30px) var(--space-800); display: grid; grid-template-columns: 260px 1fr; gap: var(--space-850); align-items: center; }
body.tw-lp-live.tw-lp-live .ess h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 0 var(--space-300); font-family: var(--font-sans); font-size: var(--lp-figma-fs-24px); letter-spacing: var(--lp-figma-ls-0_6px); }
body.tw-lp-live.tw-lp-live .ess h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .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-14_5px); line-height: 1.5; color: var(--lp-figma-c-8d8da2); }
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; 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); text-decoration: none; transition: background 0.2s, color 0.2s; }
body.tw-lp-live.tw-lp-live .ess a:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .ess a:hover: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 .chips:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; flex-wrap: wrap; gap: var(--space-300); }
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: 0 var(--lp-figma-l-14px) 0 var(--space-400); border-radius: var(--corner-radius-400); background: var(--lp-figma-c-ffffff04); border: var(--space-25) solid var(--lp-figma-c-ffffff07); font-size: var(--lp-figma-fs-14px); color: var(--lp-figma-c-cfcfdc); transition: background 0.5s, border-color 0.5s, color 0.5s, box-shadow 0.5s; }
body.tw-lp-live.tw-lp-live .ec svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-7d7d94); 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(--lp-figma-c-3339f116); border-color: var(--lp-figma-c-787cff45); color: var(--text-white-default); box-shadow: var(--lp-figma-c-3339f170) 0 0 var(--space-700) calc(-1 * var(--space-200)); }
body.tw-lp-live.tw-lp-live .ec.hot svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-a9abff); }
@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(--lp-figma-l-18px) var(--space-1400); } }
@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(--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 .s3-hd:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-bottom: var(--space-800); } }
@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-200); } }
@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(--lp-figma-l-18px); padding: var(--space-1400) var(--space-400) var(--space-1100); } }
@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(--lp-figma-l-22px) var(--space-300); } }
@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(--lp-figma-l-22px); } }
body.tw-lp-live.tw-lp-live .pl:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: linear-gradient(var(--lp-figma-c-191925), var(--lp-figma-c-13131c)); border: var(--space-25) solid var(--border-white-subtle); box-shadow: var(--lp-figma-c-00000090) 0 var(--space-700) var(--lp-figma-l-50px) calc(-1 * var(--space-750)), var(--lp-figma-c-ffffff06) 0 var(--space-25) 0 inset; color: var(--text-white-default); }
body.tw-lp-live.tw-lp-live .pl h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--text-white-default); }
body.tw-lp-live.tw-lp-live .pl p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-9a9ab0); }
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(--lp-figma-c-3339f138), transparent 70%), radial-gradient(50% 60% at 85% 10%, var(--lp-figma-c-8b5cf622), 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(--lp-figma-c-8b8ef925), 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(--lp-figma-c-5b60f642), transparent 70%); }
body.tw-lp-live.tw-lp-live .pv:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::after { background: linear-gradient(transparent, var(--lp-figma-c-16161f)); }
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) 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); }
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 .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(--border-white-subtle); border-bottom: var(--space-25) solid var(--border-white-subtle); margin-bottom: var(--space-400); }
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(--border-white-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(--lp-figma-c-8b8ef9); margin-bottom: var(--lp-figma-l-22px); }
body.tw-lp-live.tw-lp-live .col3 h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 0 var(--lp-figma-l-10px); font-family: var(--font-sans); font-size: var(--lp-figma-fs-20px); line-height: 1.3; letter-spacing: var(--lp-figma-ls-0_3px); color: var(--text-white-default); }
body.tw-lp-live.tw-lp-live .col3 h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .col3 p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0; font-size: var(--lp-figma-fs-15px); line-height: 1.6; color: var(--lp-figma-c-9a9ab0); }
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(--border-white-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-850); } }
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-900); }
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); }
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); 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); } }
@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); 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); }
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) !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) !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); 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); 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); } }
@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) 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) 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(--border-brand-default) solid var(--space-50); }
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) 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) 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) 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: var(--element-white-default) 0 0 0 var(--space-50), var(--element-brand-default) 0 0 0 var(--lp-figma-l-3_5px); }
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: var(--element-brand-default) 0 0 0 var(--lp-figma-l-1_5px), var(--element-black-twenty) 0 var(--space-50) var(--space-100); 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); 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 .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-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 .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); 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); }
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); 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); 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); 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); }
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); 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 .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 .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); }
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; }
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); letter-spacing: 0px; text-transform: none; }
body.tw-lp-live.tw-lp-live #hero.hero > .ovl:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 500; }
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: 0px; color: var(--lp-figma-c-14151f); }
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 #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: 0px; 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 .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]) *) { 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]) *) { 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]) *) { 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 .s5 .rv.rv .ch:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live section [data-new="capabilities"] .gl16-hd .rv.rv .ch:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--text-white-default); }
body.tw-lp-live.tw-lp-live section .s5.s5 h2#s5h: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]) *) { color: var(--text-white-default); }
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: 0.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 0.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: 0 0 auto; }
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); letter-spacing: var(--lp-figma-ls-0_025em); color: var(--text-white-default); }
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]) *) { font-weight: 600; }
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); transition: background 0.2s, color 0.2s; }
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]) *) { font-weight: 600; }
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); backdrop-filter: none; transition: background 0.5s, border-color 0.5s, color 0.5s, box-shadow 0.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 0.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; } }
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 0.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; }
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 .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 .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 .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 .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 .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); 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); 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); 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-color: var(--border-brand-default) var(--lp-figma-c-d6d7fb) var(--lp-figma-c-d6d7fb); border-image: none; 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); 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); 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); 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); 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); 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; } }
@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); } }
@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); } }
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); } }
@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); } }
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); }
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 #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); } }
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 .eg-section .eg-faq h2.eg-faq__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 .eg-section .eg-faq h2.eg-faq__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 .eg-section .eg-faq h2.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); } }
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; }
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 *:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { box-sizing: border-box; }
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 *:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { box-sizing: border-box; }
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 *:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { box-sizing: border-box; }
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 *:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { box-sizing: border-box; }
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 *:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { box-sizing: border-box; }
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 *:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { box-sizing: border-box; }
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 *:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { box-sizing: border-box; }
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 *:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { box-sizing: border-box; }
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 *:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { box-sizing: border-box; }
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 *:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { box-sizing: border-box; }
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 *:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { box-sizing: border-box; }
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 *:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { box-sizing: border-box; }
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 *:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { box-sizing: border-box; }
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 *:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { box-sizing: border-box; }
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 button:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: inherit; font-size: inherit; line-height: inherit; }
body.tw-lp-live.tw-lp-live button:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: inherit; }
body.tw-lp-live.tw-lp-live .wrap:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { max-width: 1120px; margin: 0 auto; padding: 0 var(--space-800); }
body.tw-lp-live.tw-lp-live .btn2:focus-visible:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { outline: var(--border-brand-default) solid var(--space-50); outline-offset: var(--space-50); }
body.tw-lp-live.tw-lp-live .pg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-1400) 0; }
body.tw-lp-live.tw-lp-live h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-40px); line-height: 1.08; letter-spacing: var(--lp-figma-ls-0_4px); margin: 0 0 var(--space-400); text-wrap: balance; }
body.tw-lp-live.tw-lp-live h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .lead:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-18px); color: var(--lp-figma-c-14151f70); margin: 0 0 var(--space-800); max-width: 56ch; }
body.tw-lp-live.tw-lp-live .btn2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: inline-block; border: var(--lp-figma-l-1_5px) solid var(--lp-figma-c-e7e8ee); border-radius: var(--corner-radius-300); padding: var(--lp-figma-l-10px) var(--space-500); font-size: var(--lp-figma-fs-14px); line-height: 1.3; color: var(--lp-figma-c-14151f); background: var(--surface-white-default); text-decoration: none; cursor: pointer; }
body.tw-lp-live.tw-lp-live .btn2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .btn2:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-color: var(--lp-figma-c-14151f30); }
body.tw-lp-live.tw-lp-live .alt:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-f7f7fa); border-top: var(--space-25) solid var(--lp-figma-c-e7e8ee); border-bottom: var(--space-25) solid var(--lp-figma-c-e7e8ee); }
body.tw-lp-live.tw-lp-live .alt + .alt:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-top: 0; }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .wrap:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: 0 var(--lp-figma-l-18px); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .pg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-1000) 0; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--type-h1-size); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .lead:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--type-h6-size); } }
body.tw-lp-live.tw-lp-live .fghead:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--space-700); margin-bottom: var(--lp-figma-l-26px); }
body.tw-lp-live.tw-lp-live .fghead .lead:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-bottom: 0; }
body.tw-lp-live.tw-lp-live .fghead .btn2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { flex: 0 0 auto; white-space: nowrap; }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .fghead:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { flex-direction: column; align-items: flex-start; gap: var(--space-400); } }
body.tw-lp-live.tw-lp-live .wn .lead:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--text-black-earthy); }
body.tw-lp-live.tw-lp-live .wn-grid:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-500); }
body.tw-lp-live.tw-lp-live .wn-c:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; flex-direction: column; border-radius: var(--corner-radius-600); background: var(--surface-grey-default); color: var(--text-black-default); text-decoration: none; overflow: hidden; min-width: 0; }
body.tw-lp-live.tw-lp-live .wn-img:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; padding: var(--space-300) var(--space-300) 0; }
body.tw-lp-live.tw-lp-live .wn-img img:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; width: 100%; height: auto; aspect-ratio: 742 / 416; object-fit: cover; border-radius: var(--corner-radius-500); background: var(--surface-white-default); }
body.tw-lp-live.tw-lp-live .wn-b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; flex: 1 1 0%; flex-direction: column; align-items: flex-start; gap: var(--space-400); padding: var(--space-700); }
body.tw-lp-live.tw-lp-live .wn-c b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-20px); line-height: var(--lp-figma-lh-30px); text-decoration: underline transparent; text-underline-offset: var(--space-200); transition: text-decoration-color 0.15s; }
body.tw-lp-live.tw-lp-live .wn-c b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 500; }
body.tw-lp-live.tw-lp-live .wn-m:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-300); }
body.tw-lp-live.tw-lp-live .wn-tag:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-50) var(--space-300); border-radius: var(--corner-radius-750); background: var(--surface-white-default); font-size: var(--lp-figma-fs-12px); line-height: var(--lp-figma-lh-18px); color: var(--text-black-earthy); }
body.tw-lp-live.tw-lp-live .wn-tag:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 500; }
body.tw-lp-live.tw-lp-live .wn-rt: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(--text-black-earthy); }
body.tw-lp-live.tw-lp-live .wn-x:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; font-size: var(--lp-figma-fs-16px); line-height: var(--lp-figma-lh-24px); color: var(--text-black-earthy); }
body.tw-lp-live.tw-lp-live .wn-d:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-top: auto; padding-top: var(--space-300); font-size: var(--lp-figma-fs-14px); line-height: var(--lp-figma-lh-20px); color: var(--text-black-earthy); }
body.tw-lp-live.tw-lp-live .wn-c:focus-visible:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { outline: var(--border-brand-default) solid var(--space-50); outline-offset: var(--space-50); }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .wn-grid: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 .wn-grid:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { grid-template-columns: 1fr; gap: var(--space-400); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .wn-b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-600); } }
body.tw-lp-live.tw-lp-live h2: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; color: var(--text-black-default); }
body.tw-lp-live.tw-lp-live 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 h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-32px); line-height: var(--lp-figma-lh-40px); } }
body.tw-lp-live.tw-lp-live section.wn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-14151f); -webkit-font-smoothing: antialiased; font-family: var(--font-sans); font-size: var(--lp-figma-fs-16px); line-height: 1.5; }
body.tw-lp-live.tw-lp-live section.wn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-14151f); -webkit-font-smoothing: antialiased; font-family: var(--font-sans); font-size: var(--lp-figma-fs-16px); line-height: 1.5; }
body.tw-lp-live.tw-lp-live section.wn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-14151f); -webkit-font-smoothing: antialiased; font-family: var(--font-sans); font-size: var(--lp-figma-fs-16px); line-height: 1.5; }
body.tw-lp-live.tw-lp-live section.wn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-14151f); -webkit-font-smoothing: antialiased; font-family: var(--font-sans); font-size: var(--lp-figma-fs-16px); line-height: 1.5; }
body.tw-lp-live.tw-lp-live section.wn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-14151f); -webkit-font-smoothing: antialiased; font-family: var(--font-sans); font-size: var(--lp-figma-fs-16px); line-height: 1.5; }
body.tw-lp-live.tw-lp-live section.wn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-14151f); -webkit-font-smoothing: antialiased; font-family: var(--font-sans); font-size: var(--lp-figma-fs-16px); line-height: 1.5; }
body.tw-lp-live.tw-lp-live section.wn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-14151f); -webkit-font-smoothing: antialiased; font-family: var(--font-sans); font-size: var(--lp-figma-fs-16px); line-height: 1.5; }
body.tw-lp-live.tw-lp-live section.wn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-14151f); -webkit-font-smoothing: antialiased; font-family: var(--font-sans); font-size: var(--lp-figma-fs-16px); line-height: 1.5; }
body.tw-lp-live.tw-lp-live section.wn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-14151f); -webkit-font-smoothing: antialiased; font-family: var(--font-sans); font-size: var(--lp-figma-fs-16px); line-height: 1.5; }
body.tw-lp-live.tw-lp-live section.wn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-14151f); -webkit-font-smoothing: antialiased; font-family: var(--font-sans); font-size: var(--lp-figma-fs-16px); line-height: 1.5; }
body.tw-lp-live.tw-lp-live section.wn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-14151f); -webkit-font-smoothing: antialiased; font-family: var(--font-sans); font-size: var(--lp-figma-fs-16px); line-height: 1.5; }
body.tw-lp-live.tw-lp-live section.wn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-14151f); -webkit-font-smoothing: antialiased; font-family: var(--font-sans); font-size: var(--lp-figma-fs-16px); line-height: 1.5; }
body.tw-lp-live.tw-lp-live section.wn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-14151f); -webkit-font-smoothing: antialiased; font-family: var(--font-sans); font-size: var(--lp-figma-fs-16px); line-height: 1.5; }
body.tw-lp-live.tw-lp-live section.wn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-14151f); -webkit-font-smoothing: antialiased; font-family: var(--font-sans); font-size: var(--lp-figma-fs-16px); line-height: 1.5; }
body.tw-lp-live.tw-lp-live section.wn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-14151f); -webkit-font-smoothing: antialiased; font-family: var(--font-sans); font-size: var(--lp-figma-fs-16px); line-height: 1.5; }
body.tw-lp-live.tw-lp-live section.wn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-14151f); -webkit-font-smoothing: antialiased; font-family: var(--font-sans); font-size: var(--lp-figma-fs-16px); line-height: 1.5; }
body.tw-lp-live.tw-lp-live section.wn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-14151f); -webkit-font-smoothing: antialiased; font-family: var(--font-sans); font-size: var(--lp-figma-fs-16px); line-height: 1.5; }
body.tw-lp-live.tw-lp-live section.wn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-14151f); -webkit-font-smoothing: antialiased; font-family: var(--font-sans); font-size: var(--lp-figma-fs-16px); line-height: 1.5; }
body.tw-lp-live.tw-lp-live section.wn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-14151f); -webkit-font-smoothing: antialiased; font-family: var(--font-sans); font-size: var(--lp-figma-fs-16px); line-height: 1.5; }
body.tw-lp-live.tw-lp-live section.wn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-14151f); -webkit-font-smoothing: antialiased; font-family: var(--font-sans); font-size: var(--lp-figma-fs-16px); line-height: 1.5; }
body.tw-lp-live.tw-lp-live section.wn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-14151f); -webkit-font-smoothing: antialiased; font-family: var(--font-sans); font-size: var(--lp-figma-fs-16px); line-height: 1.5; }
body.tw-lp-live.tw-lp-live section.wn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-14151f); -webkit-font-smoothing: antialiased; font-family: var(--font-sans); font-size: var(--lp-figma-fs-16px); line-height: 1.5; }
body.tw-lp-live.tw-lp-live section.wn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-14151f); -webkit-font-smoothing: antialiased; font-family: var(--font-sans); font-size: var(--lp-figma-fs-16px); line-height: 1.5; }
body.tw-lp-live.tw-lp-live section.wn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-14151f); -webkit-font-smoothing: antialiased; font-family: var(--font-sans); font-size: var(--lp-figma-fs-16px); line-height: 1.5; }
body.tw-lp-live.tw-lp-live section.wn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-14151f); -webkit-font-smoothing: antialiased; font-family: var(--font-sans); font-size: var(--lp-figma-fs-16px); line-height: 1.5; }
body.tw-lp-live.tw-lp-live section.wn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-14151f); -webkit-font-smoothing: antialiased; font-family: var(--font-sans); font-size: var(--lp-figma-fs-16px); line-height: 1.5; }
body.tw-lp-live.tw-lp-live section.wn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-14151f); -webkit-font-smoothing: antialiased; font-family: var(--font-sans); font-size: var(--lp-figma-fs-16px); line-height: 1.5; }
body.tw-lp-live.tw-lp-live .wn-btn a:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--surface-white-default); border-color: var(--border-black-subtle); color: var(--text-black-default); }
body.tw-lp-live.tw-lp-live .wn-btn a span:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 400; }
body.tw-lp-live.tw-lp-live .wn-btn a:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .wn-btn a:focus-visible:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-14151f06); border-color: var(--border-black-subtle); color: var(--text-black-default); }
body.tw-lp-live.tw-lp-live section.wn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-14151f); -webkit-font-smoothing: antialiased; font-family: var(--font-sans); font-size: var(--lp-figma-fs-16px); line-height: 1.5; }
body.tw-lp-live.tw-lp-live .wn-btn a:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--surface-white-default); border-color: var(--border-black-subtle); color: var(--text-black-default); }
body.tw-lp-live.tw-lp-live .wn-btn a span:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 400; }
body.tw-lp-live.tw-lp-live .wn-btn a:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .wn-btn a:focus-visible:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-14151f06); border-color: var(--border-black-subtle); color: var(--text-black-default); }
body.tw-lp-live.tw-lp-live #hero:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { 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 #hero:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 400; }
body.tw-lp-live.tw-lp-live #hero:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-121217); font-family: var(--font-sans); -webkit-font-smoothing: antialiased; }
body.tw-lp-live.tw-lp-live ._u1._u1._u1:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { min-width: 0; }
body.tw-lp-live.tw-lp-live ._u46._u46._u46:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { min-width: 0; }
body.tw-lp-live.tw-lp-live .ucg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; min-width: 0; }
body.tw-lp-live.tw-lp-live .ucg-bar:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: sticky; top: var(--space-800); z-index: 5; display: flex; justify-content: center; margin: var(--space-1600) 0; padding: 0 var(--space-600); pointer-events: none; }
body.tw-lp-live.tw-lp-live .ucg-seg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: inline-flex; align-items: center; gap: var(--space-50); padding: var(--space-100); border-radius: var(--corner-radius-300); background: var(--lp-figma-c-14151f06); pointer-events: auto; backdrop-filter: blur(var(--lp-figma-blur-20px)); }
body.tw-lp-live.tw-lp-live .ucg-tab: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: 0 var(--space-600); border: 0; border-radius: var(--corner-radius-200); background: transparent; color: var(--lp-figma-c-14151f50); font-family: inherit; font-family: var(--font-sans); font-size: var(--lp-figma-fs-14px); line-height: var(--lp-figma-lh-20px); white-space: nowrap; cursor: pointer; transition: background-color 150ms, color 150ms; }
body.tw-lp-live.tw-lp-live .ucg-tab:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 400; }
body.tw-lp-live.tw-lp-live .ucg-tab svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { flex: 0 0 auto; width: var(--element-xsm); height: var(--element-xsm); }
body.tw-lp-live.tw-lp-live .ucg-tab:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-14151f); }
body.tw-lp-live.tw-lp-live .ucg-tab.on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--surface-white-default); color: var(--lp-figma-c-14151f); box-shadow: var(--lp-figma-c-14151f06) 0 var(--space-50) var(--space-100), var(--lp-figma-c-14151f10) 0 var(--space-100) var(--space-300); }
body.tw-lp-live.tw-lp-live .ucg-tab:focus-visible:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { outline: var(--border-brand-default) solid var(--space-50); outline-offset: var(--space-50); }
body.tw-lp-live.tw-lp-live .ucg-grp:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; flex-direction: column; gap: var(--space-1200); max-width: 1312px; margin: 0 auto; padding: 0 var(--space-600) var(--space-1600); scroll-margin-top: var(--space-1900); }
body.tw-lp-live.tw-lp-live .ucg-hl:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; flex-direction: column; align-items: center; gap: var(--space-900); text-align: center; }
body.tw-lp-live.tw-lp-live .ucg-text:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; flex-direction: column; gap: var(--space-600); max-width: 1012px; }
body.tw-lp-live.tw-lp-live .ucg .ucg-hl .ucg-h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0; font-size: var(--lp-figma-fs-40px); line-height: var(--lp-figma-lh-52px); letter-spacing: 0px; color: var(--lp-figma-c-14151f); }
body.tw-lp-live.tw-lp-live .ucg .ucg-hl .ucg-h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 500; }
body.tw-lp-live.tw-lp-live .ucg-lead:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0; font-size: var(--lp-figma-fs-20px); line-height: var(--lp-figma-lh-30px); color: var(--lp-figma-c-14151f70); }
body.tw-lp-live.tw-lp-live .ucg-lead:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 400; }
body.tw-lp-live.tw-lp-live .ucg-btn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: inline-flex; }
body.tw-lp-live.tw-lp-live .ucg-grid:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-700); }
body.tw-lp-live.tw-lp-live .ucg-card:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; flex-direction: column; gap: var(--space-700); min-width: 0; min-height: 248px; padding: var(--space-800); border-radius: var(--corner-radius-600); background: var(--lp-figma-c-14151f03); }
body.tw-lp-live.tw-lp-live .ucg-ic:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; width: var(--element-lg); height: var(--element-lg); }
body.tw-lp-live.tw-lp-live .ucg-ic svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: var(--element-lg); height: var(--element-lg); }
body.tw-lp-live.tw-lp-live .ucg-t:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0; font-size: var(--lp-figma-fs-24px); line-height: var(--lp-figma-lh-36px); letter-spacing: 0px; color: var(--lp-figma-c-14151f); }
body.tw-lp-live.tw-lp-live .ucg-t:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 500; }
body.tw-lp-live.tw-lp-live .ucg-tx:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; flex-direction: column; gap: var(--space-300); }
body.tw-lp-live.tw-lp-live .ucg-d: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); color: var(--lp-figma-c-14151f70); }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .ucg-grid:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { grid-template-columns: minmax(0, 1fr); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .ucg-card:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { min-height: 0; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .ucg-bar:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { top: var(--space-600); margin: var(--space-1000) 0; padding: 0 var(--space-500); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .ucg-grp:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { gap: var(--space-900); padding: 0 var(--space-500) var(--space-1000); scroll-margin-top: var(--space-1500); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .ucg-hl:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { gap: var(--space-700); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .ucg-text: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 .ucg .ucg-hl .ucg-h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--type-h2-size); line-height: var(--type-h2-line-height); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .ucg-lead:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .ucg-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 .ucg-card:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-700); gap: var(--space-500); border-radius: var(--corner-radius-500); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .ucg-t: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 .ucg-d: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 .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%; } }
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 ._r22._r22._r22:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r23._r23._r23:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r24._r24._r24:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r25._r25._r25:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r26._r26._r26:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r27._r27._r27:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r28._r28._r28:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r29._r29._r29:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r30._r30._r30:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r31._r31._r31:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r32._r32._r32:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r33._r33._r33:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r34._r34._r34:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r35._r35._r35:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r36._r36._r36:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r37._r37._r37:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r38._r38._r38:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r39._r39._r39:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r40._r40._r40:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r41._r41._r41:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r42._r42._r42:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r43._r43._r43:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r44._r44._r44:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r45._r45._r45:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r46._r46._r46:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r47._r47._r47:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r48._r48._r48:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r49._r49._r49:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r50._r50._r50:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r51._r51._r51:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r52._r52._r52:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r53._r53._r53:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r54._r54._r54:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r55._r55._r55:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r56._r56._r56:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r57._r57._r57:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r58._r58._r58:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r59._r59._r59:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r60._r60._r60:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r61._r61._r61:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r62._r62._r62:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r63._r63._r63:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r64._r64._r64:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r65._r65._r65:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r66._r66._r66:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r67._r67._r67:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r68._r68._r68:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r69._r69._r69:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r70._r70._r70:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r71._r71._r71:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r72._r72._r72:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r73._r73._r73:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r74._r74._r74:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r75._r75._r75:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r76._r76._r76:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r77._r77._r77:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r78._r78._r78:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r79._r79._r79:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r80._r80._r80:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r81._r81._r81:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r82._r82._r82:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r83._r83._r83:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r84._r84._r84:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r85._r85._r85:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r86._r86._r86:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r87._r87._r87:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r88._r88._r88:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r89._r89._r89:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r90._r90._r90:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r91._r91._r91:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r92._r92._r92:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r93._r93._r93:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r94._r94._r94:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r95._r95._r95:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r96._r96._r96:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r97._r97._r97:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r98._r98._r98:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r99._r99._r99:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r100._r100._r100:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live ._r101._r101._r101:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1 !important; transform: none !important; filter: none !important; }
body.tw-lp-live.tw-lp-live section.cfv-band.cfv-band:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-14151f03); padding: var(--space-1400) 0; width: 100%; box-sizing: border-box; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-inner:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 100%; max-width: var(--container-desktop); margin: 0 auto; padding: 0; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; gap: var(--space-1200); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-text:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { flex: 0 1 488px; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-title:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 0 var(--space-500); font-size: var(--lp-figma-fs-40px); line-height: var(--lp-figma-lh-52px); letter-spacing: 0px; color: var(--lp-figma-c-14151f); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-title:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 500; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-lead:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0; font-size: var(--lp-figma-fs-20px); line-height: var(--lp-figma-lh-30px); letter-spacing: 0px; color: var(--lp-figma-c-14151f70); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-lead:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 400; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-actions:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; margin-top: var(--space-1000); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-media:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { flex: 0 0 720px; min-width: 0; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-card:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 720px; max-width: 100%; aspect-ratio: 3 / 2; border-radius: var(--corner-radius-700); background: var(--surface-white-default); border: var(--space-25) solid var(--border-black-subtle); overflow: hidden; box-sizing: border-box; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-card video:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; width: 100%; height: 100%; object-fit: cover; }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live section.cfv-band.cfv-band:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-1400) var(--space-600); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-inner:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { flex-direction: column; align-items: stretch; max-width: var(--container-tablet); gap: var(--space-1000); } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-text:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { flex: 0 0 auto; width: 100%; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-media:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { flex: 0 0 auto; width: 100%; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-card:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 100%; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live section.cfv-band.cfv-band: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 .cfv-band.cfv-band .cfv-inner:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { max-width: var(--container-mobile); gap: var(--space-800); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-title:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-bottom: var(--space-300); font-size: var(--type-h2-size); line-height: var(--type-h2-line-height); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-lead:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-actions:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-top: var(--space-1000); flex-direction: column; align-items: stretch; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-actions > *:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 100%; max-width: 100%; box-sizing: border-box; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-card:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-radius: var(--corner-radius-600); } }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-actions a:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--text-white-default); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-card:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; border: 0; background: radial-gradient(55% 45% at 50% 112%, var(--lp-figma-c-3339f122) 0%, transparent 70%), radial-gradient(45% 40% at 18% -8%, var(--lp-figma-c-3339f114) 0%, transparent 70%), radial-gradient(40% 35% at 92% 8%, var(--surface-brand-subtle) 0%, transparent 70%) var(--lp-figma-c-fafafb); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-stage:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; left: 0; top: 0; width: 720px; height: 480px; transform-origin: 0 0; font-size: var(--lp-figma-fs-12px); line-height: 1.35; color: var(--lp-figma-c-14151f); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-stage *:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { box-sizing: border-box; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-stage b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-stage em:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-stage small:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-stage p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-stage h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-stage h4:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-prompt:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; left: var(--lp-figma-l-110px); top: 211px; width: 500px; height: 58px; display: flex; align-items: center; gap: var(--space-300); padding: 0 var(--space-300) 0 var(--lp-figma-l-22px); background: var(--surface-white-default); border-radius: var(--corner-radius-500); border: var(--space-25) solid var(--lp-figma-c-3339f135); box-shadow: var(--lp-figma-c-00000003) 0 var(--space-300) var(--space-300) calc(-1 * var(--space-100)), var(--lp-figma-c-00000008) 0 var(--space-600) var(--space-700) calc(-1 * var(--space-100)); font-size: var(--lp-figma-fs-15px); color: var(--lp-figma-c-14151f); z-index: 5; transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-prompt.k-focus:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { box-shadow: var(--lp-figma-c-00000003) 0 var(--space-300) var(--space-300) calc(-1 * var(--space-100)), var(--lp-figma-c-00000008) 0 var(--space-600) var(--space-700) calc(-1 * var(--space-100)), var(--element-brand-subtle) 0 0 0 var(--space-100); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-prompt.k-away:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 0; transform: translateY(var(--lp-figma-l-10px-2)) scale(0.98); pointer-events: none; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-ptx:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { flex: 1 1 auto; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-ptx:empty:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::before { content: attr(data-ph); color: var(--lp-figma-c-14151f50); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-cr:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: inline-block; width: var(--space-50); height: 17px; vertical-align: var(--lp-figma-l-3px-2); margin-left: var(--space-25); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-mic:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 34px; height: 34px; border-radius: var(--corner-radius-750); border: var(--space-25) solid var(--lp-figma-c-14151f12); display: grid; place-items: center; color: var(--lp-figma-c-14151f); flex: 0 0 auto; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-send:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: var(--space-850); height: var(--space-850); border-radius: var(--corner-radius-750); background: var(--surface-brand-default); color: var(--text-white-default); display: grid; place-items: center; flex: 0 0 auto; transition: background 0.25s, box-shadow 0.3s; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-send.k-hov:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-2a30de); box-shadow: var(--element-brand-half) 0 var(--space-200) var(--lp-figma-l-14px) calc(-1 * var(--space-100)); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-send.k-pr:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-1f25c4); transition: none; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-win:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; left: var(--space-900); top: var(--space-800); width: 640px; height: 416px; background: var(--surface-white-default); border-radius: var(--lp-figma-l-18px); box-shadow: var(--lp-figma-c-14143c35) 0 var(--space-900) var(--space-1400) calc(-1 * var(--space-800)), var(--lp-figma-c-00000004) 0 var(--space-50) var(--space-200), var(--lp-figma-c-14151f06) 0 0 0 var(--space-25); overflow: hidden; opacity: 0; transform: translateY(var(--lp-figma-l-22px)) scale(0.96); transition: opacity 0.55s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-win.k-on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1; transform: none; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-win.k-off:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 0; transform: translateY(calc(-1 * var(--space-300))) scale(0.985); transition: opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-bar:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; height: var(--element-xlg); display: flex; align-items: center; gap: var(--lp-figma-l-10px); padding: 0 var(--lp-figma-l-14px); background: var(--lp-figma-c-f7f7f8); border-bottom: var(--space-25) solid var(--lp-figma-c-14151f08); color: var(--lp-figma-c-6b6b74); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-tl:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; gap: var(--space-200); margin-right: var(--space-100); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-tl i:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 10px; height: 10px; border-radius: var(--corner-radius-750); background: var(--lp-figma-c-ff5f57); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-tl i:nth-child(2):not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-febc2e); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-tl i:nth-child(3):not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-28c840); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-ico:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: grid; place-items: center; width: 18px; height: 18px; color: var(--lp-figma-c-6b6b74); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-dim:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-b8b8c0); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-urlf:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 auto; display: flex; align-items: center; gap: var(--space-200); height: 26px; width: 300px; padding: 0 var(--lp-figma-l-10px); border-radius: var(--lp-figma-l-7px); background: var(--surface-white-default); border: var(--space-25) solid var(--lp-figma-c-14151f08); color: var(--lp-figma-c-8a8a93); font-size: var(--lp-figma-fs-11px); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-urlt:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { flex: 1 1 auto; text-align: center; color: var(--lp-figma-c-14151f); white-space: nowrap; overflow: hidden; opacity: 0; transform: translateY(var(--lp-figma-l-3px)); transition: opacity 0.4s, transform 0.5s cubic-bezier(0.16, 1, 0.3, 1); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-urlt.k-on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1; transform: none; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-reload:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 0.7; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-urlf:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; overflow: hidden; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-urlf:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::after { content: ""; position: absolute; left: 0; bottom: 0; height: var(--space-50); width: 0; background: var(--surface-brand-default); opacity: 0; transition: width 4s cubic-bezier(0.1, 0.6, 0.2, 1), opacity 0.3s; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-win.k-busy .cfv-urlf:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::after { width: 82%; opacity: 1; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-win.k-pub .cfv-urlf:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::after { width: 100%; opacity: 0; transition: width 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.4s 0.35s; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-view:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; inset: var(--space-900) 0 0; overflow: hidden; background: var(--surface-white-default); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-view.k-noanim *:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transition: none !important; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-sk:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; inset: 0; z-index: 3; pointer-events: none; opacity: 0; transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-view.k-sk .cfv-sk:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1; transition-duration: 0.5s; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-sk svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 0; transform: translateY(var(--lp-figma-l-10px)); transition: opacity 0.55s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-view.k-built .cfv-b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1; transform: none; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-view.k-built .cfv-b:nth-child(2):not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-view.k-built .cfv-bk .cfv-b:nth-child(1):not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transition-delay: 0.12s; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-view.k-built .cfv-bk .cfv-b:nth-child(2):not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transition-delay: 0.24s; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-nav:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; z-index: 2; height: var(--space-1050); display: flex; align-items: center; gap: var(--lp-figma-l-18px); padding: 0 var(--space-750); font-size: var(--lp-figma-fs-10_5px); color: var(--lp-figma-c-4a4a52); background: var(--surface-white-default); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-nav b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-right: auto; display: block; height: 26px; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-nav > span:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; padding: var(--space-50) 0; transition: color 0.25s; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-nav > span:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::after { content: ""; position: absolute; left: 0; right: 0; bottom: calc(-1 * var(--space-50)); height: var(--space-25); background: var(--lp-figma-c-5a353b); transform: scaleX(0); transform-origin: 0 50%; transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-nav > span.k-hov:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-5a353b); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-nav > span.k-hov:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::after { transform: scaleX(1); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-nav-new:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: none; align-items: center; height: 22px; line-height: 1; color: var(--lp-figma-c-5a353b); font-weight: 500; margin: 0 var(--lp-figma-l-9px); border-radius: var(--corner-radius-750); background: var(--lp-figma-c-5a353b08); opacity: 0; transform: scale(0.7); transition: opacity 0.4s, transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1), background 0.25s, color 0.25s; padding: 0 var(--lp-figma-l-9px-2) !important; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-nav-new:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::after { display: none; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-nav-new.k-show:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: inline-flex; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-nav-new.k-on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1; transform: none; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-nav-new.k-hov:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-5a353b16); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-nav-new.k-pr:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-5a353b24); transition: none; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-page:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; inset: var(--space-1050) 0 0; padding: 0 var(--space-750); transition: transform 0.75s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1), filter 0.5s cubic-bezier(0.22, 0.61, 0.36, 1); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-page.k-l:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transform: translateX(-7%) scale(0.985); opacity: 0; filter: blur(var(--lp-figma-blur-6px)); pointer-events: none; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-page.k-r:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transform: translateX(7%) scale(0.985); opacity: 0; filter: blur(var(--lp-figma-blur-6px)); pointer-events: none; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-page > .cfv-blur:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transition: filter 0.5s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-hero:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; height: 170px; border-radius: var(--lp-figma-l-14px); background: var(--lp-figma-c-c7c9c0); padding: var(--space-750) var(--lp-figma-l-30px); display: flex; flex-direction: column; justify-content: center; overflow: hidden; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-hero:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::after { content: ""; position: absolute; right: calc(-1 * var(--space-1150)); top: calc(-1 * var(--space-1400)); width: 260px; height: 260px; border-radius: var(--corner-radius-750); background: radial-gradient(circle at 40% 40%, var(--lp-figma-c-ffffff35), transparent 62%); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-hero h4:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0; line-height: var(--lp-figma-lh-0); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-hero p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: var(--space-200) 0 0; font-size: var(--lp-figma-fs-10_5px); color: var(--lp-figma-c-4f4347); max-width: 300px; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-cta:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; right: var(--lp-figma-l-26px); bottom: var(--lp-figma-l-26px); display: inline-flex; align-items: center; justify-content: center; height: 34px; padding: 0 var(--space-600); border-radius: var(--corner-radius-750); background: var(--lp-figma-c-5a353b); color: var(--text-white-default); font-size: var(--lp-figma-fs-11px); line-height: 1; letter-spacing: var(--lp-figma-ls-0_1px); box-shadow: var(--lp-figma-c-5a353b60) 0 var(--space-300) var(--space-500) calc(-1 * var(--space-300)); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-cta:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 500; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-cards:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--lp-figma-l-14px); margin-top: var(--lp-figma-l-14px); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-cards div:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-600) var(--lp-figma-l-18px); border-radius: var(--corner-radius-400); background: var(--lp-figma-c-f5f2ed); min-height: var(--space-1600); border: var(--space-25) solid var(--lp-figma-c-5a353b06); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-cards b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; font-size: var(--lp-figma-fs-13px); color: var(--lp-figma-c-5a353b); margin-bottom: var(--space-200); letter-spacing: var(--lp-figma-ls-0_1px-2); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-cards b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-cards small:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; font-size: var(--lp-figma-fs-9_5px); line-height: 1.45; color: var(--lp-figma-c-6f6f78); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-ph:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--lp-figma-l-10px) 0 var(--space-400); margin-bottom: var(--lp-figma-l-14px); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-ph h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0; line-height: var(--lp-figma-lh-0); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-ph small:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; margin-top: var(--space-200); font-size: var(--lp-figma-fs-10_5px); color: var(--lp-figma-c-6f6f78); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-loycard:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 440px; margin: 0 auto; padding: var(--lp-figma-l-18px) var(--space-600) var(--space-500); border-radius: var(--corner-radius-500); background: var(--lp-figma-c-f5f2ed); border: var(--space-25) solid var(--lp-figma-c-5a353b06); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-lhd:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; align-items: center; gap: var(--lp-figma-l-10px); margin-bottom: var(--space-500); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-avat:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: var(--element-lg); height: var(--element-lg); border-radius: var(--corner-radius-750); background: linear-gradient(135deg, var(--lp-figma-c-e8cfc0), var(--lp-figma-c-b98a76)); flex: 0 0 auto; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-lhd b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; font-size: var(--lp-figma-fs-13px); color: var(--lp-figma-c-5a353b); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-lhd b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-lhd small:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; font-size: var(--lp-figma-fs-10px); color: var(--lp-figma-c-6f6f78); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-pill:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-left: auto; font-style: normal; font-size: var(--lp-figma-fs-9_5px); line-height: 1; display: inline-flex; align-items: center; height: 22px; padding: 0 var(--lp-figma-l-10px); border-radius: var(--corner-radius-750); background: var(--surface-white-default); color: var(--lp-figma-c-5a353b); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-pill:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 500; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-stamps:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: grid; grid-template-columns: repeat(10, 1fr); gap: var(--lp-figma-l-9px-2); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-stamps i:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; aspect-ratio: 1 / 1; border-radius: var(--corner-radius-750); border: var(--lp-figma-l-1_5px) solid var(--lp-figma-c-5a353b25); background: var(--surface-white-default); transition: background 0.3s, border-color 0.3s, transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-stamps i:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::after { content: ""; position: absolute; left: 50%; top: 50%; width: 5px; height: 9px; margin: calc(-1 * var(--space-200)) 0 0 var(--lp-figma-l-2_5px); border-style: solid; border-color: var(--border-white-default); border-image: none; border-width: 0 var(--lp-figma-l-1_5px) var(--lp-figma-l-1_5px) 0; transform: rotate(45deg) scale(0); transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) 0.08s; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-stamps i:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::before { content: ""; position: absolute; inset: calc(-1 * var(--space-50)); border-radius: var(--corner-radius-750); border: var(--lp-figma-l-1_5px) solid var(--lp-figma-c-6c8f67); opacity: 0; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-stamps i.k-on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-5a353b); border-color: var(--lp-figma-c-5a353b); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-stamps i.k-on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::after { transform: rotate(45deg) scale(1); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-stamps i.k-pop:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transform: scale(1.22); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-stamps i.cfv-last:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-style: dashed; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-stamps i.cfv-last.k-on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-6c8f67); border-color: var(--lp-figma-c-6c8f67); border-style: solid; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-stamps i.cfv-last.k-b1:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::before { opacity: 0.8; transform: scale(0.8); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-stamps i.cfv-last.k-b2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::before { opacity: 0; transform: scale(2.4); transition: transform 0.9s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.9s cubic-bezier(0.22, 0.61, 0.36, 1); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-lft:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; justify-content: space-between; align-items: center; margin-top: var(--space-500); padding-top: var(--lp-figma-l-14px); border-top: var(--space-25) solid var(--lp-figma-c-5a353b12); font-size: var(--lp-figma-fs-10_5px); color: var(--lp-figma-c-6f6f78); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-lft div > span:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-lft b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; font-size: var(--lp-figma-fs-11_5px); color: var(--lp-figma-c-5a353b); margin-top: var(--space-25); transition: color 0.3s; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-lft b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-lft b.k-free:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-6c8f67); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-lft .cfv-checkin:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: inline-flex; align-items: center; justify-content: center; height: 30px; padding: 0 var(--space-500); border-radius: var(--corner-radius-750); background: var(--lp-figma-c-5a353b); color: var(--text-white-default); font-size: var(--lp-figma-fs-10_5px); line-height: 1; transition: transform 0.18s ease-out, background 0.2s, box-shadow 0.25s; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-lft .cfv-checkin:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 500; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-checkin.k-hov:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-confirm.k-hov:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-6d434a); box-shadow: var(--lp-figma-c-5a353b70) 0 var(--space-300) var(--space-500) calc(-1 * var(--space-300)); transform: translateY(calc(-1 * var(--space-25))); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-checkin.k-pr:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-confirm.k-pr:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transform: scale(0.97); background: var(--lp-figma-c-4a2a30); transition: none; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-bk:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: grid; grid-template-columns: 246px minmax(0, 1fr); gap: var(--space-750); align-items: start; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-tm:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { min-width: 0; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-cal-h:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; justify-content: space-between; align-items: center; height: 18px; margin-bottom: var(--space-300); font-size: var(--lp-figma-fs-11px); color: var(--lp-figma-c-5a353b); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-cal-h b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-cal-h span:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; gap: var(--lp-figma-l-10px); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-cal-h i:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: var(--space-200); height: var(--space-200); border-style: solid; border-color: var(--lp-figma-c-5a353b50); border-image: none; border-width: 0 0 var(--lp-figma-l-1_2px) var(--lp-figma-l-1_2px); transform: rotate(45deg); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-cal-h i + i:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transform: rotate(-135deg); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-cal-g:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: grid; grid-template-columns: repeat(7, var(--lp-figma-l-30px)); gap: var(--space-200); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-cal-g em:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-style: normal; font-size: var(--lp-figma-fs-8_5px); line-height: var(--lp-figma-lh-14px); color: var(--lp-figma-c-6f6f78); text-align: center; height: 14px; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-cal-g span:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-cal-g u:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: grid; place-items: center; height: 30px; border-radius: var(--lp-figma-l-7px); border: var(--space-25) solid var(--lp-figma-c-5a353b35); font-size: var(--lp-figma-fs-8_5px); color: var(--lp-figma-c-5a353b); transition: background 0.2s, color 0.2s, transform 0.18s ease-out; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-cal-g u:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border: 0; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-cal-g span.k-hov:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-5a353b08); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-cal-g span.k-pr:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transform: scale(0.94); background: var(--lp-figma-c-5a353b16); transition: none; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-cal-g span.k-sel:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-5a353b); border-color: var(--lp-figma-c-5a353b); color: var(--text-white-default); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-cal-g span.k-sel.k-off:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--surface-white-default); color: var(--lp-figma-c-5a353b); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-tabs:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; gap: var(--space-500); height: 18px; margin-bottom: var(--lp-figma-l-10px); font-size: var(--lp-figma-fs-9_5px); color: var(--lp-figma-c-6f6f78); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-tabs span:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding-bottom: var(--lp-figma-l-3px); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-tabs span.k-sel:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-5a353b); border-bottom: var(--space-25) solid var(--lp-figma-c-5a353b); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-slots:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-300); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-slots > span:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; display: flex; align-items: center; justify-content: space-between; gap: var(--space-200); height: var(--element-lg); padding: 0 var(--lp-figma-l-9px-2) 0 var(--lp-figma-l-11px); border-radius: var(--corner-radius-750); border: var(--space-25) solid var(--lp-figma-c-5a353b35); font-size: var(--lp-figma-fs-10_5px); color: var(--lp-figma-c-5a353b); background: var(--surface-white-default); white-space: nowrap; min-width: 0; transition: background 0.25s, border-color 0.25s, color 0.25s, transform 0.18s ease-out; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-slots b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 500; line-height: 1; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-slots > span.k-hov:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-5a353b08); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-slots > span.k-pr:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transform: scale(0.96); background: var(--lp-figma-c-5a353b16); transition: none; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-slots > span.k-sel:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-5a353b); border-color: var(--lp-figma-c-5a353b); color: var(--text-white-default); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-slots > span.k-dim:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-f5f2ed); border-color: var(--lp-figma-c-5a353b12); color: var(--lp-figma-c-5a353b55); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-lock:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: inline-flex; align-items: center; gap: var(--lp-figma-l-3px); height: var(--element-xsm); padding: 0 var(--space-200) 0 var(--lp-figma-l-5px); border-radius: var(--corner-radius-750); background: var(--lp-figma-c-5a353b); color: var(--text-white-default); font-style: normal; font-size: var(--lp-figma-fs-8px); line-height: 1; letter-spacing: var(--lp-figma-ls-0_1px); flex: 0 0 auto; opacity: 0; transform: scale(0.6); transition: opacity 0.3s, transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-lock:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 500; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-lock svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; flex: 0 0 auto; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-lock.k-on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1; transform: none; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-join:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; justify-content: space-between; align-items: center; height: 0; margin-top: 0; padding: 0 var(--lp-figma-l-14px); border-radius: var(--lp-figma-l-10px); background: var(--lp-figma-c-f5f2ed); font-size: var(--lp-figma-fs-10px); color: var(--lp-figma-c-5a353b); opacity: 0; overflow: hidden; transition: height 0.5s cubic-bezier(0.16, 1, 0.3, 1), margin 0.5s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s cubic-bezier(0.22, 0.61, 0.36, 1); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-join.k-on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: 34px; margin-top: var(--space-400); opacity: 1; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-join b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-confirm:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; display: flex; align-items: center; justify-content: center; height: 38px; margin-top: var(--space-400); border-radius: var(--corner-radius-750); background: var(--lp-figma-c-5a353b); color: var(--text-white-default); font-size: var(--lp-figma-fs-11px); line-height: 1; overflow: hidden; transition: transform 0.18s ease-out, background 0.2s, box-shadow 0.25s; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-confirm:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-ct:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; line-height: 1; transition: opacity 0.2s, transform 0.3s cubic-bezier(0.16, 1, 0.3, 1); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-ct.k-sw:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 0; transform: translateY(calc(-1 * var(--space-200))); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-done:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; inset: 0; background: var(--lp-figma-c-ffffff92); backdrop-filter: blur(var(--lp-figma-blur-6px)); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--space-200); text-align: center; opacity: 0; transform: scale(0.98); pointer-events: none; transition: opacity 0.45s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.6s cubic-bezier(0.16, 1, 0.3, 1); z-index: 4; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-done.k-on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1; transform: none; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-check:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; width: var(--space-1100); height: var(--space-1100); margin-bottom: var(--space-300); transform: scale(0.6); transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) 0.1s; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-check path:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { stroke-dasharray: 34; stroke-dashoffset: 34; transition: stroke-dashoffset 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0.35s; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-done.k-on .cfv-check:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transform: none; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-done.k-on .cfv-check path:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { stroke-dashoffset: 0; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-done b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-done small:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-done em:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 0; transform: translateY(var(--space-300)); transition: opacity 0.45s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-done.k-on b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1; transform: none; transition-delay: 0.25s; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-done.k-on small:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1; transform: none; transition-delay: 0.35s; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-done.k-on em:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1; transform: none; transition-delay: 0.45s; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-done b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-20px); color: var(--lp-figma-c-5a353b); letter-spacing: var(--lp-figma-ls-0_2px); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-done b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-done small:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-11px); color: var(--lp-figma-c-6f6f78); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-done em:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-top: var(--space-400); font-style: normal; display: inline-flex; align-items: center; justify-content: center; height: 34px; padding: 0 var(--lp-figma-l-26px); border-radius: var(--corner-radius-750); background: var(--lp-figma-c-5a353b); color: var(--text-white-default); font-size: var(--lp-figma-fs-11px); line-height: 1; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-done em:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 500; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-agent:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; left: 50%; bottom: var(--lp-figma-l-22px); transform: translate(-50%, var(--lp-figma-l-14px)) scale(0.96); height: var(--space-1100); display: flex; align-items: center; gap: var(--space-400); padding: 0 var(--lp-figma-l-22px); background: var(--lp-figma-c-14151f); color: var(--text-white-default); border-radius: var(--corner-radius-500); font-size: var(--lp-figma-fs-14px); white-space: nowrap; z-index: 6; opacity: 0; transition: opacity 0.4s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.6s cubic-bezier(0.16, 1, 0.3, 1); box-shadow: var(--lp-figma-c-14151f45) 0 var(--space-700) var(--space-1000) calc(-1 * var(--space-400)); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-agent.k-on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1; transform: translate(-50%, 0); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-spin:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; width: 18px; height: 18px; flex: 0 0 auto; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-spin svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; left: 0; top: 0; display: block; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-spin > svg:first-child:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transition: opacity 0.25s; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-ok:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 0; transform: scale(0.5); transition: opacity 0.3s, transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-ok path:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { stroke-dasharray: 13; stroke-dashoffset: 13; transition: stroke-dashoffset 0.4s cubic-bezier(0.22, 0.61, 0.36, 1) 0.2s; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-agent.k-done .cfv-spin > svg:first-child:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 0; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-agent.k-done .cfv-ok:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1; transform: none; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-agent.k-done .cfv-ok path:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { stroke-dashoffset: 0; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-atx:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { min-width: 170px; transition: opacity 0.2s, transform 0.3s cubic-bezier(0.16, 1, 0.3, 1); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-atx.k-sw:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 0; transform: translateY(var(--lp-figma-l-5px-2)); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-agent small:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--text-white-half); font-size: var(--lp-figma-fs-12px); line-height: 1; margin-left: var(--lp-figma-l-10px); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-atx:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { line-height: 1; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-cursor:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; left: 0; top: 0; z-index: 9; opacity: 0; transform: translate(560px, 300px); transition: transform 1.05s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.35s; pointer-events: none; filter: drop-shadow(var(--lp-figma-c-00000025) 0 var(--space-25) var(--space-50)); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-cursor.k-on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-cursor svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; transform-origin: var(--space-50) var(--space-25); transition: transform 0.14s cubic-bezier(0.22, 0.61, 0.36, 1); filter: drop-shadow(var(--element-white-default) 0 0 var(--space-25)) drop-shadow(var(--element-white-default) 0 0 var(--space-25)); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-cursor.k-click svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transform: none; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-serif:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; overflow: visible; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-brand:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 150px; height: 26px; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-h4:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 340px; height: var(--space-1650); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-h3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 320px; height: var(--element-xlg); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-h3s:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 200px; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-card:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: auto; aspect-ratio: 3 / 2; }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-stage:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transform: scale(0.4764); } }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-ph-row:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; align-items: center; gap: var(--space-400); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-mem:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: inline-flex; align-items: center; height: var(--element-sm); padding: 0 var(--lp-figma-l-9px-2); border-radius: var(--corner-radius-750); background: var(--lp-figma-c-6c8f67); color: var(--text-white-default); font-style: normal; font-size: var(--lp-figma-fs-9px); line-height: 1; letter-spacing: var(--lp-figma-ls-0_2px-2); opacity: 0; transform: scale(0.7); transition: opacity 0.35s, transform 0.55s cubic-bezier(0.34, 1.56, 0.64, 1); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-mem:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-mem.k-on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1; transform: none; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-modal:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; inset: 0; z-index: 5; display: grid; place-items: center; background: var(--lp-figma-c-14151f38); opacity: 0; pointer-events: none; transition: opacity 0.35s cubic-bezier(0.22, 0.61, 0.36, 1); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-modal.k-on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-mcard:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; width: 300px; padding: var(--space-700) var(--space-700) var(--lp-figma-l-18px); border-radius: var(--corner-radius-500); background: var(--surface-white-default); box-shadow: var(--lp-figma-c-14151f45) 0 var(--lp-figma-l-30px) var(--space-1150) calc(-1 * var(--space-600)); text-align: center; transform: translateY(var(--lp-figma-l-14px)) scale(0.96); transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-modal.k-on .cfv-mcard:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transform: none; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-mx:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; right: var(--space-400); top: var(--space-400); width: 18px; height: 18px; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-mx:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::before, body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-mx:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::after { content: ""; position: absolute; left: var(--space-100); top: var(--lp-figma-l-8_5px); width: 10px; height: 1.2px; background: var(--lp-figma-c-9a9aa3); transform: rotate(45deg); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-mx:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::after { transform: rotate(-45deg); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-mtag:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: inline-flex; align-items: center; height: var(--element-sm); padding: 0 var(--lp-figma-l-9px-2); border-radius: var(--corner-radius-750); background: var(--lp-figma-c-5a353b08); color: var(--lp-figma-c-5a353b); font-style: normal; font-size: var(--lp-figma-fs-9px); line-height: 1; letter-spacing: var(--lp-figma-ls-0_4px-2); text-transform: uppercase; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-mtag:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-mcard > b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; margin-top: var(--space-400); font-size: var(--lp-figma-fs-18px); line-height: 1.2; color: var(--lp-figma-c-5a353b); letter-spacing: var(--lp-figma-ls-0_2px); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-mcard > b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-mcard > small:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; margin-top: var(--space-200); font-size: var(--lp-figma-fs-10_5px); line-height: 1.45; color: var(--lp-figma-c-6f6f78); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-mlist:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { list-style: none; margin: var(--lp-figma-l-14px) 0 0; padding: var(--space-400) var(--lp-figma-l-14px); border-radius: var(--lp-figma-l-10px); background: var(--lp-figma-c-f5f2ed); display: grid; gap: var(--space-300); text-align: left; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-mlist li: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-10_5px); line-height: 1; color: var(--lp-figma-c-4a4a52); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-mlist li svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; flex: 0 0 auto; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-mprice:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; align-items: baseline; justify-content: center; gap: var(--space-200); margin-top: var(--space-500); color: var(--lp-figma-c-5a353b); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-mprice b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-22px); line-height: 1; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-mprice b:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-mprice span:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--lp-figma-fs-10px); color: var(--lp-figma-c-6f6f78); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-mjoin:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; display: flex; align-items: center; justify-content: center; height: 38px; margin-top: var(--lp-figma-l-14px); border-radius: var(--corner-radius-750); background: var(--lp-figma-c-5a353b); color: var(--text-white-default); font-size: var(--lp-figma-fs-11px); line-height: 1; overflow: hidden; transition: transform 0.18s ease-out, background 0.2s, box-shadow 0.25s; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-mjoin:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 600; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-mjoin.k-hov:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-6d434a); box-shadow: var(--lp-figma-c-5a353b70) 0 var(--space-300) var(--space-500) calc(-1 * var(--space-300)); transform: translateY(calc(-1 * var(--space-25))); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-mjoin.k-pr:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { transform: scale(0.97); background: var(--lp-figma-c-4a2a30); transition: none; }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-mjoin.k-ok:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-6c8f67); }
body.tw-lp-live.tw-lp-live .cfv-band.cfv-band .cfv-mlater:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; margin-top: var(--lp-figma-l-10px); font-size: var(--lp-figma-fs-10px); color: var(--lp-figma-c-6f6f78); }
body.tw-lp-live.tw-lp-live section.wn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-14151f); -webkit-font-smoothing: antialiased; font-family: var(--font-sans); font-size: var(--lp-figma-fs-16px); line-height: 1.5; }
body.tw-lp-live.tw-lp-live #file:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-141413); }
body.tw-lp-live.tw-lp-live #file:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-121217); font-family: var(--font-sans); -webkit-font-smoothing: antialiased; }
body.tw-lp-live.tw-lp-live #ft:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { 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 #ft:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 400; }
body.tw-lp-live.tw-lp-live #ft:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-121217); font-family: var(--font-sans); -webkit-font-smoothing: antialiased; }
body.tw-lp-live.tw-lp-live ._u70._u70._u70:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: contents; }
body.tw-lp-live.tw-lp-live ._u71._u71._u71:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-family: var(--font-sans); }
body.tw-lp-live.tw-lp-live #lb:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { 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 #lb:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 400; }
body.tw-lp-live.tw-lp-live #lb:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-121217); font-family: var(--font-sans); -webkit-font-smoothing: antialiased; }
body.tw-lp-live.tw-lp-live #su:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { 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 #su:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 400; }
body.tw-lp-live.tw-lp-live #su:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-121217); font-family: var(--font-sans); -webkit-font-smoothing: antialiased; }
body.tw-lp-live.tw-lp-live #toast:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { 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 #toast:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 400; }
body.tw-lp-live.tw-lp-live #toast:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-121217); font-family: var(--font-sans); -webkit-font-smoothing: antialiased; }
body.tw-lp-live.tw-lp-live #hero:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-fafafb); }
body.tw-lp-live.tw-lp-live .ucg-ic:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--text-brand-default); }
body.tw-lp-live.tw-lp-live .ucg-seg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { max-width: 100%; overflow-x: auto; scrollbar-width: none; }
body.tw-lp-live.tw-lp-live .ucg-seg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *)::-webkit-scrollbar { display: none; }
body.tw-lp-live.tw-lp-live .faq-sec:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--surface-white-default); }
body.tw-lp-live.tw-lp-live .ucg-seg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; }
body.tw-lp-live.tw-lp-live .ucg-pill:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; left: 0; top: var(--space-100); height: var(--element-xlg); width: 0; border-radius: var(--corner-radius-200); background: var(--surface-white-default); box-shadow: var(--lp-figma-c-14151f06) 0 var(--space-50) var(--space-100), var(--lp-figma-c-14151f10) 0 var(--space-100) var(--space-300); pointer-events: none; opacity: 0; }
body.tw-lp-live.tw-lp-live .ucg-pill.ready:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { opacity: 1; 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 .ucg-tab:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; z-index: 1; border-radius: var(--corner-radius-200); transition: color 150ms, background-color 150ms; }
body.tw-lp-live.tw-lp-live .ucg-tab:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-14151f50); }
body.tw-lp-live.tw-lp-live .ucg-tab:not(.on):hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-14151f08); color: var(--lp-figma-c-14151f50); }
body.tw-lp-live.tw-lp-live .ucg-tab.on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .ucg-tab.on:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-14151f); }
body.tw-lp-live.tw-lp-live .ucg-seg.has-pill .ucg-tab.on:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .ucg-seg.has-pill .ucg-tab.on:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: transparent; box-shadow: var(--elevation-0); }
body.tw-lp-live.tw-lp-live .ucg-text:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { gap: var(--space-500); }
body.tw-lp-live.tw-lp-live .ucg-hl:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { gap: var(--space-1000); }
body.tw-lp-live.tw-lp-live .ucg-btn a:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .wn-btn a:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--surface-white-default); border-color: var(--border-black-subtle); color: var(--text-black-default); }
body.tw-lp-live.tw-lp-live .ucg-btn a span:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .wn-btn a span:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 400; }
body.tw-lp-live.tw-lp-live .ucg-btn a:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .ucg-btn a:focus-visible:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .wn-btn a:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .wn-btn a:focus-visible:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-14151f06); border-color: var(--border-black-subtle); color: var(--text-black-default); }
body.tw-lp-live.tw-lp-live .cta-sec .cta-badge-row .cta-brk:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; flex-basis: 100%; width: 100%; height: 0; margin: 0; padding: 0; }
body.tw-lp-live.tw-lp-live .cta-sec .cta-badge-row .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-badge-row .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-badge-row .cta-brk ~ .cta-badge:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-top: 0; } }
body.tw-lp-live.tw-lp-live .faq-sec .eg-section:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding-top: 0; }
@media (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-tw .cta-br:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: inline-block; width: 11.2px; height: var(--space-25); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .cta-sec .cta-tw .cta-br:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: inline-block; width: 7.28px; height: var(--space-25); } }
@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); } }
@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 .uch-hero:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .uch-hero *:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { box-sizing: border-box; }
body.tw-lp-live.tw-lp-live .uch-hero:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: var(--space-1600); box-sizing: border-box; min-height: 810px; padding-top: var(--space-1600); overflow: hidden; background: linear-gradient(transparent 0%, var(--lp-figma-c-3339f108) 100%), var(--surface-white-default); font-family: var(--font-sans); -webkit-font-smoothing: antialiased; }
body.tw-lp-live.tw-lp-live .uch-hero__container:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; flex-direction: column; align-items: center; padding: 0 var(--space-900); width: 100%; max-width: var(--container-desktop); margin: 0 auto; }
body.tw-lp-live.tw-lp-live .uch-hero__content:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; flex-direction: column; align-items: center; gap: var(--space-1000); width: 100%; max-width: 1012px; text-align: center; }
body.tw-lp-live.tw-lp-live .uch-hero__text:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; flex-direction: column; align-items: center; gap: var(--space-500); width: 100%; }
body.tw-lp-live.tw-lp-live .uch-hero__headline:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: flex; flex-direction: column; align-items: center; gap: var(--space-400); width: 100%; }
body.tw-lp-live.tw-lp-live .uch-badge: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); 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); }
body.tw-lp-live.tw-lp-live .uch-badge:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 500; }
body.tw-lp-live.tw-lp-live .uch-hero .uch-title:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0; font-size: var(--lp-figma-fs-52px); line-height: var(--lp-figma-lh-68px); letter-spacing: 0px; color: var(--lp-figma-c-14151f); }
body.tw-lp-live.tw-lp-live .uch-hero .uch-title:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 500; }
body.tw-lp-live.tw-lp-live .uch-hero .uch-desc:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0; font-size: var(--lp-figma-fs-20px); line-height: var(--lp-figma-lh-30px); letter-spacing: 0px; color: var(--lp-figma-c-14151f70); }
body.tw-lp-live.tw-lp-live .uch-hero .uch-desc:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 400; }
body.tw-lp-live.tw-lp-live .uch-hero .uch-desc br:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: inline; }
body.tw-lp-live.tw-lp-live .uch-btn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: relative; display: inline-flex; align-items: center; justify-content: center; height: var(--element-2xlg); padding: 0 var(--space-600); border-radius: var(--corner-radius-300); border: var(--space-25) solid transparent; background: var(--surface-brand-default); font-size: var(--lp-figma-fs-14px); line-height: var(--lp-figma-lh-20px); text-decoration: none; white-space: nowrap; transition: background-color 0.2s, color 0.2s; color: var(--text-white-default) !important; }
body.tw-lp-live.tw-lp-live .uch-btn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 400; }
body.tw-lp-live.tw-lp-live .uch-btn:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-3339f170); }
body.tw-lp-live.tw-lp-live .uch-btn:focus-visible:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { outline: var(--border-brand-default) solid var(--space-50); outline-offset: var(--space-50); }
body.tw-lp-live.tw-lp-live .uch-btn[aria-disabled="true"]:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .uch-btn.is-disabled:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--surface-brand-half); pointer-events: none; cursor: default; color: var(--lp-figma-c-ffffff40) !important; }
body.tw-lp-live.tw-lp-live .uch-btn[aria-busy="true"]:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .uch-btn.is-loading:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--surface-brand-half); pointer-events: none; cursor: default; color: transparent !important; }
body.tw-lp-live.tw-lp-live .uch-btn__spinner:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; top: 50%; left: 50%; width: var(--element-xsm); height: var(--element-xsm); margin: calc(-1 * var(--space-300)) 0 0 calc(-1 * var(--space-300)); display: none; }
body.tw-lp-live.tw-lp-live .uch-btn__spinner-img:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { position: absolute; inset: 0.33%; display: block; background-image: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE1Ljg5NiIgaGVpZ2h0PSIxNS44OTYiIHZpZXdCb3g9IjAgMCAxNS44OTYgMTUuODk2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBpZD0iVmVjdG9yIj4KPHBhdGggaWQ9IlZlY3Rvcl8yIiBkPSJNMTQuNjczIDkuMTcwOTlDMTUuMzQ4NCA5LjE3MDk5IDE1Ljg5NiA4LjYyMzQ0IDE1Ljg5NiA3Ljk0Nzk5QzE1Ljg5NiA3LjI3MjU1IDE1LjM0ODQgNi43MjQ5OSAxNC42NzMgNi43MjQ5OUMxMy45OTc1IDYuNzI0OTkgMTMuNDUgNy4yNzI1NSAxMy40NSA3Ljk0Nzk5QzEzLjQ1IDguNjIzNDQgMTMuOTk3NSA5LjE3MDk5IDE0LjY3MyA5LjE3MDk5WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggaWQ9IlZlY3Rvcl8zIiBkPSJNMS4yMjMgOS4xNzA5OUMxLjg5ODQ0IDkuMTcwOTkgMi40NDYgOC42MjM0NCAyLjQ0NiA3Ljk0Nzk5QzIuNDQ2IDcuMjcyNTUgMS44OTg0NCA2LjcyNDk5IDEuMjIzIDYuNzI0OTlDMC41NDc1NTYgNi43MjQ5OSAwIDcuMjcyNTUgMCA3Ljk0Nzk5QzAgOC42MjM0NCAwLjU0NzU1NiA5LjE3MDk5IDEuMjIzIDkuMTcwOTlaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjQiLz4KPHBhdGggaWQ9IlZlY3Rvcl80IiBkPSJNNy45NDgxIDE1Ljg5NkM4LjYyMzU0IDE1Ljg5NiA5LjE3MTEgMTUuMzQ4NCA5LjE3MTEgMTQuNjczQzkuMTcxMSAxMy45OTc2IDguNjIzNTQgMTMuNDUgNy45NDgxIDEzLjQ1QzcuMjcyNjUgMTMuNDUgNi43MjUxIDEzLjk5NzYgNi43MjUxIDE0LjY3M0M2LjcyNTEgMTUuMzQ4NCA3LjI3MjY1IDE1Ljg5NiA3Ljk0ODEgMTUuODk2WiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC40Ii8+CjxwYXRoIGlkPSJWZWN0b3JfNSIgZD0iTTcuOTQ4MSAyLjQ0NkM4LjYyMzU0IDIuNDQ2IDkuMTcxMSAxLjg5ODQ0IDkuMTcxMSAxLjIyM0M5LjE3MTEgMC41NDc1NTYgOC42MjM1NCAwIDcuOTQ4MSAwQzcuMjcyNjUgMCA2LjcyNTEgMC41NDc1NTYgNi43MjUxIDEuMjIzQzYuNzI1MSAxLjg5ODQ0IDcuMjcyNjUgMi40NDYgNy45NDgxIDIuNDQ2WiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC40Ii8+CjxwYXRoIGlkPSJWZWN0b3JfNiIgZD0iTTQuMDgxNjMgMTMuNTg0QzQuNTU3MjMgMTMuMTA0MyA0LjU1Mzk3IDEyLjMzIDQuMDc0MzYgMTEuODU0NEMzLjU5NDc0IDExLjM3ODggMi44MjAzOSAxMS4zODIgMi4zNDQ3OSAxMS44NjE3QzEuODY5MTkgMTIuMzQxMyAxLjg3MjQ1IDEzLjExNTYgMi4zNTIwNiAxMy41OTEyQzIuODMxNjggMTQuMDY2OCAzLjYwNjAzIDE0LjA2MzYgNC4wODE2MyAxMy41ODRaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjQiLz4KPHBhdGggaWQ9IlZlY3Rvcl83IiBkPSJNMTMuNTUxNCA0LjAzNDE1QzE0LjAyNyAzLjU1NDU0IDE0LjAyMzcgMi43ODAxOCAxMy41NDQxIDIuMzA0NTlDMTMuMDY0NSAxLjgyODk5IDEyLjI5MDEgMS44MzIyNSAxMS44MTQ1IDIuMzExODZDMTEuMzM4OSAyLjc5MTQ4IDExLjM0MjIgMy41NjU4MyAxMS44MjE4IDQuMDQxNDNDMTIuMzAxNCA0LjUxNzAzIDEzLjA3NTggNC41MTM3NyAxMy41NTE0IDQuMDM0MTVaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjQiLz4KPHBhdGggaWQ9IlZlY3Rvcl84IiBkPSJNNC4wNDE1OSA0LjA3NDEzQzQuNTE3MTkgMy41OTQ1MiA0LjUxMzkzIDIuODIwMTYgNC4wMzQzMiAyLjM0NDU2QzMuNTU0NyAxLjg2ODk3IDIuNzgwMzUgMS44NzIyMiAyLjMwNDc1IDIuMzUxODRDMS44MjkxNSAyLjgzMTQ2IDEuODMyNDEgMy42MDU4MSAyLjMxMjAzIDQuMDgxNDFDMi43OTE2NCA0LjU1NzAxIDMuNTY1OTkgNC41NTM3NSA0LjA0MTU5IDQuMDc0MTNaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjQiLz4KPHBhdGggaWQ9IlZlY3Rvcl85IiBkPSJNMTMuNTkxNCAxMy41NDRDMTQuMDY3IDEzLjA2NDQgMTQuMDYzNyAxMi4yOSAxMy41ODQxIDExLjgxNDRDMTMuMTA0NSAxMS4zMzg4IDEyLjMzMDIgMTEuMzQyMSAxMS44NTQ2IDExLjgyMTdDMTEuMzc5IDEyLjMwMTMgMTEuMzgyMiAxMy4wNzU3IDExLjg2MTggMTMuNTUxM0MxMi4zNDE0IDE0LjAyNjkgMTMuMTE1OCAxNC4wMjM2IDEzLjU5MTQgMTMuNTQ0WiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC40Ii8+CjwvZz4KPC9zdmc+Cg=="); background-position: center center; background-size: 100% 100%; background-repeat: no-repeat; }
body.tw-lp-live.tw-lp-live .uch-btn[aria-busy="true"] .uch-btn__spinner:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .uch-btn.is-loading .uch-btn__spinner:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; animation: 0.9s linear 0s infinite normal none running uch-page-spin; }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .uch-hero__container:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: 0 var(--space-600); max-width: none; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .uch-hero__content:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { max-width: none; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .uch-btn:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { align-self: stretch; width: 100%; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .uch-hero:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { min-height: 0; padding-top: var(--space-1400); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .uch-hero__container: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 .uch-hero__content: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 .uch-hero__text:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .uch-hero__headline: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 .uch-badge:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { height: var(--element-md); padding: 0 var(--space-300); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .uch-badge:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: 400; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .uch-hero .uch-title:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--type-h1-size); line-height: var(--type-h1-line-height); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .uch-hero .uch-desc:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .uch-hero .uch-desc br:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: none; } }
body.tw-lp-live.tw-lp-live .uch-hero:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-top: var(--lp-figma-l-81px); }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live .uch-hero:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-top: var(--lp-figma-l-69px); } }
@keyframes page-uch-spin { 100% { transform: rotate(360deg); } }
body.tw-lp-live.tw-lp-live .uch-hero:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { justify-content: flex-start; padding-bottom: var(--space-1600); min-height: 0; }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .uch-hero:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding-bottom: var(--space-1200); } }
body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-w:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: inline-block; white-space: nowrap; }
body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: inline-block; }
body.tw-lp-live.tw-lp-live .uch-hero .uch-sr-only: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 .uch-hero .uch-title.rv .w:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .uch-hero .uch-title.rv .ch:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: inline; white-space: normal; opacity: 1; animation: none; color: inherit; filter: none; transform: none; }
@keyframes page-uch-reveal-c0 { 0% { opacity: 0; filter: blur(var(--lp-figma-blur-8px)); color: var(--text-brand-default); transform: translateX(calc(-1 * var(--space-50))); } 35% { opacity: 1; filter: blur(var(--background-blur-0)); color: var(--text-brand-default); transform: none; } }
@keyframes page-uch-reveal-c1 { 0% { opacity: 0; filter: blur(var(--lp-figma-blur-8px)); color: var(--lp-figma-c-5257f4); transform: translateX(calc(-1 * var(--space-50))); } 35% { opacity: 1; filter: blur(var(--background-blur-0)); color: var(--lp-figma-c-5257f4); transform: none; } }
@keyframes page-uch-reveal-c2 { 0% { opacity: 0; filter: blur(var(--lp-figma-blur-8px)); color: var(--lp-figma-c-7377f7); transform: translateX(calc(-1 * var(--space-50))); } 35% { opacity: 1; filter: blur(var(--background-blur-0)); color: var(--lp-figma-c-7377f7); transform: none; } }
@keyframes page-uch-reveal-c3 { 0% { opacity: 0; filter: blur(var(--lp-figma-blur-8px)); color: var(--lp-figma-c-9598fa); transform: translateX(calc(-1 * var(--space-50))); } 35% { opacity: 1; filter: blur(var(--background-blur-0)); color: var(--lp-figma-c-9598fa); transform: none; } }
@keyframes page-uch-reveal { 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; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation: page-uch-reveal 0.95s cubic-bezier(0.22, 1, 0.36, 1) both; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-c0:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-uch-reveal-c0; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-c1:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-uch-reveal-c1; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-c2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-uch-reveal-c2; } }
@media (prefers-reduced-motion: no-preference) { body.tw-lp-live.tw-lp-live .uch-hero .uch-split .uch-ch.uch-c3:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation-name: page-uch-reveal-c3; } }
body.tw-lp-live.tw-lp-live .uch-hero h1.uch-title br.uch-tbr:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: inline; }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { 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; 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 .s6-all: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 .s6-all: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 .s6-all:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-caption-lg-weight); } }
body.tw-lp-live.tw-lp-live .su-b.alt:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .ghost:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .s6-all:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: transparent; border-color: var(--lp-figma-c-14151f); color: var(--lp-figma-c-14151f); }
body.tw-lp-live.tw-lp-live .su-b.alt:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .ghost:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .s6-all:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-14151f); color: var(--text-white-adept); }
body.tw-lp-live.tw-lp-live .cta:focus-visible:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .fbtn:focus-visible:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .su-b:focus-visible:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .ghost:focus-visible:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .s2-cta:focus-visible:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .s4-cta:focus-visible:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .s6-all: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 .s2 h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .s4 h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .s6 h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .s7 h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-14151f); }
@media (min-width: 1261px) { 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-1400) var(--space-1450); color: var(--lp-figma-c-14151f); } }
@media (min-width: 768px) and (max-width: 1260px) { 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-1400) var(--space-600); color: var(--lp-figma-c-14151f); } }
@media (max-width: 767px) { 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-1000) var(--space-500); color: var(--lp-figma-c-14151f); } }
body.tw-lp-live.tw-lp-live .s6-in:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { max-width: var(--container-desktop); 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-700); }
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-14151f10-2); }
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-14151f10-2); }
@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) 0; text-align: left; font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); letter-spacing: 0px; color: var(--lp-figma-c-14151f); } }
@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: var(--type-h6-weight); } }
@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) 0; text-align: left; font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); letter-spacing: 0px; color: var(--lp-figma-c-14151f); } }
@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: var(--type-h6-weight); } }
body.tw-lp-live.tw-lp-live .qa-q i:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: var(--element-md); height: var(--element-md); display: grid; place-items: center; color: var(--lp-figma-c-14151f); flex: 0 0 auto; }
body.tw-lp-live.tw-lp-live .qa-q i svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; width: var(--element-md); height: var(--element-md); }
body.tw-lp-live.tw-lp-live .qa-q i .qi-minus:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live .qa.open .qa-q i .qi-plus:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: none; }
body.tw-lp-live.tw-lp-live .qa.open .qa-q i .qi-minus: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 .qa-a p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0; padding: 0 var(--space-1200) var(--space-700) 0; font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); color: var(--lp-figma-c-14151f80); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live .qa-a p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-weight-light); } }
@media (max-width: 767px) { 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-1200) var(--space-700) 0; font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); color: var(--lp-figma-c-14151f80); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live .qa-a p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-weight-light); } }
@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 (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 (min-width: 1261px) { 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-1600) var(--space-1450); color: var(--lp-figma-c-14151f); } }
@media (min-width: 768px) and (max-width: 1260px) { 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-1600) var(--space-600); color: var(--lp-figma-c-14151f); } }
@media (max-width: 767px) { 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-1600) var(--space-500); color: var(--lp-figma-c-14151f); } }
body.tw-lp-live.tw-lp-live #s6 .s6-in:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { max-width: 1012px; margin: 0 auto; display: flex; flex-direction: column; align-items: stretch; gap: 0; }
body.tw-lp-live.tw-lp-live #s6 .s6-l:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0 0 var(--space-1200); }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live #s6 h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0; font-size: var(--type-h2-size); line-height: var(--type-h2-line-height); letter-spacing: var(--type-h2-letter-spacing); color: var(--lp-figma-c-14151f); text-wrap: pretty; } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live #s6 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 #s6 h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0; font-size: var(--type-h2-size); line-height: var(--type-h2-line-height); letter-spacing: var(--type-h2-letter-spacing); color: var(--lp-figma-c-14151f); text-wrap: pretty; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s6 h2:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-weight-medium); } }
body.tw-lp-live.tw-lp-live #s6 .faq:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-top: 0; display: flex; flex-direction: column; }
body.tw-lp-live.tw-lp-live #s6 .qa:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { border-bottom: var(--space-25) solid var(--lp-figma-c-14151f10-2); padding: var(--space-700) 0; }
body.tw-lp-live.tw-lp-live #s6 .qa:first-child: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 #s6 .qa-q:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 100%; display: flex; align-items: center; gap: var(--space-1350); padding: 0; text-align: left; font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); letter-spacing: var(--type-h6-letter-spacing); color: var(--lp-figma-c-14151f); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live #s6 .qa-q: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 #s6 .qa-q:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: 100%; display: flex; align-items: center; gap: var(--space-1350); padding: 0; text-align: left; font-size: var(--type-h6-size); line-height: var(--type-h6-line-height); letter-spacing: var(--type-h6-letter-spacing); color: var(--lp-figma-c-14151f); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s6 .qa-q:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-weight-medium); } }
body.tw-lp-live.tw-lp-live #s6 .qa-q span:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { flex: 1 1 0%; min-width: 0; }
body.tw-lp-live.tw-lp-live #s6 .qa-q i:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: var(--element-md); height: var(--element-md); display: grid; place-items: center; color: var(--lp-figma-c-14151f); flex: 0 0 auto; }
body.tw-lp-live.tw-lp-live #s6 .qa-q i svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: var(--element-md); height: var(--element-md); }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live #s6 .qa-a p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0; padding: var(--space-500) 0 0; font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); letter-spacing: var(--type-body-md-letter-spacing); color: var(--lp-figma-c-14151f80); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live #s6 .qa-a p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-weight-light); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s6 .qa-a p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin: 0; padding: var(--space-500) 0 0; font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); letter-spacing: var(--type-body-md-letter-spacing); color: var(--lp-figma-c-14151f80); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s6 .qa-a p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-weight-light); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live #s6 .s6-all:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { align-self: center; margin-top: var(--space-1000); height: var(--element-2xlg); padding: 0 var(--space-600); gap: var(--space-400); background: var(--surface-white-default); border: var(--space-25) solid var(--lp-figma-c-14151f10-2); border-radius: var(--corner-radius-300); color: var(--lp-figma-c-14151f); font-size: var(--type-caption-lg-size); line-height: var(--type-caption-lg-line-height); } }
@media (min-width: 1261px), (min-width: 768px) and (max-width: 1260px) { body.tw-lp-live.tw-lp-live #s6 .s6-all: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 #s6 .s6-all:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { align-self: center; margin-top: var(--space-1000); height: var(--element-2xlg); padding: 0 var(--space-600); gap: var(--space-400); background: var(--surface-white-default); border: var(--space-25) solid var(--lp-figma-c-14151f10-2); border-radius: var(--corner-radius-300); color: var(--lp-figma-c-14151f); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s6 .s6-all:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { font-weight: var(--type-weight-regular); } }
body.tw-lp-live.tw-lp-live #s6 .s6-all:hover:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { background: var(--lp-figma-c-14151f10); border-color: var(--lp-figma-c-14151f20); color: var(--lp-figma-c-14151f); }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live #s6 .s6-in:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { max-width: none; } }
@media (min-width: 768px) and (max-width: 1260px), (max-width: 767px) { body.tw-lp-live.tw-lp-live #s6 .s6-all:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { align-self: stretch; } }
@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-1000) var(--space-500); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s6 .s6-l: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 #s6 .qa:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-500) 0; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s6 .qa:first-child:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding-top: 0; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s6 .qa-q:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { gap: var(--space-700); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s6 .qa-q i:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #s6 .qa-q i svg:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { width: var(--element-sm); height: var(--element-sm); } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s6 .qa-a p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-400) 0 0; } }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s6 .s6-all:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { margin-top: var(--space-900); } }
body.tw-lp-live.tw-lp-live #s4 .s4-sub:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #s4 .cmp-r .vx:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *), body.tw-lp-live.tw-lp-live #s6 .qa-a p:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { color: var(--lp-figma-c-14151f70); }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s6 .s6-all: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 #s6 .qa-more:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: none; }
body.tw-lp-live.tw-lp-live #s6 .faq.all .qa-more:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { display: block; animation: 0.45s cubic-bezier(0.16, 1, 0.3, 1) both page-qaMore; }
@media (prefers-reduced-motion: reduce) { body.tw-lp-live.tw-lp-live #s6 .faq.all .qa-more:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { animation: none; } }
body.tw-lp-live.tw-lp-live #s6 .qa-q:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-700) 0; margin: calc(-1 * var(--space-700)) 0; }
@media (max-width: 767px) { body.tw-lp-live.tw-lp-live #s6 .qa-q:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding: var(--space-500) 0; margin: calc(-1 * var(--space-500)) 0; } }
body.tw-lp-live.tw-lp-live #s6 .qa:first-child .qa-q:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { padding-top: 0; margin-top: 0; }
@keyframes page-qaMore { 0% { opacity: 0; transform: translateY(calc(-1 * var(--space-200))); } 100% { opacity: 1; transform: none; } }
body.tw-lp-live.tw-lp-live section.s6 button.qa-q:not(:where(#header, #colophon, [data-tw-theme], [data-tw-shared]) *) { -webkit-appearance: none; appearance: none; font-family: inherit; color: inherit; background: none; border: 0; border-radius: 0; letter-spacing: 0; cursor: pointer; }
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)); } }


/*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;
  }
}