@font-face {
  font-family:Site Manrope;
  src:url(../fonts/manrope.woff2)format("woff2");
  font-style:normal;
  font-weight:200 800;
  font-display:swap
}
@font-face {
  font-family:Site Space;
  src:url(../fonts/space-grotesk-latin.woff2)format("woff2");
  font-style:normal;
  font-weight:300 700;
  font-display:swap
}
@font-face {
  font-family:Site Inter;
  src:url(../fonts/inter-tight-latin.woff2)format("woff2");
  font-style:normal;
  font-weight:100 900;
  font-display:swap
}
html:has(.site-landing) {
  scroll-behavior:smooth
}
.site-landing {
  --cl-bg:#101110;
  --cl-surface:#181918;
  --cl-raised:#20211f;
  --cl-text:#f7f8f5;
  --cl-muted:#adaeaa;
  --cl-subtle:#91938d;
  --cl-border:#333630;
  --cl-led-low:oklch(46.73% 0.0632 67.0);
  --cl-led-mid:oklch(61.59% 0.0801 71.9);
  --cl-led-bright:oklch(71.98% 0.0764 74.9);
  --cl-led-hot:oklch(81.37% 0.0511 74.9);
  --cl-led-highlight:oklch(89.68% 0.0292 77.5);
  --cl-led-specular:oklch(96.63% 0.0176 81.3);
  --cl-accent:oklch(71.98% 0.0764 74.9);
  --cl-on-accent:#17110e;
  --cl-accent-hover:oklch(81.37% 0.0511 74.9);
  --cl-accent-soft:oklch(85.43% 0.0273 74.7);
  --cl-accent-tint:oklch(71.98% 0.0764 74.9 / 0.1000);
  --cl-glow:oklch(71.98% 0.0764 74.9 / 0.2000);
  --cl-font:"Site Manrope",Arial,sans-serif;
  --cl-display:"Site Manrope",Arial,sans-serif;
  --cl-shadow:0 12px 30px #0003;
  background:var(--cl-bg);
  color:var(--cl-text);
  --lightningcss-light: ;
  --lightningcss-dark:initial;
  color-scheme:dark;
  font-family:var(--cl-font);
  isolation:isolate;
  -webkit-font-smoothing:antialiased;
  min-height:100vh;
  font-size:16px;
  font-weight:400;
  line-height:1.5;
  overflow:clip
}
.site-landing[data-landing-theme=light] {
  --cl-bg:#faf6f1;
  --cl-surface:#fffdfa;
  --cl-raised:oklch(94.33% 0.0075 77.0);
  --cl-text:oklch(23.52% 0.0146 77.0);
  --cl-muted:oklch(46.99% 0.0164 77.0);
  --cl-subtle:oklch(51.71% 0.0182 77.0);
  --cl-border:oklch(89.39% 0.0106 77.0);
  --cl-accent:oklch(49.00% 0.0657 71.1);
  --cl-on-accent:#fff;
  --cl-accent-hover:oklch(40.78% 0.0615 67.3);
  --cl-accent-soft:oklch(57.85% 0.0781 71.3);
  --cl-accent-tint:oklch(57.85% 0.0781 71.3 / 0.0800);
  --cl-glow:oklch(57.85% 0.0781 71.3 / 0.1300);
  --cl-font:"Site Inter",Arial,sans-serif;
  --cl-display:"Site Space",Arial,sans-serif;
  --cl-shadow:0 12px 30px oklch(20.31% 0.0104 77.0 / 0.0706);
  --lightningcss-light:initial;
  --lightningcss-dark: ;
  color-scheme:light
}
.site-landing *,.site-landing :before,.site-landing :after {
  box-sizing:border-box
}
.site-landing h1,.site-landing h2,.site-landing h3,.site-landing p,.site-landing ul,.site-landing ol {
  margin:0
}
.site-landing a {
  color:inherit;
  text-decoration:none
}
.site-landing button {
  font:inherit;
  color:inherit;
  cursor:pointer
}
.site-landing img {
  max-width:100%;
  display:block
}
.site-landing button,.site-landing a {
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation
}
.site-landing :is(button,a):focus-visible {
  outline:2px solid var(--cl-accent);
  outline-offset:5px
}
.site-landing [id] {
  scroll-margin-top:28px
}
.site-landing ::selection {
  background:var(--cl-accent);
  color:#fff
}
.cl-container {
  width:min(1120px,100% - 64px);
  margin-inline:auto
}
.cl-header {
  z-index:5;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  height:96px;
  display:flex;
  position:relative
}
.cl-brand {
  width:180px;
  display:block
}
.cl-brand img {
  width:100%;
  height:auto
}
.cl-brand picture {
  display:block
}
.cl-brand-light,.site-landing[data-landing-theme=light] .cl-brand-dark {
  display:none!important
}
.site-landing[data-landing-theme=light] .cl-brand-light {
  display:block!important
}
.cl-desktop-nav,.cl-header-actions {
  align-items:center;
  gap:25px;
  display:flex
}
.cl-desktop-nav {
  color:var(--cl-muted);
  margin-left:auto;
  margin-right:12px;
  font-size:13px
}
.cl-desktop-nav a,.cl-login-link,.cl-footer a {
  transition:color .16s
}
.cl-desktop-nav a:hover,.cl-login-link:hover,.cl-footer a:hover {
  color:var(--cl-accent)
}
.cl-header-actions {
  gap:18px
}
.cl-login-link {
  white-space:nowrap;
  font-size:13px
}
.cl-theme-toggle {
  border:1px solid var(--cl-border);
  background:var(--cl-surface);
  border-radius:999px;
  align-items:center;
  gap:8px;
  min-height:44px;
  padding:8px 11px;
  display:flex;
  color:var(--cl-muted)!important
}
.cl-theme-toggle>svg:first-child {
  color:var(--cl-accent)
}
.cl-theme-switch {
  background:var(--cl-raised);
  border:1px solid var(--cl-border);
  border-radius:50%;
  width:20px;
  height:20px;
  box-shadow:0 1px 4px #0003
}
.site-landing[data-landing-theme=light] .cl-theme-switch {
  background:var(--cl-accent-soft);
  border-color:#0000
}
.cl-button {
  border:1px solid #0000;
  border-radius:8px;
  justify-content:center;
  align-items:center;
  gap:12px;
  min-height:50px;
  padding:13px 24px;
  font-size:14px;
  font-weight:600;
  line-height:1.25;
  transition:background .18s,border-color .18s,box-shadow .18s;
  display:inline-flex
}
.site-landing .cl-button-primary {
  background:var(--cl-accent);
  color:var(--cl-on-accent);
  box-shadow:0 4px 18px var(--cl-glow),inset 0 1px #ffffff1f
}
.site-landing .cl-button-primary:hover {
  background:var(--cl-accent-hover);
  box-shadow:0 8px 28px var(--cl-glow)
}
.cl-button-secondary {
  background:var(--cl-raised);
  color:var(--cl-text);
  border-color:#4b4e47;
  box-shadow:inset 0 1px #ffffff0a
}
.site-landing[data-landing-theme=light] .cl-button-secondary {
  background:var(--cl-surface);
  border-color:var(--cl-border)
}
.site-landing[data-landing-theme=light] .cl-tour-tabs button[aria-selected=true] {
  color:var(--cl-accent)
}
.cl-button-secondary:hover {
  border-color:var(--cl-accent-soft);
  background:var(--cl-surface)
}
.cl-header-cta {
  min-height:42px;
  padding:10px 18px;
  font-size:12px
}
.cl-menu-button {
  border:1px solid var(--cl-border);
  background:var(--cl-surface);
  border-radius:8px;
  justify-content:center;
  align-items:center;
  width:44px;
  height:44px;
  display:none
}
.cl-mobile-nav {
  display:none
}
.cl-skip-link {
  z-index:20;
  background:var(--cl-accent);
  border-radius:6px;
  padding:14px 20px;
  position:absolute;
  top:-80px;
  left:24px;
  color:#fff!important
}
.cl-skip-link:focus-visible {
  top:12px
}
.cl-hero {
  padding-top:57px;
  position:relative
}
.cl-hero-content {
  text-align:center;
  position:relative
}
.cl-eyebrow {
  color:var(--cl-muted);
  letter-spacing:.14em;
  justify-content:center;
  align-items:center;
  gap:8px;
  font-size:10px;
  font-weight:600;
  line-height:1.5;
  display:flex
}
.cl-eyebrow>span {
  background:var(--cl-accent);
  border-radius:50%;
  width:5px;
  height:5px
}
.cl-hero h1 {
  max-width:900px;
  font-family:var(--cl-display);
  letter-spacing:-.055em;
  text-wrap:balance;
  margin:17px auto 25px;
  font-size:clamp(48px,6.3vw,76px);
  font-weight:500;
  line-height:1.065
}
.cl-hero-copy {
  color:var(--cl-muted);
  font-size:18px;
  line-height:1.55
}
.cl-hero-actions {
  justify-content:center;
  align-items:center;
  gap:12px;
  margin-top:26px;
  display:flex
}
.site-landing .cl-hero-note {
  color:var(--cl-subtle);
  margin-top:15px;
  font-size:11px
}
.cl-tour {
  text-align:left;
  width:min(1080px,100%);
  margin:64px auto 0
}
.cl-product-frame {
  width:100%;
  height:440px;
  box-shadow:0-2px 0#ffffff0a,0-20px 70px -20px var(--cl-glow);
  background:#0c0907;
  border:1px solid #58594f;
  border-bottom:0;
  border-radius:15px 15px 0 0;
  position:relative;
  overflow:hidden
}
.site-landing[data-landing-theme=light] .cl-product-frame {
  box-shadow:0-8px 65px -12px var(--cl-glow);
  border-color:oklch(82.26% 0.0152 77.0)
}
.cl-tour-slide {
  opacity:0;
  pointer-events:none;
  transition:opacity .6s;
  position:absolute;
  inset:0
}
.cl-tour-slide.is-active {
  opacity:1
}
.cl-tour-slide picture {
  width:100%;
  height:100%;
  display:block
}
.cl-tour-slide img {
  width:100%;
  height:auto
}
.cl-frame-fade {
  background:linear-gradient(transparent,var(--cl-bg));
  pointer-events:none;
  height:110px;
  position:absolute;
  inset:auto 0 0
}
.cl-tour-annotation {
  z-index:2;
  color:oklch(89.05% 0.0273 77.0);
  pointer-events:none;
  align-items:flex-start;
  gap:7px;
  animation:.65s both cl-cursor-reveal;
  display:flex;
  position:absolute;
  top:62%;
  left:48%
}
.cl-tour-annotation>svg {
  fill:oklch(89.05% 0.0273 77.0);
  stroke:oklch(29.88% 0.0218 77.0)
}
.cl-tour-annotation span {
  background:oklch(24.96% 0.0120 77.0);
  border:1px solid oklch(50.85% 0.0409 77.0);
  border-radius:6px;
  margin-top:17px;
  padding:8px 12px;
  font-family:Site Manrope,Arial,sans-serif;
  font-size:11px;
  box-shadow:0 6px 22px #0000004d
}
.cl-tour-controls {
  justify-content:center;
  align-items:center;
  gap:12px;
  margin-top:15px;
  display:flex;
  position:relative
}
.cl-tour-tabs {
  border:1px solid var(--cl-border);
  background:var(--cl-surface);
  border-radius:9px;
  justify-content:center;
  align-items:center;
  gap:3px;
  padding:4px;
  display:flex
}
.cl-tour-tabs button {
  min-height:38px;
  color:var(--cl-muted);
  background:0 0;
  border:0;
  border-radius:6px;
  justify-content:center;
  align-items:center;
  gap:8px;
  padding:7px 15px;
  font-size:12px;
  transition:background .18s,color .18s;
  display:flex
}
.cl-tour-tabs button.is-active {
  color:var(--cl-accent);
  background:var(--cl-accent-tint)
}
.cl-tour-play {
  border:1px solid var(--cl-border);
  background:var(--cl-surface);
  border-radius:9px;
  justify-content:center;
  align-items:center;
  width:44px;
  height:44px;
  display:flex;
  color:var(--cl-muted)!important
}
.cl-tour-play:disabled {
  cursor:default;
  opacity:.6
}
.site-landing .cl-tour-description {
  text-align:center;
  min-height:21px;
  color:var(--cl-muted);
  margin-top:17px;
  font-size:13px
}
.site-landing .cl-source-label {
  text-align:center;
  color:var(--cl-subtle);
  margin-top:14px;
  font-size:10px;
  line-height:1.6
}
.cl-section {
  padding-block:104px
}
.cl-section-heading {
  text-align:center;
  margin-inline:auto;
  max-width:850px;
  margin-bottom:42px
}
.cl-section-heading h2,.cl-faq-heading h2,.cl-final-content h2 {
  font-family:var(--cl-display);
  letter-spacing:-.045em;
  text-wrap:balance;
  font-size:clamp(36px,4vw,48px);
  font-weight:500;
  line-height:1.14
}
.cl-section-heading .cl-eyebrow {
  margin-bottom:18px
}
.cl-section-heading>p:last-child {
  color:var(--cl-muted);
  margin-top:18px;
  font-size:15px
}
.cl-accent {
  color:var(--cl-accent)
}
.cl-product-section {
  padding-top:92px;
  padding-bottom:54px
}
.cl-feature-grid {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
  display:grid
}
.cl-feature {
  border:1px solid var(--cl-border);
  background:radial-gradient(ellipse at 100% 0%,var(--cl-accent-tint),transparent 60%),var(--cl-surface);
  border-radius:14px;
  padding:25px 24px 0;
  transition:border-color .2s;
  position:relative;
  overflow:hidden
}
.cl-feature:hover {
  border-color:var(--cl-accent-soft)
}
.cl-feature-title {
  align-items:flex-start;
  gap:20px;
  min-height:80px;
  display:flex
}
.cl-feature-title>div {
  flex:1;
  min-width:0
}
.cl-feature h3 {
  font-family:var(--cl-display);
  letter-spacing:-.02em;
  font-size:19px;
  font-weight:600;
  line-height:1.35
}
.cl-feature p {
  color:var(--cl-muted);
  max-width:380px;
  margin-top:8px;
  font-size:12px;
  line-height:1.65
}
.cl-icon-box {
  border:1px solid var(--cl-border);
  background:var(--cl-accent-tint);
  width:43px;
  height:43px;
  color:var(--cl-accent);
  border-radius:10px;
  flex-shrink:0;
  justify-content:center;
  align-items:center;
  display:inline-flex
}
.cl-feature-media {
  background:#0c0907;
  border:1px solid oklch(32.15% 0.0113 77.0);
  border-bottom:0;
  border-radius:9px 9px 0 0;
  height:242px;
  margin-top:16px;
  position:relative;
  overflow:hidden
}
.cl-feature-media img {
  width:100%;
  height:auto
}
.cl-feature-agenda .cl-feature-media img {
  transform:translateY(-45px)
}
.cl-feature-honorarios .cl-feature-media img {
  transform:translateY(-40px)
}
.cl-feature-media:after {
  content:"";
  pointer-events:none;
  background:linear-gradient(#0000,#0c0907);
  height:32px;
  position:absolute;
  inset:auto 0 0
}
.cl-benefits-section {
  padding-block:82px 76px
}
.cl-benefits-grid {
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  display:grid
}
.cl-benefit {
  border:1px solid var(--cl-border);
  background:var(--cl-surface);
  border-radius:12px;
  padding:28px
}
.cl-benefit:first-child {
  border-color:color-mix(in srgb,var(--cl-accent) 65%,var(--cl-border));
  background:radial-gradient(ellipse at 100%0,var(--cl-glow),transparent 90%),var(--cl-surface)
}
.cl-benefit .cl-icon-box {
  background:0 0;
  width:47px;
  height:47px;
  margin-bottom:20px
}
.cl-benefit h3 {
  font-family:var(--cl-display);
  letter-spacing:-.025em;
  font-size:19px;
  font-weight:600
}
.cl-benefit p {
  color:var(--cl-muted);
  margin-top:10px;
  font-size:14px;
  line-height:1.65
}
.cl-capabilities {
  color:var(--cl-subtle);
  justify-content:center;
  align-items:center;
  margin-top:45px;
  font-size:12px;
  display:flex
}
.cl-capabilities:before,.cl-capabilities:after {
  content:"";
  background:var(--cl-border);
  flex:1;
  height:1px;
  margin-inline:20px
}
.cl-capabilities span {
  padding-inline:23px
}
.cl-capabilities span+span {
  border-left:1px solid var(--cl-border)
}
.cl-purchase-section {
  border-top:1px solid var(--cl-border);
  border-bottom:1px solid var(--cl-border);
  background:radial-gradient(ellipse at 0% 0%,var(--cl-accent-tint),transparent 38%);
  position:relative
}
.cl-purchase-grid {
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:35px;
  padding:0;
  list-style:none;
  display:grid
}
.cl-step-number {
  color:var(--cl-accent);
  align-items:center;
  gap:16px;
  margin-bottom:24px;
  font-size:17px;
  font-weight:600;
  display:flex
}
.cl-step-line {
  background:var(--cl-border);
  flex:1;
  height:1px
}
.cl-purchase-grid h3 {
  font-family:var(--cl-display);
  letter-spacing:-.03em;
  min-height:60px;
  font-size:24px;
  font-weight:600;
  line-height:1.25
}
.cl-purchase-grid>li>p {
  color:var(--cl-muted);
  min-height:42px;
  margin-top:10px;
  font-size:13px;
  line-height:1.6
}
.cl-step-visual {
  border:1px solid var(--cl-border);
  background:linear-gradient(135deg,var(--cl-raised),var(--cl-surface));
  border-radius:12px;
  min-height:198px;
  margin-top:22px;
  padding:20px;
  font-size:12px
}
.cl-choice-visual>div {
  border:1px solid var(--cl-border);
  border-radius:7px;
  align-items:center;
  gap:10px;
  min-height:69px;
  padding:14px 12px;
  display:flex
}
.cl-choice-visual>div+div {
  margin-top:12px
}
.cl-choice-visual>div>span:nth-child(2) {
  flex:1;
  font-weight:600
}
.cl-choice-visual small {
  color:var(--cl-muted);
  margin-top:4px;
  font-size:9px;
  font-weight:400;
  line-height:1.4;
  display:block
}
.cl-choice-visual b {
  white-space:nowrap;
  font-size:11px
}
.cl-radio {
  border:2px solid var(--cl-subtle);
  border-radius:50%;
  flex-shrink:0;
  width:16px;
  height:16px
}
.cl-choice-visual>div.is-selected {
  border-color:var(--cl-accent);
  background:var(--cl-accent-tint)
}
.is-selected .cl-radio {
  border-color:var(--cl-accent);
  box-shadow:inset 0 0 0 3px var(--cl-surface);
  background:var(--cl-accent)
}
.cl-email-visual>span {
  color:var(--cl-muted);
  margin-bottom:9px;
  font-size:10px;
  display:block
}
.cl-demo-field {
  border:1px solid var(--cl-border);
  background:var(--cl-bg);
  overflow-wrap:anywhere;
  border-radius:6px;
  padding:11px 13px;
  font-size:12px
}
.cl-payment-provider {
  align-items:center;
  gap:9px;
  margin-top:21px;
  font-size:11px;
  font-weight:600;
  display:flex
}
.cl-payment-provider svg {
  color:var(--cl-accent);
  flex-shrink:0
}
.cl-email-visual>small {
  color:var(--cl-muted);
  margin-top:11px;
  font-size:10px;
  line-height:1.5;
  display:block
}
.cl-confirmation {
  color:var(--cl-muted);
  align-items:center;
  gap:9px;
  margin-top:17px;
  font-size:10px;
  display:flex
}
.cl-confirmation>span {
  background:var(--cl-accent);
  color:#fff;
  border-radius:50%;
  justify-content:center;
  align-items:center;
  width:24px;
  height:24px;
  display:inline-flex
}
.cl-demo-access {
  border-top:1px solid var(--cl-border);
  color:var(--cl-accent);
  justify-content:space-between;
  align-items:center;
  margin-top:17px;
  padding-top:15px;
  font-size:11px;
  font-weight:600;
  display:flex
}
.site-landing .cl-purchase-note {
  text-align:center;
  justify-content:center;
  align-items:center;
  gap:9px;
  margin-top:38px;
  font-size:14px;
  display:flex
}
.cl-purchase-note svg {
  color:var(--cl-accent);
  flex-shrink:0
}
.cl-pricing-grid {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  width:min(840px,100%);
  margin-inline:auto;
  display:grid
}
.cl-plan {
  background:linear-gradient(145deg,var(--cl-surface),color-mix(in srgb,var(--cl-surface) 50%,var(--cl-bg)));
  border:1px solid #53564e;
  border-radius:14px;
  padding:30px
}
.site-landing[data-landing-theme=light] .cl-plan {
  border-color:var(--cl-border)
}
.cl-plan-paid,.site-landing[data-landing-theme=light] .cl-plan-paid {
  border-color:var(--cl-accent);
  box-shadow:inset 0 0 0 1px var(--cl-accent-tint);
  background:radial-gradient(ellipse at 100% 0%,var(--cl-accent-tint),transparent 55%),var(--cl-surface)
}
.cl-plan-kicker {
  color:var(--cl-subtle);
  letter-spacing:.13em;
  font-size:9px;
  font-weight:600;
  margin-bottom:21px!important
}
.cl-plan-paid .cl-plan-kicker {
  color:var(--cl-accent)
}
.cl-plan h3 {
  font-size:29px;
  font-family:var(--cl-display);
  letter-spacing:-.035em;
  font-weight:600;
  line-height:1.2
}
.cl-plan>p:not(.cl-plan-kicker) {
  color:var(--cl-muted);
  margin-top:9px;
  font-size:13px
}
.cl-price {
  font-family:var(--cl-display);
  letter-spacing:-.035em;
  font-variant-numeric:tabular-nums;
  margin-top:25px;
  font-size:42px;
  font-weight:600;
  line-height:1.2
}
.cl-price-period {
  color:var(--cl-subtle);
  margin-top:4px;
  font-size:12px;
  display:block
}
.cl-plan .cl-button {
  width:100%;
  margin-top:24px
}
.cl-plan ul {
  border-top:1px solid var(--cl-border);
  margin-top:25px;
  padding:23px 0 0;
  list-style:none
}
.cl-plan li {
  align-items:center;
  gap:13px;
  font-size:13px;
  line-height:1.5;
  display:flex
}
.cl-plan li+li {
  margin-top:15px
}
.cl-plan li svg {
  color:var(--cl-accent);
  flex-shrink:0
}
.cl-pricing-notes {
  text-align:center;
  max-width:820px;
  color:var(--cl-muted);
  margin:27px auto 0;
  font-size:11px
}
.cl-pricing-notes p+p {
  margin-top:7px
}
.cl-pricing-notes p:last-child {
  color:var(--cl-subtle);
  max-width:650px;
  margin-inline:auto;
  font-size:10px
}
.cl-faq-section {
  padding-block:55px 84px
}
.cl-faq-grid {
  grid-template-columns:.95fr 1.65fr;
  gap:65px;
  display:grid
}
.cl-faq-heading {
  padding-top:23px
}
.cl-faq-heading .cl-eyebrow {
  justify-content:flex-start;
  margin-bottom:22px
}
.cl-faq-heading>p:last-child {
  color:var(--cl-muted);
  margin-top:22px;
  font-size:16px;
  line-height:1.6
}
.cl-faq-item {
  border:1px solid var(--cl-border);
  background:color-mix(in srgb,var(--cl-surface) 45%,transparent);
  border-radius:7px
}
.cl-faq-item+.cl-faq-item {
  margin-top:10px
}
.cl-faq-item h3 {
  font-size:inherit
}
.cl-faq-item button {
  text-align:left;
  background:0 0;
  border:0;
  border-radius:7px;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  width:100%;
  min-height:55px;
  padding:17px 20px;
  font-size:13px;
  font-weight:600;
  line-height:1.5;
  display:flex
}
.cl-faq-item button svg {
  color:var(--cl-accent);
  flex-shrink:0;
  transition:transform .2s
}
.cl-faq-item.is-open button svg {
  transform:rotate(180deg)
}
.cl-faq-answer {
  color:var(--cl-muted);
  padding:0 20px 19px;
  font-size:12px;
  line-height:1.75
}
.cl-final-section {
  background:radial-gradient(ellipse at 50% 45%,var(--cl-accent-tint),transparent 55%);
  position:relative
}
.cl-final-content {
  border-top:1px solid var(--cl-border);
  text-align:center;
  padding:68px 0 72px
}
.cl-final-content h2 {
  font-size:54px
}
.cl-final-content p {
  color:var(--cl-muted);
  margin-top:20px;
  font-size:15px
}
.cl-final-content .cl-button {
  min-width:200px;
  margin-top:29px
}
.cl-footer-top {
  border-top:1px solid var(--cl-border);
  border-bottom:1px solid var(--cl-border);
  justify-content:space-between;
  align-items:center;
  gap:30px;
  padding-block:25px;
  display:flex
}
.cl-footer-top .cl-brand {
  width:166px
}
.cl-footer-top nav {
  color:var(--cl-muted);
  gap:34px;
  font-size:12px;
  display:flex
}
.cl-footer-bottom {
  color:var(--cl-subtle);
  justify-content:space-between;
  gap:24px;
  padding-block:20px 25px;
  font-size:10px;
  display:flex
}
.cl-footer-bottom>div {
  gap:30px;
  display:flex
}
@keyframes cl-cursor-reveal {
  0% {
    opacity:0;
    transform:translate(-12px,-7px)
  }
  to {
    opacity:1;
    transform:translate(0)
  }
}
@media (width<=1100px) {
  .cl-desktop-nav {
    gap:18px
  }
  .cl-desktop-nav a:last-child {
    display:none
  }
  .cl-header-actions {
    gap:14px
  }
  .cl-brand {
    width:166px
  }
  .cl-product-frame {
    height:390px
  }
  .cl-feature h3 {
    font-size:17px
  }
  .cl-benefit {
    padding:23px
  }
  .cl-capabilities span {
    padding-inline:14px
  }
  .cl-purchase-grid {
    gap:22px
  }
  .cl-step-visual {
    padding:16px
  }
  .cl-choice-visual>div {
    gap:8px;
    padding:12px 8px
  }
  .cl-choice-visual small {
    font-size:8px
  }
}
@media (width<=900px) {
  .cl-container {
    width:calc(100% - 48px)
  }
  .cl-header {
    height:84px
  }
  .cl-desktop-nav {
    display:none
  }
  .cl-header-actions {
    margin-left:auto
  }
  .cl-menu-button {
    display:inline-flex
  }
  .cl-mobile-nav {
    border:1px solid var(--cl-border);
    background:var(--cl-surface);
    box-shadow:var(--cl-shadow);
    z-index:10;
    border-radius:12px;
    flex-direction:column;
    padding:12px;
    display:flex;
    position:absolute;
    top:76px;
    left:24px;
    right:24px
  }
  .cl-mobile-nav a {
    justify-content:space-between;
    align-items:center;
    padding:13px;
    font-size:14px;
    display:flex
  }
  .cl-mobile-nav a+a {
    border-top:1px solid var(--cl-border)
  }
  .cl-hero {
    padding-top:46px
  }
  .cl-hero h1 {
    font-size:62px
  }
  .cl-hero-copy {
    font-size:16px
  }
  .cl-product-frame {
    height:330px
  }
  .cl-tour {
    margin-top:56px
  }
  .cl-feature {
    padding:20px 18px 0
  }
  .cl-feature-title {
    gap:12px;
    min-height:96px
  }
  .cl-feature-title .cl-icon-box {
    width:35px;
    height:35px
  }
  .cl-feature-title .cl-icon-box svg {
    width:19px;
    height:19px
  }
  .cl-feature-media {
    height:205px
  }
  .cl-feature p {
    font-size:11px
  }
  .cl-benefits-grid {
    gap:14px
  }
  .cl-benefit {
    padding:22px
  }
  .cl-benefit h3 {
    font-size:17px
  }
  .cl-benefit p {
    font-size:12px
  }
  .cl-capabilities {
    flex-wrap:wrap;
    gap:15px 0
  }
  .cl-capabilities:before,.cl-capabilities:after {
    display:none
  }
  .cl-capabilities span {
    padding-inline:18px
  }
  .cl-purchase-grid {
    grid-template-columns:1fr;
    gap:34px;
    max-width:500px;
    margin-inline:auto
  }
  .cl-purchase-grid h3 {
    min-height:0
  }
  .cl-purchase-grid h3 br {
    display:none
  }
  .cl-purchase-grid>li>p {
    min-height:0
  }
  .cl-step-number {
    margin-bottom:16px
  }
  .cl-step-number>svg {
    transform:rotate(90deg)
  }
  .cl-step-visual {
    min-height:0;
    margin-top:18px;
    padding:22px
  }
  .cl-choice-visual small {
    font-size:10px
  }
  .cl-choice-visual b {
    font-size:12px
  }
  .cl-choice-visual>div {
    padding:15px
  }
  .cl-purchase-section {
    padding-block:76px
  }
  .cl-faq-grid {
    grid-template-columns:.85fr 1.6fr;
    gap:35px
  }
  .cl-faq-heading h2 {
    font-size:40px
  }
  .cl-plan {
    padding:26px
  }
}
@media (width<=640px) {
  .cl-container {
    width:calc(100% - 36px)
  }
  .cl-header {
    gap:12px;
    height:78px
  }
  .cl-brand {
    width:145px
  }
  .cl-header-actions {
    gap:8px
  }
  .cl-header-cta,.cl-login-link {
    display:none
  }
  .cl-theme-toggle {
    gap:6px;
    padding:7px 9px
  }
  .cl-theme-switch {
    display:none
  }
  .cl-theme-toggle>svg {
    width:14px
  }
  .cl-mobile-nav {
    top:71px;
    left:18px;
    right:18px
  }
  .cl-hero {
    padding-top:40px
  }
  .cl-hero h1 {
    letter-spacing:-.055em;
    margin-block:16px 20px;
    font-size:clamp(38px,9.2vw,54px);
    font-weight:500;
    line-height:1.12
  }
  .cl-eyebrow {
    font-size:9px
  }
  .cl-hero-copy {
    max-width:340px;
    margin-inline:auto;
    font-size:14px;
    line-height:1.65
  }
  .cl-hero-copy br {
    display:block
  }
  .site-landing .cl-hero-copy {
    max-width:340px;
    margin-inline:auto;
    text-align:center;
    text-wrap:balance;
    padding-inline:4px
  }
  .cl-hero-actions {
    gap:9px;
    margin-top:25px
  }
  .cl-hero-actions .cl-button {
    gap:8px;
    min-height:47px;
    padding:12px 15px;
    font-size:12px
  }
  .cl-hero-note {
    font-size:10px!important
  }
  .cl-tour {
    margin-top:49px
  }
  .cl-product-frame {
    border-radius:9px 9px 0 0;
    height:222px
  }
  .cl-tour-slide img {
    width:560px;
    min-width:560px;
    max-width:none
  }
  .cl-tour-annotation {
    top:54%;
    left:44%
  }
  .cl-tour-annotation span {
    max-width:135px;
    padding:6px 8px;
    font-size:8px
  }
  .cl-tour-annotation>svg {
    width:15px
  }
  .cl-frame-fade {
    height:65px
  }
  .cl-tour-controls {
    justify-content:space-between;
    gap:7px;
    margin-top:11px
  }
  .cl-tour-tabs {
    flex:1;
    gap:0;
    padding:3px
  }
  .cl-tour-tabs button {
    flex:1;
    gap:0;
    min-height:38px;
    padding:6px;
    font-size:9px
  }
  .cl-tour-tabs button svg {
    display:none
  }
  .cl-tour-play {
    flex-shrink:0;
    width:42px;
    height:44px
  }
  .cl-tour-description {
    margin-top:14px!important;
    font-size:11px!important
  }
  .cl-source-label {
    font-size:9px!important
  }
  .cl-section {
    padding-block:65px
  }
  .cl-section-heading {
    margin-bottom:28px
  }
  .cl-section-heading h2 {
    font-size:clamp(29px,7.6vw,37px);
    line-height:1.2
  }
  .cl-section-heading>p:last-child {
    margin-top:16px;
    max-width:340px;
    margin-inline:auto;
    font-size:13px;
    line-height:1.7
  }
  .cl-product-section {
    padding-top:68px;
    padding-bottom:26px
  }
  .cl-feature-grid {
    grid-template-columns:1fr;
    gap:16px
  }
  .cl-feature {
    padding:22px 19px 0
  }
  .cl-feature-title {
    min-height:78px
  }
  .cl-feature h3 {
    max-width:245px;
    font-size:18px
  }
  .cl-feature p {
    font-size:12px;
    line-height:1.6
  }
  .cl-feature-media {
    height:223px;
    margin-top:15px
  }
  .cl-feature-media img {
    width:490px;
    min-width:490px;
    max-width:none
  }
  .cl-feature-agenda .cl-feature-media img {
    transform:translateY(-40px)
  }
  .cl-feature-honorarios .cl-feature-media img {
    transform:translateY(-34px)
  }
  .cl-benefits-section {
    padding-top:55px
  }
  .cl-benefits-grid {
    grid-template-columns:1fr 1fr;
    gap:12px
  }
  .cl-benefit {
    border-radius:10px;
    padding:20px 16px
  }
  .cl-benefit .cl-icon-box {
    border-radius:8px;
    width:38px;
    height:38px;
    margin-bottom:16px
  }
  .cl-benefit .cl-icon-box svg {
    width:22px;
    height:22px
  }
  .cl-benefit h3 {
    font-size:14px;
    line-height:1.5
  }
  .cl-benefit p {
    margin-top:7px;
    font-size:11px;
    line-height:1.65
  }
  .cl-capabilities {
    gap:10px 0;
    margin-top:28px;
    font-size:10px
  }
  .cl-capabilities span {
    padding-inline:12px
  }
  .cl-purchase-grid {
    gap:30px
  }
  .cl-purchase-grid h3 {
    font-size:22px
  }
  .cl-purchase-grid>li>p {
    font-size:12px
  }
  .cl-step-number {
    font-size:16px
  }
  .cl-step-visual {
    padding:20px
  }
  .cl-purchase-note {
    line-height:1.65;
    align-items:flex-start!important;
    margin-top:30px!important;
    font-size:12px!important
  }
  .cl-purchase-note svg {
    margin-top:2px
  }
  .cl-pricing-grid {
    grid-template-columns:1fr;
    gap:18px;
    max-width:390px
  }
  .cl-plan {
    padding:27px
  }
  .cl-plan-kicker {
    font-size:9px
  }
  .cl-plan h3 {
    font-size:29px
  }
  .cl-price {
    font-size:42px
  }
  .cl-plan li {
    font-size:12px
  }
  .cl-pricing-notes {
    font-size:10px;
    line-height:1.7
  }
  .cl-pricing-notes p:last-child {
    font-size:9px
  }
  .cl-faq-section {
    padding-top:0;
    padding-bottom:60px
  }
  .cl-faq-grid {
    grid-template-columns:1fr;
    gap:29px
  }
  .cl-faq-heading {
    padding-top:0
  }
  .cl-faq-heading .cl-eyebrow {
    margin-bottom:16px
  }
  .cl-faq-heading h2 {
    font-size:36px
  }
  .cl-faq-heading h2 br {
    display:none
  }
  .cl-faq-heading>p:last-child {
    margin-top:13px;
    font-size:13px
  }
  .cl-faq-heading>p:last-child br {
    display:none
  }
  .cl-faq-item button {
    min-height:54px;
    padding:15px 16px;
    font-size:12px
  }
  .cl-faq-answer {
    padding:0 16px 17px;
    font-size:12px
  }
  .cl-final-content {
    padding-block:50px 52px
  }
  .cl-final-content h2 {
    font-size:38px
  }
  .cl-final-content p {
    margin-top:17px;
    max-width:310px;
    margin-inline:auto;
    font-size:13px;
    line-height:1.7
  }
  .cl-final-content .cl-button {
    margin-top:25px;
    font-size:13px
  }
  .cl-footer-top {
    flex-direction:column;
    align-items:flex-start;
    gap:26px;
    padding-block:24px
  }
  .cl-footer-top .cl-brand {
    width:155px
  }
  .cl-footer-top nav {
    gap:30px;
    font-size:12px
  }
  .cl-footer-bottom {
    flex-direction:column;
    gap:15px;
    padding-block:20px 25px
  }
}
@media (width<=359px) {
  .cl-container {
    width:calc(100% - 28px)
  }
  .cl-brand {
    width:126px
  }
  .cl-hero h1 {
    font-size:37px
  }
  .cl-hero-actions .cl-button {
    padding-inline:12px;
    font-size:11px
  }
  .cl-hero-copy {
    font-size:13px
  }
  .cl-benefits-grid {
    grid-template-columns:1fr
  }
  .cl-benefit {
    grid-template-columns:40px 1fr;
    gap:0 16px;
    padding:20px;
    display:grid
  }
  .cl-benefit .cl-icon-box {
    grid-row:span 2;
    margin:0
  }
  .cl-benefit p {
    margin-top:6px
  }
  .cl-capabilities span {
    padding-inline:9px
  }
  .cl-plan {
    padding:23px
  }
  .cl-feature h3 {
    font-size:17px
  }
  .cl-tour-annotation {
    left:38%
  }
  .cl-tour-tabs button {
    font-size:8px
  }
}
@media (prefers-reduced-motion:reduce) {
  html:has(.site-landing) {
    scroll-behavior:auto
  }
  .site-landing *,.site-landing :before,.site-landing :after {
    scroll-behavior:auto!important;
    transition:none!important;
    animation:none!important
  }
}
.cl-purchase-demo {
  --cl-pd-duration:10s;
  --cl-pd-edge:color-mix(in srgb,var(--cl-accent) 24%,var(--cl-border));
  --cl-pd-light:oklch(85.71% 0.0438 77.0);
  --cl-pd-amber:oklch(72.17% 0.0810 77.0);
  --cl-pd-deep:#0b0b0c;
  --cl-pd-panel:#141315;
  --cl-pd-ink:oklch(97.99% 0.0065 77.0);
  --cl-pd-muted:oklch(71.90% 0.0062 77.0);
  --cl-pd-line:oklch(92.60% 0.0244 77.0 / 0.1294);
  gap:20px
}
.cl-purchase-demo>.cl-pd-step {
  isolation:isolate;
  border:1px solid color-mix(in srgb,var(--cl-accent) 22%,var(--cl-border));
  background:radial-gradient(at 50% 108%,oklch(49.72% 0.0611 77.0 / 0.2196),#0000 58%),linear-gradient(145deg,#111011,#080809 76%);
  border-radius:24px;
  flex-direction:column;
  min-width:0;
  min-height:474px;
  padding:26px 25px 0;
  display:flex;
  position:relative;
  overflow:hidden;
  box-shadow:inset 0 0 0 4px #00000061,inset 0 5px 9px oklch(93.98% 0.0208 77.0 / 0.0314),0 17px 35px -26px #000
}
.cl-pd-step:before {
  content:"";
  z-index:-1;
  pointer-events:none;
  border:1px solid oklch(91.25% 0.0277 77.0 / 0.0784);
  border-radius:20px;
  position:absolute;
  inset:4px
}
.cl-pd-step:after {
  content:"";
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(at 50% 106%,oklch(74.08% 0.0776 77.0 / 0.2118),#0000 72%),repeating-linear-gradient(0deg,#0000 0 28px,oklch(85.67% 0.0489 77.0 / 0.0196) 29px 30px);
  height:55%;
  position:absolute;
  inset:auto 0 0
}
.cl-purchase-demo .cl-step-number {
  color:var(--cl-pd-light);
  justify-content:center;
  gap:10px;
  margin-bottom:14px;
  font-size:11px
}
.cl-purchase-demo .cl-step-number>span:first-child {
  background:linear-gradient(140deg,oklch(86.00% 0.0416 77.0 / 0.1412),oklch(86.00% 0.0416 77.0 / 0.0314));
  border:1px solid oklch(92.81% 0.0241 77.0 / 0.1804);
  border-radius:50%;
  place-items:center;
  width:27px;
  height:27px;
  font-weight:500;
  display:grid;
  box-shadow:inset 0 1px oklch(97.39% 0.0099 77.0 / 0.1412),0 2px 6px #0008
}
.cl-purchase-demo .cl-step-line,.cl-purchase-demo .cl-step-number>svg {
  display:none
}
.cl-purchase-demo h3 {
  min-height:54px;
  color:var(--cl-pd-ink);
  text-align:center;
  text-wrap:balance;
  margin:0;
  font-size:23px;
  line-height:1.2
}
.cl-purchase-demo h3 br {
  display:initial
}
.cl-purchase-demo>.cl-pd-step>p {
  max-width:285px;
  min-height:42px;
  color:var(--cl-pd-muted);
  text-align:center;
  text-wrap:balance;
  margin:10px auto 0;
  font-size:12px;
  line-height:1.65
}
.cl-purchase-demo .cl-step-visual {
  isolation:isolate;
  perspective:900px;
  background:0 0;
  border:0;
  border-radius:0;
  flex:1;
  min-height:295px;
  margin:20px -25px 0;
  padding:0;
  position:relative;
  overflow:hidden
}
.cl-purchase-demo .cl-step-visual:after {
  content:"";
  z-index:5;
  pointer-events:none;
  background:linear-gradient(#0000,oklch(24.06% 0.0211 77.0 / 0.2314) 80%);
  height:50px;
  position:absolute;
  inset:auto 0 0
}
.cl-pd-ambient {
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(at 50% 34%,oklch(79.24% 0.0622 77.0 / 0.1804),#0000 42%),radial-gradient(at 50% 92%,oklch(70.27% 0.0810 77.0 / 0.2784),#0000 63%);
  position:absolute;
  inset:-6% -20%0
}
.cl-pd-horizon {
  z-index:0;
  height:1px;
  animation:cl-pd-beam var(--cl-pd-duration) ease infinite;
  background:linear-gradient(90deg,#0000,oklch(81.53% 0.0565 77.0) 25%,oklch(96.68% 0.0160 77.0) 50%,oklch(81.53% 0.0565 77.0) 75%,#0000);
  position:absolute;
  top:57px;
  left:4%;
  right:4%;
  box-shadow:0 0 7px 1px oklch(83.00% 0.0513 77.0),0 0 23px 5px oklch(75.42% 0.0737 77.0 / 0.5294)
}
.cl-pd-horizon:before {
  content:"";
  background:radial-gradient(oklch(84.54% 0.0492 77.0 / 0.2392),#0000 68%);
  position:absolute;
  inset:-36px -10% -38px
}
.cl-pd-horizon i {
  filter:blur(2px);
  width:37%;
  height:7px;
  animation:cl-pd-beam-pass var(--cl-pd-duration) ease infinite;
  background:linear-gradient(90deg,#0000,oklch(97.19% 0.0140 77.0),#0000);
  position:absolute;
  top:-3px
}
.cl-pd-floor {
  z-index:-1;
  transform-origin:50% 100%;
  background:radial-gradient(at 50% 5%,oklch(80.68% 0.0644 77.0 / 0.2706),#0000 62%),linear-gradient(90deg,#0000 49.5%,oklch(80.55% 0.0528 77.0 / 0.0902) 50%,#0000 50.5%),repeating-linear-gradient(90deg,#0000 0 49px,oklch(87.34% 0.0452 77.0 / 0.0588) 50px 51px),repeating-linear-gradient(0deg,#0000 0 36px,oklch(87.34% 0.0452 77.0 / 0.0588) 37px 38px);
  height:148px;
  position:absolute;
  bottom:-48px;
  left:-28%;
  right:-28%;
  transform:rotateX(57deg);
  -webkit-mask-image:radial-gradient(#000,#0000 75%);
  mask-image:radial-gradient(#000,#0000 75%)
}
.cl-pd-reflection {
  z-index:0;
  filter:blur(8px);
  pointer-events:none;
  background:radial-gradient(oklch(83.24% 0.0540 77.0 / 0.2706),oklch(65.76% 0.0792 77.0 / 0.1216) 40%,#0000 70%);
  border-radius:50%;
  height:45px;
  position:absolute;
  bottom:7px;
  left:13%;
  right:13%;
  transform:scaleY(.45)
}
.cl-pd-float-window {
  z-index:2;
  width:calc(100% - 47px);
  min-height:229px;
  color:var(--cl-pd-ink);
  box-shadow:inset 0 1px 0oklch(97.24% 0.0130 77.0 / 0.2000),inset 0 0 0 3px #00000059,3px 7px 0-1px #070708,5px 8px 0oklch(84.37% 0.0533 77.0 / 0.1216),0 29px 26px -20px #000,0-12px 35px -20px var(--cl-pd-light);
  transform-style:preserve-3d;
  transform-origin:50% 65%;
  animation:cl-pd-float var(--cl-pd-duration) ease-in-out infinite;
  background:linear-gradient(140deg,#222023,#101012 64%);
  border:1px solid oklch(90.97% 0.0293 77.0 / 0.2314);
  border-radius:13px;
  margin:26px auto 0;
  position:relative;
  transform:rotateY(-7deg) rotateX(7deg) rotate(-2deg)
}
.cl-pd-email .cl-pd-float-window {
  animation-name:cl-pd-float-email;
  transform:rotateY(5deg) rotateX(7deg) rotate(1.5deg)
}
.cl-pd-access .cl-pd-float-window {
  animation-name:cl-pd-float-access;
  transform:rotateY(-5deg) rotateX(7deg) rotate(-1.3deg)
}
.cl-pd-window-head {
  border-bottom:1px solid var(--cl-pd-line);
  background:linear-gradient(oklch(94.91% 0.0183 77.0 / 0.0392),#0000);
  border-radius:12px 12px 0 0;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  min-height:32px;
  padding:9px 14px;
  display:flex
}
.cl-pd-window-dots {
  gap:4px;
  display:flex
}
.cl-pd-window-dots i {
  opacity:.5;
  background:oklch(69.97% 0.0116 77.0);
  border-radius:50%;
  width:4px;
  height:4px
}
.cl-pd-window-dots i:first-child {
  background:var(--cl-pd-amber);
  opacity:.9
}
.cl-pd-label {
  color:var(--cl-pd-muted);
  letter-spacing:.13em;
  text-transform:uppercase;
  font-size:8px;
  font-weight:500
}
.cl-pd-window-corner {
  border:1px solid var(--cl-pd-muted);
  opacity:.45;
  border-radius:2px;
  width:6px;
  height:6px
}
.cl-pd-window-body {
  padding:15px 14px 16px;
  font-size:12px;
  position:relative
}
.cl-pd-option {
  border:1px solid var(--cl-pd-line);
  background:linear-gradient(125deg,#181719,#101012);
  border-radius:8px;
  align-items:center;
  gap:9px;
  min-height:62px;
  padding:10px;
  display:flex;
  position:relative;
  box-shadow:inset 0 1px oklch(95.88% 0.0153 77.0 / 0.0392),0 4px 10px #0003
}
.cl-pd-option+.cl-pd-option {
  margin-top:10px
}
.cl-pd-option-copy {
  flex:1;
  min-width:0;
  font-size:11px;
  font-weight:500
}
.cl-pd-option-copy small {
  color:var(--cl-pd-muted);
  margin-top:4px;
  font-size:8px;
  font-weight:400;
  line-height:1.4;
  display:block
}
.cl-pd-option b {
  white-space:nowrap;
  font-size:10px;
  font-weight:500
}
.cl-pd-radio {
  border:1px solid oklch(61.13% 0.0128 77.0);
  border-radius:50%;
  flex-shrink:0;
  width:14px;
  height:14px
}
.cl-pd-selected {
  border-color:var(--cl-pd-amber);
  animation:cl-pd-select var(--cl-pd-duration) ease infinite both;
  background:oklch(26.91% 0.0176 77.0)
}
.cl-pd-selected .cl-pd-radio {
  border-color:var(--cl-pd-amber);
  background:var(--cl-pd-amber);
  animation:cl-pd-radio var(--cl-pd-duration) ease infinite both;
  box-shadow:inset 0 0 0 3px #151315
}
.cl-pd-cursor {
  z-index:4;
  pointer-events:none;
  color:oklch(97.42% 0.0094 77.0);
  fill:oklch(97.42% 0.0094 77.0);
  stroke:oklch(22.26% 0.0176 77.0);
  stroke-width:1.5px;
  filter:drop-shadow(0 2px 4px #0009);
  position:absolute
}
.cl-pd-choice-cursor {
  animation:cl-pd-choice-cursor var(--cl-pd-duration) ease infinite both;
  top:147px;
  left:31px
}
.cl-pd-click,.cl-pd-access-click {
  border:1px solid var(--cl-pd-light);
  opacity:0;
  pointer-events:none;
  border-radius:50%;
  width:25px;
  height:25px;
  position:absolute
}
.cl-pd-click {
  animation:cl-pd-click var(--cl-pd-duration) ease-out infinite both;
  top:17px;
  left:4px
}
.cl-pd-progress-track {
  justify-content:center;
  gap:5px;
  margin-top:15px;
  display:flex
}
.cl-pd-progress-track i {
  background:var(--cl-pd-line);
  border-radius:2px;
  width:24px;
  height:2px
}
.cl-pd-choice .cl-pd-progress-track i:first-child,.cl-pd-email .cl-pd-progress-track i:nth-child(2) {
  background:var(--cl-pd-light);
  box-shadow:0 0 9px oklch(82.86% 0.0544 77.0 / 0.6000)
}
.cl-purchase-demo[data-account-first=true] .cl-pd-email .cl-pd-progress-track i:nth-child(2) {
  background:var(--cl-pd-line);
  box-shadow:none
}
.cl-purchase-demo[data-account-first=true] .cl-pd-email .cl-pd-progress-track i:last-child,.cl-purchase-demo[data-account-first=true] .cl-pd-access .cl-pd-progress-track i:nth-child(2) {
  background:var(--cl-pd-light);
  box-shadow:0 0 9px oklch(82.86% 0.0544 77.0 / 0.6000)
}
.cl-pd-field-label {
  color:var(--cl-pd-muted);
  margin-bottom:8px;
  font-size:9px;
  display:block
}
.cl-purchase-demo .cl-demo-field {
  border:1px solid var(--cl-pd-line);
  min-height:40px;
  color:var(--cl-pd-ink);
  background:#0d0d0f;
  border-radius:7px;
  align-items:center;
  gap:8px;
  padding:9px 10px;
  font-size:10px;
  display:flex
}
.cl-pd-field-icon {
  color:oklch(72.54% 0.0252 77.0);
  flex-shrink:0
}
.cl-pd-email-field {
  border-color:var(--cl-pd-amber);
  animation:cl-pd-email-focus var(--cl-pd-duration) ease infinite both
}
.cl-pd-type-line {
  vertical-align:top;
  align-items:center;
  min-width:0;
  max-width:100%;
  display:inline-flex
}
.cl-pd-type-text {
  white-space:nowrap;
  width:19ch;
  max-width:100%;
  animation:cl-pd-type var(--cl-pd-duration) steps(19,end) infinite both;
  font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
  font-size:10px;
  display:inline-block;
  overflow:hidden
}
.cl-pd-caret {
  background:var(--cl-pd-light);
  flex-shrink:0;
  width:1px;
  height:13px;
  margin-left:2px;
  animation:.9s step-end infinite both cl-pd-caret
}
.cl-pd-provider-card {
  border:1px solid var(--cl-pd-line);
  background:linear-gradient(135deg,oklch(25.49% 0.0113 77.0),#151214);
  border-radius:8px;
  margin-top:13px;
  padding:11px 10px;
  position:relative;
  overflow:hidden
}
.cl-pd-email .cl-payment-provider {
  color:var(--cl-pd-ink);
  gap:8px;
  margin-top:0;
  font-size:9px;
  line-height:1.4;
  position:relative
}
.cl-pd-provider-icon {
  width:28px;
  height:28px;
  color:var(--cl-pd-light);
  background:#181314;
  border:1px solid oklch(86.90% 0.0466 77.0 / 0.2000);
  border-radius:7px;
  flex-shrink:0;
  place-items:center;
  display:grid;
  box-shadow:inset 0 1px oklch(87.15% 0.0451 77.0 / 0.1216)
}
.cl-pd-safe-note {
  color:var(--cl-pd-muted);
  margin-top:8px;
  font-size:9px;
  line-height:1.5;
  display:block;
  position:relative
}
.cl-pd-provider-sheen {
  animation:cl-pd-provider-sheen var(--cl-pd-duration) ease infinite;
  background:linear-gradient(100deg,#0000 35%,oklch(85.57% 0.0466 77.0 / 0.1686) 49%,#0000 62%);
  position:absolute;
  inset:-60% -10%;
  transform:translate(-100%)
}
.cl-pd-email .cl-pd-progress-track {
  margin-top:13px
}
.cl-pd-email-cursor {
  animation:cl-pd-email-cursor var(--cl-pd-duration) ease infinite both;
  top:80px;
  right:32px
}
.cl-pd-access .cl-confirmation {
  color:var(--cl-pd-muted);
  align-items:center;
  margin-top:10px;
  font-size:9px;
  line-height:1.5
}
.cl-pd-confirmation {
  animation:cl-pd-confirm var(--cl-pd-duration) ease infinite both
}
.cl-pd-confirm-icon {
  border-radius:50%;
  flex-shrink:0;
  place-items:center;
  width:21px;
  height:21px;
  display:grid;
  box-shadow:0 0 12px oklch(75.90% 0.0730 77.0 / 0.2000);
  background:var(--cl-pd-amber)!important;
  color:oklch(20.03% 0.0165 77.0)!important
}
.cl-pd-crm-preview {
  border:1px solid var(--cl-pd-line);
  height:73px;
  animation:cl-pd-preview var(--cl-pd-duration) ease infinite both;
  background:#0c0b0e;
  border-radius:6px;
  margin-top:11px;
  display:flex;
  overflow:hidden;
  box-shadow:inset 0 1px oklch(95.93% 0.0144 77.0 / 0.0392)
}
.cl-pd-preview-sidebar {
  border-right:1px solid var(--cl-pd-line);
  background:#191516;
  flex-direction:column;
  align-items:center;
  gap:6px;
  width:25px;
  padding-top:8px;
  display:flex
}
.cl-pd-preview-mark {
  border:2px solid var(--cl-pd-amber);
  border-radius:50%;
  width:9px;
  height:9px;
  margin-bottom:2px;
  box-shadow:0 0 7px oklch(76.07% 0.0726 77.0 / 0.2588)
}
.cl-pd-preview-sidebar>i {
  background:oklch(51.72% 0.0174 77.0);
  border-radius:1px;
  width:7px;
  height:3px
}
.cl-pd-preview-sidebar>i:nth-child(2) {
  background:var(--cl-pd-amber)
}
.cl-pd-preview-content {
  flex:1;
  padding:8px;
  display:block
}
.cl-pd-preview-title {
  opacity:.7;
  background:oklch(72.91% 0.0150 77.0);
  border-radius:2px;
  width:38%;
  height:3px;
  display:block
}
.cl-pd-preview-kanban {
  grid-template-columns:repeat(3,1fr);
  gap:5px;
  margin-top:6px;
  display:grid
}
.cl-pd-preview-column {
  display:block
}
.cl-pd-preview-column-title {
  background:oklch(48.84% 0.0261 77.0);
  border-radius:1px;
  width:70%;
  height:2px;
  margin-bottom:5px;
  display:block
}
.cl-pd-preview-lead {
  border:1px solid var(--cl-pd-line);
  background:#1d1819;
  border-radius:3px;
  align-items:center;
  gap:3px;
  min-height:16px;
  margin-top:4px;
  padding:3px;
  display:flex
}
.cl-pd-preview-avatar {
  background:oklch(55.56% 0.0375 77.0);
  border-radius:50%;
  flex-shrink:0;
  width:6px;
  height:6px
}
.cl-pd-preview-lead>span {
  flex:1
}
.cl-pd-preview-lead>span i {
  background:oklch(64.58% 0.0125 77.0);
  height:1px;
  margin-block:2px;
  display:block
}
.cl-pd-preview-lead>span i:last-child {
  opacity:.4;
  width:68%
}
.cl-pd-preview-column:nth-child(2) .cl-pd-preview-avatar {
  background:oklch(78.79% 0.0442 77.0)
}
.cl-pd-preview-column:nth-child(3) .cl-pd-preview-avatar {
  background:oklch(63.59% 0.0511 77.0)
}
.cl-pd-access .cl-demo-access {
  border-top:1px solid var(--cl-pd-line);
  color:var(--cl-pd-light);
  align-items:center;
  gap:8px;
  margin-top:11px;
  padding-top:9px;
  font-size:9px;
  line-height:1.5;
  position:relative
}
.cl-pd-access .cl-demo-access>svg {
  flex-shrink:0
}
.cl-pd-access-cursor {
  animation:cl-pd-access-cursor var(--cl-pd-duration) ease infinite both;
  bottom:18px;
  right:23px
}
.cl-pd-access-click {
  animation:cl-pd-access-click var(--cl-pd-duration) ease-out infinite both;
  top:3px;
  right:-4px
}
.site-landing[data-landing-theme=light] .cl-purchase-demo {
  --cl-pd-light:oklch(61.21% 0.0497 77.0);
  --cl-pd-amber:oklch(60.71% 0.0538 77.0);
  --cl-pd-deep:oklch(93.78% 0.0083 77.0);
  --cl-pd-panel:#fffaf3;
  --cl-pd-ink:oklch(29.21% 0.0129 77.0);
  --cl-pd-muted:oklch(58.90% 0.0174 77.0);
  --cl-pd-line:oklch(46.99% 0.0316 77.0 / 0.1608)
}
.site-landing[data-landing-theme=light] .cl-pd-step {
  background:radial-gradient(at 50% 107%,oklch(75.67% 0.0413 77.0 / 0.2588),#0000 64%),linear-gradient(145deg,#fffdf9,oklch(93.45% 0.0088 77.0));
  box-shadow:inset 0 0 0 4px #fff9,inset 0 3px 8px #fff8,0 19px 35px -25px oklch(45.31% 0.0326 77.0 / 0.3020)
}
.site-landing[data-landing-theme=light] .cl-pd-step:before {
  border-color:oklch(66.95% 0.0394 77.0 / 0.2000)
}
.site-landing[data-landing-theme=light] .cl-pd-step:after {
  background:radial-gradient(at 50% 110%,oklch(73.10% 0.0410 77.0 / 0.3294),#0000 72%)
}
.site-landing[data-landing-theme=light] .cl-step-number>span:first-child {
  background:linear-gradient(135deg,oklch(96.44% 0.0092 77.0),oklch(91.26% 0.0135 77.0));
  border-color:oklch(65.78% 0.0409 77.0 / 0.2667);
  box-shadow:inset 0 1px #fff,0 2px 6px oklch(51.40% 0.0394 77.0 / 0.0784)
}
.site-landing[data-landing-theme=light] .cl-pd-ambient {
  background:radial-gradient(at 50% 34%,oklch(74.16% 0.0399 77.0 / 0.1490),#0000 42%),radial-gradient(at 50% 92%,oklch(74.87% 0.0419 77.0 / 0.2392),#0000 63%)
}
.site-landing[data-landing-theme=light] .cl-pd-horizon {
  background:linear-gradient(90deg,#0000,oklch(72.53% 0.0449 77.0) 25%,oklch(96.22% 0.0169 77.0) 50%,oklch(72.53% 0.0449 77.0) 75%,#0000);
  box-shadow:0 0 7px 1px oklch(80.91% 0.0389 77.0),0 0 23px 5px oklch(69.02% 0.0507 77.0 / 0.2902)
}
.site-landing[data-landing-theme=light] .cl-pd-float-window {
  background:linear-gradient(140deg,#fffdf9,oklch(92.90% 0.0095 77.0));
  border-color:oklch(66.69% 0.0359 77.0 / 0.4000);
  box-shadow:inset 0 1px #fff,inset 0 0 0 3px #fff8,3px 7px 0-1px oklch(90.26% 0.0116 77.0),5px 8px oklch(66.64% 0.0411 77.0 / 0.2000),0 29px 26px -20px oklch(52.82% 0.0327 77.0 / 0.4196),0-12px 35px -20px oklch(75.21% 0.0482 77.0)
}
.site-landing[data-landing-theme=light] .cl-pd-window-head {
  background:linear-gradient(#fff9,#fff2)
}
.site-landing[data-landing-theme=light] .cl-pd-option {
  background:linear-gradient(125deg,#fffaf3,oklch(92.32% 0.0090 77.0));
  box-shadow:inset 0 1px #fff,0 4px 10px oklch(59.38% 0.0347 77.0 / 0.0667)
}
.site-landing[data-landing-theme=light] .cl-demo-field {
  background:#fffaf4
}
.site-landing[data-landing-theme=light] .cl-pd-provider-card {
  background:linear-gradient(135deg,oklch(89.00% 0.0198 77.0),oklch(95.34% 0.0090 77.0))
}
.site-landing[data-landing-theme=light] .cl-pd-provider-icon {
  background:oklch(98.16% 0.0072 77.0);
  border-color:oklch(67.67% 0.0404 77.0 / 0.4000)
}
.site-landing[data-landing-theme=light] .cl-pd-crm-preview {
  background:oklch(96.41% 0.0062 77.0)
}
.site-landing[data-landing-theme=light] .cl-pd-preview-sidebar {
  background:oklch(89.74% 0.0136 77.0)
}
.site-landing[data-landing-theme=light] .cl-pd-preview-lead {
  background:#fffaf3
}
.site-landing[data-landing-theme=light] .cl-pd-cursor {
  fill:oklch(38.98% 0.0287 77.0);
  stroke:oklch(97.64% 0.0092 77.0);
  filter:drop-shadow(0 2px 3px oklch(45.59% 0.0332 77.0 / 0.3333))
}
.cl-purchase-demo *,.cl-purchase-demo :before,.cl-purchase-demo :after {
  animation-play-state:paused
}
.cl-purchase-demo[data-running=true] *,.cl-purchase-demo[data-running=true] :before,.cl-purchase-demo[data-running=true] :after {
  animation-play-state:running
}
.site-landing[data-visual-motion=off] .cl-purchase-demo *,.site-landing[data-visual-motion=off] .cl-purchase-demo :before,.site-landing[data-visual-motion=off] .cl-purchase-demo :after {
  animation-play-state:paused
}
@keyframes cl-pd-float {
  0%,to {
    transform:rotateY(-7deg) rotateX(7deg) rotate(-2deg) translateY(0)
  }
  50% {
    transform:rotateY(-4deg) rotateX(5deg) rotate(-1deg) translateY(-7px)
  }
}
@keyframes cl-pd-float-email {
  0%,to {
    transform:rotateY(5deg) rotateX(7deg) rotate(1.5deg) translateY(-3px)
  }
  50% {
    transform:rotateY(2deg) rotateX(5deg) rotate(.5deg) translateY(3px)
  }
}
@keyframes cl-pd-float-access {
  0%,to {
    transform:rotateY(-5deg) rotateX(7deg) rotate(-1.3deg) translateY(0)
  }
  50% {
    transform:rotateY(-3deg) rotateX(5deg) rotate(-.5deg) translateY(-6px)
  }
}
@keyframes cl-pd-beam {
  0%,to {
    opacity:.65;
    transform:scaleX(.87)
  }
  18%,78% {
    opacity:1;
    transform:scaleX(1)
  }
}
@keyframes cl-pd-beam-pass {
  0%,5% {
    opacity:0;
    transform:translate(-45%)
  }
  18% {
    opacity:1
  }
  45% {
    opacity:0;
    transform:translate(230%)
  }
  to {
    opacity:0;
    transform:translate(230%)
  }
}
@keyframes cl-pd-provider-sheen {
  0%,42% {
    transform:translate(-100%)
  }
  68%,to {
    transform:translate(100%)
  }
}
@keyframes cl-pd-select {
  0%,10%,96%,to {
    border-color:var(--cl-pd-line);
    background:var(--cl-pd-panel);
    box-shadow:none
  }
  18%,87% {
    border-color:var(--cl-pd-amber);
    background:color-mix(in srgb,var(--cl-pd-amber) 18%,var(--cl-pd-panel));
    box-shadow:inset 0 1px 0 color-mix(in srgb,var(--cl-pd-light) 20%,transparent),0 0 17px color-mix(in srgb,var(--cl-pd-amber) 15%,transparent)
  }
}
@keyframes cl-pd-radio {
  0%,10%,96%,to {
    border-color:var(--cl-pd-muted);
    background:0 0
  }
  18%,87% {
    background:var(--cl-pd-amber);
    border-color:var(--cl-pd-amber)
  }
}
@keyframes cl-pd-choice-cursor {
  0%,4% {
    opacity:0;
    transform:translate(120px,-60px)
  }
  12% {
    opacity:1;
    transform:translate(0)
  }
  15% {
    transform:translate(0) scale(.79)
  }
  19%,28% {
    opacity:1;
    transform:translate(0)
  }
  38%,to {
    opacity:0;
    transform:translate(110px,24px)
  }
}
@keyframes cl-pd-click {
  0%,14%,25%,to {
    opacity:0;
    transform:scale(.6)
  }
  16% {
    opacity:.85;
    transform:scale(.6)
  }
  24% {
    opacity:0;
    transform:scale(2.3)
  }
}
@keyframes cl-pd-type {
  0%,24% {
    width:0
  }
  58%,92% {
    width:19ch
  }
  to {
    width:0
  }
}
@keyframes cl-pd-email-focus {
  0%,20%,96%,to {
    border-color:var(--cl-pd-line);
    box-shadow:none
  }
  27%,88% {
    border-color:var(--cl-pd-amber);
    box-shadow:0 0 0 2px color-mix(in srgb,var(--cl-pd-amber) 14%,transparent),0 0 17px color-mix(in srgb,var(--cl-pd-amber) 14%,transparent)
  }
}
@keyframes cl-pd-caret {
  0%,50% {
    opacity:1
  }
  51%,to {
    opacity:0
  }
}
@keyframes cl-pd-email-cursor {
  0%,20% {
    opacity:0;
    transform:translate(30px,25px)
  }
  25%,30% {
    opacity:1;
    transform:translate(0)
  }
  36%,to {
    opacity:0;
    transform:translate(20px,20px)
  }
}
@keyframes cl-pd-confirm {
  0%,57%,to {
    opacity:.35;
    transform:translateY(4px)
  }
  68%,93% {
    opacity:1;
    transform:translateY(0)
  }
}
@keyframes cl-pd-preview {
  0%,62%,to {
    opacity:.35;
    transform:translateY(6px) scale(.98)
  }
  72%,93% {
    opacity:1;
    transform:translateY(0) scale(1)
  }
}
@keyframes cl-pd-access-cursor {
  0%,64% {
    opacity:0;
    transform:translate(-50px,-60px)
  }
  72% {
    opacity:1;
    transform:translate(0)
  }
  75% {
    transform:translate(0) scale(.8)
  }
  79%,84% {
    opacity:1;
    transform:translate(0)
  }
  92%,to {
    opacity:0;
    transform:translate(15px,20px)
  }
}
@keyframes cl-pd-access-click {
  0%,74%,85%,to {
    opacity:0;
    transform:scale(.6)
  }
  76% {
    opacity:.85;
    transform:scale(.6)
  }
  84% {
    opacity:0;
    transform:scale(2.3)
  }
}
@media (hover:hover) and (pointer:fine) {
  .cl-pd-step {
    transition:border-color .3s
  }
  .cl-pd-step:hover {
    border-color:color-mix(in srgb,var(--cl-accent) 65%,var(--cl-border))
  }
}
@media (width<=1100px) and (width>=901px) {
  .cl-purchase-demo>.cl-pd-step {
    padding-inline:18px
  }
  .cl-purchase-demo .cl-step-visual {
    margin-inline:-18px
  }
  .cl-pd-float-window {
    width:calc(100% - 33px)
  }
  .cl-pd-window-body {
    padding-inline:11px
  }
  .cl-pd-option {
    gap:7px;
    padding-inline:8px
  }
  .cl-pd-option-copy small {
    font-size:7.5px
  }
}
@media (width<=900px) {
  .cl-purchase-demo {
    gap:22px
  }
  .cl-purchase-demo>.cl-pd-step {
    min-height:447px;
    padding:23px 25px 0
  }
  .cl-purchase-demo h3 {
    min-height:0;
    font-size:24px
  }
  .cl-purchase-demo>.cl-pd-step>p {
    max-width:310px;
    min-height:0
  }
  .cl-purchase-demo .cl-step-visual {
    min-height:300px;
    margin-top:23px
  }
  .cl-pd-float-window {
    max-width:320px
  }
  .cl-pd-window-body,.cl-pd-window-head {
    padding-inline:16px
  }
}
@media (width<=420px) {
  .cl-purchase-demo>.cl-pd-step {
    min-height:454px;
    padding-inline:17px
  }
  .cl-purchase-demo h3 {
    font-size:22px
  }
  .cl-purchase-demo>.cl-pd-step>p {
    max-width:260px;
    font-size:11px
  }
  .cl-purchase-demo .cl-step-visual {
    margin-inline:-17px
  }
  .cl-pd-float-window {
    width:calc(100% - 33px)
  }
  .cl-pd-window-body {
    padding-inline:11px
  }
  .cl-pd-option {
    gap:7px;
    padding-inline:8px
  }
  .cl-pd-option-copy small {
    font-size:7.5px
  }
  .cl-pd-choice-cursor {
    left:28px
  }
  .cl-purchase-demo .cl-demo-field {
    gap:6px;
    font-size:9px
  }
  .cl-pd-type-text {
    font-size:9px
  }
  .cl-pd-provider-card {
    padding-inline:8px
  }
  .cl-pd-safe-note {
    font-size:8px
  }
}
@media (prefers-reduced-motion:reduce) {
  .cl-purchase-demo *,.cl-purchase-demo :before,.cl-purchase-demo :after {
    transition:none!important;
    animation:none!important
  }
  .cl-pd-cursor,.cl-pd-click,.cl-pd-access-click,.cl-pd-caret,.cl-pd-horizon i {
    display:none
  }
  .cl-pd-type-text {
    width:19ch
  }
  .cl-pd-confirmation,.cl-pd-crm-preview {
    opacity:1;
    transform:none
  }
  .cl-pd-provider-sheen {
    display:none
  }
}
@media (forced-colors:active) {
  .cl-pd-ambient,.cl-pd-horizon,.cl-pd-floor,.cl-pd-reflection,.cl-pd-provider-sheen,.cl-pd-step:before,.cl-pd-step:after,.cl-step-visual:after {
    display:none
  }
  .cl-pd-float-window {
    border-color:canvastext;
    transform:none
  }
  .cl-pd-cursor {
    fill:highlight;
    stroke:canvas;
    filter:none
  }
}
.site-landing .cl-button-primary.cl-circuit-button {
  --cb-radius:14px;
  --cb-rim:oklch(86.19% 0.0383 77.0);
  --cb-casing:oklch(20.70% 0.0128 77.0);
  --cb-glow:oklch(70.13% 0.0810 77.0 / 0.2784);
  --cb-face:oklch(72.02% 0.0797 77.0);
  --cb-face-bottom:oklch(66.84% 0.0810 77.0);
  isolation:isolate;
  border-radius:var(--cb-radius);
  box-shadow:none;
  min-width:212px;
  min-height:56px;
  color:var(--cl-on-accent);
  -webkit-tap-highlight-color:transparent;
  background:0 0;
  border:0;
  padding:0;
  transition:transform .18s;
  position:relative;
  overflow:visible
}
.site-landing[data-landing-theme=light] .cl-button-primary.cl-circuit-button {
  --cb-rim:oklch(80.59% 0.0435 77.0);
  --cb-casing:oklch(85.65% 0.0214 77.0);
  --cb-glow:oklch(52.76% 0.0616 77.0 / 0.1686);
  --cb-face:oklch(52.76% 0.0616 77.0);
  --cb-face-bottom:oklch(44.73% 0.0522 77.0)
}
.site-landing .cl-button-primary.cl-circuit-button:before {
  content:none
}
.site-landing .cl-button-primary.cl-circuit-button:hover {
  box-shadow:none;
  background:0 0;
  transform:translateY(-2px)
}
.site-landing .cl-circuit-button:active {
  transform:translateY(1px)
}
.site-landing .cl-circuit-button:focus-visible {
  outline:2px solid var(--cl-text);
  outline-offset:7px
}
.cl-cb-decoration {
  pointer-events:none;
  position:absolute;
  inset:0
}
.cl-cb-glow {
  border-radius:inherit;
  box-shadow:0 8px 35px 7px var(--cb-glow);
  transition:box-shadow .25s;
  position:absolute;
  inset:4px 12px
}
.cl-circuit-button:hover .cl-cb-glow {
  box-shadow:0 9px 40px 12px var(--cb-glow)
}
.cl-cb-casing {
  border:1px solid color-mix(in srgb,var(--cb-rim) 24%,var(--cl-border));
  border-radius:calc(var(--cb-radius) + 5px);
  background:var(--cb-casing);
  position:absolute;
  inset:-5px;
  overflow:hidden;
  box-shadow:0 10px 24px -10px #0000004d,inset 0-2px 2px #0000002e
}
.cl-cb-outline {
  background:conic-gradient(transparent 0 68%,var(--cb-rim) 76%,transparent 83% 100%);
  animation:4.5s linear infinite cl-cb-spin;
  position:absolute;
  inset:-200%
}
.cl-cb-shine {
  aspect-ratio:1;
  background:radial-gradient(var(--cb-rim),transparent 65%);
  opacity:.5;
  border-radius:50%;
  width:90%;
  animation:5s ease-in-out infinite cl-cb-flare;
  position:absolute;
  bottom:-120%;
  left:5%
}
.cl-cb-face {
  z-index:1;
  width:100%;
  min-height:inherit;
  border:1px solid color-mix(in srgb,var(--cb-rim) 65%,var(--cl-accent));
  border-radius:inherit;
  background:linear-gradient(165deg,var(--cb-face),var(--cb-face-bottom));
  box-shadow:inset 0 2px 1px #ffffff52,inset 0-4px 4px #00000029,inset 0 0 12px var(--cl-glow);
  justify-content:center;
  align-items:center;
  gap:11px;
  padding:15px 20px;
  transition:transform .18s,box-shadow .18s;
  display:flex;
  position:relative
}
.cl-circuit-button:hover .cl-cb-face {
  box-shadow:inset 0 2px 1px #ffffff80,inset 0-4px 4px #00000024,inset 0 0 14px var(--cb-glow)
}
.cl-circuit-button:active .cl-cb-face {
  transform:scale(.975)
}
.cl-cb-label {
  white-space:pre;
  font-weight:650;
  line-height:1.3;
  display:inline-flex;
  position:relative;
  overflow:hidden
}
.cl-cb-label-copy {
  font-kerning:none
}
.cl-cb-label-animated {
  visibility:hidden;
  pointer-events:none;
  display:inline-flex;
  position:absolute;
  inset:0
}
.cl-cb-letter {
  color:#0000;
  display:inline-grid;
  position:relative
}
.cl-cb-letter:before,.cl-cb-letter:after {
  content:attr(data-label);
  color:var(--cl-on-accent);
  grid-area:1/1;
  position:relative
}
.cl-cb-letter:before {
  opacity:0;
  transform:translateY(100%)
}
@media (hover:hover) and (pointer:fine) {
  .site-landing[data-visual-motion=on] .cl-circuit-button:not(:disabled):not([data-loading=true]):hover .cl-cb-label-copy {
    visibility:hidden
  }
  .site-landing[data-visual-motion=on] .cl-circuit-button:not(:disabled):not([data-loading=true]):hover .cl-cb-label-animated {
    visibility:visible
  }
  .site-landing[data-visual-motion=on] .cl-circuit-button:not(:disabled):not([data-loading=true]):hover .cl-cb-letter:before {
    animation:.65s both cl-cb-char-in;
    animation-delay:calc(var(--cb-i)*18ms)
  }
  .site-landing[data-visual-motion=on] .cl-circuit-button:not(:disabled):not([data-loading=true]):hover .cl-cb-letter:after {
    animation:.65s both cl-cb-char-out;
    animation-delay:calc(var(--cb-i)*18ms)
  }
}
.cl-cb-bolt {
  flex:0 0 17px;
  justify-content:center;
  align-items:center;
  height:24px;
  display:inline-flex
}
.cl-cb-bolt svg {
  width:17px;
  height:24px;
  overflow:visible
}
.cl-cb-bolt path {
  fill:currentColor
}
.cl-cb-bolt .purchase-spinner path {
  fill:none
}
.cl-cb-bolt .cl-cb-bolt-stroke {
  fill:none;
  stroke:var(--cb-rim);
  stroke-width:3px;
  stroke-dasharray:100;
  animation:4s linear infinite cl-cb-bolt
}
.cl-cb-arrow {
  flex-shrink:0
}
.cl-circuit-button:hover .cl-cb-arrow {
  transform:translate(3px)
}
.cl-cb-wave {
  border:1px solid var(--cl-accent-soft);
  border-radius:calc(var(--cb-radius) + 5px);
  opacity:0;
  position:absolute;
  inset:-5px
}
.site-landing[data-visual-motion=on] .cl-circuit-button:active .cl-cb-wave {
  animation:.65s ease-out cl-cb-wave
}
.cl-cb-loop {
  animation-play-state:paused
}
.site-landing[data-visual-motion=on] .cl-motion-region[data-in-view=true] .cl-cb-loop {
  animation-play-state:running
}
.site-landing[data-visual-motion=off] .cl-cb-loop {
  animation-play-state:paused
}
.site-landing .cl-circuit-button[data-size=compact] {
  --cb-radius:10px;
  min-width:0;
  min-height:42px;
  font-size:13px
}
.cl-circuit-button[data-size=compact] .cl-cb-face {
  gap:8px;
  padding:10px 15px
}
.cl-circuit-button[data-size=compact] .cl-cb-casing {
  inset:-3px
}
.cl-circuit-button[data-size=compact] .cl-cb-arrow {
  display:none
}
.cl-circuit-button[data-size=compact] .cl-cb-bolt {
  flex-basis:12px;
  height:18px
}
.cl-circuit-button[data-size=compact] .cl-cb-bolt svg {
  width:12px;
  height:18px
}
.site-landing .cl-button-primary.cl-circuit-button:disabled {
  cursor:wait;
  opacity:.75;
  transform:none
}
.cl-circuit-button:disabled .cl-cb-loop {
  animation-play-state:paused!important
}
@keyframes cl-cb-spin {
  to {
    transform:rotate(360deg)
  }
}
@keyframes cl-cb-flare {
  0%,to {
    opacity:0;
    transform:translateY(0)
  }
  40% {
    opacity:.6
  }
  80% {
    opacity:0;
    transform:translateY(-120%)
  }
}
@keyframes cl-cb-bolt {
  to {
    stroke-dashoffset:-200px
  }
}
@keyframes cl-cb-char-in {
  0% {
    opacity:0;
    transform:translateY(100%)
  }
  to {
    opacity:1;
    transform:translateY(0)
  }
}
@keyframes cl-cb-char-out {
  0% {
    opacity:1;
    transform:translateY(0)
  }
  to {
    opacity:0;
    transform:translateY(-100%)
  }
}
@keyframes cl-cb-wave {
  0% {
    opacity:.7;
    transform:scale(1)
  }
  to {
    opacity:0;
    transform:scale(1.15,1.35)
  }
}
@media (width<=640px) {
  .site-landing .cl-hero-actions .cl-circuit-button {
    min-width:0;
    min-height:47px
  }
  .cl-hero-actions .cl-cb-face {
    gap:8px;
    padding:12px 11px
  }
  .cl-hero-actions .cl-cb-arrow {
    display:none
  }
  .cl-hero-actions .cl-cb-bolt {
    flex-basis:13px;
    height:20px
  }
  .cl-hero-actions .cl-cb-bolt svg {
    width:13px;
    height:20px
  }
}
@media (prefers-reduced-motion:reduce) {
  .cl-circuit-button .cl-cb-loop,.cl-circuit-button .cl-cb-letter:before,.cl-circuit-button .cl-cb-letter:after,.cl-circuit-button .cl-cb-wave {
    animation:none!important
  }
  .cl-cb-letter:before {
    display:none
  }
  .cl-cb-letter:after {
    opacity:1;
    transform:none
  }
  .site-landing .cl-button-primary.cl-circuit-button:hover,.cl-circuit-button:active .cl-cb-face {
    transform:none
  }
  .cl-circuit-button,.cl-cb-face,.cl-cb-glow {
    transition:none
  }
}
@media (forced-colors:active) {
  .cl-cb-decoration,.cl-cb-bolt-stroke {
    display:none
  }
  .cl-cb-face {
    color:buttontext;
    background:buttonface;
    border-color:buttontext
  }
  .cl-cb-letter:before {
    display:none
  }
  .cl-cb-letter:after {
    color:buttontext;
    opacity:1;
    transform:none;
    animation:none!important
  }
}
.clf-footer {
  isolation:isolate;
  color:var(--cl-text);
  background:var(--cl-bg);
  padding:58px 0 34px;
  position:relative;
  overflow:hidden
}
.clf-container {
  z-index:1;
  width:min(1120px,100% - 48px);
  margin:0 auto;
  position:relative
}
.clf-divider {
  align-items:center;
  gap:20px;
  margin-bottom:52px;
  display:flex
}
.clf-divider:before,.clf-divider:after {
  content:"";
  background:var(--cl-border);
  flex:1;
  height:1px
}
.clf-divider span {
  border:1px solid var(--cl-border);
  letter-spacing:.12em;
  color:var(--cl-muted);
  border-radius:999px;
  align-items:center;
  gap:10px;
  padding:11px 18px;
  font-size:11px;
  font-weight:650;
  display:inline-flex
}
.clf-divider span:before {
  content:"";
  background:var(--cl-accent);
  border-radius:50%;
  width:5px;
  height:5px
}
.clf-grid {
  grid-template-columns:1.9fr 1fr 1fr 1fr;
  align-items:start;
  gap:42px;
  display:grid
}
.clf-brand {
  max-width:100%;
  color:var(--cl-text);
  align-items:center;
  text-decoration:none;
  display:inline-flex
}
.clf-brand .cl-brand {
  width:222px
}
.clf-brand-name {
  font-family:var(--cl-display);
  font-size:24px;
  font-weight:750
}
.clf-brand-column p {
  max-width:300px;
  color:var(--cl-muted);
  margin:22px 0;
  font-size:14px;
  line-height:1.65
}
.clf-start {
  min-height:44px;
  padding:12px 18px;
  font-size:12px
}
.clf-links {
  flex-direction:column;
  align-items:start;
  gap:17px;
  display:flex
}
.clf-links h3 {
  font-family:var(--cl-display);
  margin:2px 0 9px;
  font-size:16px;
  font-weight:650
}
.clf-links a {
  color:var(--cl-muted);
  font-size:13px;
  line-height:1.4;
  text-decoration:none;
  transition:transform .18s
}
.clf-links a:hover {
  color:var(--cl-accent);
  transform:translate(3px)
}
.clf-footer a:focus-visible {
  outline:2px solid var(--cl-accent);
  outline-offset:5px;
  border-radius:4px
}
.clf-bottom {
  border-top:1px solid var(--cl-border);
  justify-content:space-between;
  gap:24px;
  margin-top:48px;
  padding-top:22px;
  display:flex
}
.clf-bottom p {
  color:var(--cl-muted);
  margin:0;
  font-size:11px;
  line-height:1.6
}
.clf-pixels {
  pointer-events:none;
  z-index:-1;
  position:absolute;
  inset:0
}
.clf-pixels i {
  background:var(--cl-accent);
  opacity:.1;
  width:8px;
  height:8px;
  animation:6s ease-in-out infinite paused clf-flicker;
  position:absolute
}
.clf-pixels i:nth-child(3n) {
  opacity:.07;
  width:14px;
  height:14px
}
.clf-pixels i:first-child {
  top:12%;
  left:2%
}
.clf-pixels i:nth-child(2) {
  animation-delay:-2s;
  top:24%;
  left:4%
}
.clf-pixels i:nth-child(3) {
  animation-delay:-4s;
  top:66%;
  left:1%
}
.clf-pixels i:nth-child(4) {
  top:88%;
  left:6%
}
.clf-pixels i:nth-child(5) {
  animation-delay:-3s;
  top:92%;
  left:2%
}
.clf-pixels i:nth-child(6) {
  animation-delay:-1s;
  top:77%;
  left:7%
}
.clf-pixels i:nth-child(7) {
  animation-delay:-2s;
  top:10%;
  right:3%
}
.clf-pixels i:nth-child(8) {
  animation-delay:-4s;
  top:22%;
  right:5%
}
.clf-pixels i:nth-child(9) {
  top:45%;
  right:1%
}
.clf-pixels i:nth-child(10) {
  animation-delay:-1s;
  top:82%;
  right:4%
}
.clf-pixels i:nth-child(11) {
  animation-delay:-3s;
  top:88%;
  right:1%
}
.clf-pixels i:nth-child(12) {
  animation-delay:-2s;
  top:96%;
  right:7%
}
@keyframes clf-flicker {
  0%,to {
    opacity:.06
  }
  50% {
    opacity:.22
  }
}
@media (width<=800px) {
  .clf-grid {
    grid-template-columns:1.4fr 1fr 1fr;
    gap:32px
  }
  .clf-brand-column {
    grid-column:1/-1;
    grid-template-columns:1fr 1fr;
    align-items:start;
    column-gap:32px;
    display:grid
  }
  .clf-brand-column p {
    grid-area:1/2/3;
    margin:0
  }
  .clf-start {
    justify-self:start;
    margin-top:20px
  }
}
@media (width<=520px) {
  .clf-footer {
    padding-top:36px
  }
  .clf-container {
    width:calc(100% - 40px)
  }
  .clf-divider {
    gap:12px;
    margin-bottom:35px
  }
  .clf-divider span {
    letter-spacing:.05em;
    padding:10px 12px;
    font-size:9px
  }
  .clf-grid {
    grid-template-columns:1fr 1fr;
    gap:32px 22px
  }
  .clf-brand-column {
    display:block
  }
  .clf-brand .cl-brand {
    width:202px
  }
  .clf-brand-column p {
    max-width:330px;
    margin:20px 0 0
  }
  .clf-start {
    margin-top:20px
  }
  .clf-links {
    gap:15px
  }
  .clf-links h3 {
    font-size:15px
  }
  .clf-links a {
    font-size:12px
  }
  .clf-bottom {
    flex-direction:column;
    gap:10px;
    margin-top:34px
  }
}
@media (prefers-reduced-motion:reduce) {
  .clf-pixels i {
    animation:none
  }
  .clf-links a {
    transition:none
  }
}
.site-landing .cl-final-section+.cl-motion-region .clf-footer {
  background:radial-gradient(ellipse at 50% -26%,color-mix(in srgb,var(--cl-accent) 10%,transparent),transparent 57%),var(--cl-bg)
}
.site-landing .cl-final-section+.cl-motion-region .clf-divider:before,.site-landing .cl-final-section+.cl-motion-region .clf-divider:after {
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--cl-border) 58%,transparent),transparent)
}
.clf-footer-controls {
  align-items:center;
  gap:22px;
  display:flex
}
@media (width<=800px) {
  .clf-footer-controls {
    flex-direction:column;
    align-items:flex-start;
    gap:4px
  }
}
.cl-hero-aura {
  z-index:-1;
  pointer-events:none;
  contain:layout paint;
  height:min(780px,100%);
  position:absolute;
  inset:-75px 0 auto;
  overflow:hidden;
  -webkit-mask-image:linear-gradient(#0000,#00000059 5%,#000 16% 58%,#000000b3 73%,#0000);
  mask-image:linear-gradient(#0000,#00000059 5%,#000 16% 58%,#000000b3 73%,#0000)
}
.cl-aura-scene,.cl-aura-fallback {
  position:absolute;
  inset:0
}
.cl-aura-scene {
  opacity:0;
  filter:sepia() saturate(.65);
  mix-blend-mode:screen;
  transition:opacity .8s
}
.cl-hero-aura[data-aura-state=ready] .cl-aura-scene {
  opacity:.16
}
.cl-aura-fallback {
  background:conic-gradient(from 158deg at 48% -18%,transparent 0 6deg,var(--cl-accent-tint) 8deg 14deg,transparent 17deg 33deg,var(--cl-glow) 37deg 39deg,transparent 43deg 360deg),radial-gradient(ellipse at 50%0,var(--cl-glow),transparent 58%);
  opacity:.6
}
@keyframes cl-aura-drift {
  0% {
    opacity:.6;
    transform:translate(-1.5%) scale(1.03)
  }
  to {
    opacity:.72;
    transform:translate(1.5%,-1%) scale(1.08)
  }
}
.site-landing[data-landing-theme=light] .cl-aura-scene {
  mix-blend-mode:multiply;
  filter:invert() sepia() saturate(.75)
}
.site-landing[data-landing-theme=light] .cl-hero-aura[data-aura-state=ready] .cl-aura-scene {
  opacity:.12
}
@media (width<=640px) {
  .cl-aura-fallback:before {
    content:"";
    opacity:.48;
    background-image:linear-gradient(90deg,color-mix(in srgb,var(--cl-accent) 32%,transparent) 1px,#0000 1px),linear-gradient(color-mix(in srgb,var(--cl-accent) 32%,transparent) 1px,#0000 1px);
    background-size:11px 11px;
    position:absolute;
    inset:0;
    -webkit-mask-image:radial-gradient(at 50% 28%,#000 8%,#0000 72%);
    mask-image:radial-gradient(at 50% 28%,#000 8%,#0000 72%)
  }
  .cl-hero-aura[data-aura-motion=on] .cl-aura-fallback {
    animation:12s ease-in-out infinite alternate cl-aura-drift
  }
  .cl-hero-aura[data-aura-state=ready] .cl-aura-scene {
    opacity:.12
  }
  .site-landing[data-landing-theme=light] .cl-hero-aura[data-aura-state=ready] .cl-aura-scene {
    opacity:.08
  }
}
@media (prefers-reduced-motion:reduce) {
  .cl-aura-fallback {
    animation:none!important
  }
  .cl-aura-scene {
    transition:none;
    display:none
  }
}
@media (forced-colors:active) {
  .cl-hero-aura {
    display:none
  }
}

.cl-aura-scene canvas { display:block;width:100%;height:100%; }
.cl-atmosphere {
  --cl-atmo-copper:oklch(71.75% 0.0810 77.0);
  --cl-atmo-gold:oklch(90.66% 0.0318 77.0);
  z-index:-1;
  pointer-events:none;
  position:absolute;
  inset:0;
  overflow:hidden
}
.site-landing[data-landing-theme=light] .cl-atmosphere {
  --cl-atmo-copper:oklch(66.56% 0.0663 77.0);
  --cl-atmo-gold:oklch(79.46% 0.0526 77.0)
}
.cl-atmo-grid {
  background-image:linear-gradient(color-mix(in srgb,var(--cl-atmo-copper) 9%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--cl-atmo-copper) 9%,transparent) 1px,transparent 1px);
  background-size:48px 48px;
  position:absolute;
  inset:0;
  -webkit-mask-image:radial-gradient(at 50% 60%,#000,#0000 78%);
  mask-image:radial-gradient(at 50% 60%,#000,#0000 78%)
}
.cl-atmo-shine {
  opacity:0;
  position:absolute
}
.cl-atmo-shine-h {
  background:linear-gradient(90deg,transparent,var(--cl-atmo-copper) 62%,var(--cl-atmo-gold) 85%,transparent);
  width:180px;
  height:2px;
  box-shadow:0 0 8px color-mix(in srgb,var(--cl-atmo-copper) 35%,transparent);
  animation:6s ease-in-out infinite paused cl-atmo-scan-horizontal;
  left:-180px
}
.cl-atmo-shine-h-one {
  top:144px
}
.cl-atmo-shine-h-two {
  animation-duration:7.5s;
  animation-delay:-5.5s;
  top:288px
}
.cl-atmo-shine-v {
  background:linear-gradient(transparent,var(--cl-atmo-copper) 65%,var(--cl-atmo-gold) 86%,transparent);
  width:2px;
  height:140px;
  box-shadow:0 0 8px color-mix(in srgb,var(--cl-atmo-copper) 30%,transparent);
  animation:7s ease-in-out -4s infinite paused cl-atmo-scan-vertical;
  top:-140px;
  left:384px
}
.cl-atmo-horizon {
  height:230px;
  position:absolute;
  inset:auto -10% -4px
}
.cl-atmo-halo {
  background:radial-gradient(ellipse at 50% 115%,color-mix(in srgb,var(--cl-atmo-copper) 44%,transparent),transparent 65%);
  position:absolute;
  inset:0
}
.cl-atmo-ridge {
  background:radial-gradient(ellipse at 50%0,color-mix(in srgb,var(--cl-atmo-copper) 34%,transparent),transparent 66%);
  width:130%;
  height:125px;
  box-shadow:0-8px 42px -13px color-mix(in srgb,var(--cl-atmo-copper) 65%,transparent);
  border:0;
  border-radius:50%;
  position:absolute;
  bottom:-111px;
  left:-15%
}
.cl-atmo-fire {
  height:145px;
  position:absolute;
  inset:auto 8%0
}
.cl-atmo-flame {
  left:var(--cl-flame-left);
  width:58px;
  height:calc(var(--cl-flame-height)*1.45);
  transform-origin:bottom;
  background:linear-gradient(0deg,color-mix(in srgb,var(--cl-atmo-gold) 52%,transparent),color-mix(in srgb,var(--cl-atmo-copper) 65%,transparent) 35%,transparent);
  filter:blur(9px);
  opacity:.58;
  transform:rotate(var(--cl-flame-lean)) scaleY(.8);
  animation:cl-atmo-flame-lift var(--cl-atmo-duration) ease-in-out var(--cl-atmo-delay) infinite paused;
  border-radius:65% 35% 35% 65%/90% 85% 15% 10%;
  position:absolute;
  bottom:-18px
}
.cl-atmo-embers {
  position:absolute;
  inset:0
}
.cl-atmo-ember {
  background:var(--cl-atmo-copper);
  width:3px;
  height:3px;
  box-shadow:0 0 9px 2px color-mix(in srgb,var(--cl-atmo-copper) 70%,transparent);
  opacity:.16;
  animation:cl-atmo-ember-rise var(--cl-atmo-duration) ease-out var(--cl-atmo-delay) infinite paused;
  border-radius:1px;
  position:absolute
}
.site-landing[data-visual-motion=on] .cl-motion-region[data-in-view=true] .cl-atmosphere :is(.cl-atmo-shine,.cl-atmo-flame,.cl-atmo-ember) {
  animation-play-state:running
}
.site-landing[data-visual-motion=off] .cl-atmosphere :is(.cl-atmo-shine,.cl-atmo-flame,.cl-atmo-ember) {
  animation-play-state:paused
}
.site-landing .cl-final-section:before,.site-landing .cl-final-section:after {
  display:none
}
.site-landing .cl-final-section {
  background:radial-gradient(ellipse at 50% 90%,var(--cl-glow),transparent 65%)
}
.site-landing .cl-final-section .cl-final-content {
  border-top:0
}
.site-landing .cl-faq-heading {
  box-shadow:none;
  background:0 0;
  border:0;
  border-radius:0;
  padding:22px 0 0
}
.site-landing .cl-faq-heading:before,.site-landing .cl-faq-heading:after,.site-landing .cl-faq-heading .cl-pixel-axes {
  display:none
}
.site-landing .cl-faq-section {
  isolation:isolate;
  position:relative
}
.site-landing .cl-faq-section:before {
  content:"";
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(ellipse at 85% 55%,color-mix(in srgb,var(--cl-accent) 4%,transparent),transparent 58%),radial-gradient(circle,color-mix(in srgb,var(--cl-accent) 8%,transparent) .7px,transparent 1px)0 0/6px 6px;
  position:absolute;
  inset:-36px 0-30px;
  -webkit-mask-image:radial-gradient(at 80%,#000,#0000 74%);
  mask-image:radial-gradient(at 80%,#000,#0000 74%)
}
.site-landing[data-landing-theme=light] .cl-faq-section:before {
  background:radial-gradient(at 14% 60%,oklch(69.20% 0.0632 77.0 / 0.0784),#0000 34%),radial-gradient(at 65% 18%,oklch(78.93% 0.0551 77.0 / 0.0902),#0000 31%),repeating-conic-gradient(oklch(60.78% 0.0543 77.0 / 0.1216) 0% 25%,#0000 0% 50%)0 0/4px 4px;
  -webkit-mask-image:radial-gradient(13% 100%at 20% 10%,#000,#0000),radial-gradient(19% 100%at 62% 110%,#000,#0000),radial-gradient(10% 100%at 92% 30%,#000,#0000);
  mask-image:radial-gradient(13% 100%at 20% 10%,#000,#0000),radial-gradient(19% 100%at 62% 110%,#000,#0000),radial-gradient(10% 100%at 92% 30%,#000,#0000)
}
@keyframes cl-atmo-scan-horizontal {
  0%,10% {
    opacity:0;
    transform:translate(0)
  }
  18% {
    opacity:.9
  }
  72% {
    opacity:.6
  }
  82%,to {
    opacity:0;
    transform:translate(calc(100vw + 360px))
  }
}
@keyframes cl-atmo-scan-vertical {
  0%,15% {
    opacity:0;
    transform:translateY(0)
  }
  23% {
    opacity:.85
  }
  78%,to {
    opacity:0;
    transform:translateY(750px)
  }
}
@keyframes cl-atmo-flame-lift {
  0%,to {
    opacity:.3;
    transform:rotate(var(--cl-flame-lean)) scale(.85,.55)
  }
  50% {
    opacity:.85;
    transform:translateY(-8px) rotate(calc(var(--cl-flame-lean)*-.5)) scale(1.05,1.12)
  }
}
@keyframes cl-atmo-ember-rise {
  0% {
    opacity:0;
    transform:translateY(12px) scale(.8)
  }
  15% {
    opacity:.9
  }
  68% {
    opacity:.5
  }
  to {
    opacity:0;
    transform:translate3d(var(--cl-ember-drift),-190px,0) scale(.4)
  }
}
@media (width>=641px) {
  .site-landing .cl-faq-heading {
    align-self:start;
    position:sticky;
    top:38px
  }
}
@media (width<=640px) {
  .cl-atmo-grid {
    background-size:32px 32px
  }
  .cl-atmo-shine-h-one {
    width:120px;
    top:96px
  }
  .cl-atmo-shine-h-two {
    display:none
  }
  .cl-atmo-shine-v {
    height:90px;
    left:96px
  }
  .cl-atmo-horizon {
    height:170px
  }
  .cl-atmo-flame {
    width:32px
  }
  .cl-atmo-flame:nth-child(2n),.cl-atmo-ember:nth-child(2n) {
    display:none
  }
  .site-landing .cl-faq-heading {
    padding:0;
    position:static
  }
}
@media (prefers-reduced-motion:reduce) {
  .site-landing .cl-atmosphere :is(.cl-atmo-shine,.cl-atmo-flame,.cl-atmo-ember) {
    animation:none
  }
  .cl-atmo-shine {
    display:none
  }
  .cl-atmo-flame {
    opacity:.22;
    transform:rotate(var(--cl-flame-lean)) scaleY(.8)
  }
  .cl-atmo-ember {
    opacity:.14
  }
}
@media (forced-colors:active) {
  .cl-atmosphere,.site-landing .cl-faq-section:before {
    display:none
  }
}
.site-landing .cl-benefits-grid {
  isolation:isolate;
  background:radial-gradient(at 0 0,oklch(71.52% 0.0810 77.0 / 0.3412),#0000 29%),radial-gradient(at 100% 30%,oklch(87.64% 0.0386 77.0 / 0.1412),#0000 33%),linear-gradient(138deg,#383632,#222221 35%,#191a18 66%,#33302c);
  border:1px solid oklch(43.61% 0.0059 77.0);
  border-radius:38px;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:17px;
  padding:19px;
  position:relative;
  box-shadow:inset 0 1px oklch(94.05% 0.0195 77.0 / 0.2196),inset 0-1px oklch(94.05% 0.0195 77.0 / 0.0588),-12px -13px 50px -35px oklch(71.71% 0.0808 77.0),0 27px 45px -30px #000000b3
}
.site-landing .cl-benefits-grid:before {
  content:"";
  z-index:3;
  border-radius:inherit;
  pointer-events:none;
  -webkit-mask-composite:xor;
  background:radial-gradient(at 5%0,oklch(95.79% 0.0210 77.0),oklch(75.23% 0.0718 77.0) 11%,#0000 35%),radial-gradient(at 99%0,oklch(97.73% 0.0113 77.0),oklch(87.58% 0.0397 77.0) 9%,#0000 25%);
  padding:2px;
  position:absolute;
  inset:-1px;
  -webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);
  mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);
  -webkit-mask-clip:content-box,border-box;
  mask-clip:content-box,border-box;
  -webkit-mask-composite:xor;
  mask-composite:exclude
}
.site-landing .cl-benefits-grid:after {
  content:"";
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(at 6% 4%,oklch(70.90% 0.0810 77.0 / 0.2784),#0000 25%),radial-gradient(at 94% 4%,oklch(91.26% 0.0318 77.0 / 0.2000),#0000 22%),radial-gradient(oklch(84.75% 0.0484 77.0 / 0.0431) .7px,#0000 .9px)0 0/4px 4px;
  border-radius:62px;
  position:absolute;
  inset:-58px -65px;
  -webkit-mask-image:linear-gradient(#0000,#000 58px 130px,#0000 440px);
  mask-image:linear-gradient(#0000,#000 58px 130px,#0000 440px)
}
.site-landing .cl-benefit,.site-landing .cl-benefit:first-child {
  background:radial-gradient(at 3% 9%,oklch(70.90% 0.0810 77.0 / 0.1490),#0000 51%),linear-gradient(130deg,#141514,#111211 56%,#171815);
  border:1px solid #363531;
  border-radius:24px;
  flex-direction:column;
  min-height:374px;
  padding:20px 30px 29px;
  display:flex;
  position:relative;
  overflow:hidden;
  box-shadow:inset 0 1px 2px #00000094,inset 0-1px oklch(87.30% 0.0234 77.0 / 0.0588)
}
.site-landing .cl-benefit:nth-child(2n) {
  background:radial-gradient(at 98% 5%,oklch(79.73% 0.0568 77.0 / 0.1294),#0000 56%),linear-gradient(145deg,#141514,#111211 55%,#171815)
}
.site-landing .cl-benefit:before {
  z-index:0
}
.site-landing .cl-benefit:after {
  content:"";
  z-index:0;
  pointer-events:none;
  border-radius:inherit;
  opacity:.42;
  background-image:radial-gradient(oklch(90.15% 0.0303 77.0 / 0.1216) .65px,#0000 .8px);
  background-size:3.8px 3.8px;
  position:absolute;
  inset:0;
  -webkit-mask-image:radial-gradient(at 90% 3%,#000,#0000 68%);
  mask-image:radial-gradient(at 90% 3%,#000,#0000 68%)
}
.site-landing .cl-benefit h3,.site-landing .cl-benefit p {
  z-index:2;
  position:relative
}
.site-landing .cl-benefit h3 {
  letter-spacing:-.03em;
  margin-top:auto;
  font-size:21px;
  font-weight:600
}
.site-landing .cl-benefit p {
  color:#a6a8a2;
  max-width:390px;
  min-height:48px;
  margin-top:9px;
  font-size:14px;
  line-height:1.7
}
.cl-benefit-art {
  --bv-metal-light:oklch(52.54% 0.0056 77.0);
  --bv-metal-mid:#302f2c;
  --bv-metal-dark:#171816;
  --bv-face-light:#292a26;
  --bv-face-dark:#0c0e0c;
  --bv-face-line:#3a3d35;
  --bv-copper:oklch(68.75% 0.0810 77.0);
  --bv-copper-light:oklch(81.69% 0.0533 77.0);
  --bv-cream:oklch(92.66% 0.0274 77.0);
  --bv-shadow:#050605;
  isolation:isolate;
  pointer-events:none;
  flex:0 0 240px;
  height:240px;
  margin:-14px -30px 14px;
  position:relative
}
.cl-bv-scene {
  z-index:1;
  width:100%;
  height:100%;
  display:block;
  position:relative;
  overflow:visible
}
.cl-bv-corner-light {
  z-index:0;
  background:radial-gradient(at 22% 6%,oklch(70.21% 0.0810 77.0 / 0.2314),#0000 50%);
  position:absolute;
  inset:-18px -50px -9px;
  -webkit-mask-image:linear-gradient(#000 65%,#0000);
  mask-image:linear-gradient(#000 65%,#0000)
}
.cl-bv-ai .cl-bv-corner-light,.cl-bv-mcp .cl-bv-corner-light {
  background:radial-gradient(at 94% 89%,oklch(74.82% 0.0741 77.0 / 0.2510),#0000 49%)
}
.cl-bv-calendar .cl-bv-corner-light {
  background:radial-gradient(at 50%0,oklch(91.12% 0.0349 77.0 / 0.1608),#0000 42%)
}
.cl-bv-ghost-users {
  opacity:.085
}
.cl-bv-beam {
  transform-origin:50%0;
  animation:4.6s ease-in-out infinite cl-bv-beam
}
.cl-bv-lift,.cl-bv-chip-stack,.cl-bv-message-stack,.cl-bv-security-module,.cl-bv-calendar-plate {
  filter:drop-shadow(0 14px 10px #00000063);
  transform-origin:50%;
  animation:4.6s ease-in-out infinite cl-bv-dimension
}
.cl-bv-chip-stack {
  animation-delay:-1.2s
}
.cl-bv-message-stack {
  animation-delay:-.7s
}
.cl-bv-calendar-plate {
  transform-origin:50% 90%;
  animation:5s ease-in-out infinite cl-bv-calendar-rock
}
.cl-bv-security-module {
  animation-delay:-2s
}
.cl-bv-surface-shine {
  animation:4.6s ease-in-out infinite cl-bv-metal-shine
}
.cl-bv-signal,.cl-bv-security-signal {
  stroke-dasharray:7 93;
  stroke-dashoffset:100px;
  animation:3.7s linear infinite cl-bv-route
}
.cl-bv-security-signal {
  stroke-dasharray:3 47;
  animation-duration:4.5s
}
@property --cl-bv-gauge-progress {
  syntax:"<number>";
  inherits:true;
  initial-value:.65
}
.cl-bv-gauge {
  --cl-bv-gauge-progress:.65;
  animation:5.6s cubic-bezier(.45,0,.35,1) infinite cl-bv-dial
}
.cl-bv-dial-light,.cl-bv-dial-sheen {
  stroke-dasharray:100 100;
  stroke-dashoffset:calc(100 - var(--cl-bv-gauge-progress)*100)
}
.cl-bv-dial-light {
  filter:drop-shadow(0 0 9px oklch(69.46% 0.0810 77.0 / 0.3216))
}
.cl-bv-needle {
  transform-box:view-box;
  transform-origin:240px 199px;
  transform:rotate(calc(var(--cl-bv-gauge-progress)*180deg));
  filter:drop-shadow(0 2px 7px oklch(76.95% 0.0670 77.0 / 0.2392))
}
.cl-bv-core,.cl-bv-calendar-active {
  transform-origin:50%;
  animation:3.3s ease-in-out infinite cl-bv-core-pulse
}
.cl-bv-calendar-scan {
  opacity:.2;
  animation:5s ease-in-out infinite cl-bv-date-scan
}
.cl-bv-confirm-chip {
  filter:drop-shadow(0 7px 6px #0000004d)
}
.cl-bv-delivery {
  stroke-dasharray:9 91;
  stroke-dashoffset:100px;
  animation:4s linear infinite cl-bv-route
}
.cl-bv-packet {
  animation:4s cubic-bezier(.4,0,.25,1) infinite cl-bv-packet-send
}
.cl-bv-received {
  animation:4s ease-in-out infinite cl-bv-packet-receive
}
.cl-bv-animated {
  animation-play-state:paused
}
.site-landing[data-visual-motion=on] .cl-motion-region[data-in-view=true] .cl-bv-animated {
  animation-play-state:running
}
.site-landing[data-visual-motion=off] .cl-bv-animated {
  animation-play-state:paused
}
.site-landing[data-landing-theme=light] .cl-benefits-grid {
  background:radial-gradient(at 0 0,oklch(57.29% 0.0494 77.0 / 0.1804),#0000 33%),linear-gradient(138deg,oklch(91.75% 0.0120 77.0),oklch(84.90% 0.0140 77.0) 48%,oklch(89.87% 0.0114 77.0));
  border-color:oklch(81.50% 0.0219 77.0);
  box-shadow:inset 0 1px oklch(98.38% 0.0070 77.0),0 21px 43px -30px oklch(30.10% 0.0255 77.0 / 0.2784)
}
.site-landing[data-landing-theme=light] .cl-benefits-grid:before {
  background:radial-gradient(at 5%0,oklch(98.12% 0.0094 77.0),oklch(64.35% 0.0460 77.0) 10%,#0000 35%),radial-gradient(at 99%0,oklch(99.45% 0.0027 77.0),oklch(80.20% 0.0350 77.0) 9%,#0000 25%)
}
.site-landing[data-landing-theme=light] .cl-benefits-grid:after {
  opacity:.32
}
.site-landing[data-landing-theme=light] .cl-benefit,.site-landing[data-landing-theme=light] .cl-benefit:first-child,.site-landing[data-landing-theme=light] .cl-benefit:nth-child(2n) {
  background:radial-gradient(at 7% 11%,oklch(57.97% 0.0514 77.0 / 0.1020),#0000 50%),linear-gradient(135deg,#fffbf3,oklch(95.13% 0.0078 77.0));
  border-color:oklch(85.87% 0.0152 77.0);
  box-shadow:inset 0 1px 3px oklch(36.35% 0.0261 77.0 / 0.0588),inset 0-1px #ffffffe6
}
.site-landing[data-landing-theme=light] .cl-benefit p {
  color:var(--cl-muted)
}
.site-landing[data-landing-theme=light] .cl-benefit:after {
  opacity:.22;
  background-image:radial-gradient(oklch(56.52% 0.0459 77.0 / 0.2392) .65px,#0000 .8px)
}
.site-landing[data-landing-theme=light] .cl-benefit-art {
  --bv-metal-light:oklch(74.61% 0.0193 77.0);
  --bv-metal-mid:oklch(52.32% 0.0165 77.0);
  --bv-metal-dark:oklch(33.06% 0.0084 77.0);
  --bv-face-light:oklch(92.06% 0.0138 77.0);
  --bv-face-dark:oklch(71.66% 0.0208 77.0);
  --bv-face-line:oklch(80.42% 0.0168 77.0);
  --bv-copper:oklch(59.67% 0.0460 77.0);
  --bv-copper-light:oklch(76.40% 0.0426 77.0);
  --bv-cream:oklch(96.59% 0.0171 77.0);
  --bv-shadow:oklch(35.00% 0.0206 77.0)
}
.site-landing[data-landing-theme=light] .cl-bv-corner-light {
  background:radial-gradient(at 22% 6%,oklch(60.33% 0.0510 77.0 / 0.1608),#0000 50%)
}
.site-landing[data-landing-theme=light] .cl-bv-lift,.site-landing[data-landing-theme=light] .cl-bv-chip-stack,.site-landing[data-landing-theme=light] .cl-bv-message-stack,.site-landing[data-landing-theme=light] .cl-bv-calendar-plate,.site-landing[data-landing-theme=light] .cl-bv-security-module {
  filter:drop-shadow(0 12px 9px oklch(34.20% 0.0254 77.0 / 0.2314))
}
@keyframes cl-bv-dimension {
  0%,to {
    transform:translateY(3px)
  }
  50% {
    transform:translateY(-8px)
  }
}
@keyframes cl-bv-beam {
  0%,to {
    opacity:.3;
    transform:scaleX(.82)
  }
  45%,65% {
    opacity:1;
    transform:scaleX(1.12)
  }
}
@keyframes cl-bv-metal-shine {
  0%,15% {
    opacity:0;
    translate:-100px
  }
  30% {
    opacity:.9
  }
  65%,to {
    opacity:0;
    translate:300px
  }
}
@keyframes cl-bv-route {
  0% {
    stroke-dashoffset:100px
  }
  to {
    stroke-dashoffset:0
  }
}
@keyframes cl-bv-dial {
  0%,to {
    --cl-bv-gauge-progress:.36
  }
  42%,60% {
    --cl-bv-gauge-progress:.88
  }
}
@keyframes cl-bv-core-pulse {
  0%,to {
    opacity:.56
  }
  50% {
    opacity:1
  }
}
@keyframes cl-bv-calendar-rock {
  0%,to {
    transform:rotate(-4deg) translateY(3px)
  }
  50% {
    transform:rotate(2deg) translateY(-5px)
  }
}
@keyframes cl-bv-date-scan {
  0%,14% {
    opacity:0;
    translate:0
  }
  24% {
    opacity:.6
  }
  70% {
    opacity:.6;
    translate:0 102px
  }
  82%,to {
    opacity:0;
    translate:0 102px
  }
}
@keyframes cl-bv-packet-send {
  0%,12% {
    opacity:.8;
    translate:0
  }
  45% {
    opacity:1;
    translate:42px
  }
  66%,to {
    opacity:0;
    translate:85px -26px
  }
}
@keyframes cl-bv-packet-receive {
  0%,50% {
    opacity:.12;
    transform:translateY(8px)
  }
  65%,83% {
    opacity:1;
    transform:translateY(0)
  }
  to {
    opacity:.12;
    transform:translateY(8px)
  }
}
@media (hover:hover) and (pointer:fine) {
  .site-landing .cl-benefit:hover {
    box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cl-accent) 30%,transparent);
    transform:none
  }
}
@media (width<=760px) {
  .site-landing .cl-benefits-grid {
    border-radius:30px;
    grid-template-columns:1fr;
    gap:13px;
    padding:12px
  }
  .site-landing .cl-benefit {
    border-radius:20px;
    min-height:350px;
    padding:18px 25px 27px
  }
  .cl-benefit-art {
    flex-basis:225px;
    height:225px;
    margin-inline:-25px
  }
  .cl-bv-scene {
    width:480px;
    max-width:none;
    position:absolute;
    left:50%;
    transform:translate(-50%)
  }
}
@media (width<=390px) {
  .site-landing .cl-benefit {
    min-height:325px;
    padding:15px 20px 25px
  }
  .cl-benefit-art {
    flex-basis:200px;
    height:200px;
    margin-inline:-20px
  }
  .site-landing .cl-benefit h3 {
    font-size:19px
  }
  .site-landing .cl-benefit p {
    font-size:13px
  }
}
@media (prefers-reduced-motion:reduce) {
  .cl-bv-animated {
    animation:none!important
  }
  .cl-bv-beam {
    opacity:.6
  }
  .cl-bv-gauge {
    --cl-bv-gauge-progress:.65
  }
  .cl-bv-calendar-scan,.cl-bv-surface-shine {
    display:none
  }
  .cl-bv-received {
    opacity:1
  }
}
@media (forced-colors:active) {
  .cl-benefit-art,.site-landing .cl-benefits-grid:before,.site-landing .cl-benefits-grid:after,.site-landing .cl-benefit:after {
    display:none
  }
  .site-landing .cl-benefit {
    min-height:0
  }
}
.site-landing {
  --cl-pixel-a:oklch(71.98% 0.0764 74.9);
  --cl-pixel-b:oklch(87.65% 0.0419 80.3);
  --cl-pixel-c:oklch(60.67% 0.0807 74.4);
  --cl-rim:oklch(72.68% 0.0787 77.0)
}
.site-landing[data-landing-theme=light] {
  --cl-pixel-a:oklch(49.00% 0.0657 71.1);
  --cl-pixel-b:oklch(57.85% 0.0781 71.3);
  --cl-pixel-c:oklch(40.78% 0.0615 67.3);
  --cl-rim:oklch(62.80% 0.0681 77.0)
}
.cl-pixel-text {
  isolation:isolate;
  display:inline-block;
  position:relative
}
.lava-text-container canvas,.lava-text-overlay {
  pointer-events:none;
  position:absolute
}
.lava-text-container canvas {
  opacity:0;
  display:block
}
.lava-text-container[data-lava-ready=true] canvas {
  opacity:1
}
.site-landing[data-landing-theme=dark] .lava-text-container[data-lava-ready=true] canvas {
  filter:drop-shadow(0 0 .045em oklch(71.96% 0.0810 77.0 / 0.7216))
}
.site-landing[data-landing-theme=dark] .lava-text-overlay {
  opacity:.24
}
.site-landing .lava-text-container[data-lava-ready=true] .cl-pixel-ink {
  color:#0000;
  background:0 0;
  animation:none
}
.lava-text-overlay {
  opacity:.7;
  mix-blend-mode:multiply;
  background:repeating-linear-gradient(0deg,#0000002e 0 1px,#0000 1px 3px);
  inset:0;
  -webkit-mask-image:linear-gradient(#0000,#000 20% 80%,#0000);
  mask-image:linear-gradient(#0000,#000 20% 80%,#0000)
}
@media (forced-colors:active) {
  .lava-text-container canvas,.lava-text-overlay {
    display:none
  }
  .site-landing .lava-text-container[data-lava-ready=true] .cl-pixel-ink {
    color:canvastext
  }
}
.cl-pixel-ink {
  color:var(--cl-pixel-a)
}
@supports ((-webkit-background-clip:text) or (background-clip:text)) {
  .cl-pixel-ink {
    background-image:repeating-linear-gradient(90deg,transparent 0 10px,#ffffff1c 10px 11px),repeating-linear-gradient(0deg,transparent 0 10px,#ffffff1c 10px 11px),conic-gradient(from 30deg,var(--cl-pixel-a),var(--cl-pixel-c),var(--cl-pixel-b),var(--cl-pixel-a));
    color:#0000;
    background-size:11px 11px,11px 11px,200% 200%;
    -webkit-background-clip:text;
    background-clip:text;
    animation:7s steps(12,end) infinite cl-pixel-shift
  }
}
.cl-pixel-axes {
  border:1px solid color-mix(in srgb,var(--cl-accent) 13%,transparent);
  pointer-events:none;
  position:absolute;
  inset:-6px -9px
}
.cl-pixel-axes i {
  width:11px;
  height:11px;
  color:var(--cl-accent);
  animation:5s ease-in-out infinite cl-axis-light;
  position:absolute
}
.cl-pixel-axes i:before,.cl-pixel-axes i:after {
  content:"";
  background:currentColor;
  position:absolute
}
.cl-pixel-axes i:before {
  width:11px;
  height:1px;
  top:5px
}
.cl-pixel-axes i:after {
  width:1px;
  height:11px;
  left:5px
}
.cl-pixel-axes i:first-child {
  top:-6px;
  left:-6px
}
.cl-pixel-axes i:nth-child(2) {
  animation-delay:-1.2s;
  top:-6px;
  right:-6px
}
.cl-pixel-axes i:nth-child(3) {
  animation-delay:-2.4s;
  bottom:-6px;
  left:-6px
}
.cl-pixel-axes i:nth-child(4) {
  animation-delay:-3.6s;
  bottom:-6px;
  right:-6px
}
.cl-effects-toggle {
  border:1px solid var(--cl-border);
  background:var(--cl-surface);
  border-radius:50%;
  flex-shrink:0;
  justify-content:center;
  align-items:center;
  width:36px;
  height:36px;
  display:inline-flex;
  color:var(--cl-accent)!important
}
.cl-effects-toggle:disabled {
  cursor:default;
  color:var(--cl-subtle)!important
}
.cl-desktop-nav a,.cl-login-link {
  transition:none
}
.cl-button-secondary {
  transition:border-color .18s,box-shadow .18s,transform .18s
}
.site-landing .cl-button-primary {
  isolation:isolate;
  border:1px solid color-mix(in srgb,var(--cl-accent-soft) 65%,var(--cl-accent));
  background:linear-gradient(170deg,var(--cl-accent),var(--cl-accent-hover));
  box-shadow:inset 0 1px 0#ffffff4d,inset 0-3px 0#0000001f,0 6px 24px var(--cl-glow);
  border-radius:10px;
  transition:transform .18s,box-shadow .18s;
  position:relative;
  overflow:hidden
}
.cl-button-primary:before {
  content:"";
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(90deg,#0000,#ffffff40,#0000);
  width:35%;
  animation:6s ease-in-out infinite cl-button-sheen;
  position:absolute;
  inset:-80%auto -80% -55%;
  transform:skew(-22deg)
}
.site-landing[data-landing-theme=light] .cl-button-primary:before {
  background:linear-gradient(90deg,#0000,#ffffff14,#0000)
}
.site-landing .cl-button-primary:hover {
  background:linear-gradient(170deg,var(--cl-accent),var(--cl-accent-hover));
  box-shadow:inset 0 1px 0#ffffff73,0 10px 32px var(--cl-glow);
  transform:translateY(-2px)
}
.cl-button svg {
  transition:transform .18s
}
.cl-button:hover>svg:last-child {
  transform:translate(3px)
}
.cl-tour-frame-shell {
  isolation:isolate;
  box-shadow:0 14px 45px -22px var(--cl-rim);
  border-radius:16px;
  position:relative
}
.cl-tour-frame-shell:before {
  content:"";
  z-index:-1;
  background:radial-gradient(ellipse at 50% 100%,var(--cl-rim),transparent 67%);
  opacity:.45;
  filter:blur(18px);
  pointer-events:none;
  position:absolute;
  inset:45% 8% -22px
}
.cl-tour-frame-shell:after {
  content:"";
  border:1px solid color-mix(in srgb,var(--cl-rim) 48%,transparent);
  border-radius:inherit;
  pointer-events:none;
  position:absolute;
  inset:0
}
.cl-tour-frame-shell .cl-product-frame {
  border-bottom:1px solid var(--cl-rim);
  border-radius:15px
}
.cl-frame-fade {
  background:linear-gradient(#0000,#0c0907 96%)
}
.cl-frame-bottom-light {
  z-index:3;
  filter:drop-shadow(0 3px 5px oklch(69.75% 0.0810 77.0 / 0.5490));
  pointer-events:none;
  background:radial-gradient(at 50% 100%,oklch(74.55% 0.0766 77.0 / 0.3804),#0000 75%),linear-gradient(90deg,#0000,oklch(73.53% 0.0776 77.0) 25%,oklch(89.28% 0.0362 77.0) 50%,oklch(73.53% 0.0776 77.0) 75%,#0000) bottom/100% 2px no-repeat;
  border-radius:0 0 16px 16px;
  height:26px;
  position:absolute;
  inset:auto 0-1px
}
.cl-frame-orbit {
  z-index:4;
  border-radius:inherit;
  background:conic-gradient(from var(--cl-orbit-angle),transparent 65%,oklch(75.23% 0.0718 77.0) 81%,oklch(92.44% 0.0276 77.0) 86%,transparent 91%);
  -webkit-mask-composite:xor;
  pointer-events:none;
  padding:2px;
  animation:8s linear infinite cl-contour-orbit;
  position:absolute;
  inset:-1px;
  -webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);
  mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);
  -webkit-mask-clip:content-box,border-box;
  mask-clip:content-box,border-box;
  -webkit-mask-composite:xor;
  mask-composite:exclude
}
@property --cl-orbit-angle {
  syntax:"<angle>";
  inherits:false;
  initial-value:0deg
}
.cl-spotlight {
  isolation:isolate;
  transition:border-color .22s,box-shadow .22s,transform .22s;
  position:relative;
  overflow:hidden
}
.cl-spotlight:before {
  content:"";
  z-index:-1;
  border-radius:inherit;
  background:radial-gradient(260px circle at var(--cl-pointer-x,50%) var(--cl-pointer-y,0%),var(--cl-glow),transparent 75%);
  opacity:0;
  pointer-events:none;
  transition:opacity .22s;
  position:absolute;
  inset:0
}
.cl-spotlight:focus-within {
  border-color:var(--cl-accent)
}
@media (hover:hover) and (pointer:fine) {
  .cl-spotlight:hover {
    border-color:color-mix(in srgb,var(--cl-accent) 65%,var(--cl-border));
    box-shadow:0 12px 32px -18px var(--cl-accent);
    transform:translateY(-3px)
  }
  .cl-spotlight:hover:before {
    opacity:1
  }
  .cl-benefit:hover .cl-icon-box,.cl-feature:hover .cl-icon-box {
    border-color:var(--cl-accent);
    transform:translateY(-2px) rotate(-4deg)
  }
}
.cl-icon-box {
  transition:transform .22s,border-color .22s
}
.cl-plan {
  border-radius:18px;
  padding:36px
}
.cl-plan-kicker {
  border-bottom:1px solid var(--cl-border);
  padding-bottom:18px;
  font-size:10px
}
.cl-plan h3 {
  font-size:34px
}
.cl-price {
  margin-top:28px;
  font-size:52px
}
.cl-plan-paid {
  box-shadow:0 20px 60px -38px var(--cl-accent),inset 0 1px 0 var(--cl-accent-tint)
}
.cl-plan-paid:after {
  content:"";
  background:linear-gradient(90deg,transparent,var(--cl-accent-soft),transparent);
  height:2px;
  box-shadow:0 0 20px var(--cl-glow);
  pointer-events:none;
  position:absolute;
  inset:0 12%auto
}
.cl-plan-art {
  z-index:-1;
  background-image:linear-gradient(var(--cl-accent-tint) 1px,transparent 1px),linear-gradient(90deg,var(--cl-accent-tint) 1px,transparent 1px);
  pointer-events:none;
  background-size:22px 22px;
  width:65%;
  height:225px;
  position:absolute;
  inset:0 0 auto auto;
  -webkit-mask-image:linear-gradient(225deg,#000,#0000 70%);
  mask-image:linear-gradient(225deg,#000,#0000 70%)
}
.cl-plan-axes {
  border:0;
  inset:12px
}
.cl-plan li svg {
  box-sizing:content-box;
  background:var(--cl-accent-tint);
  border-radius:50%;
  width:13px;
  height:13px;
  padding:4px
}
.cl-faq-heading {
  border:1px solid var(--cl-border);
  background:linear-gradient(var(--cl-accent-tint) 1px,transparent 1px)0 0/28px 28px,linear-gradient(90deg,var(--cl-accent-tint) 1px,transparent 1px)0 0/28px 28px,var(--cl-surface);
  border-radius:16px;
  align-self:start;
  padding:28px 28px 32px;
  position:sticky;
  top:38px
}
.cl-faq-heading h2 {
  font-size:44px
}
.cl-faq-item {
  transition:border-color .22s,background .22s
}
.cl-faq-item.is-open {
  border-color:color-mix(in srgb,var(--cl-accent) 45%,var(--cl-border));
  background:var(--cl-surface)
}
.cl-faq-item button:focus-visible {
  outline-offset:-4px
}
.cl-final-section {
  isolation:isolate;
  background:radial-gradient(ellipse at 50% 90%,var(--cl-glow),transparent 65%);
  position:relative;
  overflow:hidden
}
.cl-final-section:before {
  content:"";
  z-index:-1;
  background-image:linear-gradient(var(--cl-accent-tint) 1px,transparent 1px),linear-gradient(90deg,var(--cl-accent-tint) 1px,transparent 1px);
  pointer-events:none;
  background-size:40px 40px;
  position:absolute;
  inset:0;
  -webkit-mask-image:radial-gradient(#000 15%,#0000 70%);
  mask-image:radial-gradient(#000 15%,#0000 70%)
}
.cl-final-section:after {
  content:"";
  z-index:-1;
  border-top:1px solid var(--cl-accent-soft);
  width:140%;
  height:240px;
  box-shadow:0-10px 65px -18px var(--cl-accent);
  pointer-events:none;
  border-radius:50%;
  position:absolute;
  bottom:-168px;
  left:-20%
}
.cl-final-content {
  padding-block:112px 120px;
  position:relative
}
.cl-final-content h2 {
  font-size:clamp(42px,5.6vw,76px);
  line-height:1.14
}
.cl-final-content p {
  margin-top:30px;
  position:relative
}
.cl-final-content .cl-button {
  border-radius:40px;
  min-width:225px;
  min-height:58px;
  margin-top:32px
}
.cl-final-pixels {
  z-index:-1;
  pointer-events:none;
  position:absolute;
  inset:0
}
.cl-final-pixels i {
  aspect-ratio:1;
  border:1px solid var(--cl-accent-tint);
  background:linear-gradient(145deg,var(--cl-glow),transparent);
  border-radius:4px;
  width:70px;
  animation:7s ease-in-out infinite cl-block-light;
  position:absolute
}
.cl-final-pixels i:first-child {
  width:98px;
  bottom:22%;
  left:4%
}
.cl-final-pixels i:nth-child(2) {
  animation-delay:-2s;
  bottom:38%;
  left:12%
}
.cl-final-pixels i:nth-child(3) {
  width:110px;
  animation-delay:-4s;
  top:20%;
  right:6%
}
.cl-final-pixels i:nth-child(4) {
  animation-delay:-1s;
  top:36%;
  right:15%
}
.cl-motion-region .cl-button-primary:before,.cl-motion-region .clf-pixels i,.cl-motion-region :is(.cl-pixel-ink,.cl-pixel-axes i,.cl-final-pixels i,.cl-frame-orbit) {
  animation-play-state:paused
}
.site-landing[data-visual-motion=on] .cl-motion-region[data-in-view=true] :is(.cl-pixel-ink,.cl-pixel-axes i,.cl-final-pixels i,.cl-frame-orbit),.site-landing[data-visual-motion=on] .cl-motion-region[data-in-view=true] .clf-pixels i {
  animation-play-state:running
}
.site-landing[data-visual-motion=off] .clf-pixels i {
  animation-play-state:paused
}
.site-landing[data-visual-motion=on] .cl-motion-region[data-in-view=true] .cl-button-primary:before {
  animation-play-state:running
}
.site-landing[data-visual-motion=off] .cl-button-primary:before,.site-landing[data-visual-motion=off] :is(.cl-pixel-ink,.cl-pixel-axes i,.cl-final-pixels i,.cl-frame-orbit) {
  animation-play-state:paused
}
@keyframes cl-pixel-shift {
  0%,to {
    background-position:0 0,0 0,0 20%
  }
  50% {
    background-position:11px -11px,-11px 11px,100% 80%
  }
}
@keyframes cl-axis-light {
  0%,to {
    opacity:.4
  }
  50% {
    opacity:.9
  }
}
@keyframes cl-button-sheen {
  0%,65% {
    left:-55%
  }
  90%,to {
    left:125%
  }
}
@keyframes cl-contour-orbit {
  to {
    --cl-orbit-angle:360deg
  }
}
@keyframes cl-block-light {
  0%,to {
    opacity:.3;
    transform:translateY(0)
  }
  50% {
    opacity:.75;
    transform:translateY(-8px)
  }
}
@media (width<=900px) {
  .cl-faq-heading {
    padding:22px
  }
  .cl-faq-heading h2 {
    font-size:36px
  }
  .cl-plan {
    padding:28px
  }
}
@media (width<=640px) {
  .cl-pixel-ink {
    background-size:7px 7px,7px 7px,200% 200%
  }
  .cl-pixel-axes {
    inset:-3px -4px
  }
  .cl-pixel-axes i {
    transform:scale(.65)
  }
  .cl-tour-frame-shell,.cl-tour-frame-shell .cl-product-frame {
    border-radius:10px
  }
  .cl-faq-heading {
    max-width:none;
    position:static
  }
  .cl-faq-heading h2 {
    font-size:38px
  }
  .cl-price {
    font-size:46px
  }
  .cl-final-content {
    padding-block:80px 90px
  }
  .cl-final-content h2 {
    font-size:clamp(36px,8.8vw,50px)
  }
  .cl-final-content p {
    font-size:13px
  }
  .cl-final-pixels i {
    opacity:.3;
    width:50px!important
  }
}
@media (width<=360px) {
  .cl-header .cl-brand {
    width:122px
  }
}
@media (prefers-reduced-motion:reduce) {
  .site-landing .cl-button-primary:before,.site-landing :is(.cl-pixel-ink,.cl-pixel-axes i,.cl-final-pixels i,.cl-frame-orbit) {
    animation:none
  }
  .cl-spotlight,.cl-button,.cl-button svg,.cl-icon-box {
    transition:none
  }
  .cl-spotlight:hover,.site-landing .cl-button-primary:hover {
    transform:none
  }
}
@media (forced-colors:active) {
  .cl-pixel-ink {
    color:canvastext;
    background:0 0
  }
  .cl-pixel-axes,.cl-final-pixels,.cl-frame-orbit,.cl-frame-bottom-light {
    display:none
  }
}
.site-landing {
  --cl-showcase-orange:oklch(70.74% 0.0810 77.0);
  --cl-showcase-copper:oklch(57.74% 0.0743 77.0);
  --cl-showcase-cream:oklch(94.27% 0.0232 77.0);
  --cl-showcase-ink:#0c0907;
  --cl-showcase-shadow:#000000b8;
  --cl-showcase-edge:oklch(90.12% 0.0350 77.0 / 0.2000);
  --cl-showcase-pixel:oklch(81.06% 0.0593 77.0 / 0.2510)
}
.site-landing[data-landing-theme=light] {
  --cl-showcase-orange:oklch(62.48% 0.0468 77.0);
  --cl-showcase-copper:oklch(49.48% 0.0410 77.0);
  --cl-showcase-cream:oklch(95.98% 0.0176 77.0);
  --cl-showcase-shadow:oklch(28.59% 0.0211 77.0 / 0.3020);
  --cl-showcase-edge:oklch(40.05% 0.0278 77.0 / 0.2784);
  --cl-showcase-pixel:oklch(56.13% 0.0427 77.0 / 0.2196)
}
.site-landing .cl-tour-frame-shell {
  --cl-showcase-radius:19px;
  border-radius:var(--cl-showcase-radius);
  box-shadow:none;
  background:0 0;
  -webkit-mask-image:none;
  mask-image:none
}
.site-landing .cl-tour-frame-shell:before {
  z-index:-1;
  border-radius:calc(var(--cl-showcase-radius) + 32px);
  background:radial-gradient(circle,var(--cl-showcase-pixel)0 1px,transparent 1.2px)0 0/5px 5px,radial-gradient(ellipse at 7% 24%,var(--cl-showcase-orange),transparent 46%),radial-gradient(ellipse at 91% 12%,var(--cl-showcase-cream),transparent 42%);
  background-blend-mode:multiply,normal,normal;
  -webkit-mask-composite:source-in;
  filter:none;
  opacity:.26;
  animation:8s ease-in-out infinite paused cl-showcase-pixel-breathe;
  inset:-64px -32px 24%;
  -webkit-mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000),linear-gradient(#0000,#000 29% 56%,#0000);
  mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000),linear-gradient(#0000,#000 29% 56%,#0000);
  -webkit-mask-composite:source-in;
  mask-composite:intersect
}
.site-landing .cl-tour-frame-shell:after {
  z-index:3;
  border-radius:inherit;
  background:linear-gradient(115deg,var(--cl-showcase-orange),var(--cl-showcase-cream) 38%,color-mix(in srgb,var(--cl-showcase-cream) 32%,transparent) 55%,var(--cl-showcase-cream) 82%,transparent 94%);
  -webkit-mask-composite:source-in,xor;
  clip-path:none;
  filter:drop-shadow(-3px -2px 6px color-mix(in srgb,var(--cl-showcase-orange) 55%,transparent)) drop-shadow(3px -2px 6px color-mix(in srgb,var(--cl-showcase-cream) 38%,transparent));
  box-shadow:none;
  border:0;
  padding:1px;
  inset:-1px;
  -webkit-mask-image:linear-gradient(#000 0% 40%,#000c 63%,#00000047 83%,#0000),linear-gradient(#000 0 0),linear-gradient(#000 0 0);
  mask-image:linear-gradient(#000 0% 40%,#000c 63%,#00000047 83%,#0000),linear-gradient(#000 0 0),linear-gradient(#000 0 0);
  -webkit-mask-clip:border-box,content-box,border-box;
  mask-clip:border-box,content-box,border-box;
  -webkit-mask-composite:source-in,xor;
  mask-composite:intersect,exclude
}
.site-landing .cl-tour-frame-shell .cl-product-frame {
  border-radius:calc(var(--cl-showcase-radius) - 1px);
  background:linear-gradient(var(--cl-showcase-ink),var(--cl-showcase-ink)) padding-box,linear-gradient(125deg,var(--cl-showcase-orange),var(--cl-showcase-cream) 41%,oklch(44.63% 0.0174 77.0) 61%,var(--cl-showcase-cream) 82%,var(--cl-showcase-copper)) border-box;
  box-shadow:inset 0 1px 0oklch(98.64% 0.0068 77.0 / 0.2314),inset 1px 0 0oklch(81.69% 0.0570 77.0 / 0.1020),0-4px 24px -8px color-mix(in srgb,var(--cl-showcase-orange) 58%,transparent),0 28px 65px -18px var(--cl-showcase-shadow);
  border:1px solid #0000;
  -webkit-mask-image:linear-gradient(#000 0% 44%,#000000fa 53%,#000000e0 64%,#00000094 77%,#0000002e 92%,#0000 100%);
  mask-image:linear-gradient(#000 0% 44%,#000000fa 53%,#000000e0 64%,#00000094 77%,#0000002e 92%,#0000 100%)
}
.site-landing .cl-tour-slide img {
  object-fit:cover;
  object-position:left top;
  width:100%;
  min-width:0;
  max-width:100%;
  height:100%;
  display:block
}
.site-landing .cl-product-frame .cl-frame-fade {
  z-index:3;
  border-radius:inherit;
  background:linear-gradient(transparent 48%,color-mix(in srgb,var(--cl-bg) 8%,transparent) 65%,color-mix(in srgb,var(--cl-bg) 44%,transparent) 84%,var(--cl-bg) 100%);
  -webkit-backdrop-filter:blur(13px);
  backdrop-filter:blur(13px);
  height:100%;
  inset:0;
  -webkit-mask-image:linear-gradient(#0000 0% 38%,#00000008 49%,#00000021 60%,#00000061 74%,#000000b8 88%,#000 100%);
  mask-image:linear-gradient(#0000 0% 38%,#00000008 49%,#00000021 60%,#00000061 74%,#000000b8 88%,#000 100%)
}
.site-landing .cl-product-frame .cl-tour-annotation {
  z-index:5
}
.site-landing .cl-frame-bottom-light {
  z-index:-1;
  border-radius:calc(var(--cl-showcase-radius) + 14px);
  background:radial-gradient(ellipse at 4% 44%,var(--cl-showcase-orange),transparent 43%),radial-gradient(ellipse at 97% 37%,var(--cl-showcase-cream),transparent 43%);
  filter:blur(26px);
  opacity:.23;
  height:140px;
  animation:7s ease-in-out infinite paused cl-showcase-rim-breathe;
  inset:-30px -14px auto;
  -webkit-mask-image:radial-gradient(at 50% 48%,#000 20%,#0000 74%);
  mask-image:radial-gradient(at 50% 48%,#000 20%,#0000 74%)
}
.site-landing .cl-tour-frame-shell .cl-frame-orbit {
  border-radius:var(--cl-showcase-radius);
  background:linear-gradient(transparent 44%,color-mix(in srgb,var(--cl-bg) 68%,transparent) 76%,var(--cl-bg)),conic-gradient(from var(--cl-orbit-angle),transparent 0% 22%,var(--cl-showcase-orange) 29%,var(--cl-showcase-cream) 32%,transparent 36% 72%,var(--cl-showcase-orange) 78%,var(--cl-showcase-cream) 82%,transparent 87%);
  opacity:.64;
  clip-path:none;
  -webkit-mask-composite:xor;
  padding:1px;
  animation:10s linear infinite paused cl-contour-orbit;
  inset:-1px;
  -webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);
  mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);
  -webkit-mask-clip:content-box,border-box;
  mask-clip:content-box,border-box;
  -webkit-mask-composite:xor;
  mask-composite:exclude
}
.site-landing .cl-feature-grid {
  gap:22px
}
.site-landing .cl-feature {
  --cl-shot-offset:0px;
  --cl-shot-turn:-14deg;
  --cl-shot-roll:-4deg;
  --cl-shot-pitch:11deg;
  --cl-shot-lift:16px;
  --cl-shot-slide:12px;
  --cl-shot-scale:1.035;
  --cl-shot-origin:66% 0%;
  --cl-corner-x:100%;
  --cl-corner-y:100%;
  isolation:isolate;
  border:1px solid var(--cl-showcase-edge);
  background:radial-gradient(ellipse at var(--cl-corner-x) var(--cl-corner-y),color-mix(in srgb,var(--cl-showcase-orange) 17%,transparent),transparent 49%),linear-gradient(142deg,oklch(96.24% 0.0164 77.0 / 0.0392),transparent 48%),var(--cl-surface);
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--cl-showcase-cream) 16%,transparent),inset 0-1px 0#00000047,0 25px 65px -40px var(--cl-showcase-shadow);
  border-radius:23px;
  padding:29px 29px 0;
  overflow:hidden
}
.site-landing .cl-feature:before {
  z-index:-1;
  background:radial-gradient(circle,var(--cl-showcase-pixel)0 .6px,transparent .9px)0 0/4px 4px,radial-gradient(ellipse at var(--cl-pointer-x,var(--cl-corner-x)) var(--cl-pointer-y,var(--cl-corner-y)),color-mix(in srgb,var(--cl-showcase-orange) 20%,transparent),transparent 65%);
  background-blend-mode:multiply;
  -webkit-mask-image:radial-gradient(ellipse at var(--cl-corner-x) var(--cl-corner-y),#000,transparent 70%);
  -webkit-mask-image:radial-gradient(ellipse at var(--cl-corner-x) var(--cl-corner-y),#000,transparent 70%);
  mask-image:radial-gradient(ellipse at var(--cl-corner-x) var(--cl-corner-y),#000,transparent 70%);
  opacity:.28;
  animation:7s ease-in-out infinite paused cl-showcase-corner-breathe;
  inset:0
}
.site-landing .cl-feature:after {
  content:"";
  background:linear-gradient(140deg,color-mix(in srgb,var(--cl-showcase-cream) 22%,transparent),transparent 29% 64%,color-mix(in srgb,var(--cl-showcase-orange) 44%,transparent));
  -webkit-mask-composite:xor;
  pointer-events:none;
  border-radius:21px;
  height:auto;
  padding:1px;
  position:absolute;
  inset:1px;
  -webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);
  mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);
  -webkit-mask-clip:content-box,border-box;
  mask-clip:content-box,border-box;
  -webkit-mask-composite:xor;
  mask-composite:exclude
}
.site-landing .cl-feature-title {
  z-index:3;
  min-height:93px;
  position:relative
}
.site-landing .cl-feature-title .cl-icon-box {
  border-color:color-mix(in srgb,var(--cl-showcase-cream) 17%,var(--cl-border));
  background:linear-gradient(140deg,var(--cl-accent-tint),var(--cl-surface));
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--cl-showcase-cream) 21%,transparent),0 7px 16px -9px var(--cl-showcase-shadow);
  border-radius:12px
}
.site-landing .cl-feature-documentos {
  --cl-shot-turn:14deg;
  --cl-shot-roll:4deg;
  --cl-shot-slide:-12px;
  --cl-shot-origin:34% 0%;
  --cl-shot-lift:24px;
  --cl-corner-x:0%
}
.site-landing .cl-feature-agente {
  --cl-shot-turn:-10deg;
  --cl-shot-roll:-3deg;
  --cl-shot-pitch:15deg;
  --cl-shot-lift:21px;
  --cl-shot-scale:1.015;
  --cl-corner-y:0%
}
.site-landing .cl-feature-honorarios {
  --cl-shot-turn:12deg;
  --cl-shot-roll:3deg;
  --cl-shot-slide:-8px;
  --cl-shot-lift:14px;
  --cl-shot-origin:34% 0%;
  --cl-shot-scale:1.025;
  --cl-corner-x:0%;
  --cl-corner-y:0%
}
.site-landing .cl-feature-media {
  background:linear-gradient(var(--cl-showcase-ink),var(--cl-showcase-ink)) padding-box,linear-gradient(127deg,var(--cl-showcase-cream),var(--cl-showcase-orange) 23%,oklch(46.63% 0.0191 77.0) 45%,#292420 67%,var(--cl-showcase-orange)) border-box;
  height:clamp(246px,25vw,316px);
  box-shadow:0 23px 34px -11px var(--cl-showcase-shadow),-7px -6px 26px -13px color-mix(in srgb,var(--cl-showcase-orange) 45%,transparent),3px 4px 0-2px color-mix(in srgb,var(--cl-showcase-copper) 20%,#171310),inset 0 1px 0oklch(96.12% 0.0146 77.0 / 0.1804);
  transform-origin:var(--cl-shot-origin);
  transform:perspective(950px) translateX(var(--cl-shot-slide)) translateY(var(--cl-shot-lift)) rotateX(var(--cl-shot-pitch)) rotateY(var(--cl-shot-turn)) rotateZ(var(--cl-shot-roll)) scale(var(--cl-shot-scale));
  border:1px solid #0000;
  border-radius:15px;
  margin-top:17px;
  transition:transform .6s cubic-bezier(.2,.65,.25,1);
  animation:8s ease-in-out infinite paused cl-showcase-screen-float;
  overflow:hidden;
  -webkit-mask-image:linear-gradient(#000 0% 43%,#000000f7 54%,#000000c9 67%,#0000006b 81%,#0000001f 93%,#0000 100%);
  mask-image:linear-gradient(#000 0% 43%,#000000f7 54%,#000000c9 67%,#0000006b 81%,#0000001f 93%,#0000 100%)
}
.site-landing .cl-feature-documentos .cl-feature-media {
  animation-delay:-2s
}
.site-landing .cl-feature-agente .cl-feature-media {
  animation-delay:-4s
}
.site-landing .cl-feature-honorarios .cl-feature-media {
  animation-delay:-6s
}
.site-landing .cl-feature-media img {
  width:100%;
  min-width:0;
  max-width:100%;
  height:auto;
  transform:translateY(var(--cl-shot-offset));
  display:block
}
.site-landing .cl-feature-media picture {
  display:block
}
.site-landing .cl-feature-media:before {
  content:"";
  z-index:2;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(120deg,oklch(96.24% 0.0164 77.0 / 0.1098),#0000 28% 63%,oklch(77.06% 0.0678 77.0 / 0.0706));
  position:absolute;
  inset:0;
  box-shadow:inset 0 1px oklch(98.03% 0.0098 77.0 / 0.4000),inset 2px 0oklch(83.33% 0.0484 77.0 / 0.2118),inset -1px 0oklch(97.19% 0.0140 77.0 / 0.0902)
}
.site-landing .cl-feature-media:after {
  z-index:3;
  border-radius:inherit;
  background:var(--cl-shot-blur-source) left var(--cl-shot-offset)/100%auto no-repeat;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  filter:blur(9px);
  height:100%;
  inset:0;
  -webkit-mask-image:linear-gradient(#0000 0% 36%,#00000008 47%,#00000026 60%,#0006 75%,#000000bf 89%,#000 100%);
  mask-image:linear-gradient(#0000 0% 36%,#00000008 47%,#00000026 60%,#0006 75%,#000000bf 89%,#000 100%)
}
.site-landing[data-visual-motion=on] .cl-motion-region[data-in-view=true] :is(.cl-frame-orbit,.cl-frame-bottom-light,.cl-feature-media),.site-landing[data-visual-motion=on] .cl-motion-region[data-in-view=true] :is(.cl-tour-frame-shell,.cl-feature):before {
  animation-play-state:running
}
@keyframes cl-showcase-rim-breathe {
  0%,to {
    opacity:.19;
    transform:translate(-10px) scaleX(.98)
  }
  50% {
    opacity:.35;
    transform:translate(10px) scaleX(1.025)
  }
}
@keyframes cl-showcase-pixel-breathe {
  0%,to {
    opacity:.18;
    transform:translateY(4px)
  }
  50% {
    opacity:.3;
    transform:translateY(-3px)
  }
}
@keyframes cl-showcase-corner-breathe {
  0%,to {
    opacity:.2;
    transform:translate(-4px)
  }
  50% {
    opacity:.4;
    transform:translate(4px)
  }
}
@keyframes cl-showcase-screen-float {
  0%,to {
    translate:0 3px
  }
  50% {
    translate:0-5px
  }
}
@media (hover:hover) and (pointer:fine) {
  .site-landing .cl-feature:hover {
    border-color:color-mix(in srgb,var(--cl-showcase-orange) 62%,var(--cl-border));
    box-shadow:inset 0 1px 0 color-mix(in srgb,var(--cl-showcase-cream) 26%,transparent),0 20px 44px -31px var(--cl-showcase-orange);
    transform:none
  }
  .site-landing .cl-feature:hover:before {
    opacity:.48
  }
  .site-landing[data-visual-motion=on] .cl-motion-region[data-in-view=true] .cl-feature:hover .cl-feature-media {
    transform:perspective(950px) translateX(calc(var(--cl-shot-slide)*.6)) translateY(calc(var(--cl-shot-lift) - 8px)) rotateX(calc(var(--cl-shot-pitch) - 4deg)) rotateY(calc(var(--cl-shot-turn)*.7)) rotateZ(calc(var(--cl-shot-roll)*.7)) scale(var(--cl-shot-scale))
  }
}
@media (width<=1100px) {
  .site-landing .cl-tour-frame-shell .cl-product-frame {
    height:clamp(320px,35vw,390px)
  }
  .site-landing .cl-feature {
    padding:25px 24px 0
  }
  .site-landing .cl-feature-media {
    height:clamp(226px,27vw,286px)
  }
}
@media (width<=640px) {
  .site-landing .cl-tour-frame-shell {
    --cl-showcase-radius:13px
  }
  .site-landing .cl-tour-frame-shell:before {
    opacity:.18;
    background-size:4px 4px,auto,auto;
    inset:-30px -13px 29%
  }
  .site-landing .cl-tour-frame-shell:after {
    filter:drop-shadow(-2px -2px 4px color-mix(in srgb,var(--cl-showcase-orange) 55%,transparent));
    padding:1px
  }
  .site-landing .cl-tour-frame-shell .cl-product-frame {
    height:clamp(182px,57vw,260px)
  }
  .site-landing .cl-product-frame .cl-frame-fade {
    -webkit-backdrop-filter:blur(7px);
    backdrop-filter:blur(7px)
  }
  .site-landing .cl-frame-bottom-light {
    filter:blur(16px);
    height:82px;
    inset:-12px -7px auto
  }
  .site-landing .cl-feature-grid {
    gap:18px
  }
  .site-landing .cl-feature {
    --cl-shot-lift:13px;
    --cl-shot-turn:-9deg;
    --cl-shot-roll:-2.8deg;
    --cl-shot-pitch:9deg;
    --cl-shot-slide:4px;
    --cl-shot-scale:1;
    border-radius:20px;
    padding:23px 21px 0
  }
  .site-landing :is(.cl-feature-documentos,.cl-feature-honorarios) {
    --cl-shot-turn:9deg;
    --cl-shot-roll:2.8deg;
    --cl-shot-slide:-4px
  }
  .site-landing .cl-feature-title {
    min-height:100px
  }
  .site-landing .cl-feature-media {
    border-radius:12px;
    height:clamp(205px,59vw,259px);
    margin-top:13px
  }
  .site-landing .cl-feature-media:after {
    background-image:var(--cl-shot-blur-source-mobile);
    filter:blur(6px)
  }
}
@media (prefers-reduced-motion:reduce) {
  .site-landing .cl-feature-media,.site-landing .cl-feature:hover .cl-feature-media {
    transition:none;
    animation:none;
    translate:none
  }
  .site-landing .cl-frame-bottom-light,.site-landing .cl-tour-frame-shell .cl-frame-orbit,.site-landing :is(.cl-tour-frame-shell,.cl-feature):before {
    animation:none
  }
}
@media (forced-colors:active) {
  .site-landing .cl-frame-bottom-light,.site-landing .cl-frame-orbit,.site-landing :is(.cl-tour-frame-shell,.cl-feature):before,.site-landing :is(.cl-tour-frame-shell,.cl-feature):after {
    display:none
  }
  .site-landing .cl-feature,.site-landing .cl-feature-media,.site-landing .cl-tour-frame-shell .cl-product-frame {
    border-color:canvastext
  }
}
@font-face {
  font-family:Site Doto;
  src:url(../fonts/doto-latin.woff2)format("woff2");
  font-style:normal;
  font-weight:100 900;
  font-display:swap
}
.site-landing .cl-pixel-ink {
  font-variation-settings:"ROND"100;
  letter-spacing:-.065em;
  background-image:linear-gradient(100deg,var(--cl-pixel-a) 12%,var(--cl-pixel-b) 45%,var(--cl-pixel-a) 70%);
  background-size:230% 100%;
  font-family:Site Doto,monospace;
  font-size:.92em;
  font-weight:900
}
.cl-pixel-text>.cl-pixel-axes {
  opacity:.45;
  border:0;
  inset:-3px -6px
}
@property --cl-plan-glow-angle {
  syntax:"<angle>";
  inherits:false;
  initial-value:10deg
}
.site-landing .cl-pricing-grid {
  gap:28px
}
.site-landing .cl-plan {
  --cl-plan-radius:18px;
  isolation:isolate;
  border-radius:var(--cl-plan-radius);
  background:linear-gradient(155deg,var(--cl-surface),var(--cl-bg) 78%);
  border:1px solid color-mix(in srgb,var(--cl-border) 80%,var(--cl-accent));
  overflow:visible;
  box-shadow:inset 0 1px #ffffff17,inset 0-2px 1px #0000004d,0 24px 60px -35px #000000a6
}
.site-landing .cl-plan-paid {
  background:linear-gradient(145deg,var(--cl-raised),var(--cl-bg) 78%)
}
.site-landing .cl-plan-paid:after {
  display:none
}
.site-landing .cl-plan:before {
  border-radius:inherit;
  opacity:.28
}
.cl-plan-light {
  border-radius:calc(var(--cl-plan-radius) + 2px);
  z-index:-1;
  pointer-events:none;
  opacity:.8;
  position:absolute;
  inset:-2px;
  overflow:hidden
}
.cl-plan-light:before {
  content:"";
  background:conic-gradient(transparent 0 12%,var(--cl-accent) 18%,oklch(94.89% 0.0188 77.0) 22%,transparent 31% 61%,var(--cl-accent-soft) 67%,oklch(92.67% 0.0319 77.0) 70%,transparent 79%);
  animation:8s cubic-bezier(.56,.15,.28,.86) infinite paused cl-plan-revolve;
  position:absolute;
  inset:-55%
}
.cl-plan-paid .cl-plan-light:before {
  animation-delay:-5s
}
.cl-plan-light:after {
  content:"";
  border-radius:var(--cl-plan-radius);
  background:var(--cl-bg);
  position:absolute;
  inset:2px
}
.cl-plan-halo {
  z-index:-2;
  border-radius:calc(var(--cl-plan-radius) + 4px);
  filter:blur(12px);
  pointer-events:none;
  opacity:.55;
  position:absolute;
  inset:-4px;
  overflow:visible
}
.cl-plan-halo:before {
  content:"";
  border-radius:inherit;
  background:conic-gradient(from var(--cl-plan-glow-angle),transparent 0 8%,var(--cl-accent) 17% 24%,transparent 32% 56%,var(--cl-accent-soft) 64% 70%,transparent 80%);
  animation:8s cubic-bezier(.56,.15,.28,.86) infinite paused cl-plan-glow-revolve;
  position:absolute;
  inset:0
}
.cl-plan-halo:after {
  content:"";
  border-radius:var(--cl-plan-radius);
  background:var(--cl-bg);
  position:absolute;
  inset:4px
}
.cl-plan-paid .cl-plan-halo:before {
  animation-delay:-5s
}
.cl-plan-art,.cl-plan-axes {
  display:none
}
.site-landing[data-visual-motion=on] .cl-motion-region[data-in-view=true] :is(.cl-plan-light,.cl-plan-halo):before {
  animation-play-state:running
}
@keyframes cl-plan-revolve {
  0% {
    transform:rotate(10deg)
  }
  50% {
    transform:rotate(190deg)
  }
  to {
    transform:rotate(370deg)
  }
}
@keyframes cl-plan-glow-revolve {
  0% {
    --cl-plan-glow-angle:10deg
  }
  50% {
    --cl-plan-glow-angle:190deg
  }
  to {
    --cl-plan-glow-angle:370deg
  }
}
@media (width<=640px) {
  .site-landing .cl-pricing-grid {
    gap:26px
  }
  .cl-plan-halo {
    filter:blur(9px);
    inset:-4px
  }
}
@media (prefers-reduced-motion:reduce) {
  :is(.cl-plan-light,.cl-plan-halo):before {
    animation:none
  }
}
@media (forced-colors:active) {
  .cl-plan-light,.cl-plan-halo {
    display:none
  }
}

/* Hidden controls must also be absent from the keyboard tab order. */
[hidden]{display:none!important}

/* Project showcase: the existing image frame, with three project tabs and copy. */
.cl-prototype-tour .cl-tour-tabs {
  flex:1;
  min-width:0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.cl-prototype-tour .cl-tour-tabs button {
  min-width:0;
  min-height:46px;
  padding:10px 14px;
  gap:10px;
  line-height:1.35;
}
.cl-project-tab-index {
  color:var(--cl-accent-soft);
  font-size:10px;
  font-variant-numeric:tabular-nums;
}
.cl-prototype-tour .cl-tour-projects {
  margin-top:32px;
  border-top:1px solid var(--cl-border);
  padding-top:30px;
}
.cl-tour-project {
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:48px;
  align-items:start;
}
.cl-project-intro h3 {
  color:var(--cl-text);
  font-family:var(--cl-display);
  font-size:clamp(24px,2.4vw,32px);
  line-height:1.16;
  letter-spacing:-.035em;
  text-wrap:balance;
}
.site-landing .cl-project-subtitle {
  margin-top:10px;
  color:var(--cl-accent-soft);
  font-size:15px;
  line-height:1.5;
}
.site-landing .cl-prototype-tour .cl-tour-description {
  margin-top:18px;
  text-align:left;
  color:var(--cl-muted);
  font-size:14px;
  line-height:1.7;
  min-height:0;
  max-width:60ch;
}
.cl-project-facts {
  margin:0;
  display:grid;
  gap:0;
}
.cl-project-facts>div {
  display:grid;
  grid-template-columns:92px minmax(0,1fr);
  gap:18px;
  padding:16px 0;
  border-bottom:1px solid var(--cl-border);
}
.cl-project-facts>div:first-child { padding-top:0; }
.cl-project-facts>div:last-child { border-bottom:0; padding-bottom:0; }
.cl-project-facts dt {
  padding-top:3px;
  color:var(--cl-accent-soft);
  text-transform:uppercase;
  font-size:10px;
  font-weight:650;
  letter-spacing:.07em;
  line-height:1.65;
}
.cl-project-facts dd {
  margin:0;
  color:var(--cl-muted);
  font-size:13px;
  line-height:1.65;
}
.site-landing[data-landing-theme=light] .cl-project-subtitle,
.site-landing[data-landing-theme=light] .cl-project-facts dt,
.site-landing[data-landing-theme=light] .cl-project-tab-index { color:var(--cl-accent); }
@media (width<=700px) {
  .cl-prototype-tour .cl-tour-tabs button { font-size:11px; padding:9px 6px; }
  .cl-prototype-tour .cl-project-tab-index { display:none; }
  .cl-tour-project { grid-template-columns:1fr; gap:24px; }
  .cl-prototype-tour .cl-tour-projects { margin-top:24px; padding-top:24px; }
  .cl-project-intro h3 { font-size:27px; }
  .site-landing .cl-project-subtitle { font-size:14px; }
  .site-landing .cl-prototype-tour .cl-tour-description { font-size:13px!important; margin-top:16px!important; }
  .cl-project-facts>div { grid-template-columns:80px minmax(0,1fr); gap:14px; }
}

/* Landscape project captures fill the existing animated card frames. */
.site-landing .cl-project-showcase .cl-feature-media picture{height:100%}
.site-landing .cl-project-showcase .cl-feature-media img{height:100%;object-fit:cover;object-position:left top}