/* Frozen public shell + validated hero. Extracted from the current version, 2026-09-08.
   Commercial forms retain public-recupero.css. Narrative chapters live in universe-theme.css. */
:root { --ink: #101512; --graphite: #101512; --mint: #b9f98b; --sage: #437340; --muted: #657065; --paper: #f7f9f6; --line: #dce3d8; --soft: #edf2e9; --white: #fff; --page-gutter: clamp(24px, 6vw, 96px); --heading-font: 'Aptos Display', 'Segoe UI Variable Display', 'Segoe UI', sans-serif; --coral: #ff5b37; --acid: #d5ff9b; --deep-green: #1f4a32; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 110px; }
body { margin: 0px; color: var(--ink); background: var(--paper); font-family: Aptos, "Segoe UI Variable Text", "Segoe UI", sans-serif; font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; }
body.menu-open { overflow: hidden; }
button { font: inherit; }
button,  a { -webkit-tap-highlight-color: transparent; }
button,  a { touch-action: manipulation; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
svg { display: block; }
h1,  h2,  p { margin: 0px; }
h1,  h2 { font-family: var(--heading-font); font-weight: 650; }
h1,  h2 { text-wrap: balance; }
.skip-link { position: fixed; z-index: 100; top: 12px; left: 12px; padding: 12px 20px; background: var(--mint); color: var(--ink); transform: translateY(-150%); border-radius: 4px; font-weight: 700; }
.skip-link:focus { transform: translateY(0px); }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; font-size: 11px; font-weight: 700; letter-spacing: 0.16em; line-height: 1.5; text-transform: uppercase; color: var(--sage); }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 24px; min-height: 52px; padding: 14px 22px; border: 1px solid transparent; border-radius: 5px; font-size: 13px; font-weight: 700; line-height: 1.5; transition: background 0.2s, color 0.2s, border-color 0.2s, transform 0.2s; }
.btn span:last-child { font-size: 18px; line-height: 1; }
.btn-primary { color: var(--ink); background: var(--mint); }
.btn-primary:hover { background: rgb(203, 255, 172); transform: translateY(-2px); }
.btn-ghost { color: var(--white); border-color: rgb(83, 96, 85); background: transparent; }
.btn-ghost:hover { border-color: var(--mint); background: rgba(255, 255, 255, 0.027); }
.public-nav { height: 88px; padding: 0 var(--page-gutter); display: flex; align-items: center; justify-content: space-between; gap: 30px; position: sticky; top: 0px; z-index: 50; color: var(--white); background: rgba(16, 21, 18, 0.97); border-bottom: 1px solid rgba(255, 255, 255, 0.086); backdrop-filter: blur(18px); }
.public-brand { display: flex; align-items: center; flex-shrink: 0; }
.public-brand img { width: 156px; filter: grayscale(1) brightness(0) invert(1); }
.public-nav nav { display: flex; align-items: center; gap: 30px; font-size: 12px; font-weight: 500; color: rgb(201, 208, 200); }
.public-nav nav a { padding: 8px 0px; transition: color 0.2s; }
.public-nav nav a:hover { color: var(--mint); }
.nav-login { display: inline-flex; align-items: center; justify-content: center; gap: 24px; padding: 11px 17px; min-height: 43px; border: 1px solid rgb(96, 106, 92); border-radius: 4px; color: var(--white); font-size: 12px; font-weight: 600; white-space: nowrap; transition: border-color 0.2s, background 0.2s; }
.nav-login span { color: var(--mint); }
.nav-login:hover { border-color: var(--mint); background: rgba(255, 255, 255, 0.024); }
.public-footer { display: flex; justify-content: space-between; align-items: center; gap: 30px; padding: 37px var(--page-gutter); background: var(--ink); color: rgb(171, 181, 168); font-size: 10px; letter-spacing: 0.1em; }
.public-footer img { width: 132px; filter: grayscale(1) brightness(0) invert(1); }
.public-footer a { color: rgb(228, 234, 224); letter-spacing: 0px; font-size: 12px; }
.public-footer a:hover { color: var(--mint); }
@media (max-width: 1000px) {
.public-nav { gap: 20px; }
.public-nav nav { gap: 19px; }
}
@media (max-width: 800px) {
html { scroll-padding-top: 96px; }
.public-nav { height: 76px; padding-inline: 24px; }
.public-brand img { width: 138px; }
.public-nav nav { display: none; }
.public-footer { flex-wrap: wrap; padding: 32px 24px; gap: 22px; }
}
@media (max-width: 540px) {
:root { --page-gutter: 20px; }
.public-nav { height: 72px; padding-inline: 20px; gap: 14px; }
.public-brand img { width: 122px; }
.nav-login { padding: 10px 12px; min-height: 41px; font-size: 10px; gap: 10px; }
.public-footer { padding: 30px 20px; }
.public-footer > span { font-size: 9px; }
}
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
* { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
}
.icon-definitions { position: absolute; width: 0px; height: 0px; overflow: hidden; }
.icon { width: 20px; height: 20px; flex: 0 0 20px; fill: none; stroke: currentcolor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
.public-brand img { height: auto; }
.live-dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--mint); flex: 0 0 6px; }
.menu-toggle { display: none; }
.hero-public { position: relative; display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); column-gap: clamp(35px, 5vw, 85px); align-items: center; min-height: 670px; padding: 78px var(--page-gutter) 100px; color: var(--white); background: var(--graphite); }
.hero-actions { display: flex; align-items: center; gap: 26px; flex-wrap: wrap; margin-top: 32px; }
.capability-strip { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px 30px; padding: 27px var(--page-gutter); border-bottom: 1px solid var(--line); background: rgb(234, 240, 228); }
.capability-strip > span { display: flex; align-items: center; gap: 11px; color: rgb(77, 96, 66); font-size: 12px; font-weight: 500; }
.capability-strip .icon { color: rgb(97, 123, 79); width: 18px; height: 18px; flex-basis: 18px; }
.public-footer > div { display: flex; align-items: center; gap: 27px; }
.public-footer > div a { font-size: 12px; color: rgb(160, 178, 145); }
.public-footer > small { font-size: 11px; color: rgb(137, 160, 120); letter-spacing: 0px; }
.landing-page .public-footer > span { font-size: 10px; color: rgb(138, 166, 121); }
.definitive-landing { background: rgb(246, 248, 243); }
.definitive-landing .public-nav { height: 84px; }
.nav-actions-public { display: flex; align-items: center; gap: 11px; }
.definitive-landing .public-nav nav { gap: 25px; }
@keyframes roomPulse { 
  0%, 100% { transform: scale(0.96); opacity: 0.55; }
  50% { transform: scale(1.04); opacity: 1; }
}
@media (max-width: 1180px) {
.definitive-landing .public-nav nav { display: none; }
}
@media (max-width: 800px) {
.nav-actions-public { margin-left: auto; }
.definitive-landing .public-footer > span { display: none; }
}
@media (max-width: 560px) {
.definitive-landing .public-nav { height: 72px; }
}
.definitive-landing .public-nav.is-scrolled { box-shadow: rgba(0, 0, 0, 0.125) 0px 14px 30px; }
.definitive-landing .public-nav { transition: box-shadow 0.25s, background 0.25s; }
:root { --ink: #0e1628; --graphite: #0e1628; --mint: #a6c59a; --sage: #5f7c55; --muted: #64717c; --paper: #f5f7f2; --line: #d9e0d5; --soft: #edf1ea; --navy: #0c1633; --navy-2: #15234a; --navy-3: #1f356a; --moss: #6a8160; --moss-soft: #dfe8d8; }
.btn-primary { background: var(--navy); color: rgb(255, 255, 255); }
.btn-primary:hover { background: var(--navy-2); }
.public-nav { background: rgba(12, 22, 51, 0.96); border-bottom-color: rgba(255, 255, 255, 0.08); }
.public-nav nav a:hover,  .nav-login span { color: rgb(201, 223, 191); }
.nav-login { border-color: rgb(85, 96, 127); }
.nav-login:hover { border-color: rgb(201, 223, 191); background: rgba(255, 255, 255, 0.03); }
.public-footer { background: var(--navy); }
.public-footer a:hover { color: rgb(207, 227, 199); }
.definitive-landing .public-nav.is-scrolled { box-shadow: rgba(10, 18, 42, 0.24) 0px 16px 34px; }
.definitive-landing .public-nav { background: rgba(12, 22, 51, 0.93); }
 .eyebrow { color: rgb(183, 203, 174); }
.landing-page .public-footer > span { color: rgb(147, 163, 191); }
.definitive-landing { background: rgb(238, 242, 238); }
.definitive-landing .public-nav { position: sticky; top: 0px; z-index: 80; background: linear-gradient(rgba(5, 17, 23, 0.92), rgba(5, 17, 23, 0.84)); border-bottom: 1px solid rgba(92, 226, 230, 0.15); backdrop-filter: blur(14px); }
.definitive-landing .public-brand img { width: 168px; filter: none; }
.definitive-landing .public-nav nav { gap: 26px; font-size: 13px; color: rgba(237, 246, 247, 0.82); }
.definitive-landing .public-nav nav a { position: relative; }
.definitive-landing .public-nav nav a::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 1px; background: rgb(55, 223, 231); transform: scaleX(0); transform-origin: left center; transition: transform 0.25s; }
.definitive-landing .public-nav nav a:hover { color: rgb(255, 255, 255); }
.definitive-landing .public-nav nav a:hover::after { transform: scaleX(1); }
.definitive-landing .nav-login { min-height: 46px; padding: 12px 18px; border-radius: 12px; border-color: rgba(55, 223, 231, 0.42); background: rgba(7, 27, 36, 0.56); color: rgb(255, 255, 255); box-shadow: rgba(55, 223, 231, 0.08) 0px 0px 0px 1px inset; }
.definitive-landing .nav-login:hover { background: rgba(7, 27, 36, 0.78); border-color: rgb(55, 223, 231); }
.definitive-landing .nav-actions-public { margin-left: auto; }
.hero-actions-v2 { margin-top: 20px; display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.hero-actions-v2 .btn { min-height: 52px; border-radius: 14px; padding-inline: 20px; }
.hero-actions-v2 .btn-primary { background: rgb(40, 235, 231); color: rgb(3, 17, 22); box-shadow: rgba(40, 235, 231, 0.2) 0px 12px 30px; }
.hero-actions-v2 .btn-primary:hover { background: rgb(75, 242, 239); }
.hero-actions-v2 .btn-ghost { border-color: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.03); }
.hero-watch-btn .play-dot { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: rgb(255, 255, 255); color: rgb(7, 23, 29); font-size: 10px; }
.hero-particles { position: absolute; inset: 0px; z-index: 2; pointer-events: none; opacity: 0.92; }
.definitive-landing .capability-strip { margin-top: 0px; border-top: 1px solid rgba(55, 223, 231, 0.08); background: rgb(242, 245, 241); }
@keyframes heroScan { 
  0% { transform: translateY(-10%) rotate(17deg); }
  50% { transform: translateY(12%) rotate(17deg); }
  100% { transform: translateY(-10%) rotate(17deg); }
}
@media (max-width: 560px) {
.definitive-landing .public-brand img { width: 138px; }
.hero-actions-v2 { gap: 10px; }
.hero-actions-v2 .btn { width: 100%; justify-content: center; }
}
.hero-scroll-shell { position: relative; height: 188vh; background: rgb(7, 23, 29); }
.hero-particles { mix-blend-mode: screen; filter: drop-shadow(rgba(55, 223, 231, 0.42) 0px 0px 8px); }
@keyframes heroBirthGlow { 
  0% { opacity: 0; transform: scale(0.72); }
  35% { opacity: 1; }
  100% { opacity: 0; transform: scale(1.18); }
}
@keyframes orbitFloatA { 
  0%, 100% { translate: 0px; rotate: -1deg; }
  50% { translate: 0px -9px; rotate: 1deg; }
}
@keyframes orbitFloatB { 
  0%, 100% { translate: 0px -4px; rotate: 1deg; }
  50% { translate: 0px 7px; rotate: -1deg; }
}
@media (max-width: 1100px) {
.hero-scroll-shell { height: auto; }
}
@media (max-width: 800px) {
.hero-particles { opacity: 0.45; }
}
@media (prefers-reduced-motion: reduce) {
.hero-scroll-shell { height: auto; }
}
:root { --ink: #101512; --graphite: #101512; --mint: #b9f98b; --sage: #437340; --muted: #657065; --paper: #f7f9f6; --line: #dce3d8; --soft: #edf2e9; --deep-green: #1f4a32; }
.btn-primary { background: var(--mint); color: var(--ink); }
.btn-primary:hover { background: rgb(203, 255, 172); color: var(--ink); }
.hero-actions-v2 .btn-primary { background: rgb(40, 235, 231); color: rgb(3, 17, 22); box-shadow: rgba(40, 235, 231, 0.2) 0px 12px 30px; }
.hero-actions-v2 .btn-primary:hover { background: rgb(75, 242, 239); color: rgb(3, 17, 22); }
:root { --ink: #0b1728; --graphite: #0b1728; --mint: #d8b46a; --sage: #a67d35; --muted: #6d7b8e; --paper: #f4f6f8; --line: #d7dee7; --soft: #e9edf2; --white: #fff; --deep-green: #0b1728; --gold: #d8b46a; --gold-2: #bb8e43; --gold-soft: #f2e6c8; --navy: #081426; --navy-2: #0e1d31; --navy-3: #162a45; --navy-4: #223b5e; --steel: #8d9bae; --ice: #e8edf3; }
body.definitive-landing { background: var(--paper); color: var(--ink); }
.definitive-landing ::selection { background: var(--gold); color: var(--navy); }
.definitive-landing .eyebrow { color: var(--gold-2); }
.definitive-landing .btn-primary { background: var(--gold); color: var(--navy); box-shadow: none; }
.definitive-landing .btn-primary:hover { background: rgb(227, 197, 127); color: var(--navy); }
.definitive-landing .public-nav { background: rgba(7, 18, 32, 0.94); border-bottom: 1px solid rgba(216, 180, 106, 0.16); box-shadow: rgba(3, 10, 20, 0.12) 0px 8px 28px; backdrop-filter: blur(18px); }
.definitive-landing .public-nav.is-scrolled { background: rgba(7, 18, 32, 0.984); box-shadow: rgba(3, 10, 20, 0.24) 0px 16px 38px; }
.definitive-landing .public-brand img { filter: none; }
.definitive-landing .public-nav nav { color: rgb(195, 204, 216); }
.definitive-landing .public-nav nav a:hover { color: rgb(255, 255, 255); }
.definitive-landing .public-nav nav a::after { background: var(--gold); }
.definitive-landing .nav-login { border-color: rgba(216, 180, 106, 0.46); background: rgba(255, 255, 255, 0.024); color: rgb(247, 249, 251); }
.definitive-landing .nav-login:hover { border-color: var(--gold); background: rgba(216, 180, 106, 0.08); }
.hero-scroll-shell { height: 154vh; background: var(--navy); }
.hero-actions-v2 .btn-primary { background: var(--gold); color: var(--navy); box-shadow: rgba(216, 180, 106, 0.14) 0px 12px 32px; }
.hero-actions-v2 .btn-primary:hover { background: rgb(228, 197, 126); color: var(--navy); }
.hero-actions-v2 .btn-ghost { border-color: rgba(185, 199, 216, 0.24); background: rgba(255, 255, 255, 0.024); color: rgb(232, 237, 243); }
.hero-actions-v2 .btn-ghost:hover { border-color: rgba(216, 180, 106, 0.5); background: rgba(216, 180, 106, 0.06); }
.hero-watch-btn .play-dot { background: rgb(242, 244, 247); color: rgb(11, 23, 40); }
.hero-particles { mix-blend-mode: screen; filter: drop-shadow(rgba(216, 180, 106, 0.26) 0px 0px 7px); }
.definitive-landing .capability-strip { min-height: 92px; margin: 0px; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgba(216, 180, 106, 0.15); border-image: none; background: linear-gradient(rgb(13, 27, 46), rgb(16, 31, 51)); color: rgb(216, 224, 233); }
.definitive-landing .capability-strip span { color: rgb(214, 222, 232); }
.definitive-landing .capability-strip .icon { color: var(--gold); }
.definitive-landing .public-footer { background: rgb(6, 16, 29); color: rgb(126, 141, 160); border-top: 1px solid rgba(216, 180, 106, 0.12); }
.definitive-landing .public-footer a { color: rgb(195, 204, 216); }
.definitive-landing .public-footer a:hover { color: var(--gold); }
.definitive-landing .live-dot { background: var(--gold); box-shadow: rgba(216, 180, 106, 0.12) 0px 0px 0px 4px, rgba(216, 180, 106, 0.36) 0px 0px 16px; }
@media (max-width: 1100px) {
.hero-scroll-shell { height: auto; }
}
@media (max-width: 800px) {
.definitive-landing .capability-strip { background: rgb(13, 27, 46); }
}
@media (min-width: 1101px) {
.hero-actions-v2 { margin-top: 18px; }
}
:root { --hero-bg-1: #06131f; --hero-bg-2: #081a26; --hero-bg-3: #0a202b; --hero-text: #f7fbff; --hero-muted: #bfd0db; --hero-line: rgba(68,220,232,.18); --hero-line-strong: rgba(68,220,232,.34); --hero-card: #071a23; --hero-card-2: rgba(7,26,35,.82); --hero-cyan: #2ce8ef; --hero-cyan-2: #35d9f2; --hero-cyan-3: #63f0ff; --hero-silver: #d8e5ef; }
body.definitive-landing { background: rgb(238, 243, 247); color: rgb(13, 28, 44); }
.definitive-landing .public-nav { background: linear-gradient(rgba(6, 18, 31, 0.94), rgba(6, 18, 31, 0.9)); border-bottom: 1px solid rgba(67, 221, 233, 0.13); box-shadow: rgba(1, 6, 14, 0.25) 0px 12px 34px; }
.definitive-landing .public-nav.is-scrolled { background: linear-gradient(rgba(5, 16, 28, 0.984), rgba(5, 16, 28, 0.96)); }
.definitive-landing .public-nav nav { color: rgb(215, 226, 235); }
.definitive-landing .public-nav nav a::after { background: var(--hero-cyan); }
.definitive-landing .nav-login { border-color: rgba(57, 224, 238, 0.42); background: rgba(7, 28, 39, 0.72); box-shadow: rgba(55, 223, 231, 0.08) 0px 0px 0px 1px inset; }
.definitive-landing .nav-login:hover { background: rgba(8, 37, 50, 0.92); border-color: rgba(66, 239, 248, 0.85); }
.hero-scroll-shell { position: relative; height: 178vh; background: linear-gradient(rgb(5, 17, 26), rgb(7, 24, 34) 70%, rgb(8, 23, 38)); }
.hero-actions-v2 { margin-top: 18px; gap: 12px; }
.hero-actions-v2 .btn { min-height: 48px; border-radius: 14px; padding-inline: 18px; }
.hero-actions-v2 .btn-primary { background: linear-gradient(rgb(51, 240, 238), rgb(31, 215, 228)); color: rgb(7, 19, 27); box-shadow: rgba(31, 215, 228, 0.26) 0px 14px 30px; }
.hero-actions-v2 .btn-primary:hover { background: linear-gradient(rgb(84, 244, 242), rgb(40, 231, 236)); }
.hero-actions-v2 .btn-ghost { border-color: rgba(255, 255, 255, 0.22); background: rgba(255, 255, 255, 0.03); color: rgb(242, 247, 251); }
.hero-actions-v2 .btn-ghost:hover { border-color: rgba(61, 225, 232, 0.44); background: rgba(12, 31, 40, 0.75); }
.hero-watch-btn .play-dot { background: rgb(255, 255, 255); color: rgb(9, 19, 27); width: 24px; height: 24px; font-size: 9px; }
.hero-trust { margin-top: 18px; max-width: 520px; }
.hero-trust-label { display: flex; align-items: center; gap: 14px; color: rgba(193, 212, 223, 0.78); font-size: 10px; font-weight: 700; letter-spacing: 0.26em; }
.hero-trust-label::before,  .hero-trust-label::after { content: ""; height: 1px; background: rgba(191, 213, 224, 0.18); flex: 1 1 0%; }
.hero-trust-logos { display: flex; align-items: flex-end; gap: 28px; flex-wrap: wrap; margin-top: 12px; }
.trust-logo { display: flex; flex-direction: column; gap: 1px; color: rgb(244, 248, 251); line-height: 1; }
.trust-logo strong { font-size: 15px; letter-spacing: 0.11em; font-weight: 750; }
.trust-logo small { font-size: 10px; letter-spacing: 0.22em; color: rgba(191, 211, 221, 0.82); }
.trust-lizama strong,  .trust-lizama small { letter-spacing: 0.16em; }
.trust-bandesal strong { font-size: 15px; letter-spacing: 0.22em; }
.trust-grow { position: relative; padding-left: 16px; }
.trust-grow::before { content: ""; position: absolute; left: 0px; top: 2px; bottom: 2px; width: 1px; background: rgba(191, 213, 224, 0.26); }
.trust-grow strong,  .trust-grow small { letter-spacing: 0.16em; }
.hero-particles { opacity: 0.94; mix-blend-mode: screen; filter: drop-shadow(rgba(61, 225, 232, 0.38) 0px 0px 8px); }
.definitive-landing .capability-strip { background: rgb(238, 243, 247); border-top: 1px solid rgb(216, 225, 234); border-bottom: 1px solid rgb(216, 225, 234); }
.definitive-landing .capability-strip span { color: rgb(84, 100, 119); }
.definitive-landing .capability-strip .icon { color: rgb(44, 191, 200); }
@media (max-width: 1100px) {
.hero-scroll-shell { height: auto; }
.hero-trust { max-width: none; }
}
@media (max-width: 800px) {
.hero-trust-label { letter-spacing: 0.16em; }
}
@media (max-width: 560px) {
.hero-actions-v2 .btn { width: 100%; justify-content: center; }
.hero-trust-logos { gap: 18px 20px; }
.trust-logo strong { font-size: 13px; }
}
.hero-scroll-shell { height: 146vh; min-height: 1180px; }
.hero-actions-v2 { margin-top: 20px; }
.hero-trust { margin-top: 20px; }
.hero-particles { inset: 0px; width: 100%; height: 100%; z-index: 4; }
@media (max-width: 1180px) {
.hero-scroll-shell { height: auto; min-height: 0px; }
}
body.landing-page .hero-scroll-shell { position: relative !important; height: 100vh !important; min-height: 840px !important; max-height: 940px !important; background: linear-gradient(rgb(7, 26, 43) 0%, rgb(3, 17, 31) 100%) !important; overflow: hidden !important; }
body.landing-page .hero-actions-v2 { margin-top: 18px !important; gap: 14px !important; }
body.landing-page .hero-actions-v2 .btn { min-height: 54px !important; border-radius: 16px !important; padding-inline: 22px !important; font-size: 17px !important; font-weight: 700 !important; }
body.landing-page .hero-actions-v2 .btn-primary { background: linear-gradient(rgb(79, 245, 242) 0%, rgb(24, 231, 234) 100%) !important; color: rgb(4, 19, 29) !important; box-shadow: rgba(24, 231, 234, 0.18) 0px 14px 28px !important; }
body.landing-page .hero-actions-v2 .btn-ghost { border: 2px solid rgba(220, 231, 238, 0.32) !important; background: rgba(255, 255, 255, 0.035) !important; color: rgb(255, 255, 255) !important; }
body.landing-page .hero-actions-v2 .btn-ghost .play-dot { display: grid !important; place-items: center !important; width: 26px !important; height: 26px !important; border-radius: 50% !important; background: rgb(255, 255, 255) !important; color: rgb(7, 22, 33) !important; font-size: 13px !important; margin-right: 2px !important; }
body.landing-page .hero-trust { margin-top: 22px !important; max-width: 540px !important; }
body.landing-page .hero-trust-label { display: flex !important; align-items: center !important; gap: 12px !important; color: rgba(228, 237, 243, 0.78) !important; font-size: 10px !important; letter-spacing: 0.34em !important; }
body.landing-page .hero-trust-label::before,  body.landing-page .hero-trust-label::after { content: "" !important; flex: 1 1 0% !important; height: 1px !important; background: rgba(194, 210, 223, 0.18) !important; }
body.landing-page .hero-trust-logos { display: flex !important; align-items: flex-end !important; gap: 34px !important; margin-top: 14px !important; }
body.landing-page .trust-logo { color: rgb(247, 251, 253) !important; }
body.landing-page .trust-logo strong { font-size: 20px !important; letter-spacing: 0.12em !important; }
body.landing-page .trust-logo small { font-size: 12px !important; color: rgba(224, 235, 242, 0.8) !important; letter-spacing: 0.18em !important; }
body.landing-page .trust-bandesal strong { font-size: 18px !important; letter-spacing: 0.16em !important; }
body.landing-page .trust-grow strong { font-size: 17px !important; }
body.landing-page .hero-particles { position: absolute !important; inset: 0px !important; width: 100% !important; height: 100% !important; z-index: 4 !important; opacity: 0.55 !important; pointer-events: none !important; mix-blend-mode: screen !important; }
body.landing-page .capability-strip { margin-top: 0px !important; background: rgb(244, 246, 248) !important; border-top: 1px solid rgb(223, 231, 235) !important; border-bottom: 1px solid rgb(223, 231, 235) !important; }
@media (max-width: 1320px) {
body.landing-page .hero-scroll-shell { height: auto !important; min-height: 0px !important; max-height: none !important; }
}
@media (max-width: 740px) {
body.landing-page .hero-actions-v2 .btn { width: 100% !important; justify-content: center !important; }
body.landing-page .hero-trust-logos { gap: 18px 20px !important; flex-wrap: wrap !important; }
}
body.landing-page .hero-reference-shell { position: relative; height: 150vh; min-height: 1180px; background: rgb(6, 19, 31); }
body.landing-page .hero-reference { position: sticky; top: 88px; height: calc(-88px + 100vh); min-height: 760px; overflow: hidden; isolation: isolate; background: rgb(6, 19, 31); }
body.landing-page .hero-reference-bg { position: absolute; inset: 0px; z-index: 0; overflow: hidden; background: rgb(6, 19, 31); }
body.landing-page .hero-reference-shade { position: absolute; inset: 0px; z-index: 1; pointer-events: none; background: linear-gradient(90deg, rgba(2, 13, 23, 0.97) 0%, rgba(2, 13, 23, 0.91) 27%, rgba(2, 13, 23, 0.6) 42%, rgba(2, 13, 23, 0.18) 60%, rgba(2, 13, 23, 0.04) 78%, rgba(2, 13, 23, 0.18) 100%), linear-gradient(rgba(2, 12, 20, 0.1) 0%, rgba(2, 12, 20, 0.02) 58%, rgba(2, 12, 20, 0.24) 100%); }
body.landing-page .hero-reference-glow { position: absolute; z-index: 2; right: 15%; top: 9%; width: 34%; height: 36%; pointer-events: none; background: radial-gradient(circle, rgba(34, 220, 237, 0.15), rgba(34, 220, 237, 0) 70%); filter: blur(22px); }
body.landing-page .hero-reference-portal { position: absolute; inset: 0px; z-index: 5; pointer-events: none; opacity: 0; background: radial-gradient(circle at 62% 43%, rgba(61, 226, 239, 0.03) 0px, rgba(3, 12, 20, 0.2) 34%, rgba(3, 11, 18, 0.88) 83%); }
body.landing-page .hero-particles { position: absolute; inset: 0px; width: 100%; height: 100%; z-index: 3; pointer-events: none; mix-blend-mode: screen; opacity: 0.62; }
body.landing-page .hero-reference-copy { position: absolute; z-index: 6; left: 4.8%; top: 7.4%; width: min(38vw, 650px); color: rgb(255, 255, 255); will-change: transform, filter, opacity; }
body.landing-page .hero-reference-copy .eyebrow { display: flex; align-items: center; gap: 10px; color: rgb(53, 231, 239); font-size: 13px; font-weight: 700; letter-spacing: 0.31em; margin-bottom: 18px; }
body.landing-page .hero-reference-copy .live-dot { width: 8px; height: 8px; background: rgb(216, 180, 106); box-shadow: rgba(216, 180, 106, 0.12) 0px 0px 0px 6px; }
body.landing-page .hero-reference-copy h1 { margin: 0px 0px 16px; font-size: clamp(58px, 4.25vw, 82px); line-height: 0.94; letter-spacing: -0.062em; font-weight: 800; color: rgb(246, 249, 252); }
body.landing-page .hero-reference-copy h1 em { font-style: normal; color: rgb(49, 236, 239); }
body.landing-page .hero-reference-copy > p { max-width: 610px; margin: 0px; color: rgba(224, 235, 242, 0.88); font-size: 17px; line-height: 1.5; }
body.landing-page .hero-reference-copy .hero-actions-v2 { margin-top: 18px; gap: 14px; }
body.landing-page .hero-reference-copy .hero-actions-v2 .btn { min-height: 50px; border-radius: 14px; padding-inline: 20px; font-size: 15px; font-weight: 700; }
body.landing-page .hero-reference-copy .hero-actions-v2 .btn-primary { background: linear-gradient(rgb(79, 245, 242), rgb(32, 232, 234)); color: rgb(4, 19, 28); box-shadow: rgba(32, 232, 234, 0.18) 0px 12px 28px; }
body.landing-page .hero-reference-copy .hero-actions-v2 .btn-ghost { border: 1.5px solid rgba(230, 237, 242, 0.3); color: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.035); }
body.landing-page .hero-reference-copy .hero-trust { margin-top: 20px; max-width: 520px; }
body.landing-page .hero-reference-copy .hero-trust-label { display: flex; align-items: center; gap: 12px; font-size: 9px; letter-spacing: 0.32em; color: rgba(224, 235, 242, 0.76); }
body.landing-page .hero-reference-copy .hero-trust-label::before,  body.landing-page .hero-reference-copy .hero-trust-label::after { content: ""; height: 1px; flex: 1 1 0%; background: rgba(212, 225, 234, 0.2); }
body.landing-page .hero-reference-copy .hero-trust-logos { display: flex; align-items: flex-end; gap: 28px; margin-top: 12px; }
body.landing-page .hero-reference-copy .trust-logo { color: rgb(245, 249, 252); }
body.landing-page .hero-reference-copy .trust-logo strong { font-size: 18px; letter-spacing: 0.12em; }
body.landing-page .hero-reference-copy .trust-logo small { font-size: 10px; color: rgba(216, 230, 238, 0.8); letter-spacing: 0.18em; }
body.landing-page .hero-reference-copy .trust-bandesal strong { font-size: 16px; letter-spacing: 0.18em; }
body.landing-page .hero-reference-copy .trust-grow strong { font-size: 15px; }
body.landing-page .hero-reference-handwrite { position: absolute; z-index: 7; right: 15%; top: 3.5%; color: rgb(217, 229, 241); font-family: "Segoe Script", "Brush Script MT", "Comic Sans MS", cursive; font-size: 28px; line-height: 0.95; text-align: center; transform: rotate(-5deg); text-shadow: rgba(0, 0, 0, 0.25) 0px 9px 20px; }
body.landing-page .hero-reference-handwrite span { font-size: 43px; }
body.landing-page .hero-reference-handwrite::after { content: ""; display: block; width: 122px; height: 14px; margin: 5px auto 0px; border-bottom: 2px solid rgba(226, 239, 249, 0.9); border-radius: 50%; transform: rotate(4deg); }
@media (max-width: 1400px) {
body.landing-page .hero-reference-copy { left: 4.2%; top: 6.2%; width: min(41vw, 610px); }
body.landing-page .hero-reference-copy h1 { font-size: clamp(54px, 4.2vw, 72px); }
body.landing-page .hero-reference-handwrite { right: 12%; top: 4%; }
}
@media (max-width: 1180px) {
body.landing-page .hero-reference-shell { height: auto; min-height: 0px; }
body.landing-page .hero-reference { position: relative; top: auto; height: auto; min-height: 900px; }
body.landing-page .hero-reference-copy { position: relative; left: auto; top: auto; width: auto; max-width: 700px; padding: 48px 30px 420px; }
body.landing-page .hero-reference-shade { background: linear-gradient(rgba(2, 13, 23, 0.96) 0px, rgba(2, 13, 23, 0.86) 48%, rgba(2, 13, 23, 0.22) 72%, rgba(2, 13, 23, 0.1) 100%); }
body.landing-page .hero-reference-handwrite { right: 8%; top: 55%; }
}
@media (max-width: 720px) {
body.landing-page .hero-reference-copy { padding: 34px 18px 320px; }
body.landing-page .hero-reference-copy .eyebrow { font-size: 10px; letter-spacing: 0.2em; }
body.landing-page .hero-reference-copy h1 { font-size: clamp(40px, 11vw, 56px); }
body.landing-page .hero-reference-copy > p { font-size: 15px; }
body.landing-page .hero-reference-copy .hero-actions-v2 .btn { width: 100%; justify-content: center; }
body.landing-page .hero-reference-handwrite { font-size: 20px; right: 4%; top: 62%; }
body.landing-page .hero-reference-handwrite span { font-size: 29px; }
}
body.landing-page .hero-reference-bg.hero-ready::after { content: ""; position: absolute; inset: 0px; z-index: 4; pointer-events: none; background: radial-gradient(circle at 66% 43%, rgba(48, 231, 240, 0.18), rgba(48, 231, 240, 0) 30%); animation: 1.9s ease 0s 1 normal both running heroRefBirth; }
@keyframes heroRefBirth { 
  0% { opacity: 0; transform: scale(0.84); }
  32% { opacity: 0.9; }
  100% { opacity: 0; transform: scale(1.15); }
}
body.landing-page .hero-reference-shell { margin-top: -1px; min-height: 1120px; }
body.landing-page .hero-reference { top: 84px; height: calc(-84px + 100vh); min-height: 740px; }
body.landing-page .hero-reference-copy { left: 4.4%; top: 9.25%; width: min(39vw, 640px); }
body.landing-page .hero-reference-copy > p { max-width: 560px; }
body.landing-page .hero-reference-copy .hero-actions-v2 { margin-top: 28px; }
body.landing-page .hero-reference-copy .hero-trust { margin-top: 28px; max-width: 640px; }
body.landing-page .hero-reference-handwrite { right: 14.5%; top: 4.7%; }
@media (max-width: 1400px) {
body.landing-page .hero-reference-copy { left: 4%; top: 8.4%; width: min(41vw, 610px); }
}
@media (max-width: 1180px) {
body.landing-page .hero-reference-shell { margin-top: 0px; min-height: 0px; }
body.landing-page .hero-reference { top: auto; height: auto; min-height: 860px; }
body.landing-page .hero-reference-copy { max-width: 680px; padding: 42px 30px 340px; }
body.landing-page .hero-reference-copy .hero-trust { max-width: 560px; }
}
@media (max-width: 720px) {
body.landing-page .hero-reference { min-height: 820px; }
body.landing-page .hero-reference-copy { padding: 34px 18px 280px; }
}
body.landing-page .hero-reference-shell { margin-top: -1px; height: 148vh; min-height: 1160px; background: linear-gradient(rgb(7, 25, 42) 0%, rgb(5, 17, 29) 100%); }
body.landing-page .hero-reference { top: 88px; height: calc(-88px + 100vh); min-height: 760px; background: linear-gradient(rgba(6, 21, 36, 0.98) 0%, rgba(4, 16, 28, 0.98) 100%); }
body.landing-page .hero-reference-bg { background: radial-gradient(circle at 79% 16%, rgba(40, 224, 236, 0.16) 0%, rgba(40, 224, 236, 0) 20%), radial-gradient(circle at 73% 54%, rgba(35, 113, 165, 0.12) 0%, rgba(35, 113, 165, 0) 26%), linear-gradient(90deg, rgba(3, 13, 23, 0.984) 0%, rgba(3, 16, 28, 0.97) 26%, rgba(3, 16, 28, 0.84) 47%, rgba(3, 14, 24, 0.72) 66%, rgba(4, 16, 28, 0.84) 100%), linear-gradient(rgb(6, 22, 36) 0%, rgb(7, 24, 39) 100%); }
body.landing-page .hero-reference-bg::before { content: ""; position: absolute; inset: 0px; z-index: 0; pointer-events: none; background: linear-gradient(118deg, transparent 40%, rgba(129, 200, 241, 0.08) 52%, rgba(129, 200, 241, 0.02) 62%, transparent 72%) center center / 100% 100%, linear-gradient(90deg, transparent 0%, transparent 76%, rgba(255, 255, 255, 0.04) 76.2%, rgba(255, 255, 255, 0.01) 100%) center center / 100% 100%, repeating-linear-gradient(90deg, transparent 0px, transparent 22px, rgba(207, 225, 239, 0.055) 22px, rgba(207, 225, 239, 0.055) 25px, transparent 25px, transparent 52px) right center / 340px 100%; opacity: 0.5; }
body.landing-page .hero-reference-bg::after { content: ""; position: absolute; inset: 0px; z-index: 1; pointer-events: none; background: radial-gradient(circle at 86% 82%, rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0) 22%), linear-gradient(rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0) 18%, rgba(0, 0, 0, 0) 78%, rgba(0, 0, 0, 0.08) 100%); }
body.landing-page .hero-reference-shade { z-index: 3; background: linear-gradient(90deg, rgba(3, 13, 23, 0.984) 0%, rgba(3, 13, 23, 0.95) 24%, rgba(3, 13, 23, 0.68) 42%, rgba(3, 13, 23, 0.18) 56%, rgba(3, 13, 23, 0) 67%, rgba(3, 13, 23, 0.07) 100%), linear-gradient(rgba(3, 13, 23, 0.04) 0%, rgba(3, 13, 23, 0) 50%, rgba(3, 13, 23, 0.2) 100%); }
body.landing-page .hero-reference-glow { z-index: 4; right: 17%; top: 7%; width: 36%; height: 40%; background: radial-gradient(circle, rgba(52, 232, 241, 0.17), rgba(52, 232, 241, 0) 72%); filter: blur(28px); }
body.landing-page .hero-particles { z-index: 5; opacity: 0.62; }
body.landing-page .hero-reference-copy { top: 10.4%; left: 4.5%; width: min(40vw, 650px); }
body.landing-page .hero-reference-handwrite { z-index: 7; right: 14.2%; top: 5.2%; }
body.landing-page .hero-reference-copy .hero-actions-v2 { margin-top: 30px; }
body.landing-page .hero-reference-copy .hero-trust { margin-top: 30px; max-width: 650px; }
body.landing-page .hero-reference-portal { z-index: 6; }
 body.landing-page .hero-reference-shell.is-portal .hero-reference-copy { will-change: transform, opacity, filter; }
@media (max-width: 1500px) {
body.landing-page .hero-reference-copy { top: 9.6%; width: min(41vw, 620px); }
}
@media (max-width: 1280px) {
body.landing-page .hero-reference-shell { height: auto; min-height: 0px; }
body.landing-page .hero-reference { position: relative; top: auto; height: auto; min-height: 900px; }
body.landing-page .hero-reference-copy { position: relative; top: auto; left: auto; width: auto; max-width: 700px; padding: 44px 32px 350px; }
body.landing-page .hero-reference-handwrite { right: 9%; top: 56%; }
}
@media (max-width: 720px) {
body.landing-page .hero-reference { min-height: 820px; }
body.landing-page .hero-reference-copy { padding: 34px 18px 265px; }
body.landing-page .hero-reference-handwrite { right: 4%; top: 62%; }
}
@font-face { font-family: "Recupero Manrope"; src: url("/static/fonts/manrope-latin-variable.woff2") format("woff2"); font-style: normal; font-weight: 200 800; font-display: swap; }
body.landing-page { --reference-nav-h: 80px; --reference-left: clamp(54px,4.9vw,82px); font-family: "Recupero Manrope", "Segoe UI Variable Text", "Segoe UI", sans-serif; background: rgb(6, 20, 29); }
body.landing-page .public-nav { position: sticky; top: 0px; z-index: 50; min-height: var(--reference-nav-h); display: flex; align-items: center; justify-content: flex-start; gap: 0px; backdrop-filter: blur(16px) saturate(112%); height: var(--reference-nav-h) !important; padding: 0px clamp(62px, 5.95vw, 100px) !important; background: rgba(2, 18, 24, 0.965) !important; border-bottom: 1px solid rgba(109, 208, 224, 0.15) !important; box-shadow: none !important; }
body.landing-page .public-nav.is-scrolled { background: rgba(2, 17, 23, 0.984) !important; box-shadow: rgba(0, 0, 0, 0.16) 0px 12px 32px !important; }
body.landing-page .public-brand { height: 100%; display: flex; align-items: center; flex: 0 0 auto; }
body.landing-page .public-brand img { max-height: 64px; height: auto; width: clamp(185px, 12.45vw, 208px) !important; filter: none !important; }
body.landing-page .public-nav nav { display: flex; align-items: center; margin-left: clamp(92px, 12.8vw, 214px); line-height: 1; white-space: nowrap; gap: clamp(28px, 2.3vw, 39px) !important; color: rgb(240, 244, 245) !important; font-size: 14px !important; font-weight: 520 !important; }
body.landing-page .public-nav nav a { display: inline-flex; align-items: center; gap: 7px; color: rgb(241, 244, 245); opacity: 0.96; padding: 12px 0px !important; }
body.landing-page .public-nav nav a::after { display: none !important; }
body.landing-page .public-nav nav a:hover { color: rgb(85, 234, 241) !important; opacity: 1; }
body.landing-page .nav-platform-link .nav-chevron { width: 7px; height: 7px; border-right: 1.5px solid; border-bottom: 1.5px solid; transform: rotate(45deg) translateY(-2px); opacity: 0.8; }
body.landing-page .nav-actions-public { margin-left: auto; display: flex; align-items: center; }
body.landing-page .nav-login { min-width: 212px; height: 47px; grid-template-columns: 24px 1fr 20px; align-items: center; min-height: 47px !important; padding: 0px 18px !important; display: grid !important; gap: 12px !important; border: 1px solid rgba(0, 222, 232, 0.72) !important; border-radius: 13px !important; background: rgba(0, 22, 29, 0.28) !important; box-shadow: rgba(0, 204, 232, 0.04) 0px 0px 0px 1px inset !important; color: rgb(248, 251, 252) !important; font-size: 14px !important; font-weight: 700 !important; }
body.landing-page .nav-login:hover { border-color: rgb(40, 237, 241) !important; background: rgba(2, 34, 42, 0.5) !important; }
body.landing-page .nav-login-label { color: rgb(248, 251, 252) !important; text-align: left; }
 body.landing-page .nav-login-arrow { width: 21px; height: 21px; fill: none; stroke: currentcolor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
body.landing-page .nav-login-arrow { width: 17px; height: 17px; color: rgb(255, 255, 255); justify-self: end; }
body.landing-page .hero-reference-shell { position: relative !important; height: auto !important; min-height: 0px !important; margin: 0px !important; background: rgb(4, 21, 28) !important; }
body.landing-page .hero-reference { width: 100%; max-height: none; overflow: hidden; isolation: isolate; position: relative !important; top: auto !important; height: calc(100svh - var(--reference-nav-h)) !important; min-height: 760px !important; background: rgb(4, 21, 28) !important; }
body.landing-page .hero-reference-bg { position: absolute; inset: 0px; overflow: hidden; background: radial-gradient(circle at 61% 23%, rgba(30, 134, 166, 0.15) 0%, rgba(30, 134, 166, 0) 28%), radial-gradient(circle at 77% 56%, rgba(10, 88, 116, 0.14) 0%, rgba(10, 88, 116, 0) 30%), linear-gradient(90deg, rgb(3, 26, 29) 0%, rgb(3, 23, 28) 32%, rgb(7, 23, 34) 60%, rgb(5, 11, 17) 100%) !important; }
body.landing-page .hero-reference-bg::before { position: absolute; inset: 0px; pointer-events: none; background: linear-gradient(90deg, transparent 0px, transparent 85.8%, rgba(0, 198, 239, 0.11) 86.1%, rgba(0, 198, 239, 0.34) 86.45%, rgba(0, 198, 239, 0.08) 86.8%, transparent 87.2%) center center / 100% 100% no-repeat, repeating-linear-gradient(90deg, rgba(2, 8, 12, 0) 0px, rgba(2, 8, 12, 0) 25px, rgba(154, 180, 194, 0.055) 25px, rgba(154, 180, 194, 0.055) 31px, rgba(0, 0, 0, 0.18) 31px, rgba(0, 0, 0, 0.18) 49px) right center / 34% 100%, radial-gradient(circle at 91% 25%, rgba(65, 177, 205, 0.09), transparent 25%) center center / 100% 100%; content: "" !important; z-index: 0 !important; opacity: 1 !important; animation: auto ease 0s 1 normal none running none !important; transform: none !important; }
body.landing-page .hero-reference-bg::after { position: absolute; inset: 0px; pointer-events: none; background: linear-gradient(90deg, rgba(1, 15, 18, 0.09) 0%, rgba(1, 15, 18, 0.02) 36%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.1) 100%), linear-gradient(rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.12) 100%); content: "" !important; z-index: 6 !important; opacity: 1 !important; animation: auto ease 0s 1 normal none running none !important; transform: none !important; }
body.landing-page .hero-reference-glow { position: absolute; pointer-events: none; inset: auto auto 0px 0px !important; width: auto !important; height: auto !important; z-index: 1 !important; opacity: 1 !important; filter: none !important; background: none !important; }
body.landing-page .hero-reference-glow::before { content: ""; position: absolute; left: 39.8%; top: 8.7%; width: 29%; height: 9px; border-radius: 999px; transform: rotate(-14.2deg); transform-origin: left center; background: linear-gradient(90deg, rgba(15, 191, 239, 0), rgba(26, 207, 245, 0.48) 20%, rgba(67, 220, 247, 0.55) 62%, rgba(93, 228, 249, 0.08)); box-shadow: rgba(34, 203, 241, 0.27) 0px 0px 10px, rgba(34, 203, 241, 0.16) 0px 0px 34px; filter: blur(0.4px); }
body.landing-page .hero-reference-glow::after { content: ""; position: absolute; right: 12.1%; top: -4%; width: 4px; height: 59%; background: linear-gradient(rgba(0, 215, 255, 0.42), rgba(0, 196, 240, 0.26) 72%, rgba(0, 196, 240, 0)); box-shadow: rgba(0, 205, 244, 0.23) 0px 0px 18px; filter: blur(0.6px); }
body.landing-page .hero-reference-shade { position: absolute; inset: 0px; pointer-events: none; z-index: 5 !important; background: linear-gradient(90deg, rgba(1, 16, 19, 0.96) 0%, rgba(1, 16, 19, 0.82) 25%, rgba(1, 16, 19, 0.45) 37%, rgba(1, 16, 19, 0.1) 48%, rgba(1, 16, 19, 0) 60%), linear-gradient(rgba(2, 17, 22, 0) 63%, rgba(2, 17, 22, 0.03) 74%, rgba(1, 11, 14, 0.18) 100%) !important; }
body.landing-page .hero-particles,  body.landing-page .hero-reference-portal { display: none !important; }
body.landing-page .hero-reference-copy { color: rgb(255, 255, 255); position: absolute !important; z-index: 9 !important; left: var(--reference-left) !important; top: 64px !important; width: min(37.1vw, 620px) !important; max-width: 620px !important; opacity: 1 !important; filter: none !important; transform: none !important; }
body.landing-page .hero-reference-copy .eyebrow { display: flex; align-items: center; white-space: nowrap; gap: 0px !important; margin: 0px 0px 18px !important; color: rgb(66, 222, 242) !important; font-size: 12px !important; font-weight: 650 !important; letter-spacing: 0.32em !important; line-height: 1.45 !important; }
body.landing-page .hero-reference-copy .live-dot { display: none !important; }
body.landing-page .hero-reference-copy h1 { max-width: 610px; text-shadow: rgba(0, 0, 0, 0.12) 0px 2px 12px; margin: 0px 0px 19px !important; color: rgb(247, 249, 251) !important; font-family: "Recupero Manrope", "Segoe UI Variable Display", "Segoe UI", sans-serif !important; font-size: clamp(60px, 4.47vw, 74.7px) !important; font-weight: 800 !important; line-height: 0.94 !important; letter-spacing: -0.055em !important; text-wrap: nowrap !important; }
body.landing-page .hero-reference-copy h1 em { display: inline-block; background: linear-gradient(90deg, rgb(18, 232, 243) 0%, rgb(40, 233, 220) 48%, rgb(110, 231, 183) 100%) text; -webkit-text-fill-color: transparent; font-style: normal !important; color: transparent !important; }
body.landing-page .hero-reference-copy > p { width: 100%; font-weight: 420; letter-spacing: -0.012em; max-width: 595px !important; margin: 0px !important; color: rgba(225, 233, 239, 0.91) !important; font-size: 17px !important; line-height: 1.53 !important; }
body.landing-page .hero-reference-copy .hero-actions-v2 { display: flex; align-items: center; gap: 13px !important; margin: 26px 0px 0px !important; }
body.landing-page .hero-reference-copy .hero-actions-v2 .btn { letter-spacing: -0.01em; height: 51px !important; min-height: 51px !important; border-radius: 13px !important; padding: 0px 24px !important; gap: 19px !important; font-size: 13px !important; font-weight: 740 !important; box-shadow: none !important; transform: none !important; }
body.landing-page .hero-reference-copy .hero-actions-v2 .btn-primary { min-width: 215px; justify-content: space-between; color: rgb(3, 19, 23) !important; background: linear-gradient(90deg, rgb(18, 232, 242) 0%, rgb(49, 235, 220) 53%, rgb(114, 237, 180) 100%) !important; }
body.landing-page .hero-reference-copy .hero-actions-v2 .btn-primary .icon { width: 17px; height: 17px; stroke-width: 2; }
body.landing-page .hero-reference-copy .hero-actions-v2 .btn-ghost { min-width: 219px; justify-content: flex-start; color: rgb(245, 247, 248) !important; border: 1px solid rgba(205, 224, 233, 0.53) !important; background: rgba(1, 21, 27, 0.28) !important; }
body.landing-page .hero-watch-btn .play-dot { display: grid; place-items: center; margin-right: 0px; border-radius: 50%; line-height: 1; padding-left: 1px; width: 22px !important; height: 22px !important; background: rgb(243, 246, 247) !important; color: rgb(7, 21, 27) !important; font-size: 9px !important; }
body.landing-page .hero-reference-copy .hero-trust { width: 449px; max-width: 449px !important; margin: 36px 0px 0px !important; }
body.landing-page .hero-reference-copy .hero-trust-label { display: flex; align-items: center; line-height: 1; white-space: nowrap; gap: 11px !important; color: rgba(218, 228, 234, 0.78) !important; font-size: 9px !important; font-weight: 600 !important; letter-spacing: 0.3em !important; }
body.landing-page .hero-reference-copy .hero-trust-label::before,  body.landing-page .hero-reference-copy .hero-trust-label::after { content: ""; flex: 1 1 0%; height: 1px; background: rgba(203, 220, 229, 0.42) !important; }
body.landing-page .hero-reference-copy .hero-trust-logos { display: flex; min-height: 40px; align-items: center !important; gap: 32px !important; flex-wrap: nowrap !important; margin: 15px 0px 0px !important; }
body.landing-page .hero-reference-copy .trust-logo { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 10px !important; padding: 0px !important; color: rgb(237, 243, 246) !important; line-height: 1 !important; }
body.landing-page .hero-reference-copy .trust-word { display: flex; flex-direction: column; gap: 2px; }
body.landing-page .hero-reference-copy .trust-logo strong { color: rgb(238, 244, 247); font-size: 16px !important; font-weight: 610 !important; line-height: 1 !important; letter-spacing: 0.16em !important; }
body.landing-page .hero-reference-copy .trust-logo small { color: rgba(225, 234, 239, 0.83) !important; font-size: 8px !important; font-weight: 520 !important; line-height: 1 !important; letter-spacing: 0.22em !important; }
body.landing-page .hero-reference-copy .trust-lizama strong { font-size: 20px !important; letter-spacing: 0.12em !important; }
body.landing-page .hero-reference-copy .trust-bandesal { gap: 8px !important; }
body.landing-page .hero-reference-copy .trust-bandesal strong { font-size: 14px !important; letter-spacing: 0.19em !important; }
body.landing-page .trust-bandesal-mark { width: 36px; height: 36px; border-radius: 50%; position: relative; display: block; flex: 0 0 36px; background: repeating-conic-gradient(rgba(221, 236, 241, 0.95) 0deg, rgba(221, 236, 241, 0.95) 6deg, transparent 6deg, transparent 12deg); mask: radial-gradient(circle, transparent 0px, transparent 8px, rgb(0, 0, 0) 9px, rgb(0, 0, 0) 13px, transparent 14px, transparent 100%); opacity: 0.88; }
body.landing-page .trust-grow { gap: 8px !important; }
body.landing-page .trust-grow::before { display: none !important; }
body.landing-page .trust-grow-mark { display: block; width: 17px; height: 35px; color: rgba(225, 235, 240, 0.8); font-family: Georgia, serif; font-size: 34px; line-height: 0.72; transform: scaleX(0.65); transform-origin: center center; }
body.landing-page .hero-reference-copy .trust-grow strong { font-size: 13px !important; letter-spacing: 0.14em !important; }
body.landing-page .hero-reference-copy .trust-grow small { font-size: 9px !important; }
body.landing-page .hero-reference-handwrite { font-weight: 300; text-align: center; letter-spacing: -0.04em; text-shadow: rgba(0, 0, 0, 0.24) 0px 8px 20px; position: absolute !important; z-index: 9 !important; right: 15.8% !important; top: 4.3% !important; color: rgba(218, 231, 243, 0.95) !important; font-family: "Segoe Print", "Segoe Script", "Bradley Hand", cursive !important; font-size: 28px !important; line-height: 0.98 !important; transform: rotate(-5deg) !important; }
body.landing-page .hero-reference-handwrite span { font-size: 38px !important; font-weight: 300; }
body.landing-page .hero-reference-handwrite::after { content: ""; display: block; width: 137px !important; height: 17px !important; margin: 3px auto 0px !important; border-width: 0px 0px 2px !important; border-style: none none solid !important; border-color: currentcolor currentcolor rgba(226, 239, 249, 0.85) !important; border-image: none !important; border-radius: 50% !important; transform: rotate(-1deg) !important; }
body.landing-page .capability-strip { margin-top: 0px !important; }
@media (max-width: 1500px) {
body.landing-page .public-nav { padding-inline: 58px !important; }
body.landing-page .public-nav nav { margin-left: clamp(70px, 9vw, 128px); gap: 27px !important; font-size: 13px !important; }
body.landing-page .nav-login { min-width: 190px; }
body.landing-page .hero-reference-copy { left: 58px !important; top: 60px !important; width: min(42vw, 610px) !important; }
body.landing-page .hero-reference-copy h1 { font-size: clamp(57px, 4.55vw, 69px) !important; }
body.landing-page .hero-reference-handwrite { right: 13% !important; }
}
@media (max-width: 1260px) {
body.landing-page .public-nav { padding-inline: 32px !important; }
body.landing-page .public-brand img { width: 170px !important; }
body.landing-page .public-nav nav { margin-left: 48px; gap: 22px !important; font-size: 12px !important; }
body.landing-page .nav-login { min-width: 170px; font-size: 12px !important; }
body.landing-page .hero-reference { min-height: 780px !important; }
body.landing-page .hero-reference-copy { left: 40px !important; top: 48px !important; width: 540px !important; }
body.landing-page .hero-reference-copy h1 { font-size: 58px !important; }
body.landing-page .hero-reference-copy > p { font-size: 15.5px !important; max-width: 530px !important; }
body.landing-page .hero-reference-handwrite { right: 7% !important; top: 5% !important; font-size: 22px !important; }
body.landing-page .hero-reference-handwrite span { font-size: 31px !important; }
}
@media (max-width: 1040px) {
body.landing-page { --reference-nav-h: 76px; }
body.landing-page .public-nav { min-height: 76px; justify-content: space-between; height: 76px !important; padding-inline: 24px !important; }
body.landing-page .public-brand img { width: 154px !important; }
body.landing-page .public-nav nav { display: none !important; }
body.landing-page .nav-actions-public { margin-left: auto; margin-right: 12px; }
body.landing-page .menu-toggle { display: flex; }
body.landing-page .nav-login { min-width: 158px; height: 43px; grid-template-columns: 20px 1fr 16px; min-height: 43px !important; padding-inline: 14px !important; gap: 8px !important; }
body.landing-page .hero-reference { height: auto !important; min-height: 900px !important; }
body.landing-page .hero-reference-copy { position: relative !important; left: auto !important; top: auto !important; width: auto !important; max-width: 680px !important; padding: 42px 28px 410px !important; }
body.landing-page .hero-reference-copy h1 { font-size: clamp(52px, 7.4vw, 66px) !important; }
body.landing-page .hero-reference-copy > p { max-width: 600px !important; }
body.landing-page .hero-reference-shade { background: linear-gradient(rgba(2, 17, 22, 0.96) 0%, rgba(2, 17, 22, 0.82) 43%, rgba(2, 17, 22, 0.25) 66%, rgba(2, 17, 22, 0) 100%) !important; }
body.landing-page .hero-reference-handwrite { display: none !important; }
}
@media (max-width: 720px) {
body.landing-page { --reference-nav-h: 72px; }
body.landing-page .public-nav { min-height: 72px; height: 72px !important; padding-inline: 18px !important; }
body.landing-page .public-brand img { width: 132px !important; }
body.landing-page .nav-actions-public { margin-right: 6px; }
body.landing-page .nav-login { min-width: 0px; width: 46px; height: 42px; grid-template-columns: 1fr; padding: 0px !important; border-radius: 11px !important; }
body.landing-page .nav-login-label,  body.landing-page .nav-login-arrow { display: none; }
body.landing-page .hero-reference { min-height: 850px !important; }
body.landing-page .hero-reference-copy { padding: 32px 18px 325px !important; }
body.landing-page .hero-reference-copy .eyebrow { white-space: normal; font-size: 9.5px !important; letter-spacing: 0.2em !important; }
body.landing-page .hero-reference-copy h1 { font-size: clamp(42px, 11.7vw, 56px) !important; line-height: 0.96 !important; text-wrap: balance !important; }
body.landing-page .hero-reference-copy > p { font-size: 14px !important; line-height: 1.55 !important; }
body.landing-page .hero-reference-copy .hero-actions-v2 { display: grid; grid-template-columns: 1fr; gap: 10px !important; margin-top: 20px !important; }
body.landing-page .hero-reference-copy .hero-actions-v2 .btn { width: 100%; min-width: 0px !important; }
body.landing-page .hero-reference-copy .hero-trust { width: 100%; max-width: 100% !important; margin-top: 26px !important; }
body.landing-page .hero-reference-copy .hero-trust-logos { transform: scale(0.88); transform-origin: left center; gap: 17px !important; }
}
@media (min-width: 1501px) {
body.landing-page .hero-reference-bg::after { background: linear-gradient(165deg, transparent 0px, transparent 18%, rgba(43, 46, 49, 0.86) 19%, rgba(13, 16, 18, 0.97) 100%) right bottom / 42px 37% no-repeat, linear-gradient(90deg, rgba(1, 15, 18, 0.09) 0%, rgba(1, 15, 18, 0.02) 36%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.1) 100%), linear-gradient(rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.12) 100%); }
body.landing-page .hero-reference-copy h1 em { letter-spacing: -0.068em; }
body.landing-page .hero-reference-copy > p { max-width: 570px !important; font-size: 17.5px !important; }
body.landing-page .hero-reference-handwrite { right: 17.55% !important; top: 3.25% !important; }
}
@media (min-width: 1501px) {
body.landing-page .public-brand img { width: 220px !important; }
body.landing-page .hero-reference-copy h1 { margin-bottom: 15px !important; }
body.landing-page .hero-reference-copy h1 em { font-size: 0.975em; }
body.landing-page .hero-reference-copy .hero-actions-v2 { margin-top: 26px !important; }
body.landing-page .hero-reference-copy .hero-trust { margin-top: 40px !important; }
body.landing-page .hero-reference-copy .hero-trust-logos { gap: 42px !important; }
body.landing-page .hero-reference-copy .trust-lizama strong { font-size: 22px !important; letter-spacing: 0.16em !important; }
body.landing-page .hero-reference-bg::after { background: linear-gradient(90deg, rgba(36, 39, 42, 0.95), rgba(14, 17, 19, 0.98)) right bottom / 78% 20px no-repeat, linear-gradient(165deg, transparent 0px, transparent 18%, rgba(43, 46, 49, 0.86) 19%, rgba(13, 16, 18, 0.97) 100%) right bottom / 42px 37% no-repeat, linear-gradient(90deg, rgba(1, 15, 18, 0.09) 0%, rgba(1, 15, 18, 0.02) 36%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.1) 100%), linear-gradient(rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.12) 100%); }
}
html { overflow-x: clip; }
body.landing-page { overflow-x: clip; }
body.landing-page .hero-particles { position: absolute; inset: 0px; pointer-events: none; opacity: 0.9; mix-blend-mode: screen; display: block !important; z-index: 4 !important; }
body.landing-page .hero-reference-shade { background: linear-gradient(90deg, rgba(2, 16, 21, 0.98) 0%, rgba(2, 16, 21, 0.9) 26%, rgba(2, 16, 21, 0.62) 37%, rgba(2, 16, 21, 0.18) 48%, rgba(2, 16, 21, 0) 60%), linear-gradient(rgba(2, 15, 19, 0) 60%, rgba(2, 15, 19, 0.04) 74%, rgba(1, 10, 13, 0.2) 100%) !important; }
body.landing-page .hero-reference-copy { left: 52px !important; top: 66px !important; width: min(39vw, 690px) !important; max-width: 690px !important; }
body.landing-page .hero-reference-copy h1 { margin-bottom: 22px !important; max-width: 700px !important; font-size: clamp(66px, 4.95vw, 82px) !important; line-height: 0.93 !important; }
body.landing-page .hero-reference-copy > p { max-width: 615px !important; font-size: 17px !important; line-height: 1.48 !important; }
body.landing-page .hero-reference-copy .hero-actions-v2 { margin-top: 34px !important; }
body.landing-page .hero-reference-copy .hero-trust { width: 510px !important; max-width: 510px !important; margin-top: 38px !important; }
body.landing-page .hero-reference-copy .hero-trust-logos { gap: 38px !important; }
body.landing-page .hero-reference-handwrite { right: 14.1% !important; top: 4.8% !important; font-size: 27px !important; transform: rotate(-7deg) !important; }
body.landing-page .hero-reference-handwrite span { font-size: 40px !important; }
@media (max-width: 1500px) {
body.landing-page .hero-reference-copy { left: 46px !important; top: 60px !important; width: min(41vw, 640px) !important; }
body.landing-page .hero-reference-copy h1 { font-size: clamp(60px, 4.7vw, 74px) !important; }
body.landing-page .hero-reference-handwrite { right: 12% !important; }
}
@media (max-width: 1260px) {
body.landing-page .hero-reference-copy { left: 34px !important; top: 46px !important; width: min(45vw, 560px) !important; }
body.landing-page .hero-reference-copy h1 { font-size: 54px !important; }
body.landing-page .hero-reference-copy > p { font-size: 15.5px !important; max-width: 520px !important; }
body.landing-page .hero-reference-copy .hero-trust { width: 470px !important; max-width: 470px !important; }
}
@media (max-width: 1040px) {
body.landing-page .hero-reference-copy { padding: 42px 28px 395px !important; }
}
@media (max-width: 720px) {
body.landing-page .hero-reference-copy { padding: 32px 18px 314px !important; }
body.landing-page .hero-reference-copy h1 { font-size: clamp(40px, 11.2vw, 54px) !important; }
}
body.landing-page .hero-particles,  body.landing-page canvas.hero-particles { display: none !important; opacity: 0 !important; visibility: hidden !important; }
body.landing-page .hero-reference-copy { left: 52px !important; width: min(38.2vw, 660px) !important; max-width: 660px !important; }
body.landing-page .hero-reference-copy h1 { max-width: 650px !important; }
body.landing-page .hero-reference-handwrite { right: 12.9% !important; }
@media (max-width: 1500px) {
body.landing-page .hero-reference-handwrite { right: 11.6% !important; }
}
@media (max-width: 1260px) {
body.landing-page .hero-reference-copy { width: min(44vw, 550px) !important; }
}
 body.landing-page .hero-particles { display: none !important; }
body.landing-page .hero-reference-copy { width: min(38vw, 652px) !important; }
@keyframes hero-gen-fragment { 
  0% { opacity: 0; transform: translate3d(var(--dx),var(--dy),0) scale(.2); }
  24% { opacity: 0.95; }
  68% { opacity: 0.85; }
  100% { opacity: 0; transform: translate3d(0px, 0px, 0px) scale(1); }
}
@keyframes hero-gen-sheen { 
  0% { opacity: 0; transform: translateX(-12%); }
  25% { opacity: 0.85; }
  100% { opacity: 0; transform: translateX(7%); }
}