@layer haya-defaults, haya-tokens, haya-page, haya-node;
@layer haya-page {
[data-pb="sec-nav"] {
  position: relative;
  --space-2xs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 40px;
  --space-3xl: 96px;
  --text-sm: 0.9375rem;
  --text-md: 1.0625rem;
  --leading-body: 1.85;
  --weight-body: 400;
  --weight-ui: 500;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-micro: 120ms;
  --dur-short: 220ms;
  --container: 1440px;
  --gutter: 64px;
  --nav-height: 64px;
  --z-dropdown: 100;
  --z-sticky-nav: 300;
  --z-toast: 500;
  --color-paper: oklch(12.2% 0.006 252);
  --color-paper-2: oklch(15.6% 0.007 252);
  --color-paper-3: oklch(19.4% 0.008 252);
  --color-ink: oklch(95.6% 0.006 252);
  --color-ink-2: oklch(82% 0.009 252);
  --color-muted: oklch(69% 0.012 252);
  --color-rule: oklch(24.5% 0.009 252);
  --color-rule-2: oklch(31% 0.011 252);
  --color-accent: oklch(68.6% 0.152 243.8);
  --color-focus: oklch(72% 0.18 244);
  --ed-canvas: #1a1a1a;
  --ed-dot-faint: rgb(217 217 217 / 0.15);
  --sb-glass: rgb(255 255 255 / 0.04);
  --sb-shadow: 0 10px 24px -14px rgb(0 0 0 / 0.45);
  --font-body: "Estedad", "Estedad Fallback", Tahoma, sans-serif;
  --radius-card: 14px;
  --radius-ui: 8px;
  --radius-pill: 999px;
}
@media (max-width: 60rem) {
[data-pb="sec-nav"] {
  --gutter: 24px;
}
}
@media (max-width: 40rem) {
[data-pb="sec-nav"] {
  --gutter: 16px;
}
}
[data-pb="sec-nav"] {
  color: var(--color-ink);
  font-family: var(--font-body);
  font-size: var(--text-md);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  caret-color: var(--color-accent);
  font-size: var(--text-md);
  line-height: var(--leading-body);
  font-weight: var(--weight-body);
  font-feature-settings: "kern" 1;
  font-synthesis: none;
}
@font-face {
  font-family: "Estedad";
  src: url("https://teo.webone.co/theo-landing/fonts/Estedad-wght.woff2") format("woff2-variations"), url("https://teo.webone.co/theo-landing/fonts/Estedad-wght.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Estedad Fallback";
  src: local("Tahoma"), local("Geeza Pro"), local("Arial");
  size-adjust: 104%;
  ascent-override: 98%;
  descent-override: 42%;
  line-gap-override: 0%;
}
[data-pb="sec-nav"] .pb-generic,
[data-pb="sec-nav"] .pb-pass {
  display: contents;
}
[data-pb="sec-nav"] .t.t.t {
  display: contents;
}
[data-pb="sec-nav"] .ui-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
}
[data-pb="sec-nav"] .pb-anchor {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 1px;
  height: 1px;
  pointer-events: none;
  scroll-margin-top: calc(var(--nav-height) + var(--space-lg));
}
[data-pb="sec-nav"] .pb-embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
[data-pb="sec-nav"] *,
[data-pb="sec-nav"] *::before,
[data-pb="sec-nav"] *::after {
  box-sizing: border-box;
}
[data-pb="sec-nav"] *::selection {
  background: color-mix(in oklab, var(--color-accent) 22%, transparent);
  color: var(--color-ink);
}
[data-pb="sec-nav"] *:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: 2px;
}
[data-pb="sec-nav"] a {
  color: inherit;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.16em;
}
[data-pb="sec-nav"] video {
  max-width: 100%;
  height: auto;
  display: block;
}
[data-pb="sec-nav"] svg {
  display: block;
}
[data-pb="sec-nav"] [hidden] {
  display: none;
}
[data-pb="sec-nav"] .container {
  width: 100%;
  max-width: var(--container);
  margin-inline: auto;
  padding-inline: var(--gutter);
  box-sizing: border-box;
}
[data-pb="sec-nav"] .num,
[data-pb="sec-nav"] .figure,
[data-pb="sec-nav"] td.num {
  font-variant-numeric: tabular-nums;
}
[data-pb="sec-nav"] [data-slot] > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
[data-slot]:has(> img) > [data-pb="sec-nav"]:not(img):not([data-keep]) {
  display: none;
}
@media (prefers-reduced-motion: reduce) {
[data-pb="sec-nav"]*:not(.keep-motion),
[data-pb="sec-nav"]*:not(.keep-motion)::before,
[data-pb="sec-nav"]*:not(.keep-motion)::after {
  animation-duration: 0.01ms;
  animation-iteration-count: 1;
  transition-duration: 0.01ms;
  scroll-behavior: auto;
}
}
[data-pb="sec-nav"] .icon {
  flex-shrink: 0;
}
[data-pb="sec-nav"] .skip {
  position: absolute;
  inset-inline-start: var(--space-md);
  top: calc(-1 * var(--space-3xl));
  z-index: var(--z-toast);
  padding: var(--space-xs) var(--space-md);
  border-radius: var(--radius-ui);
  background: var(--color-ink);
  color: var(--color-paper);
}
[data-pb="sec-nav"] .skip:focus-visible {
  top: var(--space-md);
}
[data-pb="sec-nav"] .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-xs);
  min-height: 48px;
  padding: 0 var(--space-lg);
  border: 1px solid transparent;
  border-radius: var(--radius-pill);
  font: var(--weight-ui) var(--text-md)/1 var(--font-body);
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  transition: background-color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out);
}
[data-pb="sec-nav"] .btn:active {
  transform: translateY(1px);
}
[data-pb="sec-nav"] .btn:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: 3px;
}
[data-pb="sec-nav"] .btn:disabled,
[data-pb="sec-nav"] .btn[aria-disabled="true"] {
  opacity: 0.55;
  cursor: not-allowed;
  transform: none;
}
[data-pb="sec-nav"] .btn[aria-busy="true"] {
  cursor: progress;
}
[data-pb="sec-nav"] .btn--quiet {
  border-color: var(--color-rule-2);
  background: var(--color-paper);
  color: var(--color-ink);
}
[data-pb="sec-nav"] .btn--quiet:hover {
  border-color: var(--color-muted);
  background: var(--color-paper-2);
}
[data-pb="sec-nav"] .btn--small {
  min-height: 44px;
  padding: 0 var(--space-md);
  font-size: var(--text-sm);
}
[data-pb="sec-nav"] .btn--glass {
  position: relative;
  isolation: isolate;
  border: 1px solid var(--color-rule-2);
  border-radius: 40px;
  background: linear-gradient(var(--sb-glass), var(--sb-glass)), var(--color-paper);
  box-shadow: var(--sb-shadow);
  color: var(--color-ink);
  transition: transform 250ms cubic-bezier(0.2, 0.8, 0.2, 1), background-color var(--dur-short) var(--ease-out);
}
[data-pb="sec-nav"] .btn--glass.is-lit {
  border-color: transparent;
}
[data-pb="sec-nav"] .btn--glass:hover {
  background: linear-gradient(var(--sb-glass), var(--sb-glass)), var(--color-paper-2);
}
[data-pb="sec-nav"] .btn--glass:active {
  transform: scale(0.97);
}
[data-pb="sec-nav"] .specular__light {
  position: absolute;
  inset: -24px;
  z-index: 1;
  display: block;
  width: calc(100% + 48px);
  height: calc(100% + 48px);
  pointer-events: none;
}
[data-pb="sec-nav"] .specular__label {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: inherit;
}
[data-pb="sec-nav"] {
  position: sticky;
  top: 0;
  z-index: var(--z-sticky-nav);
  height: var(--nav-height);
  background: transparent;
  transition: background-color var(--dur-short) var(--ease-out);
}
[data-pb="sec-nav"].is-scrolled {
  background: color-mix(in oklab, var(--color-paper) 82%, transparent);
  backdrop-filter: blur(14px);
}
[data-pb="sec-nav"] .nav__inner {
  display: flex;
  align-items: center;
  gap: var(--space-xl);
  height: var(--nav-height);
}
[data-pb="sec-nav"] .mark {
  display: inline-flex;
  align-items: center;
  gap: var(--space-xs);
  min-height: 44px;
  color: var(--color-ink);
  text-decoration: none;
}
[data-pb="sec-nav"] .mark:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: 4px;
  border-radius: var(--radius-ui);
}
[data-pb="sec-nav"] .mark__logo {
  display: block;
  width: auto;
  height: 28px;
  aspect-ratio: 32 / 21;
}
[data-pb="sec-nav"] .nav__links {
  display: flex;
  align-items: center;
  gap: var(--space-2xs);
  margin-inline-start: calc(-1 * var(--space-sm));
}
[data-pb="sec-nav"] .nav__links a,
[data-pb="sec-nav"] .nav__login {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0 var(--space-sm);
  border-radius: var(--radius-ui);
  color: var(--color-ink-2);
  font: var(--weight-ui) var(--text-sm)/1 var(--font-body);
  text-decoration: none;
  white-space: nowrap;
  transition: color var(--dur-short) var(--ease-out);
}
[data-pb="sec-nav"] .nav__links a:hover,
[data-pb="sec-nav"] .nav__login:hover {
  color: var(--color-ink);
}
[data-pb="sec-nav"] .nav__links a:active,
[data-pb="sec-nav"] .nav__login:active {
  color: var(--color-muted);
}
[data-pb="sec-nav"] .nav__links a:focus-visible,
[data-pb="sec-nav"] .nav__login:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: 0;
}
[data-pb="sec-nav"] .nav__links a[aria-current="true"] {
  color: var(--color-ink);
}
[data-pb="sec-nav"] .nav__end {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  margin-inline-start: auto;
}
[data-pb="sec-nav"] .nav__menu {
  position: relative;
  display: none;
}
[data-pb="sec-nav"] .nav__menu summary {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: var(--radius-pill);
  color: var(--color-ink);
  cursor: pointer;
  list-style: none;
}
[data-pb="sec-nav"] .nav__menu summary::-webkit-details-marker {
  display: none;
}
[data-pb="sec-nav"] .nav__menu summary:hover {
  background: var(--color-paper-3);
}
[data-pb="sec-nav"] .nav__menu summary:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: 2px;
}
[data-pb="sec-nav"] .nav__sheet {
  position: absolute;
  top: calc(100% + var(--space-xs));
  inset-inline-end: 0;
  z-index: var(--z-dropdown);
  display: grid;
  min-width: 12rem;
  padding: var(--space-xs);
  border: 1px solid var(--color-rule);
  border-radius: var(--radius-card);
  background: var(--color-paper-2);
}
[data-pb="sec-nav"] .nav__sheet a {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 0 var(--space-sm);
  border-radius: var(--radius-ui);
  color: var(--color-ink);
  text-decoration: none;
}
[data-pb="sec-nav"] .nav__sheet a:hover {
  background: var(--color-paper-3);
}
[data-pb="sec-nav"] .nav__sheet a:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: -2px;
}
@media (max-width: 60rem) {
[data-pb="sec-nav"] .nav__links {
  display: none;
}
}
@media (max-width: 60rem) {
[data-pb="sec-nav"] .nav__menu {
  display: block;
}
}
@media (max-width: 40rem) {
[data-pb="sec-nav"] .nav__end .btn--small {
  padding: 0 var(--space-sm);
}
}
[data-pb="sec-nav"] .sell__canvas {
  background: radial-gradient(circle, var(--ed-dot-faint) 0.85px, transparent 1.1px) 0 0 / 12px 12px, var(--ed-canvas);
}
[data-pb="sec-nav"] [hidden]:not(.voice__item) {
  display: none;
}
[data-pb="sec-nav"] .is-hidden {
  display: none;
}
[data-pb="sec-hero"] {
  position: relative;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-2xl: 64px;
  --text-sm: 0.9375rem;
  --text-md: 1.0625rem;
  --text-display: clamp(2rem, 2.9vw + 0.9rem, 3.625rem);
  --text-lead: clamp(1.0625rem, 0.3vw + 1rem, 1.25rem);
  --leading-display: 1.26;
  --leading-body: 1.85;
  --weight-body: 400;
  --weight-ui: 500;
  --weight-display: 700;
  --weight-hero: 800;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-micro: 120ms;
  --dur-short: 220ms;
  --container: 1440px;
  --gutter: 64px;
  --gap-columns: 32px;
  --nav-height: 64px;
  --color-paper: oklch(12.2% 0.006 252);
  --color-paper-2: oklch(15.6% 0.007 252);
  --color-ink: oklch(95.6% 0.006 252);
  --color-ink-2: oklch(82% 0.009 252);
  --color-muted: oklch(69% 0.012 252);
  --color-rule-2: oklch(31% 0.011 252);
  --color-accent: oklch(68.6% 0.152 243.8);
  --color-focus: oklch(72% 0.18 244);
  --ed-canvas: #1a1a1a;
  --ed-dot-faint: rgb(217 217 217 / 0.15);
  --font-display: "Estedad", "Estedad Fallback", Tahoma, sans-serif;
  --font-body: "Estedad", "Estedad Fallback", Tahoma, sans-serif;
  --radius-pill: 999px;
  --tracking-display: 0;
}
@media (max-width: 60rem) {
[data-pb="sec-hero"] {
  --gutter: 24px;
}
}
@media (max-width: 40rem) {
[data-pb="sec-hero"] {
  --gutter: 16px;
  --gap-columns: 16px;
}
}
[data-pb="sec-hero"] {
  color: var(--color-ink);
  font-family: var(--font-body);
  font-size: var(--text-md);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  caret-color: var(--color-accent);
  font-size: var(--text-md);
  line-height: var(--leading-body);
  font-weight: var(--weight-body);
  font-feature-settings: "kern" 1;
  font-synthesis: none;
}
[data-pb="sec-hero"] .pb-generic,
[data-pb="sec-hero"] .pb-pass {
  display: contents;
}
[data-pb="sec-hero"] .t.t.t {
  display: contents;
}
[data-pb="sec-hero"] .ui-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
}
[data-pb="sec-hero"] .pb-anchor {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 1px;
  height: 1px;
  pointer-events: none;
  scroll-margin-top: calc(var(--nav-height) + var(--space-lg));
}
[data-pb="sec-hero"] .rays {
  background: radial-gradient(72% 58% at 0% 0%, rgba(150, 204, 255, 0.26), rgba(150, 204, 255, 0.10) 38%, rgba(150, 204, 255, 0.03) 60%, transparent 78%);
}
[data-pb="sec-hero"] .rays.is-live {
  background: none;
}
[data-pb="sec-hero"] *,
[data-pb="sec-hero"] *::before,
[data-pb="sec-hero"] *::after {
  box-sizing: border-box;
}
[data-pb="sec-hero"] *::selection {
  background: color-mix(in oklab, var(--color-accent) 22%, transparent);
  color: var(--color-ink);
}
[data-pb="sec-hero"] *:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: 2px;
}
[data-pb="sec-hero"] a {
  color: inherit;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.16em;
}
[data-pb="sec-hero"] h1 {
  margin: 0;
  font-family: var(--font-display);
  font-synthesis: none;
  overflow-wrap: break-word;
  min-width: 0;
  text-wrap: balance;
}
[data-pb="sec-hero"] p {
  margin: 0;
  text-wrap: pretty;
}
[data-pb="sec-hero"] video {
  max-width: 100%;
  height: auto;
  display: block;
}
[data-pb="sec-hero"] [hidden] {
  display: none;
}
[data-pb="sec-hero"] .container {
  width: 100%;
  max-width: var(--container);
  margin-inline: auto;
  padding-inline: var(--gutter);
  box-sizing: border-box;
}
[data-pb="sec-hero"] .num,
[data-pb="sec-hero"] .figure,
[data-pb="sec-hero"] td.num {
  font-variant-numeric: tabular-nums;
}
[data-pb="sec-hero"] [data-slot] > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
[data-slot]:has(> img) > [data-pb="sec-hero"]:not(img):not([data-keep]) {
  display: none;
}
@media (prefers-reduced-motion: reduce) {
[data-pb="sec-hero"]*:not(.keep-motion),
[data-pb="sec-hero"]*:not(.keep-motion)::before,
[data-pb="sec-hero"]*:not(.keep-motion)::after {
  animation-duration: 0.01ms;
  animation-iteration-count: 1;
  transition-duration: 0.01ms;
  scroll-behavior: auto;
}
}
[data-pb="sec-hero"] h1 {
  font-weight: var(--weight-display);
  letter-spacing: var(--tracking-display);
  color: var(--color-ink);
}
[data-pb="sec-hero"] .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-xs);
  min-height: 48px;
  padding: 0 var(--space-lg);
  border: 1px solid transparent;
  border-radius: var(--radius-pill);
  font: var(--weight-ui) var(--text-md)/1 var(--font-body);
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  transition: background-color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out);
}
[data-pb="sec-hero"] .btn:active {
  transform: translateY(1px);
}
[data-pb="sec-hero"] .btn:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: 3px;
}
[data-pb="sec-hero"] .btn:disabled,
[data-pb="sec-hero"] .btn[aria-disabled="true"] {
  opacity: 0.55;
  cursor: not-allowed;
  transform: none;
}
[data-pb="sec-hero"] .btn[aria-busy="true"] {
  cursor: progress;
}
[data-pb="sec-hero"] .btn--primary {
  background: var(--color-ink);
  color: var(--color-paper);
}
[data-pb="sec-hero"] .btn--primary:hover {
  background: var(--color-ink-2);
}
[data-pb="sec-hero"] .btn--quiet {
  border-color: var(--color-rule-2);
  background: var(--color-paper);
  color: var(--color-ink);
}
[data-pb="sec-hero"] .btn--quiet:hover {
  border-color: var(--color-muted);
  background: var(--color-paper-2);
}
[data-pb="sec-hero"] {
  position: relative;
  isolation: isolate;
  padding-top: 148px;
}
[data-pb="sec-hero"] .rays {
  position: absolute;
  top: calc(-1 * var(--nav-height) - 56px);
  left: 0;
  z-index: -1;
  width: 100%;
  height: min(1300px, 155svh);
  pointer-events: none;
}
[data-pb="sec-hero"] .rays canvas {
  display: block;
  width: 100%;
  height: 100%;
}
[data-pb="sec-hero"] .hero__copy {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--gap-columns);
  align-items: end;
}
[data-pb="sec-hero"] .hero__title {
  grid-column: 1 / 9;
  max-width: none;
  font-size: var(--text-display);
  font-weight: var(--weight-hero);
  line-height: var(--leading-display);
  text-wrap: balance;
}
[data-pb="sec-hero"] .hero__side {
  grid-column: 9 / -1;
  display: grid;
  justify-items: end;
  gap: var(--space-lg);
  padding-bottom: var(--space-xs);
}
[data-pb="sec-hero"] .hero__lede {
  text-shadow: 0 0 24px var(--color-paper), 0 0 8px var(--color-paper);
  width: fit-content;
  max-width: 32ch;
  text-align: end;
  color: var(--color-ink-2);
  font-size: var(--text-lead);
  line-height: 1.75;
  text-wrap: balance;
}
[data-pb="sec-hero"] .hero__actions {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: var(--space-sm) var(--space-md);
}
[data-pb="sec-hero"] .hero__terms {
  color: var(--color-muted);
  font-size: var(--text-sm);
  text-shadow: 0 0 16px var(--color-paper), 0 0 6px var(--color-paper);
}
[data-pb="sec-hero"].js .hero__title,
[data-pb="sec-hero"].js .hero__side {
  animation: settle 640ms var(--ease-out) both;
}
[data-pb="sec-hero"].js .hero__side {
  animation-delay: 60ms;
}
@media (prefers-reduced-motion: reduce) {
[data-pb="sec-hero"].js .hero__title,
[data-pb="sec-hero"].js .hero__side {
  animation: none;
}
}
@media (max-width: 60rem) {
[data-pb="sec-hero"] .hero__title,
[data-pb="sec-hero"] .hero__side {
  grid-column: 1 / -1;
}
}
@media (max-width: 60rem) {
[data-pb="sec-hero"] .hero__side {
  justify-items: start;
  margin-top: var(--space-lg);
}
}
@media (max-width: 60rem) {
[data-pb="sec-hero"] .hero__lede {
  text-align: start;
}
}
@media (max-width: 60rem) {
[data-pb="sec-hero"] .hero__actions {
  flex-direction: row;
}
}
[data-pb="sec-hero"] .sell__canvas {
  background: radial-gradient(circle, var(--ed-dot-faint) 0.85px, transparent 1.1px) 0 0 / 12px 12px, var(--ed-canvas);
}
[data-pb="sec-hero"] [hidden]:not(.voice__item) {
  display: none;
}
[data-pb="sec-hero"] .is-hidden {
  display: none;
}
@keyframes settle {
  from {
  opacity: 0;
  transform: translateY(8px);
  }
  to {
  opacity: 1;
  transform: none;
  }
}
[data-pb="sec-showcase"] {
  position: relative;
  --space-3xs: 2px;
  --space-2xs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 40px;
  --text-sm: 0.9375rem;
  --text-md: 1.0625rem;
  --leading-body: 1.85;
  --weight-body: 400;
  --weight-ui: 500;
  --weight-display: 700;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-short: 220ms;
  --dur-long: 420ms;
  --container: 1440px;
  --gutter: 64px;
  --z-raised: 10;
  --color-paper: oklch(12.2% 0.006 252);
  --color-paper-2: oklch(15.6% 0.007 252);
  --color-paper-3: oklch(19.4% 0.008 252);
  --color-ink: oklch(95.6% 0.006 252);
  --color-ink-2: oklch(82% 0.009 252);
  --color-muted: oklch(69% 0.012 252);
  --color-rule: oklch(24.5% 0.009 252);
  --color-rule-2: oklch(31% 0.011 252);
  --color-accent: oklch(68.6% 0.152 243.8);
  --color-focus: oklch(72% 0.18 244);
  --ed-bg: #121212;
  --ed-canvas: #1a1a1a;
  --ed-site: #030303;
  --ed-line: #262626;
  --ed-line-2: #414141;
  --ed-hair: rgb(255 255 255 / 0.12);
  --ed-hair-6: rgb(255 255 255 / 0.06);
  --ed-hair-16: rgb(255 255 255 / 0.16);
  --ed-hair-18: rgb(255 255 255 / 0.18);
  --ed-hair-40: rgb(255 255 255 / 0.4);
  --ed-fg: #fafafa;
  --ed-fg-72: rgb(255 255 255 / 0.72);
  --ed-fg-70: rgb(255 255 255 / 0.7);
  --ed-fg-56: rgb(255 255 255 / 0.56);
  --ed-on-light: #161616;
  --ed-light-top: #f4f4f4;
  --ed-light-bottom: #a9a9a9;
  --ed-btn: rgb(52 52 52 / 0.3);
  --ed-btn-sheen: rgb(255 255 255 / 0.12);
  --ed-btn-clear: rgb(255 255 255 / 0);
  --ed-chip: rgb(115 115 115 / 0.24);
  --ed-search: rgb(38 38 38 / 0.5);
  --ed-neutral-600: #3f3f3f;
  --ed-neutral-800: #262626;
  --ed-panel-top: rgb(52 52 52 / 0.68);
  --ed-panel-bottom: rgb(23 23 23 / 0.68);
  --ed-brand-300: #71c9ff;
  --ed-brand-500: #2ea2f0;
  --ed-brand-600: #1f81d6;
  --ed-brand-wash: rgb(46 162 240 / 0.08);
  --ed-brand-wash-2: rgb(46 162 240 / 0.16);
  --ed-dot: #d9d9d9;
  --ed-dot-faint: rgb(217 217 217 / 0.15);
  --ed-drop-send: drop-shadow(0 2px 2px rgb(0 0 0 / 0.18));
  --ed-indent: 18px;
  --ed-gap-6: 6px;
  --ed-gap-10: 10px;
  --ed-success: #34d399;
  --ed-success-wash: rgb(52 211 153 / 0.12);
  --ed-shadow-publish: 0 8px 8px -4px rgb(255 255 255 / 0.2), 0 2px 3px -1px rgb(28 28 28 / 0.3), 0 0 0 1px rgb(0 0 0 / 0.12);
  --ed-inset-publish: inset 0 1px 0.1px rgb(255 255 255 / 0.39), inset 0 -2px 2px -1px rgb(113 113 113 / 0.4);
  --ed-shadow-btn: 0 1px 2px rgb(0 0 0 / 0.4), 0 0 0 1px rgb(0 0 0 / 0.16);
  --ed-inset-btn: inset 0 1px 0 rgb(255 255 255 / 0.12);
  --ed-shadow-chip: 0 1px 2px rgb(0 0 0 / 0.24);
  --ed-inset-chip: inset 0 1.5px 0 rgb(255 255 255 / 0.12);
  --ed-shadow-pagebar: 0 0 0 1px rgb(0 0 0 / 0.5);
  --ed-inset-pagebar: inset -1px -1px 0 rgb(255 255 255 / 0.12), inset 1px 1px 0 rgb(255 255 255 / 0.16);
  --ed-shadow-theo: 0 8px 16px rgb(0 0 0 / 0.32);
  --ed-inset-theo: inset 0.5px 1.5px 0.1px rgb(255 255 255 / 0.24);
  --ed-shadow-field: 0 0 0 1px rgb(0 0 0 / 0.5), 0 8px 16px 2px rgb(0 0 0 / 0.32);
  --ed-inset-field: inset 0 1.5px 0.1px rgb(255 255 255 / 0.13);
  --ed-shadow-send: 0 4px 6px -2px rgb(43 144 224 / 0.45), 0 2px 4px -1px rgb(15 24 31 / 0.18), 0 0 0 1px rgb(0 0 0 / 0.06);
  --ed-inset-send: inset 0 1px 0.1px rgb(255 255 255 / 0.39), inset 0 2px 3px rgb(68 233 255 / 0.85), inset 0 -2px 2px -1px rgb(8 88 173 / 0.3);
  --site-tile-bg: oklch(96.5% 0.012 85);
  --site-tile-ink: oklch(26% 0.06 256);
  --site-tile-muted: oklch(48% 0.04 256);
  --site-tile-accent: oklch(46% 0.13 256);
  --site-tile-rule: oklch(88% 0.02 85);
  --site-dune-bg: oklch(23% 0.03 45);
  --site-dune-ink: oklch(95% 0.02 75);
  --site-dune-muted: oklch(76% 0.04 60);
  --site-shade: oklch(12% 0.01 252 / 0.82);
  --mask-solid: rgb(0 0 0);
  --font-body: "Estedad", "Estedad Fallback", Tahoma, sans-serif;
  --radius-card: 14px;
  --radius-pill: 999px;
}
@media (max-width: 60rem) {
[data-pb="sec-showcase"] {
  --gutter: 24px;
}
}
@media (max-width: 40rem) {
[data-pb="sec-showcase"] {
  --gutter: 16px;
}
}
[data-pb="sec-showcase"] {
  color: var(--color-ink);
  font-family: var(--font-body);
  font-size: var(--text-md);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  caret-color: var(--color-accent);
  font-size: var(--text-md);
  line-height: var(--leading-body);
  font-weight: var(--weight-body);
  font-feature-settings: "kern" 1;
  font-synthesis: none;
}
[data-pb="sec-showcase"] .pb-generic,
[data-pb="sec-showcase"] .pb-pass {
  display: contents;
}
[data-pb="sec-showcase"] .t.t.t {
  display: contents;
}
[data-pb="sec-showcase"] .ui-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
}
[data-pb="sec-showcase"] .pb-anchor {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 1px;
  height: 1px;
  pointer-events: none;
  scroll-margin-top: calc(var(--nav-height) + var(--space-lg));
}
[data-pb="sec-showcase"] *,
[data-pb="sec-showcase"] *::before,
[data-pb="sec-showcase"] *::after {
  box-sizing: border-box;
}
[data-pb="sec-showcase"] *::selection {
  background: color-mix(in oklab, var(--color-accent) 22%, transparent);
  color: var(--color-ink);
}
[data-pb="sec-showcase"] *:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: 2px;
}
[data-pb="sec-showcase"] p {
  margin: 0;
  text-wrap: pretty;
}
[data-pb="sec-showcase"] p:not([class]) {
  max-width: 65ch;
}
[data-pb="sec-showcase"] img,
[data-pb="sec-showcase"] video {
  max-width: 100%;
  height: auto;
  display: block;
}
[data-pb="sec-showcase"] svg {
  display: block;
}
[data-pb="sec-showcase"] [hidden] {
  display: none;
}
[data-pb="sec-showcase"] .ui-button {
  font: inherit;
}
[data-pb="sec-showcase"] .container {
  width: 100%;
  max-width: var(--container);
  margin-inline: auto;
  padding-inline: var(--gutter);
  box-sizing: border-box;
}
[data-pb="sec-showcase"] .num,
[data-pb="sec-showcase"] .figure,
[data-pb="sec-showcase"] td.num {
  font-variant-numeric: tabular-nums;
}
[data-pb="sec-showcase"] .visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
[data-pb="sec-showcase"] [data-slot] {
  position: relative;
  overflow: hidden;
  background: linear-gradient(160deg, var(--color-paper-2, var(--color-paper)), var(--color-paper-3, var(--color-paper)));
}
[data-pb="sec-showcase"] [data-slot] > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
[data-slot]:has(> img) > [data-pb="sec-showcase"]:not(img):not([data-keep]) {
  display: none;
}
@media (prefers-reduced-motion: reduce) {
[data-pb="sec-showcase"]*:not(.keep-motion),
[data-pb="sec-showcase"]*:not(.keep-motion)::before,
[data-pb="sec-showcase"]*:not(.keep-motion)::after {
  animation-duration: 0.01ms;
  animation-iteration-count: 1;
  transition-duration: 0.01ms;
  scroll-behavior: auto;
}
}
[data-pb="sec-showcase"] .icon {
  flex-shrink: 0;
}
[data-pb="sec-showcase"] .btn--quiet {
  border-color: var(--color-rule-2);
  background: var(--color-paper);
  color: var(--color-ink);
}
[data-pb="sec-showcase"] .btn--quiet:hover {
  border-color: var(--color-muted);
  background: var(--color-paper-2);
}
[data-pb="sec-showcase"] .chip {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0 var(--space-md);
  border: 1px solid var(--color-rule-2);
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--color-ink-2);
  font: var(--weight-ui) var(--text-sm)/1 var(--font-body);
  white-space: nowrap;
  cursor: pointer;
  transition: background-color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out);
}
[data-pb="sec-showcase"] .chip:hover {
  border-color: var(--color-muted);
  color: var(--color-ink);
}
[data-pb="sec-showcase"] .chip:active {
  background: var(--color-paper-3);
}
[data-pb="sec-showcase"] .chip:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: 2px;
}
[data-pb="sec-showcase"] .chip:disabled,
[data-pb="sec-showcase"] .chip[aria-disabled="true"] {
  opacity: 0.55;
  cursor: not-allowed;
}
[data-pb="sec-showcase"] .chip[aria-pressed="true"] {
  border-color: var(--color-accent);
  color: var(--color-ink);
}
[data-pb="sec-showcase"] {
  padding-top: 96px;
}
[data-pb="sec-showcase"] .hero__stage {
  position: relative;
  --editor-h: clamp(560px, 40vw + 200px, 740px);
}
[data-pb="sec-showcase"].js .hero__stage {
  animation: settle 640ms var(--ease-out) both;
}
[data-pb="sec-showcase"].js .hero__stage {
  animation-delay: 120ms;
}
@media (prefers-reduced-motion: reduce) {
[data-pb="sec-showcase"].js .hero__stage {
  animation: none;
}
}
[data-pb="sec-showcase"] .editor {
  direction: ltr;
  display: grid;
  grid-template-rows: 52px minmax(0, 1fr);
  height: var(--editor-h);
  margin: 0;
  border: 1px solid transparent;
  border-radius: 12px;
  background: linear-gradient(var(--ed-bg), var(--ed-bg)) padding-box, radial-gradient(46% 85% at 0% 0%, var(--ed-fg), var(--ed-hair-40) 28%, var(--ed-hair-16) 55%, var(--ed-hair) 85%) border-box;
  color: var(--ed-fg-72);
  font: var(--weight-body) 12px/16px var(--font-body);
  overflow: clip;
}
[data-pb="sec-showcase"] .editor img {
  flex-shrink: 0;
}
[data-pb="sec-showcase"] .editor__glow {
  position: absolute;
  top: -1px;
  left: calc(var(--gutter) - 1px);
  z-index: 2;
  width: calc(100% - 2 * var(--gutter) + 2px);
  height: calc(var(--editor-h) + 2px);
  border-radius: 13px;
  filter: blur(6px);
  opacity: 0.75;
  pointer-events: none;
}
[data-pb="sec-showcase"] .editor__glow::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: var(--space-2xs);
  border-radius: inherit;
  background: radial-gradient(40% 75% at 0% 0%, var(--ed-fg), var(--ed-hair-40) 32%, transparent 62%);
  -webkit-mask: linear-gradient(var(--mask-solid) 0 0) content-box, linear-gradient(var(--mask-solid) 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(var(--mask-solid) 0 0) content-box, linear-gradient(var(--mask-solid) 0 0);
  mask-composite: exclude;
}
[data-pb="sec-showcase"] .ed-bar {
  display: flex;
  align-items: center;
  padding: var(--space-xs) var(--space-sm);
  border-bottom: 1px solid var(--ed-line);
  background: var(--ed-bg);
}
[data-pb="sec-showcase"] .ed-bar__start,
[data-pb="sec-showcase"] .ed-bar__end {
  display: flex;
  flex: 1 1 0;
  align-items: center;
  gap: var(--space-xs);
  min-width: 0;
}
[data-pb="sec-showcase"] .ed-bar__end {
  justify-content: flex-end;
}
[data-pb="sec-showcase"] .ed-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2xs);
  height: 32px;
  min-width: 64px;
  padding: 0 var(--space-sm);
  border: 1.5px solid var(--ed-hair);
  border-radius: 8px;
  background: linear-gradient(180deg, var(--ed-btn-sheen) 0%, var(--ed-btn-clear) 100%), var(--ed-btn);
  box-shadow: var(--ed-shadow-btn), var(--ed-inset-btn);
  color: var(--ed-fg-72);
  font-weight: var(--weight-display);
  white-space: nowrap;
}
[data-pb="sec-showcase"] .ed-btn--publish {
  min-width: 80px;
  padding: 0 var(--space-md);
  border: 1px solid var(--ed-hair-40);
  background: linear-gradient(180deg, var(--ed-light-top), var(--ed-light-bottom));
  box-shadow: var(--ed-shadow-publish), var(--ed-inset-publish);
  color: var(--ed-on-light);
}
[data-pb="sec-showcase"] .ed-btn--icon {
  width: 32px;
  min-width: 0;
  padding: 0;
}
[data-pb="sec-showcase"] .ed-pagebar {
  display: flex;
  flex: 0 1 424px;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-2xs);
  height: 36px;
  min-width: 0;
  padding: var(--space-3xs);
  border-radius: 18px;
  background: url("https://teo.webone.co/theo-landing/images/editor/page-bar.png") center / cover;
  box-shadow: var(--ed-shadow-pagebar), var(--ed-inset-pagebar);
}
[data-pb="sec-showcase"] .ed-pagebar__icon {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: var(--radius-pill);
}
[data-pb="sec-showcase"] .ed-pagebar__path {
  display: flex;
  flex: 1;
  align-items: center;
  gap: var(--space-2xs);
  color: var(--ed-fg-56);
  font-size: 13px;
}
[data-pb="sec-showcase"] .ed-badge {
  padding: var(--space-2xs);
  border-radius: var(--radius-pill);
  background: var(--ed-success-wash);
  color: var(--ed-success);
  font-weight: var(--weight-ui);
  line-height: 1.2;
  white-space: nowrap;
  transition: background-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out);
}
[data-pb="sec-showcase"] .ed-badge.is-busy {
  background: var(--ed-brand-wash-2);
  color: var(--ed-brand-300);
}
[data-pb="sec-showcase"] .ed-history {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2xs);
  padding: var(--space-xs) var(--space-2xs);
  color: var(--ed-fg-70);
  white-space: nowrap;
}
[data-pb="sec-showcase"] .ed-logo {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 8px;
  background: var(--ed-neutral-800);
}
[data-pb="sec-showcase"] .ed-logo img {
  transform: translate(-1px, -1px);
}
[data-pb="sec-showcase"] .ed-body {
  display: flex;
  min-height: 0;
}
[data-pb="sec-showcase"] .ed-layers {
  display: flex;
  flex: 0 0 228px;
  flex-direction: column;
  min-height: 0;
  border-right: 1px solid var(--ed-line);
  background: var(--ed-bg);
}
[data-pb="sec-showcase"] .ed-layers__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-xs);
  border-bottom: 1px solid var(--ed-line);
}
[data-pb="sec-showcase"] .ed-layers__tools {
  display: flex;
  align-items: center;
  gap: var(--space-2xs);
}
[data-pb="sec-showcase"] .ed-tool {
  display: grid;
  place-items: center;
  padding: var(--space-xs);
  border-radius: 4px;
}
[data-pb="sec-showcase"] .ed-tab {
  display: inline-flex;
  align-items: center;
  gap: var(--space-3xs);
  padding: var(--space-xs) var(--space-sm);
  border: 1px solid var(--ed-hair-6);
  border-radius: 6px;
  background: var(--ed-chip);
  box-shadow: var(--ed-shadow-chip), var(--ed-inset-chip);
  color: var(--ed-fg);
  font-weight: var(--weight-display);
  line-height: 20px;
  white-space: nowrap;
}
[data-pb="sec-showcase"] .ed-search-row {
  display: flex;
  align-items: flex-end;
  height: 48px;
  padding: var(--space-xs);
  border-bottom: 1px solid var(--ed-hair);
}
[data-pb="sec-showcase"] .ed-search {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
  height: 32px;
  padding: var(--space-3xs);
  border-radius: 8px;
  background: var(--ed-search);
}
[data-pb="sec-showcase"] .ed-search__tools {
  display: flex;
  gap: var(--space-3xs);
}
[data-pb="sec-showcase"] .ed-search__tools img {
  box-sizing: content-box;
  padding: var(--space-2xs);
  opacity: 0.6;
}
[data-pb="sec-showcase"] .ed-search__text {
  padding: var(--space-2xs) var(--space-xs);
  color: var(--ed-fg-56);
  font-weight: var(--weight-ui);
  white-space: nowrap;
}
[data-pb="sec-showcase"] .ed-tree {
  position: relative;
  z-index: 0;
  flex: 1;
  min-height: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}
[data-pb="sec-showcase"] .ed-tree li {
  position: relative;
  display: flex;
  align-items: center;
  height: 34px;
  padding-left: calc(var(--space-xs) + var(--d, 0) * var(--ed-indent));
  color: var(--ed-fg-72);
  font-weight: var(--weight-ui);
  white-space: nowrap;
}
[data-pb="sec-showcase"] .ed-tree li > img {
  margin-right: var(--ed-gap-6);
}
[data-pb="sec-showcase"] .ed-chev {
  display: grid;
  place-items: center;
  width: 24px;
  flex-shrink: 0;
}
[data-pb="sec-showcase"] .ed-tree li.is-head {
  color: var(--ed-fg);
}
[data-pb="sec-showcase"] .ed-tree li.is-head::before,
[data-pb="sec-showcase"] .ed-tree li.is-in::before {
  content: "";
  position: absolute;
  inset: 0 var(--ed-gap-6);
  z-index: -1;
}
[data-pb="sec-showcase"] .ed-tree li.is-head::before {
  border-radius: 8px 8px 0 0;
  background: var(--ed-brand-600);
}
[data-pb="sec-showcase"] .ed-tree li.is-in::before {
  background: var(--ed-brand-wash);
}
[data-pb="sec-showcase"] .ed-tree li.is-last::before {
  border-radius: 0 0 8px 8px;
}
[data-pb="sec-showcase"] .ed-tree li.is-head.is-last::before {
  border-radius: 8px;
}
[data-pb="sec-showcase"] .ed-tree li.is-new {
  animation: layer-in var(--dur-long) var(--ease-out) both;
}
[data-pb="sec-showcase"] .ed-layers__foot {
  padding: var(--space-xs) var(--space-3xs) var(--space-xs) var(--space-sm);
  border-top: 1px solid var(--ed-line-2);
}
[data-pb="sec-showcase"] .ed-layers__foot span {
  display: flex;
  gap: var(--ed-gap-10);
  padding: var(--ed-gap-6);
  opacity: 0.6;
}
[data-pb="sec-showcase"] .ed-canvas {
  position: relative;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  background: var(--ed-canvas);
}
[data-pb="sec-showcase"] .ed-select {
  position: absolute;
  inset-inline: 0;
  top: var(--sel-top, 0);
  height: var(--sel-h, 0);
  border: 2px solid var(--ed-brand-500);
  pointer-events: none;
  opacity: 0;
  transition: opacity var(--dur-short) var(--ease-out);
}
[data-pb="sec-showcase"] .ed-select.is-on {
  opacity: 1;
}
[data-pb="sec-showcase"] .ed-select span {
  position: absolute;
  bottom: 100%;
  left: -2px;
  padding: 0 calc(var(--ed-gap-6) / var(--zoom, 0.82));
  border-radius: calc(4px / var(--zoom, 0.82)) calc(4px / var(--zoom, 0.82)) 0 0;
  background: var(--ed-brand-500);
  color: var(--ed-on-light);
  font: var(--weight-ui) calc(12px / var(--zoom, 0.82)) / calc(20px / var(--zoom, 0.82)) var(--font-body);
  white-space: nowrap;
}
[data-pb="sec-showcase"]:not(.js) .ed-select {
  display: none;
}
[data-pb="sec-showcase"] .ed-page {
  position: absolute;
  top: var(--page-top, 40px);
  left: 50%;
  width: 864px;
  transform: translateX(-50%) scale(var(--zoom, 0.82));
  transform-origin: 50% 0;
}
[data-pb="sec-showcase"] .ed-theo {
  position: absolute;
  bottom: var(--space-xs);
  left: 50%;
  z-index: var(--z-raised);
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  width: min(618px, calc(100% - 2 * var(--space-sm)));
  padding: var(--space-3xs) var(--space-sm) var(--space-sm);
  border: 1px solid var(--ed-hair);
  border-radius: 24px;
  background: linear-gradient(180deg, var(--ed-panel-top), var(--ed-panel-bottom));
  box-shadow: var(--ed-shadow-theo), var(--ed-inset-theo);
  backdrop-filter: blur(12px);
  transform: translateX(-50%);
}
[data-pb="sec-showcase"] .ed-theo__head {
  display: flex;
  align-items: center;
  gap: var(--space-2xs);
  padding-right: var(--space-sm);
}
[data-pb="sec-showcase"] .ed-theo__tools {
  display: flex;
  gap: var(--ed-gap-6);
}
[data-pb="sec-showcase"] .ed-theo__tools img {
  width: 24px;
  height: 24px;
  object-fit: none;
}
[data-pb="sec-showcase"] .ed-theo__title {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  color: var(--ed-fg);
  direction: rtl;
  font-size: 14px;
  font-weight: var(--weight-display);
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[data-pb="sec-showcase"] .ed-theo__face {
  width: 48px;
  height: 48px;
}
[data-pb="sec-showcase"] .ed-theo__face--live {
  position: relative;
  flex-shrink: 0;
}
[data-pb="sec-showcase"] .ed-theo__face--live img,
[data-pb="sec-showcase"] .ed-theo__face--live canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
[data-pb="sec-showcase"] .ed-theo__face--live canvas {
  opacity: 0;
  transition: opacity var(--dur-long) var(--ease-out);
}
[data-pb="sec-showcase"] .ed-theo__face--live.is-live canvas {
  opacity: 1;
}
[data-pb="sec-showcase"] .ed-theo__face--live.is-live img {
  opacity: 0;
}
[data-pb="sec-showcase"] .ed-theo__field {
  position: relative;
  display: flex;
  direction: ltr;
  align-items: center;
  gap: var(--space-xs);
  height: 50px;
  padding: var(--space-xs) var(--space-md) var(--space-xs) var(--space-xs);
  border: 1px solid var(--ed-hair);
  border-radius: var(--radius-pill);
  background: linear-gradient(180deg, var(--ed-neutral-600), var(--ed-neutral-800));
  box-shadow: var(--ed-shadow-field), var(--ed-inset-field);
}
[data-pb="sec-showcase"] .ed-theo__field::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(circle, var(--ed-dot) 0.9px, transparent 1.15px) 0 0 / 4px 4px;
  opacity: 0.09;
  -webkit-mask-image: linear-gradient(0deg, var(--mask-solid) 15%, transparent 85%);
  mask-image: linear-gradient(0deg, var(--mask-solid) 15%, transparent 85%);
  pointer-events: none;
}
[data-pb="sec-showcase"] .ed-send {
  position: relative;
  z-index: 1;
  display: grid;
  flex-shrink: 0;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid var(--ed-hair-18);
  border-radius: var(--radius-pill);
  background: linear-gradient(180deg, var(--ed-brand-300) 0%, var(--ed-brand-500) 35%, var(--ed-brand-600) 100%);
  box-shadow: var(--ed-shadow-send), var(--ed-inset-send);
}
[data-pb="sec-showcase"] .ed-theo__said:empty::before {
  content: attr(data-placeholder);
  color: var(--ed-fg-56);
}
[data-pb="sec-showcase"] .ed-rail {
  display: flex;
  flex: 0 0 48px;
  flex-direction: column;
  align-items: center;
  gap: var(--space-xs);
  padding: var(--space-xs);
  border-left: 1px solid var(--ed-hair);
  background: var(--ed-bg);
}
[data-pb="sec-showcase"] .ed-rail__chev {
  display: grid;
  place-items: center;
  padding: var(--ed-gap-6);
  opacity: 0.6;
}
[data-pb="sec-showcase"] .ed-tool--sm {
  padding: var(--space-xs);
}
[data-pb="sec-showcase"] .site {
  width: 864px;
  border-radius: 4px;
  background: var(--ed-site);
  overflow: clip;
}
[data-pb="sec-showcase"] .site__shot {
  display: block;
  width: 864px;
  height: auto;
}
[data-pb="sec-showcase"] .site__crop--hero {
  height: 205px;
  overflow: hidden;
}
[data-pb="sec-showcase"] .site__crop--hero .site__shot {
  transform: translateY(-50px);
}
[data-pb="sec-showcase"] .site__marquee {
  display: flex;
  align-items: center;
  direction: rtl;
  height: 265px;
  border-bottom: 1px solid var(--ed-hair-18);
  overflow: hidden;
}
[data-pb="sec-showcase"] .site__track {
  display: flex;
  flex-shrink: 0;
  width: max-content;
  will-change: transform;
}
[data-pb="sec-showcase"] .site__track img {
  flex-shrink: 0;
  width: 200px;
  height: 200px;
  margin-inline-end: var(--space-lg);
  border-radius: 50%;
  object-fit: cover;
}
[data-pb="sec-showcase"] .site.is-building > * {
  opacity: 0;
  filter: blur(14px);
  transform: scale(0.985);
}
[data-pb="sec-showcase"] .site.is-building > .is-built {
  opacity: 1;
  filter: blur(0);
  transform: none;
  transition: opacity 700ms var(--ease-out), filter 700ms var(--ease-out), transform 700ms var(--ease-out);
}
[data-pb="sec-showcase"] .ed-gen {
  position: absolute;
  inset: 0;
  border-radius: 4px;
  overflow: hidden;
  pointer-events: none;
}
[data-pb="sec-showcase"] .gen-scan {
  position: absolute;
  inset-inline: 0;
  top: -140px;
  height: 140px;
  border-bottom: 2px solid var(--ed-brand-300);
  background: linear-gradient(to bottom, transparent, var(--ed-brand-wash) 70%, var(--ed-brand-wash-2));
  box-shadow: 0 8px 28px var(--ed-brand-wash-2);
}
@media (prefers-reduced-motion: reduce) {
[data-pb="sec-showcase"] .site.is-building > .is-built {
  transition: none;
}
}
[data-pb="sec-showcase"] .site--tile,
[data-pb="sec-showcase"] .site--dune {
  direction: rtl;
  font-size: 15px;
  line-height: 1.6;
}
[data-pb="sec-showcase"] .site__bar {
  display: flex;
  align-items: center;
  gap: var(--space-lg);
  height: 56px;
  padding: 0 var(--space-lg);
}
[data-pb="sec-showcase"] .site__logo {
  font-weight: var(--weight-display);
  font-size: 20px;
  white-space: nowrap;
}
[data-pb="sec-showcase"] .site__nav {
  display: flex;
  gap: var(--space-md);
  white-space: nowrap;
}
[data-pb="sec-showcase"] .site__cta {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2xs);
  margin-inline-start: auto;
  font-weight: var(--weight-ui);
  white-space: nowrap;
}
[data-pb="sec-showcase"] .site__cta .icon {
  color: currentColor;
}
[data-pb="sec-showcase"] .site__hero {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--space-lg);
  padding: var(--space-xl) var(--space-lg) var(--space-lg);
}
[data-pb="sec-showcase"] .site__title {
  max-width: 15em;
  font-weight: var(--weight-display);
  font-size: 30px;
  line-height: 1.5;
}
[data-pb="sec-showcase"] .site__button {
  flex-shrink: 0;
  padding: var(--space-xs) var(--space-md);
  border-radius: var(--radius-pill);
  font-weight: var(--weight-ui);
  white-space: nowrap;
}
[data-pb="sec-showcase"] .site--tile {
  background: var(--site-tile-bg);
  color: var(--site-tile-ink);
}
[data-pb="sec-showcase"] .site--tile .site__bar {
  border-bottom: 1px solid var(--site-tile-rule);
}
[data-pb="sec-showcase"] .site--tile .site__logo {
  color: var(--site-tile-accent);
}
[data-pb="sec-showcase"] .site--tile .site__nav {
  color: var(--site-tile-muted);
}
[data-pb="sec-showcase"] .site--tile .site__button {
  background: var(--site-tile-accent);
  color: var(--site-tile-bg);
}
[data-pb="sec-showcase"] .site__products {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-md);
  padding: 0 var(--space-lg) var(--space-xl);
}
[data-pb="sec-showcase"] .product {
  display: grid;
  gap: var(--space-3xs);
}
[data-pb="sec-showcase"] .product img {
  width: 100%;
  aspect-ratio: 4 / 3;
  margin-bottom: var(--space-xs);
  border-radius: 8px;
  object-fit: cover;
}
[data-pb="sec-showcase"] .product__name {
  font-weight: var(--weight-ui);
}
[data-pb="sec-showcase"] .product__price {
  color: var(--site-tile-muted);
}
[data-pb="sec-showcase"] .site--dune {
  background: var(--site-dune-bg);
  color: var(--site-dune-ink);
}
[data-pb="sec-showcase"] .site--dune .site__nav {
  margin-inline-start: auto;
  color: var(--site-dune-muted);
}
[data-pb="sec-showcase"] .site__cover {
  position: relative;
  height: 300px;
  margin: 0 var(--space-lg);
  border-radius: 8px;
  overflow: hidden;
}
[data-pb="sec-showcase"] .site__cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
[data-pb="sec-showcase"] .site__cover .site__title {
  position: absolute;
  inset-inline-start: var(--space-lg);
  bottom: var(--space-lg);
  padding: var(--space-xs) var(--space-md);
  border-radius: 8px;
  background: var(--site-shade);
  color: var(--site-dune-ink);
}
[data-pb="sec-showcase"] .site__gallery {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-md);
  padding: var(--space-md) var(--space-lg) var(--space-xl);
}
[data-pb="sec-showcase"] .site__gallery img {
  width: 100%;
  aspect-ratio: 4 / 3;
  border-radius: 8px;
  object-fit: cover;
}
[data-pb="sec-showcase"] .flow {
  margin-top: var(--space-md);
  border: 1px solid var(--color-rule);
  border-radius: var(--radius-card);
  overflow: hidden;
}
[data-pb="sec-showcase"] .flow__steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
}
[data-pb="sec-showcase"] .flow__step {
  position: relative;
  display: grid;
  align-content: start;
  gap: var(--space-xs);
  padding: var(--space-lg) var(--space-xl) var(--space-xl);
}
[data-pb="sec-showcase"] .flow__step + .flow__step {
  border-inline-start: 1px solid var(--color-rule);
}
[data-pb="sec-showcase"] .flow__line {
  position: absolute;
  inset: 0 0 auto;
  height: 2px;
  overflow: hidden;
}
[data-pb="sec-showcase"] .flow__line i {
  display: block;
  height: 100%;
  background: var(--color-accent);
  transform: scaleX(0);
  transform-origin: 100% 50%;
}
[data-pb="sec-showcase"] .flow__step.is-active .flow__line i {
  animation: flow-fill var(--flow-dur, 1s) linear forwards;
}
[data-pb="sec-showcase"] .flow__step.is-done .flow__line i {
  background: var(--color-rule-2);
  transform: scaleX(1);
}
[data-pb="sec-showcase"] .flow__title {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  color: var(--color-ink);
  font-weight: var(--weight-ui);
  font-size: var(--text-md);
  line-height: 1.5;
}
[data-pb="sec-showcase"] .flow__step .icon {
  color: var(--color-muted);
  transition: color var(--dur-short) var(--ease-out);
}
[data-pb="sec-showcase"] .flow__step.is-active .icon {
  color: var(--color-accent);
}
[data-pb="sec-showcase"] .flow__step p:not(.flow__title) {
  max-width: 34ch;
  color: var(--color-muted);
  font-size: var(--text-sm);
  line-height: 1.75;
}
[data-pb="sec-showcase"] .flow__try {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-sm) var(--space-md);
  padding: var(--space-md) var(--space-xl);
  border-top: 1px solid var(--color-rule);
}
[data-pb="sec-showcase"] .flow__label {
  color: var(--color-muted);
  font-size: var(--text-sm);
}
[data-pb="sec-showcase"] .flow__chips {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-xs);
  margin-inline-start: auto;
}
[data-pb="sec-showcase"]:not(.js) .flow__try {
  display: none;
}
@media (max-width: 75rem) {
[data-pb="sec-showcase"] .ed-rail {
  display: none;
}
}
@media (max-width: 75rem) {
[data-pb="sec-showcase"] .ed-history > span {
  display: none;
}
}
@media (max-width: 60rem) {
[data-pb="sec-showcase"] .flow__steps {
  grid-template-columns: minmax(0, 1fr);
}
}
@media (max-width: 60rem) {
[data-pb="sec-showcase"] .flow__step {
  padding: var(--space-lg);
}
}
@media (max-width: 60rem) {
[data-pb="sec-showcase"] .flow__step + .flow__step {
  border-inline-start: 0;
  border-top: 1px solid var(--color-rule);
}
}
@media (max-width: 60rem) {
[data-pb="sec-showcase"] .hero__stage {
  --editor-h: 540px;
}
}
@media (max-width: 60rem) {
[data-pb="sec-showcase"] .ed-layers,
[data-pb="sec-showcase"] .ed-pagebar {
  display: none;
}
}
@media (max-width: 40rem) {
[data-pb="sec-showcase"] .hero__stage {
  --editor-h: 460px;
}
}
@media (max-width: 40rem) {
[data-pb="sec-showcase"] .ed-page {
  left: auto;
  right: var(--space-sm);
  transform: scale(var(--zoom, 0.5));
  transform-origin: 100% 0;
}
}
@media (max-width: 40rem) {
[data-pb="sec-showcase"] .ed-btn--ghost {
  display: none;
}
}
@media (max-width: 40rem) {
[data-pb="sec-showcase"] .ed-theo__face {
  width: 36px;
  height: 36px;
}
}
@media (max-width: 40rem) {
[data-pb="sec-showcase"] .flow__try {
  padding-inline: var(--space-md);
}
}
@media (max-width: 40rem) {
[data-pb="sec-showcase"] .flow__chips {
  margin-inline-start: 0;
}
}
[data-pb="sec-showcase"] .site__crop {
  position: relative;
}
[data-pb="sec-showcase"] .site__crop.is-selected {
  outline: 3px solid var(--ed-brand-500);
  outline-offset: -3px;
}
[data-pb="sec-showcase"] .ed-theo__said {
  position: relative;
  z-index: 1;
  flex: 1;
  padding: 0 var(--space-xs);
  color: var(--ed-fg);
  direction: rtl;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[data-pb="sec-showcase"] .ed-canvas,
[data-pb="sec-showcase"] .sell__canvas {
  background: radial-gradient(circle, var(--ed-dot-faint) 0.85px, transparent 1.1px) 0 0 / 12px 12px, var(--ed-canvas);
}
[data-pb="sec-showcase"] .editor {
  -webkit-user-select: none;
  user-select: none;
}
[data-pb="sec-showcase"]:is(.editor, .story__shot, .panel__shot, .market__shot, .bento__visual, .start__stage, .made__rows) img {
  -webkit-user-drag: none;
}
[data-pb="sec-showcase"] .ed-send img {
  display: block;
  width: auto;
  height: 10.5px;
  filter: var(--ed-drop-send);
}
[data-pb="sec-showcase"] [hidden]:not(.voice__item) {
  display: none;
}
[data-pb="sec-showcase"] .is-hidden {
  display: none;
}
@keyframes settle {
  from {
  opacity: 0;
  transform: translateY(8px);
  }
  to {
  opacity: 1;
  transform: none;
  }
}
@keyframes layer-in {
  from {
  opacity: 0;
  transform: translateX(-6px);
  }
  to {
  opacity: 1;
  transform: none;
  }
}
@keyframes flow-fill {
  to {
  transform: scaleX(1);
  }
}
[data-pb="sec-showcase"] .s1 {
  --d: 0;
}
[data-pb="sec-showcase"] .s2 {
  --d: 1;
}
[data-pb="sec-showcase"] .s3 {
  --d: 1;
}
[data-pb="sec-showcase"] .s4 {
  --d: 2;
}
[data-pb="sec-showcase"] .s5 {
  --d: 2;
}
[data-pb="sec-showcase"] .s6 {
  --d: 2;
}
[data-pb="sec-showcase"] .s7 {
  --d: 3;
}
[data-pb="sec-showcase"] .s8 {
  --d: 3;
}
[data-pb="sec-showcase"] .s9 {
  --d: 1;
}
[data-pb="sec-showcase"] .s10 {
  --d: 2;
}
[data-pb="sec-showcase"] .s11 {
  --d: 2;
}
[data-pb="sec-showcase"] .s12 {
  --d: 3;
}
[data-pb="sec-showcase"] .s13 {
  --d: 3;
}
[data-pb="sec-showcase"] .s14 {
  --d: 2;
}
[data-pb="sec-showcase"] .s15 {
  --d: 1;
}
[data-pb="sec-showcase"] .s16 {
  --d: 1;
}
[data-pb="sec-showcase"] .s17 {
  --d: 1;
}
[data-pb="sec-showcase"] .s18 {
  --d: 1;
}
[data-pb="sec-showcase"] .s19 {
  --d: 1;
}
[data-pb="sec-showcase"] .s20 {
  --d: 1;
}
[data-pb="sec-showcase"] .s21 {
  --d: 0;
}
[data-pb="sec-showcase"] .s22 {
  --d: 1;
}
[data-pb="sec-showcase"] .s23 {
  --d: 1;
}
[data-pb="sec-showcase"] .s24 {
  --d: 2;
}
[data-pb="sec-showcase"] .s25 {
  --d: 2;
}
[data-pb="sec-showcase"] .s26 {
  --d: 2;
}
[data-pb="sec-showcase"] .s27 {
  --d: 3;
}
[data-pb="sec-showcase"] .s28 {
  --d: 3;
}
[data-pb="sec-showcase"] .s29 {
  --d: 1;
}
[data-pb="sec-showcase"] .s30 {
  --d: 2;
}
[data-pb="sec-showcase"] .s31 {
  --d: 2;
}
[data-pb="sec-showcase"] .s32 {
  --d: 3;
}
[data-pb="sec-showcase"] .s33 {
  --d: 3;
}
[data-pb="sec-showcase"] .s34 {
  --d: 2;
}
[data-pb="sec-showcase"] .s35 {
  --d: 1;
}
[data-pb="sec-showcase"] .s36 {
  --d: 1;
}
[data-pb="sec-showcase"] .s37 {
  --d: 1;
}
[data-pb="sec-showcase"] .s38 {
  --d: 1;
}
[data-pb="sec-showcase"] .s39 {
  --d: 1;
}
[data-pb="sec-showcase"] .s40 {
  --d: 1;
}
[data-pb="sec-proof"] {
  position: relative;
  --space-lg: 24px;
  --space-2xl: 64px;
  --text-md: 1.0625rem;
  --text-lg: 1.1875rem;
  --leading-body: 1.85;
  --weight-body: 400;
  --weight-display: 700;
  --container: 1440px;
  --gutter: 64px;
  --gap-columns: 32px;
  --section-gap-s: 120px;
  --color-paper: oklch(12.2% 0.006 252);
  --color-paper-2: oklch(15.6% 0.007 252);
  --color-ink: oklch(95.6% 0.006 252);
  --color-muted: oklch(69% 0.012 252);
  --color-rule-2: oklch(31% 0.011 252);
  --color-accent: oklch(68.6% 0.152 243.8);
  --color-focus: oklch(72% 0.18 244);
  --ed-canvas: #1a1a1a;
  --ed-dot-faint: rgb(217 217 217 / 0.15);
  --font-body: "Estedad", "Estedad Fallback", Tahoma, sans-serif;
}
@media (max-width: 60rem) {
[data-pb="sec-proof"] {
  --gutter: 24px;
  --section-gap-s: 80px;
}
}
@media (max-width: 40rem) {
[data-pb="sec-proof"] {
  --gutter: 16px;
  --section-gap-s: 56px;
  --gap-columns: 16px;
}
}
[data-pb="sec-proof"] {
  color: var(--color-ink);
  font-family: var(--font-body);
  font-size: var(--text-md);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  caret-color: var(--color-accent);
  font-size: var(--text-md);
  line-height: var(--leading-body);
  font-weight: var(--weight-body);
  font-feature-settings: "kern" 1;
  font-synthesis: none;
}
[data-pb="sec-proof"] .pb-generic,
[data-pb="sec-proof"] .pb-pass {
  display: contents;
}
[data-pb="sec-proof"] .t.t.t {
  display: contents;
}
[data-pb="sec-proof"] .ui-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
}
[data-pb="sec-proof"] .pb-anchor {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 1px;
  height: 1px;
  pointer-events: none;
  scroll-margin-top: calc(var(--nav-height) + var(--space-lg));
}
[data-pb="sec-proof"] .proof__pool {
  display: none;
}
[data-pb="sec-proof"] *,
[data-pb="sec-proof"] *::before,
[data-pb="sec-proof"] *::after {
  box-sizing: border-box;
}
[data-pb="sec-proof"] *::selection {
  background: color-mix(in oklab, var(--color-accent) 22%, transparent);
  color: var(--color-ink);
}
[data-pb="sec-proof"] *:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: 2px;
}
[data-pb="sec-proof"] p {
  margin: 0;
  text-wrap: pretty;
}
[data-pb="sec-proof"] img,
[data-pb="sec-proof"] video {
  max-width: 100%;
  height: auto;
  display: block;
}
[data-pb="sec-proof"] [hidden] {
  display: none;
}
[data-pb="sec-proof"] {
  width: 100%;
  max-width: var(--container);
  margin-inline: auto;
  padding-inline: var(--gutter);
  box-sizing: border-box;
}
[data-pb="sec-proof"] .num,
[data-pb="sec-proof"] .figure,
[data-pb="sec-proof"] td.num {
  font-variant-numeric: tabular-nums;
}
[data-pb="sec-proof"] [data-slot] > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
[data-slot]:has(> img) > [data-pb="sec-proof"]:not(img):not([data-keep]) {
  display: none;
}
@media (prefers-reduced-motion: reduce) {
[data-pb="sec-proof"]*:not(.keep-motion),
[data-pb="sec-proof"]*:not(.keep-motion)::before,
[data-pb="sec-proof"]*:not(.keep-motion)::after {
  animation-duration: 0.01ms;
  animation-iteration-count: 1;
  transition-duration: 0.01ms;
  scroll-behavior: auto;
}
}
[data-pb="sec-proof"] .btn--quiet {
  border-color: var(--color-rule-2);
  background: var(--color-paper);
  color: var(--color-ink);
}
[data-pb="sec-proof"] .btn--quiet:hover {
  border-color: var(--color-muted);
  background: var(--color-paper-2);
}
[data-pb="sec-proof"] {
  display: flex;
  align-items: center;
  gap: var(--space-2xl);
  padding-top: var(--section-gap-s);
}
[data-pb="sec-proof"] .proof__line {
  flex: 0 0 auto;
  max-width: 17ch;
  color: var(--color-ink);
  font-weight: var(--weight-display);
  font-size: var(--text-lg);
  line-height: 1.6;
  text-wrap: balance;
}
[data-pb="sec-proof"] .proof__logos {
  display: grid;
  flex: 1;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: center;
  gap: var(--gap-columns);
  margin: 0;
  padding: 0;
  list-style: none;
}
[data-pb="sec-proof"] .proof__logos li {
  display: grid;
  place-items: center;
  height: 80px;
  perspective: 480px;
}
[data-pb="sec-proof"] .proof__logos img {
  width: auto;
  height: 52px;
  max-width: min(76px, 80%);
  object-fit: contain;
  opacity: 0.8;
  backface-visibility: hidden;
}
@media (max-width: 60rem) {
[data-pb="sec-proof"] {
  flex-wrap: wrap;
  gap: var(--space-lg);
  padding-top: var(--space-2xl);
}
}
@media (max-width: 60rem) {
[data-pb="sec-proof"] .proof__line {
  flex-basis: 100%;
  max-width: none;
}
}
@media (max-width: 60rem) {
[data-pb="sec-proof"] .proof__logos {
  flex-basis: 100%;
}
}
@media (max-width: 40rem) {
[data-pb="sec-proof"] .proof__logos {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 40rem) {
[data-pb="sec-proof"] .proof__logos img {
  height: 44px;
  max-width: min(64px, 80%);
}
}
[data-pb="sec-proof"] .sell__canvas {
  background: radial-gradient(circle, var(--ed-dot-faint) 0.85px, transparent 1.1px) 0 0 / 12px 12px, var(--ed-canvas);
}
[data-pb="sec-proof"] [hidden]:not(.voice__item) {
  display: none;
}
[data-pb="sec-proof"] .is-hidden {
  display: none;
}
[data-pb="sec-story"] {
  position: relative;
  --space-3xs: 2px;
  --space-2xs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 40px;
  --space-2xl: 64px;
  --text-md: 1.0625rem;
  --text-section: clamp(1.875rem, 1.6vw + 1.3rem, 2.875rem);
  --text-step: clamp(1.75rem, 1rem + 2.5vw, 2.2rem);
  --text-step-body: 1.125rem;
  --leading-section: 1.4;
  --leading-body: 1.85;
  --weight-body: 400;
  --weight-ui: 500;
  --weight-display: 700;
  --weight-hero: 800;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-short: 220ms;
  --dur-long: 420ms;
  --container: 1440px;
  --gutter: 64px;
  --gap-columns: 32px;
  --section-gap: 152px;
  --nav-height: 64px;
  --z-raised: 10;
  --color-paper: oklch(12.2% 0.006 252);
  --color-paper-2: oklch(15.6% 0.007 252);
  --color-paper-3: oklch(19.4% 0.008 252);
  --color-ink: oklch(95.6% 0.006 252);
  --color-ink-2: oklch(82% 0.009 252);
  --color-muted: oklch(69% 0.012 252);
  --color-rule: oklch(24.5% 0.009 252);
  --color-rule-2: oklch(31% 0.011 252);
  --color-accent: oklch(68.6% 0.152 243.8);
  --color-focus: oklch(72% 0.18 244);
  --ed-bg: #121212;
  --ed-canvas: #1a1a1a;
  --ed-site: #030303;
  --ed-line: #262626;
  --ed-hair: rgb(255 255 255 / 0.12);
  --ed-hair-18: rgb(255 255 255 / 0.18);
  --ed-hair-40: rgb(255 255 255 / 0.4);
  --ed-fg: #fafafa;
  --ed-fg-72: rgb(255 255 255 / 0.72);
  --ed-fg-56: rgb(255 255 255 / 0.56);
  --ed-on-light: #161616;
  --ed-light-top: #f4f4f4;
  --ed-light-bottom: #a9a9a9;
  --ed-btn: rgb(52 52 52 / 0.3);
  --ed-btn-sheen: rgb(255 255 255 / 0.12);
  --ed-btn-clear: rgb(255 255 255 / 0);
  --ed-neutral-600: #3f3f3f;
  --ed-neutral-800: #262626;
  --ed-sheen-8: rgb(255 255 255 / 0.08);
  --ed-panel-top: rgb(52 52 52 / 0.68);
  --ed-panel-bottom: rgb(23 23 23 / 0.68);
  --ed-brand-300: #71c9ff;
  --ed-brand-500: #2ea2f0;
  --ed-brand-600: #1f81d6;
  --ed-brand-wash: rgb(46 162 240 / 0.08);
  --ed-brand-wash-2: rgb(46 162 240 / 0.16);
  --ed-brand-glow: rgb(46 162 240 / 0.36);
  --ed-dot: #d9d9d9;
  --ed-dot-faint: rgb(217 217 217 / 0.15);
  --ed-drop-send: drop-shadow(0 2px 2px rgb(0 0 0 / 0.18));
  --ed-gap-6: 6px;
  --ed-gap-10: 10px;
  --ed-success: #34d399;
  --ed-success-wash: rgb(52 211 153 / 0.12);
  --ed-shadow-publish: 0 8px 8px -4px rgb(255 255 255 / 0.2), 0 2px 3px -1px rgb(28 28 28 / 0.3), 0 0 0 1px rgb(0 0 0 / 0.12);
  --ed-inset-publish: inset 0 1px 0.1px rgb(255 255 255 / 0.39), inset 0 -2px 2px -1px rgb(113 113 113 / 0.4);
  --ed-shadow-btn: 0 1px 2px rgb(0 0 0 / 0.4), 0 0 0 1px rgb(0 0 0 / 0.16);
  --ed-inset-btn: inset 0 1px 0 rgb(255 255 255 / 0.12);
  --ed-shadow-theo: 0 8px 16px rgb(0 0 0 / 0.32);
  --ed-inset-theo: inset 0.5px 1.5px 0.1px rgb(255 255 255 / 0.24);
  --ed-shadow-field: 0 0 0 1px rgb(0 0 0 / 0.5), 0 8px 16px 2px rgb(0 0 0 / 0.32);
  --ed-inset-field: inset 0 1.5px 0.1px rgb(255 255 255 / 0.13);
  --ed-shadow-send: 0 4px 6px -2px rgb(43 144 224 / 0.45), 0 2px 4px -1px rgb(15 24 31 / 0.18), 0 0 0 1px rgb(0 0 0 / 0.06);
  --ed-inset-send: inset 0 1px 0.1px rgb(255 255 255 / 0.39), inset 0 2px 3px rgb(68 233 255 / 0.85), inset 0 -2px 2px -1px rgb(8 88 173 / 0.3);
  --ob-white: #fdfdfe;
  --ob-100: #ebeaef;
  --ob-500: #60627f;
  --ob-950: #202028;
  --ob-blue: #097dea;
  --ob-shadow-dialog: 0 4px 6px -4px rgb(32 32 40 / 0.1), 0 10px 15px -3px rgb(32 32 40 / 0.1);
  --ob-shadow-field: 0 1px 1px rgb(32 32 40 / 0.05);
  --ob-shadow-primary: 0 1px 2px rgb(32 32 40 / 0.05), inset 0 -1px 0 1px rgb(255 255 255 / 0.08), inset 0 1px 0 1px rgb(255 255 255 / 0.25), inset 0 6px 8px -1px rgb(255 255 255 / 0.12);
  --ob-sheen: rgb(255 255 255 / 0.12);
  --ob-clear: rgb(0 0 0 / 0);
  --mask-solid: rgb(0 0 0);
  --font-display: "Estedad", "Estedad Fallback", Tahoma, sans-serif;
  --font-body: "Estedad", "Estedad Fallback", Tahoma, sans-serif;
  --radius-card: 14px;
  --radius-pill: 999px;
  --tracking-display: 0;
}
@media (max-width: 60rem) {
[data-pb="sec-story"] {
  --gutter: 24px;
  --section-gap: 96px;
}
}
@media (max-width: 40rem) {
[data-pb="sec-story"] {
  --gutter: 16px;
  --section-gap: 72px;
  --gap-columns: 16px;
}
}
[data-pb="sec-story"] {
  color: var(--color-ink);
  font-family: var(--font-body);
  font-size: var(--text-md);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  caret-color: var(--color-accent);
  font-size: var(--text-md);
  line-height: var(--leading-body);
  font-weight: var(--weight-body);
  font-feature-settings: "kern" 1;
  font-synthesis: none;
}
[data-pb="sec-story"] .pb-generic,
[data-pb="sec-story"] .pb-pass {
  display: contents;
}
[data-pb="sec-story"] .t.t.t {
  display: contents;
}
[data-pb="sec-story"] .ui-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
}
[data-pb="sec-story"] .pb-anchor {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 1px;
  height: 1px;
  pointer-events: none;
  scroll-margin-top: calc(var(--nav-height) + var(--space-lg));
}
[data-pb="sec-story"] *,
[data-pb="sec-story"] *::before,
[data-pb="sec-story"] *::after {
  box-sizing: border-box;
}
[data-pb="sec-story"] *::selection {
  background: color-mix(in oklab, var(--color-accent) 22%, transparent);
  color: var(--color-ink);
}
[data-pb="sec-story"] *:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: 2px;
}
[data-pb="sec-story"] h2,
[data-pb="sec-story"] h3 {
  margin: 0;
  font-family: var(--font-display);
  font-synthesis: none;
  overflow-wrap: break-word;
  min-width: 0;
  text-wrap: balance;
}
[data-pb="sec-story"] p {
  margin: 0;
  text-wrap: pretty;
}
[data-pb="sec-story"] p:not([class]) {
  max-width: 65ch;
}
[data-pb="sec-story"] img,
[data-pb="sec-story"] video {
  max-width: 100%;
  height: auto;
  display: block;
}
[data-pb="sec-story"] [hidden] {
  display: none;
}
[data-pb="sec-story"] .container {
  width: 100%;
  max-width: var(--container);
  margin-inline: auto;
  padding-inline: var(--gutter);
  box-sizing: border-box;
}
[data-pb="sec-story"] .num,
[data-pb="sec-story"] .figure,
[data-pb="sec-story"] td.num {
  font-variant-numeric: tabular-nums;
}
[data-pb="sec-story"] [data-slot] {
  position: relative;
  overflow: hidden;
  background: linear-gradient(160deg, var(--color-paper-2, var(--color-paper)), var(--color-paper-3, var(--color-paper)));
}
[data-pb="sec-story"] [data-slot] > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
[data-slot]:has(> img) > [data-pb="sec-story"]:not(img):not([data-keep]) {
  display: none;
}
@media (prefers-reduced-motion: reduce) {
[data-pb="sec-story"]*:not(.keep-motion),
[data-pb="sec-story"]*:not(.keep-motion)::before,
[data-pb="sec-story"]*:not(.keep-motion)::after {
  animation-duration: 0.01ms;
  animation-iteration-count: 1;
  transition-duration: 0.01ms;
  scroll-behavior: auto;
}
}
[data-pb="sec-story"] h2,
[data-pb="sec-story"] h3 {
  font-weight: var(--weight-display);
  letter-spacing: var(--tracking-display);
  color: var(--color-ink);
}
[data-pb="sec-story"] .btn--quiet {
  border-color: var(--color-rule-2);
  background: var(--color-paper);
  color: var(--color-ink);
}
[data-pb="sec-story"] .btn--quiet:hover {
  border-color: var(--color-muted);
  background: var(--color-paper-2);
}
[data-pb="sec-story"] .ed-bar {
  display: flex;
  align-items: center;
  padding: var(--space-xs) var(--space-sm);
  border-bottom: 1px solid var(--ed-line);
  background: var(--ed-bg);
}
[data-pb="sec-story"] .ed-bar__start {
  display: flex;
  flex: 1 1 0;
  align-items: center;
  gap: var(--space-xs);
  min-width: 0;
}
[data-pb="sec-story"] .ed-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2xs);
  height: 32px;
  min-width: 64px;
  padding: 0 var(--space-sm);
  border: 1.5px solid var(--ed-hair);
  border-radius: 8px;
  background: linear-gradient(180deg, var(--ed-btn-sheen) 0%, var(--ed-btn-clear) 100%), var(--ed-btn);
  box-shadow: var(--ed-shadow-btn), var(--ed-inset-btn);
  color: var(--ed-fg-72);
  font-weight: var(--weight-display);
  white-space: nowrap;
}
[data-pb="sec-story"] .ed-btn--publish {
  min-width: 80px;
  padding: 0 var(--space-md);
  border: 1px solid var(--ed-hair-40);
  background: linear-gradient(180deg, var(--ed-light-top), var(--ed-light-bottom));
  box-shadow: var(--ed-shadow-publish), var(--ed-inset-publish);
  color: var(--ed-on-light);
}
[data-pb="sec-story"] .ed-badge {
  padding: var(--space-2xs);
  border-radius: var(--radius-pill);
  background: var(--ed-success-wash);
  color: var(--ed-success);
  font-weight: var(--weight-ui);
  line-height: 1.2;
  white-space: nowrap;
  transition: background-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out);
}
[data-pb="sec-story"] .ed-badge.is-busy {
  background: var(--ed-brand-wash-2);
  color: var(--ed-brand-300);
}
[data-pb="sec-story"] .ed-theo {
  position: absolute;
  bottom: var(--space-xs);
  left: 50%;
  z-index: var(--z-raised);
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  width: min(618px, calc(100% - 2 * var(--space-sm)));
  padding: var(--space-3xs) var(--space-sm) var(--space-sm);
  border: 1px solid var(--ed-hair);
  border-radius: 24px;
  background: linear-gradient(180deg, var(--ed-panel-top), var(--ed-panel-bottom));
  box-shadow: var(--ed-shadow-theo), var(--ed-inset-theo);
  backdrop-filter: blur(12px);
  transform: translateX(-50%);
}
[data-pb="sec-story"] .ed-theo__head {
  display: flex;
  align-items: center;
  gap: var(--space-2xs);
  padding-right: var(--space-sm);
}
[data-pb="sec-story"] .ed-theo__title {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  color: var(--ed-fg);
  direction: rtl;
  font-size: 14px;
  font-weight: var(--weight-display);
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[data-pb="sec-story"] .ed-theo__face {
  width: 48px;
  height: 48px;
}
[data-pb="sec-story"] .ed-theo__field {
  position: relative;
  display: flex;
  direction: ltr;
  align-items: center;
  gap: var(--space-xs);
  height: 50px;
  padding: var(--space-xs) var(--space-md) var(--space-xs) var(--space-xs);
  border: 1px solid var(--ed-hair);
  border-radius: var(--radius-pill);
  background: linear-gradient(180deg, var(--ed-neutral-600), var(--ed-neutral-800));
  box-shadow: var(--ed-shadow-field), var(--ed-inset-field);
}
[data-pb="sec-story"] .ed-theo__field::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(circle, var(--ed-dot) 0.9px, transparent 1.15px) 0 0 / 4px 4px;
  opacity: 0.09;
  -webkit-mask-image: linear-gradient(0deg, var(--mask-solid) 15%, transparent 85%);
  mask-image: linear-gradient(0deg, var(--mask-solid) 15%, transparent 85%);
  pointer-events: none;
}
[data-pb="sec-story"] .ed-send {
  position: relative;
  z-index: 1;
  display: grid;
  flex-shrink: 0;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid var(--ed-hair-18);
  border-radius: var(--radius-pill);
  background: linear-gradient(180deg, var(--ed-brand-300) 0%, var(--ed-brand-500) 35%, var(--ed-brand-600) 100%);
  box-shadow: var(--ed-shadow-send), var(--ed-inset-send);
}
[data-pb="sec-story"] .ed-theo__said:empty::before {
  content: attr(data-placeholder);
  color: var(--ed-fg-56);
}
[data-pb="sec-story"] .site {
  width: 864px;
  border-radius: 4px;
  background: var(--ed-site);
  overflow: clip;
}
[data-pb="sec-story"] .site__shot {
  display: block;
  width: 864px;
  height: auto;
}
[data-pb="sec-story"] .site__crop--hero {
  height: 205px;
  overflow: hidden;
}
[data-pb="sec-story"] .site__crop--hero .site__shot {
  transform: translateY(-50px);
}
[data-pb="sec-story"] .site.is-building > * {
  opacity: 0;
  filter: blur(14px);
  transform: scale(0.985);
}
[data-pb="sec-story"] .site.is-building > .is-built {
  opacity: 1;
  filter: blur(0);
  transform: none;
  transition: opacity 700ms var(--ease-out), filter 700ms var(--ease-out), transform 700ms var(--ease-out);
}
[data-pb="sec-story"] .gen {
  position: absolute;
  inset-inline: var(--space-lg);
  top: calc(var(--y) + var(--space-xs));
  height: calc(var(--h) - var(--space-md));
  border-radius: 14px;
  overflow: hidden;
  isolation: isolate;
  animation: gen-in 420ms var(--ease-out) both;
  transition: opacity 600ms var(--ease-out);
}
[data-pb="sec-story"] .gen.is-done {
  opacity: 0;
}
[data-pb="sec-story"] .gen::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  padding: 1.5px;
  border-radius: inherit;
  background: conic-gradient(from var(--gen-a), transparent 0 64%, var(--ed-brand-600) 80%, var(--ed-brand-300) 89%, var(--ed-fg) 91%, transparent 93% 100%);
  -webkit-mask: linear-gradient(var(--mask-solid) 0 0) content-box, linear-gradient(var(--mask-solid) 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(var(--mask-solid) 0 0) content-box, linear-gradient(var(--mask-solid) 0 0);
  mask-composite: exclude;
  animation: gen-orbit 2.2s linear infinite;
}
[data-pb="sec-story"] .gen::after {
  content: "";
  position: absolute;
  inset: -30% -70%;
  z-index: 1;
  background: linear-gradient(100deg, transparent 38%, var(--ed-brand-wash) 44%, var(--ed-brand-glow) 49%, var(--ed-sheen-8) 50%, var(--ed-brand-glow) 51%, var(--ed-brand-wash) 56%, transparent 62%);
  transform: translateX(46%);
  animation: gen-sweep 1.6s var(--ease-in-out) infinite;
}
[data-pb="sec-story"] .gen-scan {
  position: absolute;
  inset-inline: 0;
  top: -140px;
  height: 140px;
  border-bottom: 2px solid var(--ed-brand-300);
  background: linear-gradient(to bottom, transparent, var(--ed-brand-wash) 70%, var(--ed-brand-wash-2));
  box-shadow: 0 8px 28px var(--ed-brand-wash-2);
}
@media (prefers-reduced-motion: reduce) {
[data-pb="sec-story"] .gen,
[data-pb="sec-story"] .gen::before,
[data-pb="sec-story"] .gen::after {
  animation: none;
}
}
@media (prefers-reduced-motion: reduce) {
[data-pb="sec-story"] .site.is-building > .is-built {
  transition: none;
}
}
@media (max-width: 40rem) {
[data-pb="sec-story"] .ed-theo__face {
  width: 36px;
  height: 36px;
}
}
[data-pb="sec-story"] .story__title {
  font-size: var(--text-section);
  font-weight: var(--weight-hero);
  line-height: var(--leading-section);
}
[data-pb="sec-story"] h3 {
  font-weight: var(--weight-display);
}
[data-pb="sec-story"] .story__shot {
  position: relative;
  display: grid;
  place-items: center;
  margin: 0;
  border-radius: var(--radius-card);
  background: var(--ed-canvas);
  color: var(--ed-fg);
  overflow: hidden;
}
[data-pb="sec-story"] [data-fit] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(var(--fit, 1));
  transform-origin: 50% 50%;
}
[data-pb="sec-story"] {
  padding-top: var(--section-gap);
}
[data-pb="sec-story"] .story__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--gap-columns);
}
[data-pb="sec-story"] .story__text {
  grid-column: 1 / 6;
}
[data-pb="sec-story"] .story__title {
  max-width: 11ch;
}
[data-pb="sec-story"] .story__steps {
  margin: var(--space-xl) 0 0;
  padding: 0;
  list-style: none;
}
[data-pb="sec-story"] .story__step {
  display: grid;
  align-content: center;
  gap: var(--space-xs);
  min-height: 64svh;
  padding-block: var(--space-xl);
  border-top: 1px solid var(--color-rule);
  transition: opacity var(--dur-long) var(--ease-out);
}
[data-pb="sec-story"] .story__step h3 {
  font-size: var(--text-step);
  line-height: 1.45;
}
[data-pb="sec-story"] .story__step p {
  max-width: 32ch;
  color: var(--color-ink-2);
  font-size: var(--text-step-body);
  line-height: 1.8;
}
[data-pb="sec-story"].js .story__step:not(.is-active) {
  opacity: 0.38;
}
[data-pb="sec-story"] .story__stage {
  grid-column: 6 / -1;
  position: sticky;
  top: calc(var(--nav-height) + var(--space-lg));
  display: grid;
  align-self: start;
  height: min(calc(100svh - var(--nav-height) - 2 * var(--space-lg)), 680px);
  margin-top: var(--space-2xl);
}
[data-pb="sec-story"] .story__shot {
  grid-area: 1 / 1;
  opacity: 0;
  transition: opacity var(--dur-long) var(--ease-out);
}
[data-pb="sec-story"] .story__stage[data-active="0"] [data-shot="0"],
[data-pb="sec-story"] .story__stage[data-active="1"] [data-shot="1"],
[data-pb="sec-story"] .story__stage[data-active="2"] [data-shot="2"] {
  opacity: 1;
}
[data-pb="sec-story"]:not(.js) .story__stage {
  position: static;
  height: auto;
  gap: var(--space-lg);
}
[data-pb="sec-story"]:not(.js) .story__shot {
  grid-area: auto;
  height: 560px;
  opacity: 1;
}
[data-pb="sec-story"] .ob {
  width: 480px;
  direction: rtl;
  border: 1px solid var(--ob-100);
  border-radius: 16px;
  background: var(--ob-white);
  box-shadow: var(--ob-shadow-dialog);
  color: var(--ob-950);
  overflow: hidden;
}
[data-pb="sec-story"] .ob__head {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  padding: var(--space-md) 28px;
  border-bottom: 1px solid var(--ob-100);
}
[data-pb="sec-story"] .ob__back {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border: 1px solid var(--ob-100);
  border-radius: 8px;
  box-shadow: var(--ob-shadow-field);
}
[data-pb="sec-story"] .ob__titles {
  display: grid;
  flex: 1;
  gap: var(--space-3xs);
}
[data-pb="sec-story"] .ob__title {
  font-weight: var(--weight-display);
  font-size: 16px;
  line-height: 1.5;
}
[data-pb="sec-story"] .ob__sub {
  color: var(--ob-500);
  font-weight: var(--weight-ui);
  font-size: 13px;
  line-height: 1.5;
}
[data-pb="sec-story"] .ob__close {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
}
[data-pb="sec-story"] .ob__progress {
  position: absolute;
  right: 0;
  bottom: -1px;
  width: 50%;
  height: 2px;
  background: var(--ob-blue);
}
[data-pb="sec-story"] .ob__body {
  display: grid;
  gap: 20px;
  padding: 28px 28px var(--space-lg);
}
[data-pb="sec-story"] .ob__heading {
  display: grid;
  gap: var(--ed-gap-6);
}
[data-pb="sec-story"] .ob__h {
  font-weight: var(--weight-display);
  font-size: 20px;
  line-height: 1.5;
}
[data-pb="sec-story"] .ob__p {
  color: var(--ob-500);
  font-weight: var(--weight-ui);
  font-size: 14px;
  line-height: 1.8;
}
[data-pb="sec-story"] .ob__field {
  display: grid;
  gap: var(--space-xs);
}
[data-pb="sec-story"] .ob__label {
  font-weight: var(--weight-display);
  font-size: 14px;
  line-height: 1.5;
}
[data-pb="sec-story"] .ob__input {
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0 var(--space-sm);
  border: 1px solid var(--ob-100);
  border-radius: 8px;
  background: var(--ob-white);
  box-shadow: var(--ob-shadow-field);
  color: var(--ob-500);
  font-weight: var(--weight-ui);
  font-size: 14px;
}
[data-pb="sec-story"] .ob__input.is-typed {
  color: var(--ob-950);
}
[data-pb="sec-story"] .ob__foot {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-xs);
  padding: var(--space-md) 28px;
  border-top: 1px solid var(--ob-100);
}
[data-pb="sec-story"] .ob__next {
  display: inline-flex;
  align-items: center;
  gap: var(--space-xs);
  height: 40px;
  padding: 0 var(--space-md);
  border: 1px solid var(--ob-950);
  border-radius: 8px;
  background: linear-gradient(180deg, var(--ob-sheen), var(--ob-clear)), var(--ob-950);
  box-shadow: var(--ob-shadow-primary);
  color: var(--ob-white);
  font-weight: var(--weight-ui);
  font-size: 14px;
}
[data-pb="sec-story"] .mini {
  display: grid;
  grid-template-columns: 196px minmax(0, 1fr);
  width: 640px;
  height: 440px;
  direction: ltr;
  border: 1px solid var(--ed-hair);
  border-radius: 12px;
  background: var(--ed-bg);
  color: var(--ed-fg-72);
  font: var(--weight-body) 12px/16px var(--font-body);
  overflow: clip;
}
[data-pb="sec-story"] .mini--publish {
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: 52px minmax(0, 1fr);
}
[data-pb="sec-story"] .mini--publish .ed-bar__start {
  flex: 0 0 auto;
}
[data-pb="sec-story"] .mini__side {
  border-right: 1px solid var(--ed-line);
}
[data-pb="sec-story"] .mini__side-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-sm);
  border-bottom: 1px solid var(--ed-line);
  color: var(--ed-fg);
  font-weight: var(--weight-display);
}
[data-pb="sec-story"] .pages {
  display: grid;
  gap: var(--space-3xs);
  margin: 0;
  padding: var(--space-xs);
  list-style: none;
}
[data-pb="sec-story"] .pages li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 36px;
  padding: 0 var(--ed-gap-10);
  border-radius: 8px;
  direction: rtl;
  color: var(--ed-fg-72);
  font-weight: var(--weight-ui);
}
[data-pb="sec-story"] .pages em {
  color: var(--ed-fg-56);
  font-size: 11px;
  font-style: normal;
}
[data-pb="sec-story"] .pages .is-done em {
  color: var(--ed-success);
}
[data-pb="sec-story"] .pages .is-busy {
  background: var(--ed-brand-wash-2);
  color: var(--ed-fg);
}
[data-pb="sec-story"] .pages .is-busy em {
  color: var(--ed-brand-300);
}
[data-pb="sec-story"] .mini__canvas {
  position: relative;
  display: flex;
  justify-content: center;
  padding-top: var(--space-lg);
  background: var(--ed-canvas);
  overflow: hidden;
}
[data-pb="sec-story"] .site--mini {
  position: relative;
  zoom: 0.48;
}
[data-pb="sec-story"] .mini--publish .site--mini {
  zoom: 0.66;
}
[data-pb="sec-story"] .mini--gen .site--mini {
  zoom: 0.5;
}
[data-pb="sec-story"] .site__row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-lg);
  height: 265px;
  border-bottom: 1px solid var(--ed-hair-18);
  overflow: hidden;
}
[data-pb="sec-story"] .site__row img {
  flex-shrink: 0;
  border-radius: 50%;
  object-fit: cover;
}
[data-pb="sec-story"] .site__row img:nth-child(1),
[data-pb="sec-story"] .site__row img:nth-child(5) {
  width: 148px;
  height: 148px;
}
[data-pb="sec-story"] .site__row img:nth-child(2),
[data-pb="sec-story"] .site__row img:nth-child(4) {
  width: 190px;
  height: 190px;
}
[data-pb="sec-story"] .site__row img:nth-child(3) {
  width: 220px;
  height: 220px;
}
[data-pb="sec-story"] .site__genslot {
  position: relative;
  height: 265px;
}
[data-pb="sec-story"] .site__genslot--hero {
  height: 205px;
}
[data-pb="sec-story"] .story__shot .gen::before,
[data-pb="sec-story"] .story__shot .gen::after {
  animation-play-state: paused;
}
[data-pb="sec-story"] .story__stage[data-active="1"] [data-shot="1"] .gen::before,
[data-pb="sec-story"] .story__stage[data-active="1"] [data-shot="1"] .gen::after {
  animation-play-state: running;
}
[data-pb="sec-story"] .site__crop {
  position: relative;
}
[data-pb="sec-story"] .site__crop.is-selected {
  outline: 3px solid var(--ed-brand-500);
  outline-offset: -3px;
}
[data-pb="sec-story"] .ed-theo--static {
  bottom: var(--space-sm);
  width: min(420px, calc(100% - 2 * var(--space-lg)));
}
[data-pb="sec-story"] .ed-theo__said {
  position: relative;
  z-index: 1;
  flex: 1;
  padding: 0 var(--space-xs);
  color: var(--ed-fg);
  direction: rtl;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[data-pb="sec-story"] .sell__canvas,
[data-pb="sec-story"] .mini__canvas {
  background: radial-gradient(circle, var(--ed-dot-faint) 0.85px, transparent 1.1px) 0 0 / 12px 12px, var(--ed-canvas);
}
[data-pb="sec-story"] .story__shot {
  -webkit-user-select: none;
  user-select: none;
}
[data-pb="sec-story"]:is(.editor, .story__shot, .panel__shot, .market__shot, .bento__visual, .start__stage, .made__rows) img {
  -webkit-user-drag: none;
}
[data-pb="sec-story"] .ed-send img {
  display: block;
  width: auto;
  height: 10.5px;
  filter: var(--ed-drop-send);
}
@media (max-width: 60rem) {
[data-pb="sec-story"] .story__grid {
  display: block;
}
}
@media (max-width: 60rem) {
[data-pb="sec-story"] .story__stage {
  top: calc(var(--nav-height) + var(--space-xs));
  z-index: var(--z-raised);
  height: 46svh;
  margin-top: var(--space-lg);
}
}
@media (max-width: 60rem) {
[data-pb="sec-story"] .story__step {
  min-height: 56svh;
}
}
@media (max-width: 40rem) {
[data-pb="sec-story"] .mini__side {
  display: none;
}
}
@media (max-width: 40rem) {
[data-pb="sec-story"] .ob {
  width: 340px;
}
}
@media (max-width: 40rem) {
[data-pb="sec-story"] .ob__head,
[data-pb="sec-story"] .ob__body,
[data-pb="sec-story"] .ob__foot {
  padding-inline: var(--space-md);
}
}
@media (max-width: 40rem) {
[data-pb="sec-story"] .mini {
  grid-template-columns: minmax(0, 1fr);
  width: 380px;
  height: 360px;
}
}
@media (max-width: 40rem) {
[data-pb="sec-story"] .mini__canvas {
  justify-content: flex-end;
}
}
[data-pb="sec-story"] [hidden]:not(.voice__item) {
  display: none;
}
[data-pb="sec-story"] .is-hidden {
  display: none;
}
@keyframes gen-in {
  from {
  opacity: 0;
  }
}
@keyframes gen-orbit {
  to {
  --gen-a: 360deg;
  }
}
@keyframes gen-sweep {
  to {
  transform: translateX(-46%);
  }
}
[data-pb="sec-story"] .s41 {
  --y: 0px;
  --h: 205px;
}
[data-pb="sec-story"] .s42 {
  --y: 0px;
  --h: 265px;
}
[data-pb="sec-features"] {
  position: relative;
  --space-3xs: 2px;
  --space-2xs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 40px;
  --space-2xl: 64px;
  --text-sm: 0.9375rem;
  --text-md: 1.0625rem;
  --text-section: clamp(1.875rem, 1.6vw + 1.3rem, 2.875rem);
  --text-title: clamp(1.1875rem, 0.4vw + 1rem, 1.375rem);
  --leading-section: 1.4;
  --leading-body: 1.85;
  --weight-body: 400;
  --weight-ui: 500;
  --weight-display: 700;
  --weight-hero: 800;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-micro: 120ms;
  --dur-short: 220ms;
  --dur-long: 420ms;
  --container: 1440px;
  --gutter: 64px;
  --gap-columns: 32px;
  --section-gap-l: 184px;
  --color-paper: oklch(12.2% 0.006 252);
  --color-paper-2: oklch(15.6% 0.007 252);
  --color-paper-3: oklch(19.4% 0.008 252);
  --color-paper-4: oklch(23.6% 0.009 252);
  --color-ink: oklch(95.6% 0.006 252);
  --color-ink-2: oklch(82% 0.009 252);
  --color-muted: oklch(69% 0.012 252);
  --color-rule: oklch(24.5% 0.009 252);
  --color-rule-2: oklch(31% 0.011 252);
  --color-accent: oklch(68.6% 0.152 243.8);
  --color-focus: oklch(72% 0.18 244);
  --ed-bg: #121212;
  --ed-canvas: #1a1a1a;
  --ed-site: #030303;
  --ed-line: #262626;
  --ed-hair: rgb(255 255 255 / 0.12);
  --ed-hair-18: rgb(255 255 255 / 0.18);
  --ed-fg: #fafafa;
  --ed-fg-72: rgb(255 255 255 / 0.72);
  --ed-fg-56: rgb(255 255 255 / 0.56);
  --ed-on-light: #161616;
  --ed-btn: rgb(52 52 52 / 0.3);
  --ed-chip: rgb(115 115 115 / 0.24);
  --ed-search: rgb(38 38 38 / 0.5);
  --ed-neutral-600: #3f3f3f;
  --ed-neutral-800: #262626;
  --ed-sheen-8: rgb(255 255 255 / 0.08);
  --ed-brand-300: #71c9ff;
  --ed-brand-500: #2ea2f0;
  --ed-brand-600: #1f81d6;
  --ed-brand-wash: rgb(46 162 240 / 0.08);
  --ed-brand-wash-2: rgb(46 162 240 / 0.16);
  --ed-brand-glow: rgb(46 162 240 / 0.36);
  --ed-dot: #d9d9d9;
  --ed-dot-faint: rgb(217 217 217 / 0.15);
  --ed-drop-send: drop-shadow(0 2px 2px rgb(0 0 0 / 0.18));
  --ed-gap-6: 6px;
  --ed-gap-10: 10px;
  --ed-inset-chip: inset 0 1.5px 0 rgb(255 255 255 / 0.12);
  --ed-shadow-field: 0 0 0 1px rgb(0 0 0 / 0.5), 0 8px 16px 2px rgb(0 0 0 / 0.32);
  --ed-inset-field: inset 0 1.5px 0.1px rgb(255 255 255 / 0.13);
  --ed-shadow-send: 0 4px 6px -2px rgb(43 144 224 / 0.45), 0 2px 4px -1px rgb(15 24 31 / 0.18), 0 0 0 1px rgb(0 0 0 / 0.06);
  --ed-inset-send: inset 0 1px 0.1px rgb(255 255 255 / 0.39), inset 0 2px 3px rgb(68 233 255 / 0.85), inset 0 -2px 2px -1px rgb(8 88 173 / 0.3);
  --mask-solid: rgb(0 0 0);
  --font-display: "Estedad", "Estedad Fallback", Tahoma, sans-serif;
  --font-body: "Estedad", "Estedad Fallback", Tahoma, sans-serif;
  --radius-card: 14px;
  --radius-pill: 999px;
  --tracking-display: 0;
}
@media (max-width: 60rem) {
[data-pb="sec-features"] {
  --gutter: 24px;
  --section-gap-l: 120px;
}
}
@media (max-width: 40rem) {
[data-pb="sec-features"] {
  --gutter: 16px;
  --section-gap-l: 96px;
  --gap-columns: 16px;
}
}
[data-pb="sec-features"] {
  color: var(--color-ink);
  font-family: var(--font-body);
  font-size: var(--text-md);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  caret-color: var(--color-accent);
  font-size: var(--text-md);
  line-height: var(--leading-body);
  font-weight: var(--weight-body);
  font-feature-settings: "kern" 1;
  font-synthesis: none;
}
[data-pb="sec-features"] .pb-generic,
[data-pb="sec-features"] .pb-pass {
  display: contents;
}
[data-pb="sec-features"] .t.t.t {
  display: contents;
}
[data-pb="sec-features"] .ui-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
}
[data-pb="sec-features"] .pb-anchor {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 1px;
  height: 1px;
  pointer-events: none;
  scroll-margin-top: calc(var(--nav-height) + var(--space-lg));
}
[data-pb="sec-features"] *,
[data-pb="sec-features"] *::before,
[data-pb="sec-features"] *::after {
  box-sizing: border-box;
}
[data-pb="sec-features"] *::selection {
  background: color-mix(in oklab, var(--color-accent) 22%, transparent);
  color: var(--color-ink);
}
[data-pb="sec-features"] *:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: 2px;
}
[data-pb="sec-features"] h2 {
  margin: 0;
  font-family: var(--font-display);
  font-synthesis: none;
  overflow-wrap: break-word;
  min-width: 0;
  text-wrap: balance;
}
[data-pb="sec-features"] p {
  margin: 0;
  text-wrap: pretty;
}
[data-pb="sec-features"] p:not([class]) {
  max-width: 65ch;
}
[data-pb="sec-features"] img,
[data-pb="sec-features"] video {
  max-width: 100%;
  height: auto;
  display: block;
}
[data-pb="sec-features"] [hidden] {
  display: none;
}
[data-pb="sec-features"] .ui-button {
  font: inherit;
}
[data-pb="sec-features"] .container {
  width: 100%;
  max-width: var(--container);
  margin-inline: auto;
  padding-inline: var(--gutter);
  box-sizing: border-box;
}
[data-pb="sec-features"] .num,
[data-pb="sec-features"] .figure,
[data-pb="sec-features"] td.num {
  font-variant-numeric: tabular-nums;
}
[data-pb="sec-features"] [data-slot] {
  position: relative;
  overflow: hidden;
  background: linear-gradient(160deg, var(--color-paper-2, var(--color-paper)), var(--color-paper-3, var(--color-paper)));
}
[data-pb="sec-features"] [data-slot] > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
[data-slot]:has(> img) > [data-pb="sec-features"]:not(img):not([data-keep]) {
  display: none;
}
@media (prefers-reduced-motion: reduce) {
[data-pb="sec-features"]*:not(.keep-motion),
[data-pb="sec-features"]*:not(.keep-motion)::before,
[data-pb="sec-features"]*:not(.keep-motion)::after {
  animation-duration: 0.01ms;
  animation-iteration-count: 1;
  transition-duration: 0.01ms;
  scroll-behavior: auto;
}
}
[data-pb="sec-features"] h2 {
  font-weight: var(--weight-display);
  letter-spacing: var(--tracking-display);
  color: var(--color-ink);
}
[data-pb="sec-features"] .btn--quiet {
  border-color: var(--color-rule-2);
  background: var(--color-paper);
  color: var(--color-ink);
}
[data-pb="sec-features"] .btn--quiet:hover {
  border-color: var(--color-muted);
  background: var(--color-paper-2);
}
[data-pb="sec-features"] .ed-theo__field {
  position: relative;
  display: flex;
  direction: ltr;
  align-items: center;
  gap: var(--space-xs);
  height: 50px;
  padding: var(--space-xs) var(--space-md) var(--space-xs) var(--space-xs);
  border: 1px solid var(--ed-hair);
  border-radius: var(--radius-pill);
  background: linear-gradient(180deg, var(--ed-neutral-600), var(--ed-neutral-800));
  box-shadow: var(--ed-shadow-field), var(--ed-inset-field);
}
[data-pb="sec-features"] .ed-theo__field::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(circle, var(--ed-dot) 0.9px, transparent 1.15px) 0 0 / 4px 4px;
  opacity: 0.09;
  -webkit-mask-image: linear-gradient(0deg, var(--mask-solid) 15%, transparent 85%);
  mask-image: linear-gradient(0deg, var(--mask-solid) 15%, transparent 85%);
  pointer-events: none;
}
[data-pb="sec-features"] .ed-send {
  position: relative;
  z-index: 1;
  display: grid;
  flex-shrink: 0;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid var(--ed-hair-18);
  border-radius: var(--radius-pill);
  background: linear-gradient(180deg, var(--ed-brand-300) 0%, var(--ed-brand-500) 35%, var(--ed-brand-600) 100%);
  box-shadow: var(--ed-shadow-send), var(--ed-inset-send);
}
[data-pb="sec-features"] .ed-theo__said:empty::before {
  content: attr(data-placeholder);
  color: var(--ed-fg-56);
}
[data-pb="sec-features"] .site {
  width: 864px;
  border-radius: 4px;
  background: var(--ed-site);
  overflow: clip;
}
[data-pb="sec-features"] .site__shot {
  display: block;
  width: 864px;
  height: auto;
}
[data-pb="sec-features"] .site__crop--hero {
  height: 205px;
  overflow: hidden;
}
[data-pb="sec-features"] .site__crop--hero .site__shot {
  transform: translateY(-50px);
}
[data-pb="sec-features"] .site.is-building > * {
  opacity: 0;
  filter: blur(14px);
  transform: scale(0.985);
}
[data-pb="sec-features"] .site.is-building > .is-built {
  opacity: 1;
  filter: blur(0);
  transform: none;
  transition: opacity 700ms var(--ease-out), filter 700ms var(--ease-out), transform 700ms var(--ease-out);
}
[data-pb="sec-features"] .gen {
  position: absolute;
  inset-inline: var(--space-lg);
  top: calc(var(--y) + var(--space-xs));
  height: calc(var(--h) - var(--space-md));
  border-radius: 14px;
  overflow: hidden;
  isolation: isolate;
  animation: gen-in 420ms var(--ease-out) both;
  transition: opacity 600ms var(--ease-out);
}
[data-pb="sec-features"] .gen.is-done {
  opacity: 0;
}
[data-pb="sec-features"] .gen--fill {
  inset: 0;
  height: auto;
  border-radius: inherit;
}
[data-pb="sec-features"] .gen::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  padding: 1.5px;
  border-radius: inherit;
  background: conic-gradient(from var(--gen-a), transparent 0 64%, var(--ed-brand-600) 80%, var(--ed-brand-300) 89%, var(--ed-fg) 91%, transparent 93% 100%);
  -webkit-mask: linear-gradient(var(--mask-solid) 0 0) content-box, linear-gradient(var(--mask-solid) 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(var(--mask-solid) 0 0) content-box, linear-gradient(var(--mask-solid) 0 0);
  mask-composite: exclude;
  animation: gen-orbit 2.2s linear infinite;
}
[data-pb="sec-features"] .gen::after {
  content: "";
  position: absolute;
  inset: -30% -70%;
  z-index: 1;
  background: linear-gradient(100deg, transparent 38%, var(--ed-brand-wash) 44%, var(--ed-brand-glow) 49%, var(--ed-sheen-8) 50%, var(--ed-brand-glow) 51%, var(--ed-brand-wash) 56%, transparent 62%);
  transform: translateX(46%);
  animation: gen-sweep 1.6s var(--ease-in-out) infinite;
}
[data-pb="sec-features"] .gen-scan {
  position: absolute;
  inset-inline: 0;
  top: -140px;
  height: 140px;
  border-bottom: 2px solid var(--ed-brand-300);
  background: linear-gradient(to bottom, transparent, var(--ed-brand-wash) 70%, var(--ed-brand-wash-2));
  box-shadow: 0 8px 28px var(--ed-brand-wash-2);
}
@media (prefers-reduced-motion: reduce) {
[data-pb="sec-features"] .gen,
[data-pb="sec-features"] .gen::before,
[data-pb="sec-features"] .gen::after {
  animation: none;
}
}
@media (prefers-reduced-motion: reduce) {
[data-pb="sec-features"] .site.is-building > .is-built {
  transition: none;
}
}
[data-pb="sec-features"] .features__head h2 {
  font-size: var(--text-section);
  font-weight: var(--weight-hero);
  line-height: var(--leading-section);
}
[data-pb="sec-features"] .panel__shot {
  position: relative;
  display: grid;
  place-items: center;
  margin: 0;
  border-radius: var(--radius-card);
  background: var(--ed-canvas);
  color: var(--ed-fg);
  overflow: hidden;
}
[data-pb="sec-features"] [data-fit] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(var(--fit, 1));
  transform-origin: 50% 50%;
}
[data-pb="sec-features"] .site--mini {
  position: relative;
  zoom: 0.48;
}
[data-pb="sec-features"] .site__crop {
  position: relative;
}
[data-pb="sec-features"] .site__crop.is-selected {
  outline: 3px solid var(--ed-brand-500);
  outline-offset: -3px;
}
[data-pb="sec-features"] .site__tag {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  padding: 0 var(--space-md);
  border-radius: 0 0 8px 0;
  background: var(--ed-brand-500);
  color: var(--ed-on-light);
  font: var(--weight-ui) 22px/40px var(--font-body);
}
[data-pb="sec-features"] .ed-theo__said {
  position: relative;
  z-index: 1;
  flex: 1;
  padding: 0 var(--space-xs);
  color: var(--ed-fg);
  direction: rtl;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[data-pb="sec-features"] .ed-theo__said--hint {
  color: var(--ed-fg-56);
}
[data-pb="sec-features"] {
  padding-top: var(--section-gap-l);
}
[data-pb="sec-features"] .features__head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--space-lg) var(--gap-columns);
}
[data-pb="sec-features"] .features__head h2 {
  max-width: 13ch;
}
[data-pb="sec-features"] .tabs {
  display: flex;
  gap: var(--space-2xs);
  padding: var(--space-2xs);
  border: 1px solid var(--color-rule);
  border-radius: var(--radius-pill);
  background: var(--color-paper-2);
  overflow-x: auto;
}
[data-pb="sec-features"] .tabs__tab {
  min-height: 44px;
  padding: 0 var(--space-md);
  border: 0;
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--color-ink-2);
  font: var(--weight-ui) var(--text-sm)/1 var(--font-body);
  white-space: nowrap;
  cursor: pointer;
  transition: color var(--dur-short) var(--ease-out), background-color var(--dur-short) var(--ease-out);
}
[data-pb="sec-features"] .tabs__tab:hover {
  color: var(--color-ink);
}
[data-pb="sec-features"] .tabs__tab:active {
  background: var(--color-paper-3);
}
[data-pb="sec-features"] .tabs__tab:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: 0;
}
[data-pb="sec-features"] .tabs__tab[aria-selected="true"] {
  background: var(--color-paper-4);
  color: var(--color-ink);
}
[data-pb="sec-features"] .panels {
  margin-top: var(--space-2xl);
}
[data-pb="sec-features"] .panel {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: center;
  column-gap: var(--gap-columns);
}
[data-pb="sec-features"] .panel:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: 8px;
  border-radius: var(--radius-card);
}
[data-pb="sec-features"].js .panel:not([hidden]) {
  animation: panel-in var(--dur-long) var(--ease-out);
}
[data-pb="sec-features"] .panel__list {
  grid-column: 1 / 5;
  display: grid;
  gap: var(--space-xl);
  margin: 0;
}
[data-pb="sec-features"] .panel__list > div {
  padding-top: var(--space-md);
  border-top: 1px solid var(--color-rule);
}
[data-pb="sec-features"] .panel__list dt {
  color: var(--color-ink);
  font-weight: var(--weight-display);
  font-size: var(--text-title);
  line-height: 1.5;
}
[data-pb="sec-features"] .panel__list dd {
  margin: var(--space-2xs) 0 0;
  color: var(--color-ink-2);
}
[data-pb="sec-features"] .panel__shot {
  grid-column: 5 / -1;
  height: 540px;
}
[data-pb="sec-features"] .chat {
  display: grid;
  align-content: start;
  gap: var(--space-sm);
  width: 300px;
  padding: var(--space-md);
  direction: rtl;
  border: 1px solid var(--ed-hair);
  border-radius: 16px;
  background: var(--ed-bg);
  color: var(--ed-fg-72);
  font: var(--weight-body) 13px/1.75 var(--font-body);
}
[data-pb="sec-features"] .chat__head {
  display: flex;
  align-items: center;
  gap: var(--ed-gap-6);
  padding-bottom: var(--space-sm);
  border-bottom: 1px solid var(--ed-line);
  color: var(--ed-fg);
  font-weight: var(--weight-display);
}
[data-pb="sec-features"] .chat__msg {
  display: flex;
  align-items: flex-start;
  gap: var(--ed-gap-10);
}
[data-pb="sec-features"] .chat__msg p {
  margin: var(--space-3xs) 0 var(--space-xs);
}
[data-pb="sec-features"] .chat__face {
  width: 32px;
  height: 32px;
}
[data-pb="sec-features"] .chat__name {
  color: var(--ed-fg);
  font-weight: var(--weight-display);
  font-size: 12px;
}
[data-pb="sec-features"] .chat__suggest {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ed-gap-6);
}
[data-pb="sec-features"] .chat__suggest span {
  padding: var(--space-2xs) var(--ed-gap-10);
  border: 1px solid var(--ed-hair);
  border-radius: var(--radius-pill);
  background: var(--ed-btn);
  color: var(--ed-fg-72);
  font-weight: var(--weight-ui);
  font-size: 12px;
}
[data-pb="sec-features"] .chat__msg--you {
  justify-content: flex-end;
}
[data-pb="sec-features"] .chat__msg--you p {
  margin: 0;
  padding: var(--ed-gap-10) var(--space-sm);
  border-radius: 14px 14px 14px 4px;
  background: var(--ed-neutral-800);
  color: var(--ed-fg);
}
[data-pb="sec-features"] .chat__status {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  color: var(--ed-brand-300);
  font-weight: var(--weight-ui);
  font-size: 12px;
}
[data-pb="sec-features"] .chat__spin {
  width: 12px;
  height: 12px;
  border: 1.5px solid var(--ed-brand-wash-2);
  border-top-color: var(--ed-brand-300);
  border-radius: 50%;
  animation: spin 800ms linear infinite;
}
[data-pb="sec-features"] .style {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 260px;
  width: 640px;
  height: 440px;
  direction: ltr;
  border: 1px solid var(--ed-hair);
  border-radius: 12px;
  background: var(--ed-bg);
  color: var(--ed-fg-72);
  font: var(--weight-ui) 12px/16px var(--font-body);
  overflow: clip;
}
[data-pb="sec-features"] .style__canvas {
  position: relative;
  display: flex;
  justify-content: flex-end;
  padding-top: 28px;
  background: var(--ed-canvas);
  overflow: hidden;
}
[data-pb="sec-features"] .style__canvas .site--mini {
  zoom: 0.46;
}
[data-pb="sec-features"] .style__panel {
  display: grid;
  align-content: start;
  gap: var(--space-sm);
  padding: var(--space-sm);
  border-left: 1px solid var(--ed-hair);
  direction: rtl;
}
[data-pb="sec-features"] .style__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--ed-fg);
  font-weight: var(--weight-display);
  font-size: 13px;
}
[data-pb="sec-features"] .style__device {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2xs);
  padding: var(--space-2xs) var(--space-xs);
  border: 1px solid var(--ed-hair);
  border-radius: 8px;
  color: var(--ed-fg-56);
  font-weight: var(--weight-ui);
}
[data-pb="sec-features"] .style__tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: var(--space-3xs);
  border-radius: 8px;
  background: var(--ed-search);
  text-align: center;
}
[data-pb="sec-features"] .style__tabs span {
  padding: var(--ed-gap-6);
  border-radius: 6px;
}
[data-pb="sec-features"] .style__tabs .is-on {
  background: var(--ed-chip);
  box-shadow: var(--ed-inset-chip);
  color: var(--ed-fg);
}
[data-pb="sec-features"] .style__group {
  display: grid;
  gap: var(--ed-gap-10);
  padding-top: var(--space-sm);
  border-top: 1px solid var(--ed-line);
}
[data-pb="sec-features"] .style__label {
  color: var(--ed-fg);
  font-weight: var(--weight-display);
}
[data-pb="sec-features"] .style__seg {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding: var(--space-3xs);
  border-radius: 8px;
  background: var(--ed-search);
  direction: ltr;
  text-align: center;
}
[data-pb="sec-features"] .style__seg span {
  padding: var(--ed-gap-6) 0;
  border-radius: 6px;
  color: var(--ed-fg-56);
}
[data-pb="sec-features"] .style__seg .is-on {
  background: var(--ed-neutral-600);
  color: var(--ed-fg);
}
[data-pb="sec-features"] .style__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--ed-gap-10);
}
[data-pb="sec-features"] .style__key {
  color: var(--ed-fg-56);
}
[data-pb="sec-features"] .style__align {
  display: grid;
  grid-template-columns: repeat(3, 8px);
  gap: var(--space-xs);
  padding: var(--ed-gap-10);
  border-radius: 8px;
  background: var(--ed-search);
}
[data-pb="sec-features"] .style__align i {
  width: 8px;
  height: 8px;
  border-radius: 2px;
  background: var(--ed-hair-18);
}
[data-pb="sec-features"] .style__align i.is-on {
  background: var(--ed-brand-500);
}
[data-pb="sec-features"] .style__slider {
  display: flex;
  flex: 1;
  align-items: center;
  gap: var(--ed-gap-10);
  max-width: 170px;
  direction: ltr;
}
[data-pb="sec-features"] .style__track {
  position: relative;
  flex: 1;
  height: 4px;
  border-radius: 2px;
  background: var(--ed-hair);
}
[data-pb="sec-features"] .style__track span {
  position: absolute;
  inset: 0 auto 0 0;
  width: 40%;
  border-radius: inherit;
  background: var(--ed-brand-500);
}
[data-pb="sec-features"] .style__num {
  padding: var(--space-2xs) var(--space-xs);
  border-radius: 6px;
  background: var(--ed-search);
  color: var(--ed-fg);
  direction: rtl;
}
[data-pb="sec-features"] .style__box {
  position: relative;
  display: grid;
  place-items: center;
  height: 104px;
  border: 1px dashed var(--ed-hair-18);
  border-radius: 8px;
  color: var(--ed-fg-56);
}
[data-pb="sec-features"] .style__box-in {
  display: grid;
  place-items: center;
  width: 60%;
  height: 52px;
  border: 1px solid var(--ed-hair-18);
  border-radius: 6px;
  color: var(--ed-fg);
}
[data-pb="sec-features"] .style__box-m {
  position: absolute;
  top: var(--space-2xs);
  left: 50%;
  font-size: 11px;
  transform: translateX(-50%);
}
[data-pb="sec-features"] .lang {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  width: 600px;
  height: 400px;
  direction: ltr;
  border: 1px solid var(--ed-hair);
  border-radius: 12px;
  background: var(--ed-site);
  color: var(--ed-fg);
  overflow: clip;
}
[data-pb="sec-features"] .lang__bar {
  display: flex;
  justify-content: center;
  padding: var(--space-sm);
  border-bottom: 1px solid var(--ed-hair);
  background: var(--ed-bg);
}
[data-pb="sec-features"] .lang__switch {
  display: inline-flex;
  padding: var(--space-3xs);
  border-radius: var(--radius-pill);
  background: var(--ed-search);
}
[data-pb="sec-features"] .lang__switch .ui-button {
  position: relative;
  min-height: 36px;
  padding: 0 var(--space-md);
  border: 0;
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--ed-fg-72);
  font: var(--weight-ui) 13px/1 var(--font-body);
  cursor: pointer;
  transition: background-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out);
}
[data-pb="sec-features"] .lang__switch .ui-button::after {
  content: "";
  position: absolute;
  inset: -4px 0;
}
[data-pb="sec-features"] .lang__switch .ui-button:hover {
  color: var(--ed-fg);
}
[data-pb="sec-features"] .lang__switch .ui-button:active {
  background: var(--ed-neutral-800);
}
[data-pb="sec-features"] .lang__switch .ui-button:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: 2px;
}
[data-pb="sec-features"] .lang__switch .ui-button[aria-pressed="true"] {
  background: var(--ed-neutral-600);
  color: var(--ed-fg);
}
[data-pb="sec-features"] .lang__page {
  display: grid;
  align-content: center;
  gap: var(--space-md);
  padding: var(--space-xl) 48px;
  transition: opacity var(--dur-micro) var(--ease-out);
}
[data-pb="sec-features"] .lang__page.is-swapping {
  opacity: 0;
}
[data-pb="sec-features"] .lang__logo {
  justify-self: start;
  font: var(--weight-hero) 20px/1.2 var(--font-body);
}
[data-pb="sec-features"] .lang__page[dir="ltr"] .lang__logo {
  letter-spacing: 0.04em;
}
[data-pb="sec-features"] .lang__h {
  max-width: 18em;
  font-weight: var(--weight-display);
  font-size: 30px;
  line-height: 1.45;
}
[data-pb="sec-features"] .lang__p {
  color: var(--ed-fg-72);
  font-size: 15px;
  line-height: 1.8;
}
[data-pb="sec-features"] .lang__cta {
  justify-self: start;
  padding: var(--space-xs) var(--space-md);
  border: 1px solid var(--ed-hair-18);
  border-radius: var(--radius-pill);
  font-weight: var(--weight-ui);
  font-size: 13px;
}
[data-pb="sec-features"] .scene {
  display: flex;
  gap: var(--space-md);
  align-items: stretch;
  width: 800px;
  direction: ltr;
}
[data-pb="sec-features"] .scene__canvas {
  position: relative;
  display: grid;
  align-items: center;
  flex: 1;
  padding: var(--space-lg);
  border: 1px solid var(--ed-hair);
  border-radius: 12px;
  background: var(--ed-canvas);
}
[data-pb="sec-features"] .scene__site {
  direction: rtl;
  border-radius: 4px;
  background: var(--ed-site);
  color: var(--ed-fg);
}
[data-pb="sec-features"] .scene__row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding: var(--space-md) var(--space-md) var(--space-xs);
}
[data-pb="sec-features"] .scene__h {
  color: var(--ed-fg-56);
  font-weight: var(--weight-display);
  font-size: 22px;
}
[data-pb="sec-features"] .scene__link {
  color: var(--ed-fg-56);
  font-size: 11px;
}
[data-pb="sec-features"] .scene__cards {
  position: relative;
  display: grid;
  gap: var(--space-xs);
  margin: var(--space-xs) var(--space-xs) var(--space-md);
  padding: var(--space-sm);
  outline: 2px solid var(--ed-brand-500);
  outline-offset: 0;
}
[data-pb="sec-features"] .scene__tag {
  position: absolute;
  bottom: 100%;
  left: -2px;
  padding: 0 var(--space-xs);
  border-radius: 4px 4px 0 0;
  background: var(--ed-brand-500);
  color: var(--ed-on-light);
  font: var(--weight-ui) 11px/20px var(--font-body);
}
[data-pb="sec-features"] .scene__card {
  display: grid;
  gap: var(--space-2xs);
  padding: var(--space-sm);
  border: 1px solid var(--ed-hair);
  border-radius: 8px;
  font-size: 12px;
  line-height: 1.7;
}
[data-pb="sec-features"] .scene__card b {
  font-weight: var(--weight-display);
  font-size: 14px;
}
[data-pb="sec-features"] .scene__card span {
  color: var(--ed-fg-72);
}
[data-pb="sec-features"] .scene__card--pending {
  position: relative;
  min-height: 78px;
  border-color: transparent;
}
[data-pb="sec-features"] .scene .chat {
  display: flex;
  flex: 0 0 300px;
  flex-direction: column;
  padding-bottom: var(--space-sm);
}
[data-pb="sec-features"] .scene .chat__field {
  margin-top: auto;
}
[data-pb="sec-features"] .scene__canvas,
[data-pb="sec-features"] .style__canvas,
[data-pb="sec-features"] .sell__canvas {
  background: radial-gradient(circle, var(--ed-dot-faint) 0.85px, transparent 1.1px) 0 0 / 12px 12px, var(--ed-canvas);
}
[data-pb="sec-features"] .panel__shot {
  -webkit-user-select: none;
  user-select: none;
}
[data-pb="sec-features"]:is(.editor, .story__shot, .panel__shot, .market__shot, .bento__visual, .start__stage, .made__rows) img {
  -webkit-user-drag: none;
}
[data-pb="sec-features"] .ed-send img {
  display: block;
  width: auto;
  height: 10.5px;
  filter: var(--ed-drop-send);
}
@media (max-width: 60rem) {
[data-pb="sec-features"] .features__head {
  align-items: flex-start;
  flex-direction: column;
}
}
@media (max-width: 60rem) {
[data-pb="sec-features"] .tabs {
  max-width: 100%;
}
}
@media (max-width: 60rem) {
[data-pb="sec-features"] .panel {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-xl);
}
}
@media (max-width: 60rem) {
[data-pb="sec-features"] .panel__shot {
  order: -1;
  height: 400px;
}
}
@media (max-width: 40rem) {
[data-pb="sec-features"] .tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100%;
}
}
@media (max-width: 40rem) {
[data-pb="sec-features"] .tabs__tab {
  justify-content: center;
}
}
@media (max-width: 40rem) {
[data-pb="sec-features"] .panel__shot {
  height: 420px;
}
}
@media (max-width: 40rem) {
[data-pb="sec-features"] .scene {
  width: 300px;
}
}
@media (max-width: 40rem) {
[data-pb="sec-features"] .scene__canvas,
[data-pb="sec-features"] .style__canvas {
  display: none;
}
}
@media (max-width: 40rem) {
[data-pb="sec-features"] .style {
  grid-template-columns: minmax(0, 1fr);
  width: 290px;
}
}
@media (max-width: 40rem) {
[data-pb="sec-features"] .style__panel {
  border-left: 0;
}
}
@media (max-width: 40rem) {
[data-pb="sec-features"] .lang {
  width: 330px;
  height: 380px;
}
}
@media (max-width: 40rem) {
[data-pb="sec-features"] .lang__page {
  padding: var(--space-lg);
}
}
@media (max-width: 40rem) {
[data-pb="sec-features"] .lang__h {
  font-size: 22px;
}
}
[data-pb="sec-features"] [hidden]:not(.voice__item) {
  display: none;
}
[data-pb="sec-features"] .is-hidden {
  display: none;
}
@keyframes gen-in {
  from {
  opacity: 0;
  }
}
@keyframes gen-orbit {
  to {
  --gen-a: 360deg;
  }
}
@keyframes gen-sweep {
  to {
  transform: translateX(-46%);
  }
}
@keyframes panel-in {
  from {
  opacity: 0;
  transform: translateY(6px);
  }
  to {
  opacity: 1;
  transform: none;
  }
}
@keyframes spin {
  to {
  transform: rotate(1turn);
  }
}
[data-pb="sec-platform"] {
  position: relative;
  --space-3xs: 2px;
  --space-2xs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 40px;
  --space-2xl: 64px;
  --text-sm: 0.9375rem;
  --text-md: 1.0625rem;
  --text-section: clamp(1.875rem, 1.6vw + 1.3rem, 2.875rem);
  --text-lead: clamp(1.0625rem, 0.3vw + 1rem, 1.25rem);
  --leading-section: 1.4;
  --leading-body: 1.85;
  --weight-body: 400;
  --weight-ui: 500;
  --weight-display: 700;
  --weight-hero: 800;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --container: 1440px;
  --gutter: 64px;
  --gap-columns: 32px;
  --section-gap: 152px;
  --color-paper: oklch(12.2% 0.006 252);
  --color-paper-2: oklch(15.6% 0.007 252);
  --color-ink: oklch(95.6% 0.006 252);
  --color-ink-2: oklch(82% 0.009 252);
  --color-muted: oklch(69% 0.012 252);
  --color-rule: oklch(24.5% 0.009 252);
  --color-rule-2: oklch(31% 0.011 252);
  --color-accent: oklch(68.6% 0.152 243.8);
  --color-focus: oklch(72% 0.18 244);
  --ed-bg: #121212;
  --ed-canvas: #1a1a1a;
  --ed-line: #262626;
  --ed-hair: rgb(255 255 255 / 0.12);
  --ed-hair-6: rgb(255 255 255 / 0.06);
  --ed-hair-16: rgb(255 255 255 / 0.16);
  --ed-fg: #fafafa;
  --ed-fg-72: rgb(255 255 255 / 0.72);
  --ed-fg-70: rgb(255 255 255 / 0.7);
  --ed-fg-56: rgb(255 255 255 / 0.56);
  --ed-fg-40: rgb(255 255 255 / 0.4);
  --ed-on-light: #161616;
  --ed-light-top: #f4f4f4;
  --ed-search: rgb(38 38 38 / 0.5);
  --ed-neutral-700: #343434;
  --ed-neutral-900: #171717;
  --ed-panel-top: rgb(52 52 52 / 0.68);
  --ed-brand-300: #71c9ff;
  --ed-brand-500: #2ea2f0;
  --ed-brand-600: #1f81d6;
  --ed-brand-wash: rgb(46 162 240 / 0.08);
  --ed-brand-wash-2: rgb(46 162 240 / 0.16);
  --ed-dot-faint: rgb(217 217 217 / 0.15);
  --ed-gap-6: 6px;
  --ed-gap-10: 10px;
  --ed-success: #34d399;
  --ed-success-wash: rgb(52 211 153 / 0.12);
  --ed-inset-chip: inset 0 1.5px 0 rgb(255 255 255 / 0.12);
  --ed-shadow-theo: 0 8px 16px rgb(0 0 0 / 0.32);
  --mask-solid: rgb(0 0 0);
  --font-display: "Estedad", "Estedad Fallback", Tahoma, sans-serif;
  --font-body: "Estedad", "Estedad Fallback", Tahoma, sans-serif;
  --radius-card: 14px;
  --radius-pill: 999px;
  --tracking-display: 0;
}
@media (max-width: 60rem) {
[data-pb="sec-platform"] {
  --gutter: 24px;
  --section-gap: 96px;
}
}
@media (max-width: 40rem) {
[data-pb="sec-platform"] {
  --gutter: 16px;
  --section-gap: 72px;
  --gap-columns: 16px;
}
}
[data-pb="sec-platform"] {
  color: var(--color-ink);
  font-family: var(--font-body);
  font-size: var(--text-md);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  caret-color: var(--color-accent);
  font-size: var(--text-md);
  line-height: var(--leading-body);
  font-weight: var(--weight-body);
  font-feature-settings: "kern" 1;
  font-synthesis: none;
}
[data-pb="sec-platform"] .pb-generic,
[data-pb="sec-platform"] .pb-pass {
  display: contents;
}
[data-pb="sec-platform"] .t.t.t {
  display: contents;
}
[data-pb="sec-platform"] .ui-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
}
[data-pb="sec-platform"] .pb-anchor {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 1px;
  height: 1px;
  pointer-events: none;
  scroll-margin-top: calc(var(--nav-height) + var(--space-lg));
}
[data-pb="sec-platform"] *,
[data-pb="sec-platform"] *::before,
[data-pb="sec-platform"] *::after {
  box-sizing: border-box;
}
[data-pb="sec-platform"] *::selection {
  background: color-mix(in oklab, var(--color-accent) 22%, transparent);
  color: var(--color-ink);
}
[data-pb="sec-platform"] *:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: 2px;
}
[data-pb="sec-platform"] h2,
[data-pb="sec-platform"] h3 {
  margin: 0;
  font-family: var(--font-display);
  font-synthesis: none;
  overflow-wrap: break-word;
  min-width: 0;
  text-wrap: balance;
}
[data-pb="sec-platform"] p {
  margin: 0;
  text-wrap: pretty;
}
[data-pb="sec-platform"] p:not([class]) {
  max-width: 65ch;
}
[data-pb="sec-platform"] img,
[data-pb="sec-platform"] video {
  max-width: 100%;
  height: auto;
  display: block;
}
[data-pb="sec-platform"] svg {
  display: block;
}
[data-pb="sec-platform"] [hidden] {
  display: none;
}
[data-pb="sec-platform"] {
  width: 100%;
  max-width: var(--container);
  margin-inline: auto;
  padding-inline: var(--gutter);
  box-sizing: border-box;
}
[data-pb="sec-platform"] .num,
[data-pb="sec-platform"] .figure,
[data-pb="sec-platform"] td.num {
  font-variant-numeric: tabular-nums;
}
[data-pb="sec-platform"] [data-slot] > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
[data-slot]:has(> img) > [data-pb="sec-platform"]:not(img):not([data-keep]) {
  display: none;
}
@media (prefers-reduced-motion: reduce) {
[data-pb="sec-platform"]*:not(.keep-motion),
[data-pb="sec-platform"]*:not(.keep-motion)::before,
[data-pb="sec-platform"]*:not(.keep-motion)::after {
  animation-duration: 0.01ms;
  animation-iteration-count: 1;
  transition-duration: 0.01ms;
  scroll-behavior: auto;
}
}
[data-pb="sec-platform"] h2,
[data-pb="sec-platform"] h3 {
  font-weight: var(--weight-display);
  letter-spacing: var(--tracking-display);
  color: var(--color-ink);
}
[data-pb="sec-platform"] .icon {
  flex-shrink: 0;
}
[data-pb="sec-platform"] .btn--quiet {
  border-color: var(--color-rule-2);
  background: var(--color-paper);
  color: var(--color-ink);
}
[data-pb="sec-platform"] .btn--quiet:hover {
  border-color: var(--color-muted);
  background: var(--color-paper-2);
}
[data-pb="sec-platform"] .platform__head h2 {
  font-size: var(--text-section);
  font-weight: var(--weight-hero);
  line-height: var(--leading-section);
}
[data-pb="sec-platform"] h3 {
  font-weight: var(--weight-display);
}
[data-pb="sec-platform"] .sell__canvas {
  background: radial-gradient(circle, var(--ed-dot-faint) 0.85px, transparent 1.1px) 0 0 / 12px 12px, var(--ed-canvas);
}
[data-pb="sec-platform"] .bento__visual {
  -webkit-user-select: none;
  user-select: none;
}
[data-pb="sec-platform"]:is(.editor, .story__shot, .panel__shot, .market__shot, .bento__visual, .start__stage, .made__rows) img {
  -webkit-user-drag: none;
}
[data-pb="sec-platform"] {
  padding-top: var(--section-gap);
}
[data-pb="sec-platform"] .bento {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-rows: 220px;
  gap: 1px;
  margin-top: var(--space-2xl);
  border: 1px solid var(--color-rule);
  border-radius: var(--radius-card);
  background: var(--color-rule);
  overflow: hidden;
}
[data-pb="sec-platform"] .bento__card {
  position: relative;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  grid-row: span 2;
  min-width: 0;
  background: var(--color-paper);
  color: var(--color-ink);
  overflow: hidden;
  isolation: isolate;
}
[data-pb="sec-platform"] .bento__card--wide {
  grid-column: span 2;
}
[data-pb="sec-platform"] .bento__card--short {
  grid-row: span 1;
}
[data-pb="sec-platform"] .bento__card--shop {
  grid-area: 1 / 1 / 3 / 3;
}
[data-pb="sec-platform"] .bento__card--speed {
  grid-area: 1 / 3 / 3 / 4;
}
[data-pb="sec-platform"] .bento__card--seo {
  grid-area: 3 / 1 / 5 / 2;
}
[data-pb="sec-platform"] .bento__card--cms {
  grid-area: 3 / 2 / 5 / 4;
}
[data-pb="sec-platform"] .bento__card--stats {
  grid-area: 5 / 1 / 7 / 3;
}
[data-pb="sec-platform"] .bento__card--host {
  grid-area: 5 / 3 / 6 / 4;
}
[data-pb="sec-platform"] .bento__card--secure {
  grid-area: 6 / 3 / 7 / 4;
}
[data-pb="sec-platform"] .bento__visual {
  position: relative;
  min-height: 0;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to top, transparent, var(--mask-solid) 34%);
  mask-image: linear-gradient(to top, transparent, var(--mask-solid) 34%);
}
[data-pb="sec-platform"] .bento__visual--shop,
[data-pb="sec-platform"] .bento__visual--seo,
[data-pb="sec-platform"] .bento__visual--cms,
[data-pb="sec-platform"] .bento__visual--stats {
  -webkit-mask-image: linear-gradient(to top, transparent, var(--mask-solid) 30%), linear-gradient(to right, transparent, var(--mask-solid) 16%);
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(to top, transparent, var(--mask-solid) 30%), linear-gradient(to right, transparent, var(--mask-solid) 16%);
  mask-composite: intersect;
}
[data-pb="sec-platform"] .bento__card--wide .bx {
  inset-inline-end: calc(-1 * var(--space-lg));
}
[data-pb="sec-platform"] .bento__card--wide .bento__visual {
  -webkit-mask-image: linear-gradient(to top, transparent, var(--mask-solid) 30%), linear-gradient(to right, transparent, var(--mask-solid) 9%);
  mask-image: linear-gradient(to top, transparent, var(--mask-solid) 30%), linear-gradient(to right, transparent, var(--mask-solid) 9%);
}
[data-pb="sec-platform"] .bento__text {
  position: relative;
  display: grid;
  gap: var(--space-3xs);
  padding: 0 var(--space-xl) var(--space-lg);
}
[data-pb="sec-platform"] .bento__text h3 {
  color: var(--color-ink);
  font-weight: var(--weight-ui);
  font-size: var(--text-md);
  line-height: 1.5;
}
[data-pb="sec-platform"] .bento__text p {
  max-width: 46ch;
  color: var(--color-muted);
  font-size: var(--text-sm);
  line-height: 1.7;
}
[data-pb="sec-platform"] .bx {
  position: absolute;
  top: var(--space-xl);
  inset-inline-start: var(--space-xl);
  inset-inline-end: calc(-1 * var(--space-2xl));
  display: grid;
  align-content: start;
  gap: var(--space-sm);
  padding: var(--space-md);
  border: 1px solid var(--ed-hair);
  border-radius: 12px;
  background: linear-gradient(180deg, var(--ed-bg), var(--ed-neutral-900));
  box-shadow: var(--ed-shadow-theo);
  color: var(--ed-fg-72);
  font: var(--weight-body) 13px/1.5 var(--font-body);
}
[data-pb="sec-platform"] .bx .icon {
  color: var(--ed-fg-56);
}
[data-pb="sec-platform"] .bx__head,
[data-pb="sec-platform"] .bx__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-sm);
}
[data-pb="sec-platform"] .bx__head b,
[data-pb="sec-platform"] .bx__title {
  color: var(--ed-fg);
  font-weight: var(--weight-display);
  font-size: 15px;
}
[data-pb="sec-platform"] .bx__seg,
[data-pb="sec-platform"] .bx__filters {
  display: flex;
  padding: var(--space-3xs);
  border-radius: 8px;
  background: var(--ed-search);
}
[data-pb="sec-platform"] .bx__seg span,
[data-pb="sec-platform"] .bx__filters span {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2xs);
  padding: var(--space-2xs) var(--ed-gap-10);
  border-radius: 6px;
  color: var(--ed-fg-56);
  font-size: 12px;
  white-space: nowrap;
}
[data-pb="sec-platform"] .bx__seg .is-on,
[data-pb="sec-platform"] .bx__filters .is-on {
  background: var(--ed-neutral-700);
  color: var(--ed-fg);
  box-shadow: var(--ed-inset-chip);
}
[data-pb="sec-platform"] .bx__seg .is-on .icon {
  color: var(--ed-brand-300);
}
[data-pb="sec-platform"] .bx__label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--ed-fg-56);
  font-size: 12px;
}
[data-pb="sec-platform"] .bx__label em {
  color: var(--ed-fg-40);
  font-style: normal;
}
[data-pb="sec-platform"] .bx__cols {
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.4fr);
  gap: var(--space-lg);
  margin-top: var(--space-xs);
}
[data-pb="sec-platform"] .bx__opts {
  display: grid;
  align-content: start;
  gap: var(--space-xs);
}
[data-pb="sec-platform"] .bx__swatches,
[data-pb="sec-platform"] .bx__chips,
[data-pb="sec-platform"] .bx__bundle {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  margin-bottom: var(--space-xs);
}
[data-pb="sec-platform"] .bx__swatches i {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--c);
  box-shadow: inset 0 0 0 1px var(--ed-hair-16);
}
[data-pb="sec-platform"] .bx__swatches .is-on {
  outline: 2px solid var(--ed-brand-300);
  outline-offset: 2px;
}
[data-pb="sec-platform"] .bx__chips {
  flex-wrap: wrap;
  gap: var(--space-2xs);
}
[data-pb="sec-platform"] .bx__chips span {
  padding: var(--space-2xs) var(--space-xs);
  border: 1px solid var(--ed-hair);
  border-radius: 6px;
  color: var(--ed-fg-56);
  font-size: 12px;
}
[data-pb="sec-platform"] .bx__chips .is-on {
  border-color: var(--ed-brand-500);
  background: var(--ed-brand-wash);
  color: var(--ed-fg);
}
[data-pb="sec-platform"] .bx__bundle {
  gap: 0;
}
[data-pb="sec-platform"] .bx__bundle img {
  width: 34px;
  height: 34px;
  margin-inline-end: calc(-1 * var(--space-xs));
  border: 2px solid var(--ed-bg);
  border-radius: 8px;
  object-fit: cover;
}
[data-pb="sec-platform"] .bx__bundle em {
  margin-inline-start: var(--space-md);
  color: var(--ed-success);
  font-size: 12px;
  font-style: normal;
}
[data-pb="sec-platform"] .bx__table {
  display: grid;
  align-content: start;
  border: 1px solid var(--ed-line);
  border-radius: 10px;
  overflow: hidden;
}
[data-pb="sec-platform"] .bx__vrow {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) 72px;
  align-items: center;
  gap: var(--space-xs);
  min-height: 40px;
  padding: 0 var(--space-sm);
  border-top: 1px solid var(--ed-line);
  color: var(--ed-fg);
}
[data-pb="sec-platform"] .bx__vrow > span:nth-child(n + 2) {
  color: var(--ed-fg-72);
}
[data-pb="sec-platform"] .bx__vrow--head {
  min-height: 32px;
  border-top: 0;
  background: var(--ed-hair-6);
}
[data-pb="sec-platform"] .bx__vrow--head > span,
[data-pb="sec-platform"] .bx__vrow--head > span:nth-child(n + 2) {
  color: var(--ed-fg-56);
  font-size: 11px;
}
[data-pb="sec-platform"] .bx__vrow .is-out {
  color: var(--ed-fg-40);
}
[data-pb="sec-platform"] .bx--plain {
  inset-inline-end: var(--space-xl);
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
}
[data-pb="sec-platform"] .bx--vitals {
  top: var(--space-2xl);
  gap: var(--space-xl);
}
[data-pb="sec-platform"] .bx__row b {
  color: var(--ed-fg);
  font-weight: var(--weight-ui);
  font-size: 14px;
}
[data-pb="sec-platform"] .bx__good {
  padding: var(--space-3xs) var(--space-xs);
  border-radius: var(--radius-pill);
  background: var(--ed-success-wash);
  color: var(--ed-success);
  font-size: 11px;
}
[data-pb="sec-platform"] .bx__metric {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--space-xs) var(--space-sm);
}
[data-pb="sec-platform"] .bx__mlabel {
  display: flex;
  align-items: baseline;
  gap: var(--space-xs);
}
[data-pb="sec-platform"] .bx__mlabel b {
  color: var(--ed-fg);
  font-weight: var(--weight-ui);
}
[data-pb="sec-platform"] .bx__mlabel em {
  color: var(--ed-fg-56);
  font-size: 11px;
  font-style: normal;
}
[data-pb="sec-platform"] .bx__mvalue {
  color: var(--ed-brand-300);
  font-size: 12px;
}
[data-pb="sec-platform"] .bx__track {
  position: relative;
  grid-column: 1 / -1;
  height: 4px;
  border-radius: var(--radius-pill);
  background: var(--ed-hair-6);
  overflow: hidden;
}
[data-pb="sec-platform"] .bx__track i {
  display: block;
  width: calc(var(--w) * 100%);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--ed-brand-600), var(--ed-brand-300));
  transition: transform 1.1s var(--ease-out) calc(var(--i) * 140ms + 200ms);
  will-change: transform;
}
[data-pb="sec-platform"] .bx__limit {
  position: absolute;
  inset-block: 0;
  left: 46%;
  width: 2px;
  background: var(--ed-fg-40);
}
[data-pb="sec-platform"] .bx__field {
  display: grid;
  gap: var(--space-2xs);
}
[data-pb="sec-platform"] .bx__input {
  display: block;
  padding: var(--space-xs) var(--space-sm);
  border: 1px solid var(--ed-line);
  border-radius: 8px;
  background: var(--ed-search);
  color: var(--ed-fg);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[data-pb="sec-platform"] .bx__input[dir="ltr"] {
  color: var(--ed-fg-72);
  text-align: right;
}
[data-pb="sec-platform"] .bx__input--area {
  min-height: 64px;
  line-height: 1.7;
  white-space: normal;
}
[data-pb="sec-platform"] .bx--cms {
  grid-template-columns: 168px minmax(0, 1fr);
  gap: 0;
  padding: 0;
}
[data-pb="sec-platform"] .bx__side {
  display: grid;
  align-content: start;
  gap: var(--space-2xs);
  padding: var(--space-sm);
  border-inline-end: 1px solid var(--ed-line);
}
[data-pb="sec-platform"] .bx__side-title {
  padding: var(--space-2xs) var(--space-xs) var(--space-xs);
  color: var(--ed-fg);
  font-weight: var(--weight-display);
}
[data-pb="sec-platform"] .bx__coll {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  min-height: 34px;
  padding: 0 var(--space-xs);
  border-radius: 8px;
  color: var(--ed-fg-72);
}
[data-pb="sec-platform"] .bx__coll em {
  margin-inline-start: auto;
  color: var(--ed-fg-56);
  font-size: 11px;
  font-style: normal;
}
[data-pb="sec-platform"] .bx__coll.is-on {
  background: var(--ed-brand-wash-2);
  color: var(--ed-fg);
}
[data-pb="sec-platform"] .bx__coll.is-on .icon {
  color: var(--ed-brand-300);
}
[data-pb="sec-platform"] .bx__main {
  display: grid;
  align-content: start;
  gap: var(--space-sm);
  padding: var(--space-sm) var(--space-md);
}
[data-pb="sec-platform"] .bx__bar {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
}
[data-pb="sec-platform"] .bx__bar b {
  color: var(--ed-fg);
  font-weight: var(--weight-display);
  font-size: 15px;
}
[data-pb="sec-platform"] .bx__add {
  margin-inline-start: auto;
  padding: var(--ed-gap-6) var(--space-sm);
  border-radius: 8px;
  background: var(--ed-light-top);
  color: var(--ed-on-light);
  font-weight: var(--weight-ui);
  font-size: 12px;
}
[data-pb="sec-platform"] .bx__posts {
  display: grid;
}
[data-pb="sec-platform"] .bx__post {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto auto;
  align-items: center;
  gap: var(--space-sm);
  min-height: 56px;
  border-top: 1px solid var(--ed-line);
}
[data-pb="sec-platform"] .bx__post img {
  width: 44px;
  height: 32px;
  border-radius: 6px;
  object-fit: cover;
}
[data-pb="sec-platform"] .bx__post b {
  overflow: hidden;
  color: var(--ed-fg);
  font-weight: var(--weight-ui);
  white-space: nowrap;
  text-overflow: ellipsis;
}
[data-pb="sec-platform"] .bx__tag,
[data-pb="sec-platform"] .bx__state {
  padding: var(--space-3xs) var(--space-xs);
  border-radius: var(--radius-pill);
  font-size: 11px;
  white-space: nowrap;
}
[data-pb="sec-platform"] .bx__tag {
  border: 1px solid var(--ed-hair);
  color: var(--ed-fg-72);
}
[data-pb="sec-platform"] .bx__state {
  background: var(--ed-success-wash);
  color: var(--ed-success);
}
[data-pb="sec-platform"] .bx__state.is-draft {
  background: var(--ed-hair-6);
  color: var(--ed-fg-72);
}
[data-pb="sec-platform"] .bx--stats {
  gap: var(--space-md);
}
[data-pb="sec-platform"] .bx__kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-md);
  padding-bottom: var(--space-md);
  border-bottom: 1px solid var(--ed-line);
}
[data-pb="sec-platform"] .bx__kpis span {
  display: grid;
  gap: var(--space-3xs);
}
[data-pb="sec-platform"] .bx__kpis em {
  color: var(--ed-fg-56);
  font-size: 12px;
  font-style: normal;
}
[data-pb="sec-platform"] .bx__kpis b {
  color: var(--ed-fg);
  font-weight: var(--weight-display);
  font-size: 22px;
  line-height: 1.3;
}
[data-pb="sec-platform"] .bx__chart {
  position: relative;
  height: 170px;
}
[data-pb="sec-platform"] .bx__chart svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}
[data-pb="sec-platform"] .bx__area {
  fill: var(--ed-brand-wash);
  transition: opacity 900ms var(--ease-out) 900ms;
}
[data-pb="sec-platform"] .bx__line {
  fill: none;
  stroke: var(--ed-brand-500);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-dasharray: 1;
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 1.6s var(--ease-out) 200ms;
}
[data-pb="sec-platform"] .bx__line--b {
  stroke: var(--ed-fg-40);
}
[data-pb="sec-platform"] .bx__guide {
  position: absolute;
  inset-block: 0;
  left: var(--x);
  width: 1px;
  background: var(--ed-hair-16);
}
[data-pb="sec-platform"] .bx__tip {
  position: absolute;
  top: var(--space-xs);
  left: calc(var(--x) + var(--space-sm));
  display: grid;
  gap: var(--space-2xs);
  min-width: 168px;
  padding: var(--space-xs) var(--space-sm);
  border: 1px solid var(--ed-hair);
  border-radius: 10px;
  background: var(--ed-panel-top);
  box-shadow: var(--ed-shadow-theo);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  font-size: 12px;
}
[data-pb="sec-platform"] .bx__tip em {
  color: var(--ed-fg-56);
  font-style: normal;
}
[data-pb="sec-platform"] .bx__tip span {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  color: var(--ed-fg-72);
}
[data-pb="sec-platform"] .bx__tip b {
  margin-inline-start: auto;
  color: var(--ed-fg);
  font-weight: var(--weight-ui);
}
[data-pb="sec-platform"] .bx__tip i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--ed-brand-500);
}
[data-pb="sec-platform"] .bx__tip i.is-b {
  background: var(--ed-fg-40);
}
[data-pb="sec-platform"] .bx__guide,
[data-pb="sec-platform"] .bx__tip {
  transition: opacity 400ms var(--ease-out) 1.5s;
}
[data-pb="sec-platform"] .bento__card--host {
  background: var(--ed-bg) url("https://teo.webone.co/theo-landing/images/bento/mesh.webp") center / cover;
}
[data-pb="sec-platform"] .bento__card--host::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(to top, color-mix(in oklch, var(--color-paper) 78%, transparent), transparent 58%);
}
[data-pb="sec-platform"] .bento__visual--speed {
  -webkit-mask-image: none;
  mask-image: none;
}
[data-pb="sec-platform"] .bento__visual--host {
  display: grid;
  place-items: center;
  -webkit-mask-image: none;
  mask-image: none;
}
[data-pb="sec-platform"] .bx__uptime {
  display: grid;
  justify-items: center;
  padding-top: var(--space-md);
  line-height: 1.05;
}
[data-pb="sec-platform"] .bx__uptime b {
  color: var(--color-ink);
  font-weight: var(--weight-hero);
  font-size: 44px;
}
[data-pb="sec-platform"] .bx__digit {
  display: inline-block;
  width: 0.72em;
  text-align: center;
}
[data-pb="sec-platform"] .bx__uptime > span {
  background: linear-gradient(180deg, var(--ed-fg-70), transparent 95%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-weight: var(--weight-hero);
  font-size: 44px;
}
[data-pb="sec-platform"] .bento__visual--secure {
  display: grid;
  align-items: center;
  -webkit-mask-image: none;
  mask-image: none;
}
[data-pb="sec-platform"] .bx__address {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  margin-left: var(--space-xl);
  margin-right: calc(-1 * var(--space-2xl));
  padding: var(--space-xs) var(--space-sm);
  border: 1px solid var(--ed-hair);
  border-radius: var(--radius-pill);
  background: var(--ed-bg);
  box-shadow: var(--ed-shadow-theo);
}
[data-pb="sec-platform"] .bx__nav {
  display: flex;
  gap: var(--space-sm);
  padding-inline: var(--space-2xs);
}
[data-pb="sec-platform"] .bx__url {
  display: flex;
  flex: 1;
  align-items: center;
  gap: var(--space-xs);
  padding: var(--space-xs) var(--space-sm);
  border-radius: var(--radius-pill);
  background: var(--ed-search);
  color: var(--ed-fg);
  font-size: 15px;
  white-space: nowrap;
}
[data-pb="sec-platform"] .bx__url .icon {
  color: var(--ed-success);
}
[data-pb="sec-platform"] .bx__vrow,
[data-pb="sec-platform"] .bx__post {
  transition: opacity 500ms var(--ease-out) calc(var(--i) * 80ms + 200ms), transform 500ms var(--ease-out) calc(var(--i) * 80ms + 200ms);
}
[data-pb="sec-platform"].js .bento__card:not(.is-in) .bx__vrow:not(.bx__vrow--head),
[data-pb="sec-platform"].js .bento__card:not(.is-in) .bx__post {
  opacity: 0;
  transform: translateY(6px);
}
[data-pb="sec-platform"].js .bento__card:not(.is-in) .bx__track i {
  transform: translateX(-101%);
}
[data-pb="sec-platform"].js .bento__card:not(.is-in) .bx__line {
  stroke-dashoffset: 1;
}
[data-pb="sec-platform"].js .bento__card:not(.is-in) .bx__area,
[data-pb="sec-platform"].js .bento__card:not(.is-in) .bx__guide,
[data-pb="sec-platform"].js .bento__card:not(.is-in) .bx__tip {
  opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
[data-pb="sec-platform"] .bx__vrow,
[data-pb="sec-platform"] .bx__post,
[data-pb="sec-platform"] .bx__track i,
[data-pb="sec-platform"] .bx__line,
[data-pb="sec-platform"] .bx__area,
[data-pb="sec-platform"] .bx__guide,
[data-pb="sec-platform"] .bx__tip {
  transition: none;
}
}
[data-pb="sec-platform"] .platform__head {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: end;
  column-gap: var(--gap-columns);
}
[data-pb="sec-platform"] .platform__head h2 {
  grid-column: 1 / 7;
}
[data-pb="sec-platform"] .platform__head p {
  grid-column: 8 / -1;
  justify-self: end;
  max-width: 30ch;
  color: var(--color-ink-2);
  font-size: var(--text-lead);
  line-height: 1.75;
  text-wrap: balance;
}
@media (max-width: 60rem) {
[data-pb="sec-platform"] .platform__head {
  display: block;
}
}
@media (max-width: 60rem) {
[data-pb="sec-platform"] .bento {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 60rem) {
[data-pb="sec-platform"] .bento__card {
  grid-area: auto;
  grid-row: span 2;
}
}
@media (max-width: 60rem) {
[data-pb="sec-platform"] .bento__card--wide {
  grid-column: span 2;
}
}
@media (max-width: 60rem) {
[data-pb="sec-platform"] .bento__card--short {
  grid-row: span 1;
}
}
@media (max-width: 60rem) {
[data-pb="sec-platform"] .platform__head p {
  margin-top: var(--space-md);
}
}
@media (max-width: 40rem) {
[data-pb="sec-platform"] .bento {
  grid-template-columns: minmax(0, 1fr);
  grid-auto-rows: 200px;
}
}
@media (max-width: 40rem) {
[data-pb="sec-platform"] .bento__card--wide {
  grid-column: auto;
}
}
@media (max-width: 40rem) {
[data-pb="sec-platform"] .bento__text {
  padding-inline: var(--space-lg);
}
}
@media (max-width: 40rem) {
[data-pb="sec-platform"] .bx {
  top: var(--space-lg);
  inset-inline-start: var(--space-lg);
}
}
@media (max-width: 40rem) {
[data-pb="sec-platform"] .bx--plain {
  inset-inline-end: var(--space-lg);
}
}
@media (max-width: 40rem) {
[data-pb="sec-platform"] .bx__cols,
[data-pb="sec-platform"] .bx--cms {
  grid-template-columns: minmax(0, 1fr);
}
}
@media (max-width: 40rem) {
[data-pb="sec-platform"] .bx__side,
[data-pb="sec-platform"] .bx__tag,
[data-pb="sec-platform"] .bx__opts {
  display: none;
}
}
@media (max-width: 40rem) {
[data-pb="sec-platform"] .bx__post {
  grid-template-columns: 44px minmax(0, 1fr) auto;
}
}
@media (max-width: 40rem) {
[data-pb="sec-platform"] .bx__kpis {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 40rem) {
[data-pb="sec-platform"] .bx__kpis span:nth-child(n + 3),
[data-pb="sec-platform"] .bx__add,
[data-pb="sec-platform"] .bx__tip,
[data-pb="sec-platform"] .bx__guide {
  display: none;
}
}
@media (max-width: 40rem) {
[data-pb="sec-platform"] .bx__head {
  flex-wrap: wrap;
}
}
@media (max-width: 40rem) {
[data-pb="sec-platform"] .bx__address {
  margin-left: var(--space-lg);
}
}
[data-pb="sec-platform"] [hidden]:not(.voice__item) {
  display: none;
}
[data-pb="sec-platform"] .is-hidden {
  display: none;
}
[data-pb="sec-platform"] .s43 {
  --c: var(--ed-brand-600);
}
[data-pb="sec-platform"] .s44 {
  --c: var(--ed-success);
}
[data-pb="sec-platform"] .s45 {
  --c: var(--ed-light-top);
}
[data-pb="sec-platform"] .s46 {
  object-position: 15% 30%;
}
[data-pb="sec-platform"] .s47 {
  --i: 0;
}
[data-pb="sec-platform"] .s48 {
  --i: 1;
}
[data-pb="sec-platform"] .s49 {
  --i: 2;
}
[data-pb="sec-platform"] .s50 {
  --i: 3;
}
[data-pb="sec-platform"] .s51 {
  --i: 4;
}
[data-pb="sec-platform"] .s52 {
  --i: 0;
}
[data-pb="sec-platform"] .s53 {
  --w: 0.22;
}
[data-pb="sec-platform"] .s54 {
  --i: 1;
}
[data-pb="sec-platform"] .s55 {
  --w: 0.16;
}
[data-pb="sec-platform"] .s56 {
  --i: 2;
}
[data-pb="sec-platform"] .s57 {
  --w: 0.08;
}
[data-pb="sec-platform"] .s58 {
  --i: 0;
}
[data-pb="sec-platform"] .s59 {
  --i: 1;
}
[data-pb="sec-platform"] .s60 {
  --i: 2;
}
[data-pb="sec-platform"] .s61 {
  --i: 3;
}
[data-pb="sec-platform"] .s62 {
  --i: 4;
}
[data-pb="sec-platform"] .pl63 {
  stroke-dasharray: 631.29;
}
[data-pb="sec-platform"].js .bento__card:not(.is-in) .pl63 {
  stroke-dashoffset: 631.29;
}
[data-pb="sec-platform"] .pl64 {
  stroke-dasharray: 667.16;
}
[data-pb="sec-platform"].js .bento__card:not(.is-in) .pl64 {
  stroke-dashoffset: 667.16;
}
[data-pb="sec-platform"] .s65 {
  --x: 73.91%;
}
[data-pb="sec-platform"] .s66 {
  --x: 73.91%;
}
[data-pb="sec-platform"] .s67 {
  --c: var(--ed-brand-600);
}
[data-pb="sec-platform"] .s68 {
  --c: var(--ed-success);
}
[data-pb="sec-platform"] .s69 {
  --c: var(--ed-light-top);
}
[data-pb="sec-platform"] .s70 {
  object-position: 15% 30%;
}
[data-pb="sec-platform"] .s71 {
  --i: 0;
}
[data-pb="sec-platform"] .s72 {
  --i: 1;
}
[data-pb="sec-platform"] .s73 {
  --i: 2;
}
[data-pb="sec-platform"] .s74 {
  --i: 3;
}
[data-pb="sec-platform"] .s75 {
  --i: 4;
}
[data-pb="sec-platform"] .s76 {
  --i: 0;
}
[data-pb="sec-platform"] .s77 {
  --w: 0.22;
}
[data-pb="sec-platform"] .s78 {
  --i: 1;
}
[data-pb="sec-platform"] .s79 {
  --w: 0.16;
}
[data-pb="sec-platform"] .s80 {
  --i: 2;
}
[data-pb="sec-platform"] .s81 {
  --w: 0.08;
}
[data-pb="sec-platform"] .s82 {
  --i: 0;
}
[data-pb="sec-platform"] .s83 {
  --i: 1;
}
[data-pb="sec-platform"] .s84 {
  --i: 2;
}
[data-pb="sec-platform"] .s85 {
  --i: 3;
}
[data-pb="sec-platform"] .s86 {
  --i: 4;
}
[data-pb="sec-platform"] .pl87 {
  stroke-dasharray: 631.29;
}
[data-pb="sec-platform"].js .bento__card:not(.is-in) .pl87 {
  stroke-dashoffset: 631.29;
}
[data-pb="sec-platform"] .pl88 {
  stroke-dasharray: 667.16;
}
[data-pb="sec-platform"].js .bento__card:not(.is-in) .pl88 {
  stroke-dashoffset: 667.16;
}
[data-pb="sec-platform"] .s89 {
  --x: 73.91%;
}
[data-pb="sec-platform"] .s90 {
  --x: 73.91%;
}
[data-pb="sec-market"] {
  position: relative;
  --space-3xs: 2px;
  --space-2xs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 40px;
  --space-2xl: 64px;
  --text-sm: 0.9375rem;
  --text-md: 1.0625rem;
  --text-section: clamp(1.875rem, 1.6vw + 1.3rem, 2.875rem);
  --text-lead: clamp(1.0625rem, 0.3vw + 1rem, 1.25rem);
  --leading-section: 1.4;
  --leading-body: 1.85;
  --weight-body: 400;
  --weight-ui: 500;
  --weight-display: 700;
  --weight-hero: 800;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-short: 220ms;
  --container: 1440px;
  --gutter: 64px;
  --gap-columns: 32px;
  --section-gap: 152px;
  --z-raised: 10;
  --color-paper: oklch(12.2% 0.006 252);
  --color-paper-2: oklch(15.6% 0.007 252);
  --color-ink: oklch(95.6% 0.006 252);
  --color-ink-2: oklch(82% 0.009 252);
  --color-muted: oklch(69% 0.012 252);
  --color-rule: oklch(24.5% 0.009 252);
  --color-rule-2: oklch(31% 0.011 252);
  --color-accent: oklch(68.6% 0.152 243.8);
  --color-accent-2: oklch(76% 0.139 238);
  --color-focus: oklch(72% 0.18 244);
  --color-success: oklch(76% 0.15 162);
  --ed-bg: #121212;
  --ed-canvas: #1a1a1a;
  --ed-hair: rgb(255 255 255 / 0.12);
  --ed-hair-18: rgb(255 255 255 / 0.18);
  --ed-hair-40: rgb(255 255 255 / 0.4);
  --ed-fg: #fafafa;
  --ed-fg-72: rgb(255 255 255 / 0.72);
  --ed-fg-56: rgb(255 255 255 / 0.56);
  --ed-on-light: #161616;
  --ed-light-top: #f4f4f4;
  --ed-light-bottom: #a9a9a9;
  --ed-neutral-600: #3f3f3f;
  --ed-neutral-700: #343434;
  --ed-neutral-800: #262626;
  --ed-neutral-900: #171717;
  --ed-sheen-8: rgb(255 255 255 / 0.08);
  --ed-panel-top: rgb(52 52 52 / 0.68);
  --ed-panel-bottom: rgb(23 23 23 / 0.68);
  --ed-brand-300: #71c9ff;
  --ed-brand-500: #2ea2f0;
  --ed-brand-600: #1f81d6;
  --ed-brand-wash: rgb(46 162 240 / 0.08);
  --ed-brand-wash-2: rgb(46 162 240 / 0.16);
  --ed-brand-glow: rgb(46 162 240 / 0.36);
  --ed-dot: #d9d9d9;
  --ed-dot-faint: rgb(217 217 217 / 0.15);
  --ed-drop-send: drop-shadow(0 2px 2px rgb(0 0 0 / 0.18));
  --ed-gap-6: 6px;
  --ed-success: #34d399;
  --ed-shadow-publish: 0 8px 8px -4px rgb(255 255 255 / 0.2), 0 2px 3px -1px rgb(28 28 28 / 0.3), 0 0 0 1px rgb(0 0 0 / 0.12);
  --ed-inset-publish: inset 0 1px 0.1px rgb(255 255 255 / 0.39), inset 0 -2px 2px -1px rgb(113 113 113 / 0.4);
  --ed-shadow-theo: 0 8px 16px rgb(0 0 0 / 0.32);
  --ed-inset-theo: inset 0.5px 1.5px 0.1px rgb(255 255 255 / 0.24);
  --ed-shadow-field: 0 0 0 1px rgb(0 0 0 / 0.5), 0 8px 16px 2px rgb(0 0 0 / 0.32);
  --ed-inset-field: inset 0 1.5px 0.1px rgb(255 255 255 / 0.13);
  --ed-shadow-send: 0 4px 6px -2px rgb(43 144 224 / 0.45), 0 2px 4px -1px rgb(15 24 31 / 0.18), 0 0 0 1px rgb(0 0 0 / 0.06);
  --ed-inset-send: inset 0 1px 0.1px rgb(255 255 255 / 0.39), inset 0 2px 3px rgb(68 233 255 / 0.85), inset 0 -2px 2px -1px rgb(8 88 173 / 0.3);
  --site-tile-bg: oklch(96.5% 0.012 85);
  --site-tile-ink: oklch(26% 0.06 256);
  --site-tile-muted: oklch(48% 0.04 256);
  --mask-solid: rgb(0 0 0);
  --font-display: "Estedad", "Estedad Fallback", Tahoma, sans-serif;
  --font-body: "Estedad", "Estedad Fallback", Tahoma, sans-serif;
  --radius-card: 14px;
  --radius-pill: 999px;
  --shadow-card: 0 1px 2px oklch(8% 0.01 252 / 0.4);
  --tracking-display: 0;
}
@media (max-width: 60rem) {
[data-pb="sec-market"] {
  --gutter: 24px;
  --section-gap: 96px;
}
}
@media (max-width: 40rem) {
[data-pb="sec-market"] {
  --gutter: 16px;
  --section-gap: 72px;
  --gap-columns: 16px;
}
}
[data-pb="sec-market"] {
  color: var(--color-ink);
  font-family: var(--font-body);
  font-size: var(--text-md);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  caret-color: var(--color-accent);
  font-size: var(--text-md);
  line-height: var(--leading-body);
  font-weight: var(--weight-body);
  font-feature-settings: "kern" 1;
  font-synthesis: none;
}
[data-pb="sec-market"] .pb-generic,
[data-pb="sec-market"] .pb-pass {
  display: contents;
}
[data-pb="sec-market"] .t.t.t {
  display: contents;
}
[data-pb="sec-market"] .ui-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
}
[data-pb="sec-market"] .pb-anchor {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 1px;
  height: 1px;
  pointer-events: none;
  scroll-margin-top: calc(var(--nav-height) + var(--space-lg));
}
[data-pb="sec-market"] *,
[data-pb="sec-market"] *::before,
[data-pb="sec-market"] *::after {
  box-sizing: border-box;
}
[data-pb="sec-market"] *::selection {
  background: color-mix(in oklab, var(--color-accent) 22%, transparent);
  color: var(--color-ink);
}
[data-pb="sec-market"] *:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: 2px;
}
[data-pb="sec-market"] h2 {
  margin: 0;
  font-family: var(--font-display);
  font-synthesis: none;
  overflow-wrap: break-word;
  min-width: 0;
  text-wrap: balance;
}
[data-pb="sec-market"] p {
  margin: 0;
  text-wrap: pretty;
}
[data-pb="sec-market"] p:not([class]) {
  max-width: 65ch;
}
[data-pb="sec-market"] img,
[data-pb="sec-market"] video {
  max-width: 100%;
  height: auto;
  display: block;
}
[data-pb="sec-market"] svg {
  display: block;
}
[data-pb="sec-market"] [hidden] {
  display: none;
}
[data-pb="sec-market"] .ui-button {
  font: inherit;
}
[data-pb="sec-market"] {
  width: 100%;
  max-width: var(--container);
  margin-inline: auto;
  padding-inline: var(--gutter);
  box-sizing: border-box;
}
[data-pb="sec-market"] .num,
[data-pb="sec-market"] .figure,
[data-pb="sec-market"] td.num {
  font-variant-numeric: tabular-nums;
}
[data-pb="sec-market"] .visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
[data-pb="sec-market"] [data-slot] > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
[data-slot]:has(> img) > [data-pb="sec-market"]:not(img):not([data-keep]) {
  display: none;
}
@media (prefers-reduced-motion: reduce) {
[data-pb="sec-market"]*:not(.keep-motion),
[data-pb="sec-market"]*:not(.keep-motion)::before,
[data-pb="sec-market"]*:not(.keep-motion)::after {
  animation-duration: 0.01ms;
  animation-iteration-count: 1;
  transition-duration: 0.01ms;
  scroll-behavior: auto;
}
}
[data-pb="sec-market"] h2 {
  font-weight: var(--weight-display);
  letter-spacing: var(--tracking-display);
  color: var(--color-ink);
}
[data-pb="sec-market"] .icon {
  flex-shrink: 0;
}
[data-pb="sec-market"] .btn--quiet {
  border-color: var(--color-rule-2);
  background: var(--color-paper);
  color: var(--color-ink);
}
[data-pb="sec-market"] .btn--quiet:hover {
  border-color: var(--color-muted);
  background: var(--color-paper-2);
}
[data-pb="sec-market"] .ed-theo {
  position: absolute;
  bottom: var(--space-xs);
  left: 50%;
  z-index: var(--z-raised);
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  width: min(618px, calc(100% - 2 * var(--space-sm)));
  padding: var(--space-3xs) var(--space-sm) var(--space-sm);
  border: 1px solid var(--ed-hair);
  border-radius: 24px;
  background: linear-gradient(180deg, var(--ed-panel-top), var(--ed-panel-bottom));
  box-shadow: var(--ed-shadow-theo), var(--ed-inset-theo);
  backdrop-filter: blur(12px);
  transform: translateX(-50%);
}
[data-pb="sec-market"] .ed-theo__head {
  display: flex;
  align-items: center;
  gap: var(--space-2xs);
  padding-right: var(--space-sm);
}
[data-pb="sec-market"] .ed-theo__title {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  color: var(--ed-fg);
  direction: rtl;
  font-size: 14px;
  font-weight: var(--weight-display);
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[data-pb="sec-market"] .ed-theo__face {
  width: 48px;
  height: 48px;
}
[data-pb="sec-market"] .ed-theo__field {
  position: relative;
  display: flex;
  direction: ltr;
  align-items: center;
  gap: var(--space-xs);
  height: 50px;
  padding: var(--space-xs) var(--space-md) var(--space-xs) var(--space-xs);
  border: 1px solid var(--ed-hair);
  border-radius: var(--radius-pill);
  background: linear-gradient(180deg, var(--ed-neutral-600), var(--ed-neutral-800));
  box-shadow: var(--ed-shadow-field), var(--ed-inset-field);
}
[data-pb="sec-market"] .ed-theo__field::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(circle, var(--ed-dot) 0.9px, transparent 1.15px) 0 0 / 4px 4px;
  opacity: 0.09;
  -webkit-mask-image: linear-gradient(0deg, var(--mask-solid) 15%, transparent 85%);
  mask-image: linear-gradient(0deg, var(--mask-solid) 15%, transparent 85%);
  pointer-events: none;
}
[data-pb="sec-market"] .ed-send {
  position: relative;
  z-index: 1;
  display: grid;
  flex-shrink: 0;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid var(--ed-hair-18);
  border-radius: var(--radius-pill);
  background: linear-gradient(180deg, var(--ed-brand-300) 0%, var(--ed-brand-500) 35%, var(--ed-brand-600) 100%);
  box-shadow: var(--ed-shadow-send), var(--ed-inset-send);
}
[data-pb="sec-market"] .ed-theo__said:empty::before {
  content: attr(data-placeholder);
  color: var(--ed-fg-56);
}
[data-pb="sec-market"] .gen {
  position: absolute;
  inset-inline: var(--space-lg);
  top: calc(var(--y) + var(--space-xs));
  height: calc(var(--h) - var(--space-md));
  border-radius: 14px;
  overflow: hidden;
  isolation: isolate;
  animation: gen-in 420ms var(--ease-out) both;
  transition: opacity 600ms var(--ease-out);
}
[data-pb="sec-market"] .gen.is-done {
  opacity: 0;
}
[data-pb="sec-market"] .gen--fill {
  inset: 0;
  height: auto;
  border-radius: inherit;
}
[data-pb="sec-market"] .gen::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  padding: 1.5px;
  border-radius: inherit;
  background: conic-gradient(from var(--gen-a), transparent 0 64%, var(--ed-brand-600) 80%, var(--ed-brand-300) 89%, var(--ed-fg) 91%, transparent 93% 100%);
  -webkit-mask: linear-gradient(var(--mask-solid) 0 0) content-box, linear-gradient(var(--mask-solid) 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(var(--mask-solid) 0 0) content-box, linear-gradient(var(--mask-solid) 0 0);
  mask-composite: exclude;
  animation: gen-orbit 2.2s linear infinite;
}
[data-pb="sec-market"] .gen::after {
  content: "";
  position: absolute;
  inset: -30% -70%;
  z-index: 1;
  background: linear-gradient(100deg, transparent 38%, var(--ed-brand-wash) 44%, var(--ed-brand-glow) 49%, var(--ed-sheen-8) 50%, var(--ed-brand-glow) 51%, var(--ed-brand-wash) 56%, transparent 62%);
  transform: translateX(46%);
  animation: gen-sweep 1.6s var(--ease-in-out) infinite;
}
[data-pb="sec-market"] .gen-scan {
  position: absolute;
  inset-inline: 0;
  top: -140px;
  height: 140px;
  border-bottom: 2px solid var(--ed-brand-300);
  background: linear-gradient(to bottom, transparent, var(--ed-brand-wash) 70%, var(--ed-brand-wash-2));
  box-shadow: 0 8px 28px var(--ed-brand-wash-2);
}
@media (prefers-reduced-motion: reduce) {
[data-pb="sec-market"] .gen,
[data-pb="sec-market"] .gen::before,
[data-pb="sec-market"] .gen::after {
  animation: none;
}
}
@media (max-width: 40rem) {
[data-pb="sec-market"] .ed-theo__face {
  width: 36px;
  height: 36px;
}
}
[data-pb="sec-market"] .market__head h2 {
  font-size: var(--text-section);
  font-weight: var(--weight-hero);
  line-height: var(--leading-section);
}
[data-pb="sec-market"] .ed-theo--static {
  bottom: var(--space-sm);
  width: min(420px, calc(100% - 2 * var(--space-lg)));
}
[data-pb="sec-market"] .ed-theo__said {
  position: relative;
  z-index: 1;
  flex: 1;
  padding: 0 var(--space-xs);
  color: var(--ed-fg);
  direction: rtl;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[data-pb="sec-market"] {
  padding-top: var(--section-gap);
}
[data-pb="sec-market"] .market__head {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: end;
  column-gap: var(--gap-columns);
}
[data-pb="sec-market"] .market__head h2 {
  grid-column: 1 / 7;
  max-width: 12ch;
}
[data-pb="sec-market"] .market__head p {
  grid-column: 8 / -1;
  justify-self: end;
  max-width: 30ch;
  color: var(--color-ink-2);
  font-size: var(--text-lead);
  line-height: 1.75;
  text-wrap: balance;
}
[data-pb="sec-market"] .sell__canvas {
  background: radial-gradient(circle, var(--ed-dot-faint) 0.85px, transparent 1.1px) 0 0 / 12px 12px, var(--ed-canvas);
}
[data-pb="sec-market"] .market__shot {
  position: relative;
  margin: var(--space-2xl) 0 0;
}
[data-pb="sec-market"] .sell {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: 560px auto;
  gap: 1px;
  border: 1px solid var(--color-rule);
  border-radius: var(--radius-card);
  background: var(--color-rule);
  overflow: hidden;
}
[data-pb="sec-market"] .sell__studio,
[data-pb="sec-market"] .sell__side,
[data-pb="sec-market"] .sell__channels > li {
  background: var(--color-paper);
}
[data-pb="sec-market"] .sell__studio {
  position: relative;
  grid-column: 1 / 3;
  display: grid;
  justify-items: center;
  align-content: start;
  padding-top: 56px;
  background: radial-gradient(circle, var(--ed-dot-faint) 0.85px, transparent 1.1px) 0 0 / 12px 12px, var(--color-paper);
}
[data-pb="sec-market"] .sell__product {
  position: relative;
  display: grid;
  gap: var(--space-2xs);
  width: 290px;
  padding: var(--space-sm);
  border-radius: 10px;
  background: var(--site-tile-bg);
  color: var(--site-tile-ink);
  outline: 2px solid var(--ed-brand-500);
  outline-offset: 4px;
  box-shadow: var(--shadow-card);
}
[data-pb="sec-market"] .sell__product img {
  width: 100%;
  aspect-ratio: 4 / 3;
  margin-bottom: var(--space-xs);
  border-radius: 6px;
  object-fit: cover;
}
[data-pb="sec-market"] .sell__product b {
  font-weight: var(--weight-display);
  font-size: 16px;
}
[data-pb="sec-market"] .sell__product > span:last-child {
  color: var(--site-tile-muted);
}
[data-pb="sec-market"] .sell__tag {
  position: absolute;
  bottom: calc(100% + 6px);
  left: -6px;
  padding: 0 var(--ed-gap-6);
  border-radius: 4px 4px 0 0;
  background: var(--ed-brand-500);
  color: var(--ed-on-light);
  font: var(--weight-ui) 12px/20px var(--font-body);
  direction: ltr;
}
[data-pb="sec-market"] .sell__light {
  z-index: 1;
  border-radius: 14px;
  opacity: 0;
  transition: opacity 400ms var(--ease-out);
}
[data-pb="sec-market"] .sell.is-sending .sell__light {
  opacity: 1;
}
[data-pb="sec-market"] .sell:not(.is-sending) .sell__light::before,
[data-pb="sec-market"] .sell:not(.is-sending) .sell__light::after {
  animation-play-state: paused;
}
[data-pb="sec-market"] .sell .ed-theo--static {
  width: min(520px, calc(100% - 2 * var(--space-xl)));
  bottom: var(--space-lg);
}
[data-pb="sec-market"] .sell__side {
  position: relative;
  overflow: hidden;
}
[data-pb="sec-market"] .sell__panel {
  position: absolute;
  top: var(--space-xl);
  inset-inline: var(--space-xl);
  display: grid;
  align-content: start;
  gap: var(--space-xs);
  padding: var(--space-md);
  border: 1px solid var(--ed-hair);
  border-radius: 12px;
  background: linear-gradient(180deg, var(--ed-bg), var(--ed-neutral-900));
  box-shadow: var(--ed-shadow-theo);
  color: var(--ed-fg-72);
  font: var(--weight-body) 13px/1.5 var(--font-body);
}
[data-pb="sec-market"] .sell__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-sm);
}
[data-pb="sec-market"] .sell__top .sell__head {
  color: var(--ed-fg);
  font-weight: var(--weight-display);
  font-size: 15px;
}
[data-pb="sec-market"] .sell__head {
  color: var(--ed-fg-56);
  font-size: 12px;
}
[data-pb="sec-market"] .sell__hint {
  margin-bottom: var(--space-sm);
  color: var(--ed-fg-56);
  font-size: 12px;
  line-height: 1.7;
}
[data-pb="sec-market"] .sell__go {
  position: relative;
  min-height: 44px;
  padding: 0 var(--space-lg);
  border: 1px solid var(--ed-hair-40);
  border-radius: 8px;
  background: linear-gradient(180deg, var(--ed-light-top), var(--ed-light-bottom)) var(--ed-light-top);
  box-shadow: var(--ed-shadow-publish), var(--ed-inset-publish);
  color: var(--ed-on-light);
  font: var(--weight-display) 13px/1 var(--font-body);
  cursor: pointer;
  transition: opacity var(--dur-short) var(--ease-out);
}
[data-pb="sec-market"] .sell__go::after {
  content: "";
  position: absolute;
  inset: -2px;
}
[data-pb="sec-market"] .sell__go:hover {
  opacity: 0.9;
}
[data-pb="sec-market"] .sell__go:active {
  transform: translateY(1px);
}
[data-pb="sec-market"] .sell__go:focus-visible,
[data-pb="sec-market"] .sell__channel:focus-visible,
[data-pb="sec-market"] .sell__tool:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: -2px;
}
[data-pb="sec-market"] .sell__go[aria-disabled="true"] {
  opacity: 0.55;
  cursor: progress;
}
[data-pb="sec-market"] .sell__list {
  display: grid;
  gap: var(--space-2xs);
  margin: var(--space-2xs) 0 0;
  padding: 0;
  list-style: none;
}
[data-pb="sec-market"] .sell__tool {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-sm);
  width: 100%;
  min-height: 44px;
  padding: 0 var(--space-sm);
  border: 0;
  border-radius: 10px;
  background: var(--ed-neutral-800);
  color: var(--ed-fg-72);
  font: inherit;
  text-align: start;
  cursor: pointer;
  transition: background-color var(--dur-short) var(--ease-out);
}
[data-pb="sec-market"] .sell__tool:hover {
  background: var(--ed-neutral-700);
}
[data-pb="sec-market"] .sell__tool b {
  color: var(--ed-fg);
  font-weight: var(--weight-ui);
  font-size: 13px;
}
[data-pb="sec-market"] .sell__switch {
  position: relative;
  flex-shrink: 0;
  width: 34px;
  height: 20px;
  border-radius: var(--radius-pill);
  background: var(--ed-neutral-600);
  transition: background-color var(--dur-short) var(--ease-out);
}
[data-pb="sec-market"] .sell__switch::after {
  content: "";
  position: absolute;
  top: 3px;
  right: 3px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--ed-fg-56);
  transition: transform var(--dur-short) var(--ease-out), background-color var(--dur-short) var(--ease-out);
}
[data-pb="sec-market"] .sell__tool[aria-checked="true"] .sell__switch {
  background: var(--ed-success);
}
[data-pb="sec-market"] .sell__tool[aria-checked="true"] .sell__switch::after {
  background: var(--ed-bg);
  transform: translateX(-14px);
}
[data-pb="sec-market"] .sell__channels {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin: 0;
  padding: 0;
  list-style: none;
}
[data-pb="sec-market"] .sell__channel {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--space-md);
  width: 100%;
  min-height: 112px;
  padding: var(--space-lg) var(--space-xl);
  border: 0;
  background: none;
  color: var(--color-ink);
  font: inherit;
  text-align: start;
  cursor: pointer;
  transition: background-color var(--dur-short) var(--ease-out);
}
[data-pb="sec-market"] .sell__channel:hover {
  background: var(--color-paper-2);
}
[data-pb="sec-market"] .sell__channel[aria-disabled="true"] {
  cursor: progress;
}
[data-pb="sec-market"] .sell__bar {
  position: absolute;
  inset: 0 0 auto;
  height: 2px;
  overflow: hidden;
}
[data-pb="sec-market"] .sell__bar i {
  display: block;
  height: 100%;
  background: var(--color-accent);
  transform: scaleX(0);
  transform-origin: 100% 50%;
}
[data-pb="sec-market"] .sell__mark {
  display: grid;
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  overflow: hidden;
}
[data-pb="sec-market"] .sell__mark img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity var(--dur-short) var(--ease-out), filter var(--dur-short) var(--ease-out);
}
[data-pb="sec-market"] .sell__channel[aria-pressed="false"] .sell__mark img {
  opacity: 0.4;
  filter: grayscale(1);
}
[data-pb="sec-market"] .sell__name {
  display: grid;
  flex: 1;
  gap: var(--space-3xs);
  min-width: 0;
}
[data-pb="sec-market"] .sell__name b {
  color: var(--color-ink);
  font-weight: var(--weight-ui);
  font-size: var(--text-md);
}
[data-pb="sec-market"] .sell__name [data-note] {
  color: var(--color-muted);
  font-size: var(--text-sm);
}
[data-pb="sec-market"] .sell__channel[aria-pressed="false"] .sell__name b {
  color: var(--color-muted);
}
[data-pb="sec-market"] .sell__channel[data-state="sending"] [data-note] {
  color: var(--color-accent-2);
}
[data-pb="sec-market"] .sell__channel[data-state="live"] [data-note] {
  color: var(--color-success);
}
[data-pb="sec-market"] .sell__check {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  border: 1px solid var(--color-rule-2);
  border-radius: 50%;
  transition: background-color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out);
}
[data-pb="sec-market"] .sell__check .icon {
  width: 14px;
  height: 14px;
  color: var(--color-paper);
  opacity: 0;
  transition: opacity var(--dur-short) var(--ease-out);
}
[data-pb="sec-market"] .sell__channel[aria-pressed="true"] .sell__check {
  border-color: var(--color-accent);
  background: var(--color-accent);
}
[data-pb="sec-market"] .sell__channel[aria-pressed="true"] .sell__check .icon {
  opacity: 1;
}
[data-pb="sec-market"] .sell__channel[data-state="live"] .sell__check {
  border-color: var(--color-success);
  background: var(--color-success);
}
[data-pb="sec-market"] .sell-fly {
  position: absolute;
  z-index: var(--z-raised);
  border-radius: 8px;
  object-fit: cover;
  pointer-events: none;
  box-shadow: var(--shadow-card);
}
[data-pb="sec-market"] .market__shot {
  -webkit-user-select: none;
  user-select: none;
}
[data-pb="sec-market"]:is(.editor, .story__shot, .panel__shot, .market__shot, .bento__visual, .start__stage, .made__rows) img {
  -webkit-user-drag: none;
}
[data-pb="sec-market"] .ed-send img {
  display: block;
  width: auto;
  height: 10.5px;
  filter: var(--ed-drop-send);
}
@media (max-width: 60rem) {
[data-pb="sec-market"] .market__head {
  display: block;
}
}
@media (max-width: 60rem) {
[data-pb="sec-market"] .market__head p {
  margin-top: var(--space-md);
}
}
@media (max-width: 60rem) {
[data-pb="sec-market"] .sell {
  grid-template-rows: 460px auto auto;
}
}
@media (max-width: 60rem) {
[data-pb="sec-market"] .sell__studio,
[data-pb="sec-market"] .sell__side {
  grid-column: 1 / -1;
}
}
@media (max-width: 60rem) {
[data-pb="sec-market"] .sell__panel {
  position: static;
  margin: var(--space-lg);
}
}
@media (max-width: 40rem) {
[data-pb="sec-market"] .sell {
  grid-template-rows: 500px auto auto;
}
}
@media (max-width: 40rem) {
[data-pb="sec-market"] .sell__studio {
  padding-top: var(--space-2xl);
}
}
@media (max-width: 40rem) {
[data-pb="sec-market"] .sell__product {
  width: 220px;
}
}
@media (max-width: 40rem) {
[data-pb="sec-market"] .sell__panel {
  margin: var(--space-md);
}
}
@media (max-width: 40rem) {
[data-pb="sec-market"] .sell__channels {
  grid-template-columns: minmax(0, 1fr);
}
}
@media (max-width: 40rem) {
[data-pb="sec-market"] .sell__channel {
  min-height: 88px;
  padding: var(--space-md) var(--space-lg);
}
}
@media (max-width: 40rem) {
[data-pb="sec-market"] .sell .ed-theo__said {
  white-space: normal;
  line-height: 1.5;
}
}
@media (max-width: 40rem) {
[data-pb="sec-market"] .sell .ed-theo__field {
  height: auto;
  min-height: 50px;
}
}
[data-pb="sec-market"] [hidden]:not(.voice__item) {
  display: none;
}
[data-pb="sec-market"] .is-hidden {
  display: none;
}
@keyframes gen-in {
  from {
  opacity: 0;
  }
}
@keyframes gen-orbit {
  to {
  --gen-a: 360deg;
  }
}
@keyframes gen-sweep {
  to {
  transform: translateX(-46%);
  }
}
[data-pb="sec-made"] {
  position: relative;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 40px;
  --space-2xl: 64px;
  --space-3xl: 96px;
  --text-sm: 0.9375rem;
  --text-md: 1.0625rem;
  --text-xl: 1.5rem;
  --text-section: clamp(1.875rem, 1.6vw + 1.3rem, 2.875rem);
  --text-quote: clamp(1.5rem, 1.3vw + 1.05rem, 2.25rem);
  --leading-section: 1.4;
  --leading-body: 1.85;
  --weight-body: 400;
  --weight-ui: 500;
  --weight-display: 700;
  --weight-hero: 800;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-short: 220ms;
  --dur-long: 420ms;
  --container: 1440px;
  --gutter: 64px;
  --section-gap: 152px;
  --color-paper: oklch(12.2% 0.006 252);
  --color-paper-2: oklch(15.6% 0.007 252);
  --color-ink: oklch(95.6% 0.006 252);
  --color-ink-2: oklch(82% 0.009 252);
  --color-muted: oklch(69% 0.012 252);
  --color-rule: oklch(24.5% 0.009 252);
  --color-rule-2: oklch(31% 0.011 252);
  --color-accent: oklch(68.6% 0.152 243.8);
  --color-focus: oklch(72% 0.18 244);
  --ed-canvas: #1a1a1a;
  --ed-dot-faint: rgb(217 217 217 / 0.15);
  --mask-solid: rgb(0 0 0);
  --font-display: "Estedad", "Estedad Fallback", Tahoma, sans-serif;
  --font-body: "Estedad", "Estedad Fallback", Tahoma, sans-serif;
  --radius-card: 14px;
  --radius-ui: 8px;
  --tracking-display: 0;
}
@media (max-width: 60rem) {
[data-pb="sec-made"] {
  --gutter: 24px;
  --section-gap: 96px;
}
}
@media (max-width: 40rem) {
[data-pb="sec-made"] {
  --gutter: 16px;
  --section-gap: 72px;
}
}
[data-pb="sec-made"] {
  color: var(--color-ink);
  font-family: var(--font-body);
  font-size: var(--text-md);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  caret-color: var(--color-accent);
  font-size: var(--text-md);
  line-height: var(--leading-body);
  font-weight: var(--weight-body);
  font-feature-settings: "kern" 1;
  font-synthesis: none;
}
[data-pb="sec-made"] .pb-generic,
[data-pb="sec-made"] .pb-pass {
  display: contents;
}
[data-pb="sec-made"] .t.t.t {
  display: contents;
}
[data-pb="sec-made"] .ui-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
}
[data-pb="sec-made"] .pb-anchor {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 1px;
  height: 1px;
  pointer-events: none;
  scroll-margin-top: calc(var(--nav-height) + var(--space-lg));
}
[data-pb="sec-made"] *,
[data-pb="sec-made"] *::before,
[data-pb="sec-made"] *::after {
  box-sizing: border-box;
}
[data-pb="sec-made"] *::selection {
  background: color-mix(in oklab, var(--color-accent) 22%, transparent);
  color: var(--color-ink);
}
[data-pb="sec-made"] *:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: 2px;
}
[data-pb="sec-made"] h2 {
  margin: 0;
  font-family: var(--font-display);
  font-synthesis: none;
  overflow-wrap: break-word;
  min-width: 0;
  text-wrap: balance;
}
[data-pb="sec-made"] p {
  margin: 0;
  text-wrap: pretty;
}
[data-pb="sec-made"] img,
[data-pb="sec-made"] video {
  max-width: 100%;
  height: auto;
  display: block;
}
[data-pb="sec-made"] svg {
  display: block;
}
[data-pb="sec-made"] [hidden] {
  display: none;
}
[data-pb="sec-made"] .ui-button {
  font: inherit;
}
[data-pb="sec-made"] .container {
  width: 100%;
  max-width: var(--container);
  margin-inline: auto;
  padding-inline: var(--gutter);
  box-sizing: border-box;
}
[data-pb="sec-made"] .num,
[data-pb="sec-made"] .figure,
[data-pb="sec-made"] td.num {
  font-variant-numeric: tabular-nums;
}
[data-pb="sec-made"] [data-slot] > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
[data-slot]:has(> img) > [data-pb="sec-made"]:not(img):not([data-keep]) {
  display: none;
}
@media (prefers-reduced-motion: reduce) {
[data-pb="sec-made"]*:not(.keep-motion),
[data-pb="sec-made"]*:not(.keep-motion)::before,
[data-pb="sec-made"]*:not(.keep-motion)::after {
  animation-duration: 0.01ms;
  animation-iteration-count: 1;
  transition-duration: 0.01ms;
  scroll-behavior: auto;
}
}
[data-pb="sec-made"] h2 {
  font-weight: var(--weight-display);
  letter-spacing: var(--tracking-display);
  color: var(--color-ink);
}
[data-pb="sec-made"] .icon {
  flex-shrink: 0;
}
[data-pb="sec-made"] .btn--quiet {
  border-color: var(--color-rule-2);
  background: var(--color-paper);
  color: var(--color-ink);
}
[data-pb="sec-made"] .btn--quiet:hover {
  border-color: var(--color-muted);
  background: var(--color-paper-2);
}
[data-pb="sec-made"] .made__head h2 {
  font-size: var(--text-section);
  font-weight: var(--weight-hero);
  line-height: var(--leading-section);
}
[data-pb="sec-made"] .sell__canvas {
  background: radial-gradient(circle, var(--ed-dot-faint) 0.85px, transparent 1.1px) 0 0 / 12px 12px, var(--ed-canvas);
}
[data-pb="sec-made"] .made__rows {
  -webkit-user-select: none;
  user-select: none;
}
[data-pb="sec-made"]:is(.editor, .story__shot, .panel__shot, .market__shot, .bento__visual, .start__stage, .made__rows) img {
  -webkit-user-drag: none;
}
[data-pb="sec-made"] {
  padding-top: var(--section-gap);
}
[data-pb="sec-made"] .made__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--space-lg);
}
[data-pb="sec-made"] .made__rows {
  display: grid;
  gap: var(--space-lg);
  margin-top: var(--space-2xl);
  -webkit-mask-image: linear-gradient(90deg, transparent, var(--mask-solid) 7%, var(--mask-solid) 93%, transparent);
  mask-image: linear-gradient(90deg, transparent, var(--mask-solid) 7%, var(--mask-solid) 93%, transparent);
}
[data-pb="sec-made"] .reel {
  overflow: hidden;
}
[data-pb="sec-made"] .reel__track {
  display: flex;
  width: max-content;
  margin: 0;
  padding: 0;
  list-style: none;
  will-change: transform;
}
[data-pb="sec-made"] .shot {
  flex-shrink: 0;
  height: clamp(200px, 12vw + 120px, 300px);
  margin-inline-end: var(--space-lg);
  border: 1px solid var(--color-rule);
  border-radius: var(--radius-card);
  overflow: hidden;
  background: var(--color-paper-2);
}
[data-pb="sec-made"] .shot img {
  width: auto;
  max-width: none;
  height: 100%;
}
[data-pb="sec-made"]:not(.js) .reel {
  overflow-x: auto;
}
@media (prefers-reduced-motion: reduce) {
[data-pb="sec-made"] .reel {
  overflow-x: auto;
}
}
[data-pb="sec-made"] .voice {
  padding-top: var(--space-3xl);
}
[data-pb="sec-made"] .voice__frame {
  border: 1px solid var(--color-rule);
  border-radius: var(--radius-card);
  overflow: hidden;
}
[data-pb="sec-made"] .voice__stage {
  display: grid;
  padding: var(--space-xl);
}
[data-pb="sec-made"] .voice__item {
  grid-area: 1 / 1;
  display: grid;
  align-content: start;
  justify-items: start;
  gap: var(--space-lg);
  margin: 0;
}
[data-pb="sec-made"].js .voice__item[hidden] {
  display: grid;
  visibility: hidden;
}
[data-pb="sec-made"].js .voice__item:not([hidden]) {
  animation: voice-in var(--dur-long) var(--ease-out);
}
[data-pb="sec-made"] .voice__mark {
  color: var(--color-accent);
}
[data-pb="sec-made"] .voice__item blockquote {
  margin: 0;
}
[data-pb="sec-made"] .voice__quote {
  max-width: 26em;
  color: var(--color-ink);
  font-weight: var(--weight-display);
  font-size: var(--text-quote);
  line-height: 1.6;
  text-wrap: pretty;
}
[data-pb="sec-made"] .voice__item figcaption {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  margin-top: var(--space-sm);
}
[data-pb="sec-made"] .voice__logo {
  box-sizing: border-box;
  display: block;
  width: 56px;
  height: 56px;
  padding: var(--space-xs);
  border: 1px solid var(--color-rule);
  border-radius: var(--radius-ui);
  object-fit: contain;
}
[data-pb="sec-made"] .voice__logo--slot {
  border-style: dashed;
  border-color: var(--color-rule-2);
}
[data-pb="sec-made"] .voice__item figcaption b {
  display: block;
  color: var(--color-ink);
  font-weight: var(--weight-display);
}
[data-pb="sec-made"] .voice__item figcaption span span {
  color: var(--color-muted);
  font-size: var(--text-sm);
}
[data-pb="sec-made"] .fill {
  padding: 0 0.25em;
  border: 1px dashed color-mix(in oklch, var(--color-muted) 70%, transparent);
  border-radius: 3px;
  color: var(--color-muted);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
[data-pb="sec-made"] .voice__nav {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid var(--color-rule);
}
[data-pb="sec-made"] .voice__tab {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 64px;
  padding: var(--space-md) var(--space-xl);
  border: 0;
  background: none;
  color: var(--color-muted);
  font: var(--weight-ui) var(--text-sm)/1.4 var(--font-body);
  text-align: start;
  cursor: pointer;
  transition: color var(--dur-short) var(--ease-out);
}
[data-pb="sec-made"] .voice__tab + .voice__tab {
  border-inline-start: 1px solid var(--color-rule);
}
[data-pb="sec-made"] .voice__tab:hover {
  color: var(--color-ink-2);
}
[data-pb="sec-made"] .voice__tab:active {
  color: var(--color-ink);
}
[data-pb="sec-made"] .voice__tab:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: -4px;
  border-radius: var(--radius-ui);
}
[data-pb="sec-made"] .voice__tab[aria-selected="true"] {
  color: var(--color-ink);
}
[data-pb="sec-made"] .voice__time {
  position: absolute;
  inset: 0 0 auto;
  height: 2px;
  overflow: hidden;
}
[data-pb="sec-made"] .voice__time i {
  display: block;
  height: 100%;
  background: var(--color-accent);
  transform: scaleX(0);
  transform-origin: 100% 50%;
}
[data-pb="sec-made"] .voice__tab[aria-selected="true"] .voice__time i {
  animation: voice-time 7s linear forwards;
}
[data-pb="sec-made"] [data-loop]:not(.is-running) .voice__time i {
  animation-play-state: paused;
}
@media (prefers-reduced-motion: reduce) {
[data-pb="sec-made"] .voice__tab[aria-selected="true"] .voice__time i {
  animation: none;
  transform: scaleX(1);
}
}
@media (max-width: 40rem) {
[data-pb="sec-made"] .voice__stage {
  padding: var(--space-lg) var(--space-lg) var(--space-xl);
}
}
@media (max-width: 40rem) {
[data-pb="sec-made"] .voice__quote {
  font-size: var(--text-xl);
}
}
@media (max-width: 40rem) {
[data-pb="sec-made"] .voice__tab {
  justify-content: center;
  min-height: 56px;
  padding: var(--space-sm);
  text-align: center;
}
}
[data-pb="sec-made"] [hidden]:not(.voice__item) {
  display: none;
}
[data-pb="sec-made"] .is-hidden {
  display: none;
}
@keyframes voice-in {
  from {
  opacity: 0;
  transform: translateY(8px);
  }
  to {
  opacity: 1;
  transform: none;
  }
}
@keyframes voice-time {
  to {
  transform: scaleX(1);
  }
}
[data-pb="sec-compare"] {
  position: relative;
  --space-2xs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 40px;
  --space-2xl: 64px;
  --text-sm: 0.9375rem;
  --text-md: 1.0625rem;
  --text-lg: 1.1875rem;
  --text-section: clamp(1.875rem, 1.6vw + 1.3rem, 2.875rem);
  --text-lead: clamp(1.0625rem, 0.3vw + 1rem, 1.25rem);
  --leading-section: 1.4;
  --leading-body: 1.85;
  --weight-body: 400;
  --weight-ui: 500;
  --weight-display: 700;
  --weight-hero: 800;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-micro: 120ms;
  --dur-short: 220ms;
  --container: 1440px;
  --gutter: 64px;
  --gap-columns: 32px;
  --section-gap: 152px;
  --color-paper: oklch(12.2% 0.006 252);
  --color-paper-2: oklch(15.6% 0.007 252);
  --color-ink: oklch(95.6% 0.006 252);
  --color-ink-2: oklch(82% 0.009 252);
  --color-muted: oklch(69% 0.012 252);
  --color-rule: oklch(24.5% 0.009 252);
  --color-rule-2: oklch(31% 0.011 252);
  --color-accent: oklch(68.6% 0.152 243.8);
  --color-accent-wash: oklch(68.6% 0.152 243.8 / 0.14);
  --color-focus: oklch(72% 0.18 244);
  --ed-canvas: #1a1a1a;
  --ed-dot-faint: rgb(217 217 217 / 0.15);
  --font-display: "Estedad", "Estedad Fallback", Tahoma, sans-serif;
  --font-body: "Estedad", "Estedad Fallback", Tahoma, sans-serif;
  --radius-card: 14px;
  --radius-pill: 999px;
  --tracking-display: 0;
}
@media (max-width: 60rem) {
[data-pb="sec-compare"] {
  --gutter: 24px;
  --section-gap: 96px;
}
}
@media (max-width: 40rem) {
[data-pb="sec-compare"] {
  --gutter: 16px;
  --section-gap: 72px;
  --gap-columns: 16px;
}
}
[data-pb="sec-compare"] {
  color: var(--color-ink);
  font-family: var(--font-body);
  font-size: var(--text-md);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  caret-color: var(--color-accent);
  font-size: var(--text-md);
  line-height: var(--leading-body);
  font-weight: var(--weight-body);
  font-feature-settings: "kern" 1;
  font-synthesis: none;
}
[data-pb="sec-compare"] .pb-generic,
[data-pb="sec-compare"] .pb-pass {
  display: contents;
}
[data-pb="sec-compare"] .t.t.t {
  display: contents;
}
[data-pb="sec-compare"] .ui-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
}
[data-pb="sec-compare"] .pb-anchor {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 1px;
  height: 1px;
  pointer-events: none;
  scroll-margin-top: calc(var(--nav-height) + var(--space-lg));
}
@media (min-width: 40.0625rem) {
[data-pb="sec-compare"] .compare__table th:nth-child(1),
[data-pb="sec-compare"] .compare__table td:nth-child(1) {
  width: 30%;
}
[data-pb="sec-compare"] .compare__table th:nth-child(2),
[data-pb="sec-compare"] .compare__table td:nth-child(2) {
  width: 38%;
}
}
[data-pb="sec-compare"] *,
[data-pb="sec-compare"] *::before,
[data-pb="sec-compare"] *::after {
  box-sizing: border-box;
}
[data-pb="sec-compare"] *::selection {
  background: color-mix(in oklab, var(--color-accent) 22%, transparent);
  color: var(--color-ink);
}
[data-pb="sec-compare"] *:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: 2px;
}
[data-pb="sec-compare"] a {
  color: inherit;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.16em;
}
[data-pb="sec-compare"] h2 {
  margin: 0;
  font-family: var(--font-display);
  font-synthesis: none;
  overflow-wrap: break-word;
  min-width: 0;
  text-wrap: balance;
}
[data-pb="sec-compare"] p {
  margin: 0;
  text-wrap: pretty;
}
[data-pb="sec-compare"] p:not([class]) {
  max-width: 65ch;
}
[data-pb="sec-compare"] video {
  max-width: 100%;
  height: auto;
  display: block;
}
[data-pb="sec-compare"] svg {
  display: block;
}
[data-pb="sec-compare"] [hidden] {
  display: none;
}
[data-pb="sec-compare"] {
  width: 100%;
  max-width: var(--container);
  margin-inline: auto;
  padding-inline: var(--gutter);
  box-sizing: border-box;
}
[data-pb="sec-compare"] .num,
[data-pb="sec-compare"] .figure,
[data-pb="sec-compare"] td.num {
  font-variant-numeric: tabular-nums;
}
[data-pb="sec-compare"] .visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
[data-pb="sec-compare"] [data-slot] > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
[data-slot]:has(> img) > [data-pb="sec-compare"]:not(img):not([data-keep]) {
  display: none;
}
@media (prefers-reduced-motion: reduce) {
[data-pb="sec-compare"]*:not(.keep-motion),
[data-pb="sec-compare"]*:not(.keep-motion)::before,
[data-pb="sec-compare"]*:not(.keep-motion)::after {
  animation-duration: 0.01ms;
  animation-iteration-count: 1;
  transition-duration: 0.01ms;
  scroll-behavior: auto;
}
}
[data-pb="sec-compare"] h2 {
  font-weight: var(--weight-display);
  letter-spacing: var(--tracking-display);
  color: var(--color-ink);
}
[data-pb="sec-compare"] .icon {
  flex-shrink: 0;
}
[data-pb="sec-compare"] .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-xs);
  min-height: 48px;
  padding: 0 var(--space-lg);
  border: 1px solid transparent;
  border-radius: var(--radius-pill);
  font: var(--weight-ui) var(--text-md)/1 var(--font-body);
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  transition: background-color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out);
}
[data-pb="sec-compare"] .btn:active {
  transform: translateY(1px);
}
[data-pb="sec-compare"] .btn:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: 3px;
}
[data-pb="sec-compare"] .btn:disabled,
[data-pb="sec-compare"] .btn[aria-disabled="true"] {
  opacity: 0.55;
  cursor: not-allowed;
  transform: none;
}
[data-pb="sec-compare"] .btn[aria-busy="true"] {
  cursor: progress;
}
[data-pb="sec-compare"] .btn--primary {
  background: var(--color-ink);
  color: var(--color-paper);
}
[data-pb="sec-compare"] .btn--primary:hover {
  background: var(--color-ink-2);
}
[data-pb="sec-compare"] .btn--quiet {
  border-color: var(--color-rule-2);
  background: var(--color-paper);
  color: var(--color-ink);
}
[data-pb="sec-compare"] .btn--quiet:hover {
  border-color: var(--color-muted);
  background: var(--color-paper-2);
}
[data-pb="sec-compare"] .btn--small {
  min-height: 44px;
  padding: 0 var(--space-md);
  font-size: var(--text-sm);
}
[data-pb="sec-compare"] h2 {
  font-size: var(--text-section);
  font-weight: var(--weight-hero);
  line-height: var(--leading-section);
}
[data-pb="sec-compare"] .sell__canvas {
  background: radial-gradient(circle, var(--ed-dot-faint) 0.85px, transparent 1.1px) 0 0 / 12px 12px, var(--ed-canvas);
}
[data-pb="sec-compare"] {
  padding-top: var(--section-gap);
}
[data-pb="sec-compare"] .compare__head {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: end;
  column-gap: var(--gap-columns);
}
[data-pb="sec-compare"] .compare__head h2 {
  grid-column: 1 / 7;
}
[data-pb="sec-compare"] .compare__head p {
  grid-column: 8 / -1;
  justify-self: end;
  max-width: 30ch;
  color: var(--color-ink-2);
  font-size: var(--text-lead);
  line-height: 1.75;
  text-wrap: balance;
}
[data-pb="sec-compare"] .compare__frame {
  position: relative;
  isolation: isolate;
  margin-top: var(--space-2xl);
  border: 1px solid var(--color-rule);
  border-radius: var(--radius-card);
  overflow: hidden;
}
[data-pb="sec-compare"] .compare__frame::before,
[data-pb="sec-compare"] .compare__frame::after {
  content: "";
  position: absolute;
  top: 0;
  inset-inline-start: 30%;
  width: 38%;
  pointer-events: none;
}
[data-pb="sec-compare"] .compare__frame::before {
  z-index: 2;
  height: 2px;
  background: var(--color-accent);
}
[data-pb="sec-compare"] .compare__frame::after {
  z-index: -1;
  height: 200px;
  background: radial-gradient(50% 100% at 50% 0%, var(--color-accent-wash), transparent);
}
[data-pb="sec-compare"] .compare__table {
  position: relative;
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
[data-pb="sec-compare"] .compare__col-label {
  width: 30%;
}
[data-pb="sec-compare"] .compare__col-theo {
  width: 38%;
}
[data-pb="sec-compare"] .compare__table th,
[data-pb="sec-compare"] .compare__table td {
  padding: var(--space-lg) var(--space-xl);
  text-align: start;
  vertical-align: middle;
}
[data-pb="sec-compare"] .compare__table tbody th,
[data-pb="sec-compare"] .compare__table tbody td,
[data-pb="sec-compare"] .compare__table thead th {
  border-bottom: 1px solid var(--color-rule);
}
[data-pb="sec-compare"] .compare__table th:nth-child(2),
[data-pb="sec-compare"] .compare__table td:nth-child(2) {
  border-inline: 1px solid var(--color-rule);
}
[data-pb="sec-compare"] .compare__table thead th {
  padding-block: var(--space-lg);
  color: var(--color-muted);
  font-weight: var(--weight-ui);
  font-size: var(--text-sm);
}
[data-pb="sec-compare"] .compare__theo {
  display: inline-flex;
  align-items: center;
  gap: var(--space-xs);
  color: var(--color-ink);
  font-weight: var(--weight-display);
  font-size: var(--text-lg);
}
[data-pb="sec-compare"] .compare__logo {
  display: block;
  width: auto;
  height: 22px;
  aspect-ratio: 32 / 21;
}
[data-pb="sec-compare"] .compare__table tbody th {
  color: var(--color-ink);
  font-weight: var(--weight-display);
}
[data-pb="sec-compare"] .compare__table tbody td:nth-child(2) {
  color: var(--color-ink);
  font-weight: var(--weight-ui);
}
[data-pb="sec-compare"] .compare__table tbody td:nth-child(3) {
  color: var(--color-muted);
}
[data-pb="sec-compare"] .compare__table tfoot td {
  padding-block: var(--space-lg);
}
[data-pb="sec-compare"] .compare__icon,
[data-pb="sec-compare"] .compare__yes,
[data-pb="sec-compare"] .compare__no {
  display: inline-block;
  margin-inline-end: var(--space-sm);
  vertical-align: -4px;
}
[data-pb="sec-compare"] .compare__icon {
  color: var(--color-muted);
}
[data-pb="sec-compare"] .compare__yes {
  color: var(--color-accent);
}
[data-pb="sec-compare"] .compare__no {
  color: var(--color-rule-2);
}
@media (max-width: 60rem) {
[data-pb="sec-compare"] .compare__head {
  display: block;
}
}
@media (max-width: 60rem) {
[data-pb="sec-compare"] .compare__head p {
  margin-top: var(--space-md);
}
}
@media (max-width: 60rem) {
[data-pb="sec-compare"] .compare__table th,
[data-pb="sec-compare"] .compare__table td {
  padding-inline: var(--space-lg);
}
}
@media (max-width: 40rem) {
[data-pb="sec-compare"] .compare__frame::before,
[data-pb="sec-compare"] .compare__frame::after {
  inset-inline-start: 0;
  width: 50%;
}
}
@media (max-width: 40rem) {
[data-pb="sec-compare"] .compare__frame::after {
  height: 120px;
}
}
@media (max-width: 40rem) {
[data-pb="sec-compare"] .compare__table th:nth-child(2),
[data-pb="sec-compare"] .compare__table td:nth-child(2) {
  border-inline-start: 0;
}
}
@media (max-width: 40rem) {
[data-pb="sec-compare"] .compare__table tfoot td {
  border-inline: 0;
}
}
@media (max-width: 40rem) {
[data-pb="sec-compare"] .compare__table,
[data-pb="sec-compare"] .compare__table thead,
[data-pb="sec-compare"] .compare__table tbody,
[data-pb="sec-compare"] .compare__table tfoot {
  display: block;
}
}
@media (max-width: 40rem) {
[data-pb="sec-compare"] .compare__table colgroup {
  display: none;
}
}
@media (max-width: 40rem) {
[data-pb="sec-compare"] .compare__table tr {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-bottom: 1px solid var(--color-rule);
}
}
@media (max-width: 40rem) {
[data-pb="sec-compare"] .compare__table tfoot tr {
  border-bottom: 0;
}
}
@media (max-width: 40rem) {
[data-pb="sec-compare"] .compare__table th,
[data-pb="sec-compare"] .compare__table td,
[data-pb="sec-compare"] .compare__table tbody th,
[data-pb="sec-compare"] .compare__table tbody td,
[data-pb="sec-compare"] .compare__table thead th {
  padding: var(--space-md);
  border-bottom: 0;
}
}
@media (max-width: 40rem) {
[data-pb="sec-compare"] .compare__table thead th:first-child,
[data-pb="sec-compare"] .compare__table tfoot td:not(:nth-child(2)) {
  display: none;
}
}
@media (max-width: 40rem) {
[data-pb="sec-compare"] .compare__table tbody th {
  grid-column: 1 / -1;
  padding-bottom: 0;
}
}
@media (max-width: 40rem) {
[data-pb="sec-compare"] .compare__table tbody th,
[data-pb="sec-compare"] .compare__table tbody td {
  display: flex;
  align-items: flex-start;
  gap: var(--space-xs);
}
}
@media (max-width: 40rem) {
[data-pb="sec-compare"] .compare__table tbody th {
  align-items: center;
}
}
@media (max-width: 40rem) {
[data-pb="sec-compare"] .compare__table tbody td {
  align-self: start;
  font-size: var(--text-sm);
  line-height: 1.7;
}
}
@media (max-width: 40rem) {
[data-pb="sec-compare"] .compare__icon,
[data-pb="sec-compare"] .compare__yes,
[data-pb="sec-compare"] .compare__no {
  flex-shrink: 0;
  margin: 0;
}
}
@media (max-width: 40rem) {
[data-pb="sec-compare"] .compare__yes,
[data-pb="sec-compare"] .compare__no {
  margin-top: var(--space-2xs);
}
}
@media (max-width: 40rem) {
[data-pb="sec-compare"] .compare__table tbody td:nth-child(2) {
  border-inline-end: 1px solid var(--color-rule);
}
}
@media (max-width: 40rem) {
[data-pb="sec-compare"] .compare__table tfoot td {
  grid-column: 1 / -1;
}
}
@media (max-width: 40rem) {
[data-pb="sec-compare"] .compare__table tfoot .btn {
  width: 100%;
}
}
[data-pb="sec-compare"] [hidden]:not(.voice__item) {
  display: none;
}
[data-pb="sec-compare"] .is-hidden {
  display: none;
}
[data-pb="sec-faq"] {
  position: relative;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 40px;
  --text-md: 1.0625rem;
  --text-lg: 1.1875rem;
  --text-section: clamp(1.875rem, 1.6vw + 1.3rem, 2.875rem);
  --leading-section: 1.4;
  --leading-body: 1.85;
  --weight-body: 400;
  --weight-display: 700;
  --weight-hero: 800;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-short: 220ms;
  --container: 1440px;
  --gutter: 64px;
  --gap-columns: 32px;
  --section-gap: 152px;
  --color-paper: oklch(12.2% 0.006 252);
  --color-paper-2: oklch(15.6% 0.007 252);
  --color-ink: oklch(95.6% 0.006 252);
  --color-ink-2: oklch(82% 0.009 252);
  --color-muted: oklch(69% 0.012 252);
  --color-rule: oklch(24.5% 0.009 252);
  --color-rule-2: oklch(31% 0.011 252);
  --color-accent: oklch(68.6% 0.152 243.8);
  --color-accent-2: oklch(76% 0.139 238);
  --color-focus: oklch(72% 0.18 244);
  --ed-canvas: #1a1a1a;
  --ed-dot-faint: rgb(217 217 217 / 0.15);
  --font-display: "Estedad", "Estedad Fallback", Tahoma, sans-serif;
  --font-body: "Estedad", "Estedad Fallback", Tahoma, sans-serif;
  --tracking-display: 0;
}
@media (max-width: 60rem) {
[data-pb="sec-faq"] {
  --gutter: 24px;
  --section-gap: 96px;
}
}
@media (max-width: 40rem) {
[data-pb="sec-faq"] {
  --gutter: 16px;
  --section-gap: 72px;
  --gap-columns: 16px;
}
}
[data-pb="sec-faq"] {
  color: var(--color-ink);
  font-family: var(--font-body);
  font-size: var(--text-md);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  caret-color: var(--color-accent);
  font-size: var(--text-md);
  line-height: var(--leading-body);
  font-weight: var(--weight-body);
  font-feature-settings: "kern" 1;
  font-synthesis: none;
}
[data-pb="sec-faq"] .pb-generic,
[data-pb="sec-faq"] .pb-pass {
  display: contents;
}
[data-pb="sec-faq"] .t.t.t {
  display: contents;
}
[data-pb="sec-faq"] .ui-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
}
[data-pb="sec-faq"] .pb-anchor {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 1px;
  height: 1px;
  pointer-events: none;
  scroll-margin-top: calc(var(--nav-height) + var(--space-lg));
}
[data-pb="sec-faq"] *,
[data-pb="sec-faq"] *::before,
[data-pb="sec-faq"] *::after {
  box-sizing: border-box;
}
[data-pb="sec-faq"] *::selection {
  background: color-mix(in oklab, var(--color-accent) 22%, transparent);
  color: var(--color-ink);
}
[data-pb="sec-faq"] *:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: 2px;
}
[data-pb="sec-faq"] a {
  color: inherit;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.16em;
}
[data-pb="sec-faq"] h2 {
  margin: 0;
  font-family: var(--font-display);
  font-synthesis: none;
  overflow-wrap: break-word;
  min-width: 0;
  text-wrap: balance;
}
[data-pb="sec-faq"] p {
  margin: 0;
  text-wrap: pretty;
}
[data-pb="sec-faq"] p:not([class]) {
  max-width: 65ch;
}
[data-pb="sec-faq"] video {
  max-width: 100%;
  height: auto;
  display: block;
}
[data-pb="sec-faq"] svg {
  display: block;
}
[data-pb="sec-faq"] [hidden] {
  display: none;
}
[data-pb="sec-faq"] {
  width: 100%;
  max-width: var(--container);
  margin-inline: auto;
  padding-inline: var(--gutter);
  box-sizing: border-box;
}
[data-pb="sec-faq"] .num,
[data-pb="sec-faq"] .figure,
[data-pb="sec-faq"] td.num {
  font-variant-numeric: tabular-nums;
}
[data-pb="sec-faq"] [data-slot] > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
[data-slot]:has(> img) > [data-pb="sec-faq"]:not(img):not([data-keep]) {
  display: none;
}
@media (prefers-reduced-motion: reduce) {
[data-pb="sec-faq"]*:not(.keep-motion),
[data-pb="sec-faq"]*:not(.keep-motion)::before,
[data-pb="sec-faq"]*:not(.keep-motion)::after {
  animation-duration: 0.01ms;
  animation-iteration-count: 1;
  transition-duration: 0.01ms;
  scroll-behavior: auto;
}
}
[data-pb="sec-faq"] h2 {
  font-weight: var(--weight-display);
  letter-spacing: var(--tracking-display);
  color: var(--color-ink);
}
[data-pb="sec-faq"] .icon {
  flex-shrink: 0;
}
[data-pb="sec-faq"] .btn--quiet {
  border-color: var(--color-rule-2);
  background: var(--color-paper);
  color: var(--color-ink);
}
[data-pb="sec-faq"] .btn--quiet:hover {
  border-color: var(--color-muted);
  background: var(--color-paper-2);
}
[data-pb="sec-faq"] .faq__head h2 {
  font-size: var(--text-section);
  font-weight: var(--weight-hero);
  line-height: var(--leading-section);
}
[data-pb="sec-faq"] .sell__canvas {
  background: radial-gradient(circle, var(--ed-dot-faint) 0.85px, transparent 1.1px) 0 0 / 12px 12px, var(--ed-canvas);
}
[data-pb="sec-faq"] {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--gap-columns);
  padding-top: var(--section-gap);
}
[data-pb="sec-faq"] .faq__head {
  grid-column: 1 / 5;
}
[data-pb="sec-faq"] .faq__head p {
  margin-top: var(--space-md);
  color: var(--color-ink-2);
}
[data-pb="sec-faq"] .faq__head a {
  color: var(--color-ink);
  white-space: nowrap;
}
[data-pb="sec-faq"] .faq__head a:hover {
  color: var(--color-accent-2);
}
[data-pb="sec-faq"] .faq__list {
  grid-column: 6 / -1;
  border-top: 1px solid var(--color-rule);
}
[data-pb="sec-faq"] details {
  border-bottom: 1px solid var(--color-rule);
}
[data-pb="sec-faq"] summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-lg);
  min-height: 72px;
  padding: var(--space-md) 0;
  color: var(--color-ink);
  font-weight: var(--weight-display);
  font-size: var(--text-lg);
  line-height: 1.6;
  list-style: none;
  cursor: pointer;
  transition: color var(--dur-short) var(--ease-out);
}
[data-pb="sec-faq"] summary::-webkit-details-marker {
  display: none;
}
[data-pb="sec-faq"] summary:hover {
  color: var(--color-ink-2);
}
[data-pb="sec-faq"] summary:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: 4px;
  border-radius: 4px;
}
[data-pb="sec-faq"] summary .icon {
  color: var(--color-muted);
  transition: transform var(--dur-short) var(--ease-in-out);
}
[data-pb="sec-faq"] details[open] summary .icon {
  transform: rotate(45deg);
}
[data-pb="sec-faq"] details p {
  padding-bottom: var(--space-lg);
  color: var(--color-ink-2);
}
@media (max-width: 60rem) {
[data-pb="sec-faq"] {
  display: block;
}
}
@media (max-width: 60rem) {
[data-pb="sec-faq"] .faq__list {
  margin-top: var(--space-xl);
}
}
[data-pb="sec-faq"] [hidden]:not(.voice__item) {
  display: none;
}
[data-pb="sec-faq"] .is-hidden {
  display: none;
}
[data-pb="sec-start"] {
  position: relative;
  --space-3xs: 2px;
  --space-2xs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-lg: 24px;
  --space-xl: 40px;
  --text-sm: 0.9375rem;
  --text-md: 1.0625rem;
  --text-lg: 1.1875rem;
  --leading-body: 1.85;
  --weight-body: 400;
  --weight-ui: 500;
  --weight-display: 700;
  --weight-hero: 800;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-micro: 120ms;
  --dur-short: 220ms;
  --dur-long: 420ms;
  --container: 1440px;
  --gutter: 64px;
  --section-gap-s: 120px;
  --section-gap: 152px;
  --z-raised: 10;
  --color-paper: oklch(12.2% 0.006 252);
  --color-paper-2: oklch(15.6% 0.007 252);
  --color-ink: oklch(95.6% 0.006 252);
  --color-ink-2: oklch(82% 0.009 252);
  --color-muted: oklch(69% 0.012 252);
  --color-rule: oklch(24.5% 0.009 252);
  --color-rule-2: oklch(31% 0.011 252);
  --color-accent: oklch(68.6% 0.152 243.8);
  --color-focus: oklch(72% 0.18 244);
  --ed-canvas: #1a1a1a;
  --ed-hair: rgb(255 255 255 / 0.12);
  --ed-hair-18: rgb(255 255 255 / 0.18);
  --ed-fg: #fafafa;
  --ed-fg-72: rgb(255 255 255 / 0.72);
  --ed-fg-56: rgb(255 255 255 / 0.56);
  --ed-btn: rgb(52 52 52 / 0.3);
  --ed-neutral-700: #343434;
  --ed-neutral-900: #171717;
  --ed-sheen-8: rgb(255 255 255 / 0.08);
  --ed-clear-03: rgb(255 255 255 / 0.003);
  --ed-brand-300: #71c9ff;
  --ed-brand-500: #2ea2f0;
  --ed-brand-600: #1f81d6;
  --ed-dot: #d9d9d9;
  --ed-dot-faint: rgb(217 217 217 / 0.15);
  --ed-drop-send: drop-shadow(0 2px 2px rgb(0 0 0 / 0.18));
  --ed-gap-10: 10px;
  --ed-shadow-btn: 0 1px 2px rgb(0 0 0 / 0.4), 0 0 0 1px rgb(0 0 0 / 0.16);
  --ed-shadow-field: 0 0 0 1px rgb(0 0 0 / 0.5), 0 8px 16px 2px rgb(0 0 0 / 0.32);
  --ed-inset-field: inset 0 1.5px 0.1px rgb(255 255 255 / 0.13);
  --ed-shadow-send: 0 4px 6px -2px rgb(43 144 224 / 0.45), 0 2px 4px -1px rgb(15 24 31 / 0.18), 0 0 0 1px rgb(0 0 0 / 0.06);
  --ed-inset-send: inset 0 1px 0.1px rgb(255 255 255 / 0.39), inset 0 2px 3px rgb(68 233 255 / 0.85), inset 0 -2px 2px -1px rgb(8 88 173 / 0.3);
  --mask-solid: rgb(0 0 0);
  --font-display: "Estedad", "Estedad Fallback", Tahoma, sans-serif;
  --font-body: "Estedad", "Estedad Fallback", Tahoma, sans-serif;
  --radius-pill: 999px;
  --tracking-display: 0;
}
@media (max-width: 60rem) {
[data-pb="sec-start"] {
  --gutter: 24px;
  --section-gap-s: 80px;
  --section-gap: 96px;
}
}
@media (max-width: 40rem) {
[data-pb="sec-start"] {
  --gutter: 16px;
  --section-gap-s: 56px;
  --section-gap: 72px;
}
}
[data-pb="sec-start"] {
  color: var(--color-ink);
  font-family: var(--font-body);
  font-size: var(--text-md);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  caret-color: var(--color-accent);
  font-size: var(--text-md);
  line-height: var(--leading-body);
  font-weight: var(--weight-body);
  font-feature-settings: "kern" 1;
  font-synthesis: none;
}
[data-pb="sec-start"] .pb-generic,
[data-pb="sec-start"] .pb-pass {
  display: contents;
}
[data-pb="sec-start"] .t.t.t {
  display: contents;
}
[data-pb="sec-start"] .ui-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
}
[data-pb="sec-start"] .pb-anchor {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 1px;
  height: 1px;
  pointer-events: none;
  scroll-margin-top: calc(var(--nav-height) + var(--space-lg));
}
[data-pb="sec-start"] *,
[data-pb="sec-start"] *::before,
[data-pb="sec-start"] *::after {
  box-sizing: border-box;
}
[data-pb="sec-start"] *::selection {
  background: color-mix(in oklab, var(--color-accent) 22%, transparent);
  color: var(--color-ink);
}
[data-pb="sec-start"] *:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: 2px;
}
[data-pb="sec-start"] a {
  color: inherit;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.16em;
}
[data-pb="sec-start"] h2 {
  margin: 0;
  font-family: var(--font-display);
  font-synthesis: none;
  overflow-wrap: break-word;
  min-width: 0;
  text-wrap: balance;
}
[data-pb="sec-start"] p {
  margin: 0;
  text-wrap: pretty;
}
[data-pb="sec-start"] img,
[data-pb="sec-start"] video {
  max-width: 100%;
  height: auto;
  display: block;
}
[data-pb="sec-start"] [hidden] {
  display: none;
}
[data-pb="sec-start"] .container {
  width: 100%;
  max-width: var(--container);
  margin-inline: auto;
  padding-inline: var(--gutter);
  box-sizing: border-box;
}
[data-pb="sec-start"] .num,
[data-pb="sec-start"] .figure,
[data-pb="sec-start"] td.num {
  font-variant-numeric: tabular-nums;
}
[data-pb="sec-start"] [data-slot] > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
[data-slot]:has(> img) > [data-pb="sec-start"]:not(img):not([data-keep]) {
  display: none;
}
@media (prefers-reduced-motion: reduce) {
[data-pb="sec-start"]*:not(.keep-motion),
[data-pb="sec-start"]*:not(.keep-motion)::before,
[data-pb="sec-start"]*:not(.keep-motion)::after {
  animation-duration: 0.01ms;
  animation-iteration-count: 1;
  transition-duration: 0.01ms;
  scroll-behavior: auto;
}
}
[data-pb="sec-start"] h2 {
  font-weight: var(--weight-display);
  letter-spacing: var(--tracking-display);
  color: var(--color-ink);
}
[data-pb="sec-start"] .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-xs);
  min-height: 48px;
  padding: 0 var(--space-lg);
  border: 1px solid transparent;
  border-radius: var(--radius-pill);
  font: var(--weight-ui) var(--text-md)/1 var(--font-body);
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  transition: background-color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out);
}
[data-pb="sec-start"] .btn:active {
  transform: translateY(1px);
}
[data-pb="sec-start"] .btn:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: 3px;
}
[data-pb="sec-start"] .btn:disabled,
[data-pb="sec-start"] .btn[aria-disabled="true"] {
  opacity: 0.55;
  cursor: not-allowed;
  transform: none;
}
[data-pb="sec-start"] .btn[aria-busy="true"] {
  cursor: progress;
}
[data-pb="sec-start"] .btn--primary {
  background: var(--color-ink);
  color: var(--color-paper);
}
[data-pb="sec-start"] .btn--primary:hover {
  background: var(--color-ink-2);
}
[data-pb="sec-start"] .btn--quiet {
  border-color: var(--color-rule-2);
  background: var(--color-paper);
  color: var(--color-ink);
}
[data-pb="sec-start"] .btn--quiet:hover {
  border-color: var(--color-muted);
  background: var(--color-paper-2);
}
[data-pb="sec-start"] .sell__canvas {
  background: radial-gradient(circle, var(--ed-dot-faint) 0.85px, transparent 1.1px) 0 0 / 12px 12px, var(--ed-canvas);
}
[data-pb="sec-start"] .start__stage {
  -webkit-user-select: none;
  user-select: none;
}
[data-pb="sec-start"]:is(.editor, .story__shot, .panel__shot, .market__shot, .bento__visual, .start__stage, .made__rows) img {
  -webkit-user-drag: none;
}
[data-pb="sec-start"] {
  margin-top: var(--section-gap);
  padding-block: var(--section-gap-s);
  border-top: 1px solid var(--color-rule);
}
[data-pb="sec-start"] .start__inner {
  display: grid;
  justify-items: center;
  text-align: center;
}
[data-pb="sec-start"] .start__inner h2 {
  max-width: 16ch;
  font-size: clamp(2.25rem, 3vw + 1rem, 3.75rem);
  font-weight: var(--weight-hero);
  line-height: 1.3;
}
[data-pb="sec-start"] .start__stage {
  position: relative;
  width: min(720px, 100%);
  margin-top: 168px;
}
[data-pb="sec-start"] .start__theo {
  position: absolute;
  bottom: calc(100% - 44px);
  left: 50%;
  z-index: var(--z-raised);
  width: 200px;
  height: 200px;
  transform: translateX(-50%);
}
[data-pb="sec-start"] .start__still,
[data-pb="sec-start"] .start__canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
[data-pb="sec-start"] .start__canvas {
  opacity: 0;
  transition: opacity var(--dur-long) var(--ease-out);
}
[data-pb="sec-start"] .start__stage.is-live .start__canvas {
  opacity: 1;
}
[data-pb="sec-start"] .start__stage.is-live .start__still {
  opacity: 0;
  transition: opacity var(--dur-long) var(--ease-out);
}
[data-pb="sec-start"] .composer {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 144px;
  padding: var(--space-sm) var(--space-sm) var(--ed-gap-10);
  direction: rtl;
  border: 1px solid var(--ed-hair);
  border-radius: 16px;
  background: linear-gradient(180deg, var(--ed-neutral-700), var(--ed-neutral-900));
  box-shadow: var(--ed-shadow-field), var(--ed-inset-field);
  text-align: start;
  overflow: hidden;
}
[data-pb="sec-start"] .composer::after {
  content: "";
  position: absolute;
  inset: auto 0 -8px;
  height: 50px;
  background: radial-gradient(circle, var(--ed-dot) 0.9px, transparent 1.15px) 0 0 / 4px 4px;
  opacity: 0.05;
  -webkit-mask-image: linear-gradient(0deg, var(--mask-solid), transparent);
  mask-image: linear-gradient(0deg, var(--mask-solid), transparent);
  pointer-events: none;
}
[data-pb="sec-start"] .composer__text {
  flex: 1;
  max-width: none;
  min-height: 3.4em;
  margin: 0;
  padding: var(--space-3xs) var(--space-2xs) var(--space-xs);
  color: var(--ed-fg);
  font: var(--weight-body) var(--text-lg)/1.7 var(--font-body);
}
[data-pb="sec-start"] .composer__text:empty::before {
  content: attr(data-placeholder);
  color: var(--ed-fg-56);
}
[data-pb="sec-start"] .composer__text.is-typing::after {
  content: "";
  display: inline-block;
  width: 2px;
  height: 1.1em;
  margin-inline-start: 2px;
  vertical-align: -0.15em;
  background: var(--ed-brand-500);
}
[data-pb="sec-start"] .composer__bar {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--space-xs);
  direction: ltr;
}
[data-pb="sec-start"] .composer__send {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border: 1px solid var(--ed-hair-18);
  border-radius: 12px;
  background: linear-gradient(180deg, var(--ed-brand-300) 0%, var(--ed-brand-500) 35%, var(--ed-brand-600) 100%);
  box-shadow: var(--ed-shadow-send), var(--ed-inset-send);
  transition: transform var(--dur-micro) var(--ease-out);
}
[data-pb="sec-start"] .composer__send.is-pressed {
  transform: scale(0.92);
}
[data-pb="sec-start"] .composer__send img {
  display: block;
  width: auto;
  height: 10.5px;
  filter: var(--ed-drop-send);
}
[data-pb="sec-start"] .composer__tools {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
}
[data-pb="sec-start"] .composer__tool {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2xs);
  min-width: 34px;
  height: 34px;
  padding: 0 var(--space-xs);
  border: 1.5px solid var(--ed-hair);
  border-radius: 12px;
  background: linear-gradient(180deg, var(--ed-sheen-8), var(--ed-clear-03)), var(--ed-btn);
  box-shadow: var(--ed-shadow-btn);
  color: var(--ed-fg-72);
  font: var(--weight-body) 12px/1 var(--font-body);
}
[data-pb="sec-start"] .composer__tool--model {
  width: 128px;
  justify-content: space-between;
}
[data-pb="sec-start"] .start__actions {
  display: grid;
  justify-items: center;
  gap: var(--space-sm);
  margin-top: var(--space-xl);
}
[data-pb="sec-start"] .start__terms {
  color: var(--color-muted);
  font-size: var(--text-sm);
}
@media (max-width: 40rem) {
[data-pb="sec-start"] .start__stage {
  margin-top: 128px;
}
}
@media (max-width: 40rem) {
[data-pb="sec-start"] .start__theo {
  width: 140px;
  height: 140px;
}
}
@media (max-width: 40rem) {
[data-pb="sec-start"] .start__theo {
  bottom: calc(100% - 12px);
}
}
[data-pb="sec-start"] [hidden]:not(.voice__item) {
  display: none;
}
[data-pb="sec-start"] .is-hidden {
  display: none;
}
[data-pb="sec-foot"] {
  position: relative;
  --space-2xs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 40px;
  --space-2xl: 64px;
  --text-sm: 0.9375rem;
  --text-md: 1.0625rem;
  --leading-body: 1.85;
  --weight-body: 400;
  --weight-ui: 500;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-short: 220ms;
  --container: 1440px;
  --gutter: 64px;
  --color-paper: oklch(12.2% 0.006 252);
  --color-paper-2: oklch(15.6% 0.007 252);
  --color-ink: oklch(95.6% 0.006 252);
  --color-ink-2: oklch(82% 0.009 252);
  --color-muted: oklch(69% 0.012 252);
  --color-rule: oklch(24.5% 0.009 252);
  --color-rule-2: oklch(31% 0.011 252);
  --color-accent: oklch(68.6% 0.152 243.8);
  --color-focus: oklch(72% 0.18 244);
  --ed-canvas: #1a1a1a;
  --ed-dot-faint: rgb(217 217 217 / 0.15);
  --mask-solid: rgb(0 0 0);
  --font-body: "Estedad", "Estedad Fallback", Tahoma, sans-serif;
  --radius-ui: 8px;
}
@media (max-width: 60rem) {
[data-pb="sec-foot"] {
  --gutter: 24px;
}
}
@media (max-width: 40rem) {
[data-pb="sec-foot"] {
  --gutter: 16px;
}
}
[data-pb="sec-foot"] {
  color: var(--color-ink);
  font-family: var(--font-body);
  font-size: var(--text-md);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  caret-color: var(--color-accent);
  font-size: var(--text-md);
  line-height: var(--leading-body);
  font-weight: var(--weight-body);
  font-feature-settings: "kern" 1;
  font-synthesis: none;
}
[data-pb="sec-foot"] .pb-generic,
[data-pb="sec-foot"] .pb-pass {
  display: contents;
}
[data-pb="sec-foot"] .t.t.t {
  display: contents;
}
[data-pb="sec-foot"] .ui-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
}
[data-pb="sec-foot"] .pb-anchor {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 1px;
  height: 1px;
  pointer-events: none;
  scroll-margin-top: calc(var(--nav-height) + var(--space-lg));
}
[data-pb="sec-foot"] *,
[data-pb="sec-foot"] *::before,
[data-pb="sec-foot"] *::after {
  box-sizing: border-box;
}
[data-pb="sec-foot"] *::selection {
  background: color-mix(in oklab, var(--color-accent) 22%, transparent);
  color: var(--color-ink);
}
[data-pb="sec-foot"] *:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: 2px;
}
[data-pb="sec-foot"] a {
  color: inherit;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.16em;
}
[data-pb="sec-foot"] p {
  margin: 0;
  text-wrap: pretty;
}
[data-pb="sec-foot"] img,
[data-pb="sec-foot"] video {
  max-width: 100%;
  height: auto;
  display: block;
}
[data-pb="sec-foot"] svg {
  display: block;
}
[data-pb="sec-foot"] [hidden] {
  display: none;
}
[data-pb="sec-foot"] .container {
  width: 100%;
  max-width: var(--container);
  margin-inline: auto;
  padding-inline: var(--gutter);
  box-sizing: border-box;
}
[data-pb="sec-foot"] .num,
[data-pb="sec-foot"] .figure,
[data-pb="sec-foot"] td.num {
  font-variant-numeric: tabular-nums;
}
[data-pb="sec-foot"] [data-slot] > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
[data-slot]:has(> img) > [data-pb="sec-foot"]:not(img):not([data-keep]) {
  display: none;
}
@media (prefers-reduced-motion: reduce) {
[data-pb="sec-foot"]*:not(.keep-motion),
[data-pb="sec-foot"]*:not(.keep-motion)::before,
[data-pb="sec-foot"]*:not(.keep-motion)::after {
  animation-duration: 0.01ms;
  animation-iteration-count: 1;
  transition-duration: 0.01ms;
  scroll-behavior: auto;
}
}
[data-pb="sec-foot"] .icon {
  flex-shrink: 0;
}
[data-pb="sec-foot"] .btn--quiet {
  border-color: var(--color-rule-2);
  background: var(--color-paper);
  color: var(--color-ink);
}
[data-pb="sec-foot"] .btn--quiet:hover {
  border-color: var(--color-muted);
  background: var(--color-paper-2);
}
[data-pb="sec-foot"] .mark {
  display: inline-flex;
  align-items: center;
  gap: var(--space-xs);
  min-height: 44px;
  color: var(--color-ink);
  text-decoration: none;
}
[data-pb="sec-foot"] .mark:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: 4px;
  border-radius: var(--radius-ui);
}
[data-pb="sec-foot"] .mark__logo {
  display: block;
  width: auto;
  height: 28px;
  aspect-ratio: 32 / 21;
}
[data-pb="sec-foot"] .sell__canvas {
  background: radial-gradient(circle, var(--ed-dot-faint) 0.85px, transparent 1.1px) 0 0 / 12px 12px, var(--ed-canvas);
}
[data-pb="sec-foot"] {
  padding-block: var(--space-2xl) var(--space-xl);
  border-top: 1px solid var(--color-rule);
}
[data-pb="sec-foot"] .foot__top {
  display: grid;
  justify-items: center;
  text-align: center;
}
[data-pb="sec-foot"] .foot__mark {
  gap: var(--space-sm);
}
[data-pb="sec-foot"] .foot__mark .mark__logo {
  height: 40px;
}
[data-pb="sec-foot"] .foot__tag {
  margin-top: var(--space-2xs);
  color: var(--color-muted);
  font-size: var(--text-sm);
}
[data-pb="sec-foot"] .foot__links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-2xs) var(--space-xl);
  margin-top: var(--space-lg);
}
[data-pb="sec-foot"] .foot__links a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: var(--color-ink-2);
  font-size: var(--text-sm);
  text-decoration: none;
  transition: color var(--dur-short) var(--ease-out);
}
[data-pb="sec-foot"] .foot__links a:hover {
  color: var(--color-ink);
}
[data-pb="sec-foot"] .foot__rule {
  height: 1px;
  margin: var(--space-xl) calc(-1 * var(--space-2xl)) 0;
  background: repeating-linear-gradient(90deg, var(--color-rule-2) 0 3px, transparent 3px 6px);
  -webkit-mask-image: linear-gradient(90deg, transparent, var(--mask-solid) 12%, var(--mask-solid) 88%, transparent);
  mask-image: linear-gradient(90deg, transparent, var(--mask-solid) 12%, var(--mask-solid) 88%, transparent);
}
[data-pb="sec-foot"] .foot__base {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-md) var(--space-xl);
  margin-top: var(--space-lg);
}
[data-pb="sec-foot"] .foot__copy {
  color: var(--color-muted);
  font-size: var(--text-sm);
  line-height: 1.6;
}
[data-pb="sec-foot"] .foot__webone {
  display: inline-block;
  width: auto;
  height: 14px;
  margin-inline: var(--space-2xs);
  vertical-align: -2px;
}
[data-pb="sec-foot"] .foot__end {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-md) var(--space-xl);
}
[data-pb="sec-foot"] .foot__call {
  display: inline-flex;
  align-items: center;
  gap: var(--space-xs);
  min-height: 44px;
  color: var(--color-muted);
  font-size: var(--text-sm);
  text-decoration: none;
  transition: color var(--dur-short) var(--ease-out);
}
[data-pb="sec-foot"] .foot__call b {
  color: var(--color-ink);
  font-weight: var(--weight-ui);
  font-size: var(--text-md);
}
[data-pb="sec-foot"] .foot__call:hover {
  color: var(--color-ink-2);
}
[data-pb="sec-foot"] .foot__badges {
  display: flex;
  align-items: center;
  gap: var(--space-md);
}
[data-pb="sec-foot"] .foot__badges img {
  width: auto;
  height: 32px;
  opacity: 0.72;
}
[data-pb="sec-foot"] .foot__links a:focus-visible,
[data-pb="sec-foot"] .foot__call:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: 2px;
  border-radius: var(--radius-ui);
}
@media (max-width: 40rem) {
[data-pb="sec-foot"] .foot__rule {
  margin-inline: 0;
}
}
@media (max-width: 40rem) {
[data-pb="sec-foot"] .foot__base,
[data-pb="sec-foot"] .foot__end {
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
}
[data-pb="sec-foot"] [hidden]:not(.voice__item) {
  display: none;
}
[data-pb="sec-foot"] .is-hidden {
  display: none;
}
[data-pb="sec-badge"] {
  position: relative;
  --space-xs: 8px;
  --space-md: 16px;
  --text-2xs: 0.75rem;
  --text-md: 1.0625rem;
  --leading-body: 1.85;
  --weight-body: 400;
  --weight-ui: 500;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-long: 420ms;
  --z-sticky: 200;
  --color-paper: oklch(12.2% 0.006 252);
  --color-paper-2: oklch(15.6% 0.007 252);
  --color-ink: oklch(95.6% 0.006 252);
  --color-muted: oklch(69% 0.012 252);
  --color-rule-2: oklch(31% 0.011 252);
  --color-accent: oklch(68.6% 0.152 243.8);
  --color-focus: oklch(72% 0.18 244);
  --ed-bg: #121212;
  --ed-canvas: #1a1a1a;
  --ed-hair: rgb(255 255 255 / 0.12);
  --ed-hair-16: rgb(255 255 255 / 0.16);
  --ed-fg: #fafafa;
  --ed-fg-56: rgb(255 255 255 / 0.56);
  --ed-neutral-900: #171717;
  --ed-dot-faint: rgb(217 217 217 / 0.15);
  --ed-gap-6: 6px;
  --ed-gap-10: 10px;
  --ed-shadow-theo: 0 8px 16px rgb(0 0 0 / 0.32);
  --font-body: "Estedad", "Estedad Fallback", Tahoma, sans-serif;
}
[data-pb="sec-badge"] {
  color: var(--color-ink);
  font-family: var(--font-body);
  font-size: var(--text-md);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  caret-color: var(--color-accent);
  font-size: var(--text-md);
  line-height: var(--leading-body);
  font-weight: var(--weight-body);
  font-feature-settings: "kern" 1;
  font-synthesis: none;
}
[data-pb="sec-badge"]::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  background: var(--color-paper);
  pointer-events: none;
}
[data-pb="sec-badge"] .pb-generic,
[data-pb="sec-badge"] .pb-pass {
  display: contents;
}
[data-pb="sec-badge"] .t.t.t {
  display: contents;
}
[data-pb="sec-badge"] .ui-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
}
[data-pb="sec-badge"] .pb-anchor {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 1px;
  height: 1px;
  pointer-events: none;
  scroll-margin-top: calc(var(--nav-height) + var(--space-lg));
}
[data-pb="sec-badge"] *,
[data-pb="sec-badge"] *::before,
[data-pb="sec-badge"] *::after {
  box-sizing: border-box;
}
[data-pb="sec-badge"] *::selection {
  background: color-mix(in oklab, var(--color-accent) 22%, transparent);
  color: var(--color-ink);
}
[data-pb="sec-badge"] *:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: 2px;
}
[data-pb="sec-badge"] a {
  color: inherit;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.16em;
}
[data-pb="sec-badge"] video {
  max-width: 100%;
  height: auto;
  display: block;
}
[data-pb="sec-badge"] svg {
  display: block;
}
[data-pb="sec-badge"] [hidden] {
  display: none;
}
[data-pb="sec-badge"] .num,
[data-pb="sec-badge"] .figure,
[data-pb="sec-badge"] td.num {
  font-variant-numeric: tabular-nums;
}
[data-pb="sec-badge"] [data-slot] > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
[data-pb="sec-badge"] [data-slot]:has(> img) > :not(img):not([data-keep]) {
  display: none;
}
@media (prefers-reduced-motion: reduce) {
[data-pb="sec-badge"] *:not(.keep-motion),
[data-pb="sec-badge"] *:not(.keep-motion)::before,
[data-pb="sec-badge"] *:not(.keep-motion)::after {
  animation-duration: 0.01ms;
  animation-iteration-count: 1;
  transition-duration: 0.01ms;
  scroll-behavior: auto;
}
}
[data-pb="sec-badge"] .btn--quiet {
  border-color: var(--color-rule-2);
  background: var(--color-paper);
  color: var(--color-ink);
}
[data-pb="sec-badge"] .btn--quiet:hover {
  border-color: var(--color-muted);
  background: var(--color-paper-2);
}
[data-pb="sec-badge"] .sell__canvas {
  background: radial-gradient(circle, var(--ed-dot-faint) 0.85px, transparent 1.1px) 0 0 / 12px 12px, var(--ed-canvas);
}
[data-pb="sec-badge"] .badge {
  position: fixed;
  bottom: var(--space-md);
  inset-inline-start: var(--space-md);
  z-index: var(--z-sticky);
  display: inline-flex;
  align-items: center;
  gap: var(--ed-gap-6);
  height: 32px;
  padding: 0 var(--ed-gap-10) 0 var(--space-xs);
  border: 1px solid transparent;
  border-radius: 9px;
  background: linear-gradient(var(--ed-bg), var(--ed-neutral-900)) padding-box, radial-gradient(80% 140% at 0% 0%, var(--ed-fg-56), var(--ed-hair-16) 50%, var(--ed-hair) 90%) border-box;
  box-shadow: var(--ed-shadow-theo);
  color: var(--ed-fg);
  font-weight: var(--weight-ui);
  font-size: var(--text-2xs);
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  transition: opacity var(--dur-long) var(--ease-out), transform var(--dur-long) var(--ease-out), visibility 0s;
}
[data-pb="sec-badge"] .badge__logo {
  display: block;
  width: auto;
  height: 12px;
  aspect-ratio: 32 / 21;
}
[data-pb="sec-badge"] .badge::after {
  content: "";
  position: absolute;
  inset: -6px;
}
[data-pb="sec-badge"] .badge:hover {
  transform: translateY(-2px);
}
[data-pb="sec-badge"] .badge:active {
  transform: translateY(0);
}
[data-pb="sec-badge"] .badge:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: 3px;
}
[data-pb="sec-badge"].js .badge:not(.is-shown) {
  visibility: hidden;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity var(--dur-long) var(--ease-out), transform var(--dur-long) var(--ease-out), visibility 0s var(--dur-long);
}
@media (prefers-reduced-motion: reduce) {
[data-pb="sec-badge"] .badge,
[data-pb="sec-badge"].js .badge:not(.is-shown) {
  transition: none;
}
}
@media (prefers-reduced-motion: reduce) {
[data-pb="sec-badge"] .badge:hover {
  transform: none;
}
}
[data-pb="sec-badge"] [hidden]:not(.voice__item) {
  display: none;
}
[data-pb="sec-badge"] .is-hidden {
  display: none;
}
}