:root{--ink:#193c34;--paper:#f6f7f0;--lime:#d8f578;--line:#d9ded4;--muted:#647069;--lavender:#e9e2f7;--orange:#ffb56f;--white:#fff;--radius:20px;font-family:Inter,"Segoe UI",system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.65}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #a855db;outline-offset:5px}button{color:inherit}button[hidden],[hidden]{display:none!important}.wrap{max-width:1240px;width:calc(100% - 96px);margin-inline:auto}.nav{height:101px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-weight:750;font-size:20px;letter-spacing:-.7px}.brand-sub{display:block;font-size:9px;letter-spacing:3px;margin-top:3px}.nav nav{display:flex;gap:32px;align-items:center;font-size:13px;font-weight:600}.small-button{border:1px solid var(--ink);padding:12px 19px;border-radius:100px;display:flex;gap:25px;transition:background .2s}.small-button:hover{background:var(--lime)}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;padding-top:66px;padding-bottom:66px;min-height:570px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:750;display:inline-flex;gap:9px;align-items:center}.mini-star{font-size:21px;font-weight:400}.hero h1{font-size:clamp(54px,5.9vw,82px);font-weight:650;letter-spacing:-4.8px;line-height:1.04;margin:25px 0 25px;position:relative;width:max-content}.hero h1 em,h2 em{font-family:Georgia,"Times New Roman",serif;font-weight:400}.hero h1 em{position:relative}.hero h1 em:after{content:"";display:block;position:absolute;bottom:-2px;left:0;width:100%;height:9px;background:var(--lime);z-index:-1;transform:rotate(-2deg)}.spark{position:absolute;font-size:57px;font-weight:300;color:#745bb0;right:-84px;bottom:0;transform:rotate(13deg)}.hero-copy>p{font-size:16px;line-height:1.7;color:#56685e;margin:0}.hero-bottom{display:flex;align-items:center;gap:27px;margin-top:29px}.text-link{font-size:13px;font-weight:700;display:inline-flex;gap:18px;align-items:center;border-bottom:1px solid var(--ink);padding-block:6px}.tiny-note{font-size:11px;color:var(--muted)}.hero-art{height:400px;position:relative;display:grid;place-items:center;isolation:isolate}.orbit{position:absolute;border:1px solid #dce1d2;border-radius:50%;width:364px;height:364px;transform:rotate(-24deg);z-index:-1}.orbit-two{width:420px;height:220px;transform:rotate(-35deg)}.hero-art:before{content:"";position:absolute;width:280px;height:280px;background:#e8eddc;border-radius:50%;filter:blur(3px);z-index:-1}.vault-object{width:245px;height:263px;position:relative;transform:rotate(-9deg);filter:drop-shadow(12px 23px 18px #18382e20);animation:bob 7s ease-in-out infinite}.vault-face{position:absolute;inset:0;background:#dbe6d6;border:2px solid var(--ink);border-radius:26px;box-shadow:inset 0 0 0 10px #edf2e6,inset 0 0 0 12px #597666;display:flex;align-items:center;justify-content:center}.vault-side{position:absolute;inset:8px -21px -9px 20px;border:2px solid var(--ink);background:#aebfac;border-radius:26px;transform:skewY(4deg)}.vault-label,.vault-foot{position:absolute;left:26px;letter-spacing:2px;font-size:9px;font-weight:800}.vault-label{top:25px}.vault-foot{bottom:25px;font-size:6px;letter-spacing:1.5px}.vault-dial{width:127px;height:127px;border:2px solid var(--ink);border-radius:50%;background:#b7c6b1;position:relative;box-shadow:3px 4px 0 #173e35;display:grid;place-items:center}.dial-center{width:89px;height:89px;border-radius:50%;display:grid;place-items:center;font-size:64px;color:var(--ink);background:#e4eccf;border:2px solid var(--ink);line-height:1}.vault-dial>span{position:absolute;width:7px;height:14px;border:1px solid var(--ink);background:var(--ink);border-radius:5px;top:-2px;left:59px}.vault-dial>span:nth-child(2){transform:rotate(90deg);left:auto;right:0;top:56px}.vault-dial>span:nth-child(3){top:auto;bottom:0}.vault-dial>span:nth-child(4){transform:rotate(90deg);left:0;top:56px}.sticker{position:absolute;right:-68px;bottom:7px;background:var(--lavender);padding:16px 20px;font-size:12px;line-height:1.5;transform:rotate(15deg);border:1px solid #776991;border-radius:3px;box-shadow:2px 3px 0 #9f8eb536}.float-note{position:absolute;padding:12px 17px;background:white;border:1px solid var(--line);border-radius:100px;font-size:11px;font-weight:600;box-shadow:0 4px 12px #193c3408;z-index:2;display:flex;align-items:center;gap:8px}.float-note i,.cipher-footer i,.connection>span{width:6px;height:6px;border-radius:50%;background:#6b9b55;display:inline-block}.note-one{top:13px;left:13px;transform:rotate(-7deg)}.note-two{bottom:5px;left:30px;transform:rotate(-6deg)}.note-two>span{font-size:20px}.art-star{position:absolute;font-size:43px;color:#d0aa62;right:6px;top:44px}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.section-top h2{font-size:31px;letter-spacing:-1px;margin:9px 0 0;font-weight:600}.connection{font-size:10px;border:1px solid var(--line);border-radius:100px;display:flex;gap:7px;align-items:center;padding:9px 12px;white-space:nowrap}.connection>span{background:#bda76e}.connection.online>span{background:#53865a}.connection.offline>span{background:#c95740}.lab{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 9px 25px #223f3005}.steps{display:flex;margin:0;padding:0 28px;list-style:none;background:#f1f3ea;border-bottom:1px solid var(--line)}.steps li{display:flex;gap:10px;align-items:center;padding:19px 0;flex:1;font-size:11px;color:#849087;font-weight:600;position:relative}.steps li span{font-family:ui-monospace,monospace;font-size:10px;background:#e4e9dc;border:1px solid #d4dcce;padding:5px 7px;border-radius:6px;color:#71816f}.steps li.current{color:var(--ink)}.steps li.current:after{content:"";height:2px;background:var(--ink);position:absolute;bottom:-1px;width:90%}.steps li.current span,.steps li.done span{background:var(--lime);border-color:#c9df9b;color:var(--ink)}.steps li.done{color:var(--ink)}.lab-grid{display:grid;grid-template-columns:1fr 54px 1fr;padding:28px 28px 23px;align-items:stretch}.panel-heading{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:20px}.panel-heading h3{font-size:13px;margin:0;font-weight:650}.panel-heading h3>span{margin-left:6px;font-size:17px;color:#7e8a78}.pill{font-size:7px;letter-spacing:.8px;font-weight:700;border:1px solid #dae1d1;padding:5px 7px;border-radius:5px;color:#6d7c66}.samples{display:flex;gap:7px;margin-bottom:12px}.samples button{font-size:10px;border:1px solid #e0e3db;background:white;padding:7px 11px;border-radius:100px}.samples button.selected{background:var(--ink);color:white;border-color:var(--ink)}textarea{font-family:ui-monospace,"Cascadia Code",monospace;font-size:12px;line-height:1.9;padding:18px;width:100%;resize:vertical;min-height:171px;max-height:350px;background:#fafbf7;border:1px solid #e1e6d9;border-radius:10px;color:var(--ink)}textarea:disabled{opacity:1;color:var(--ink)}.editor-meta{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:var(--muted);margin-top:8px}.upload{cursor:pointer;text-decoration:underline;text-underline-offset:3px}.upload input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.factors{display:flex;gap:10px;margin-top:22px}.factors>div{display:flex;align-items:center;gap:9px;flex:1;border:1px solid #e0e5d8;border-radius:9px;padding:10px 11px;font-size:10px;font-weight:650}.factors small{display:block;font-weight:400;font-size:8px;color:var(--muted);margin-top:2px}.key-icon{font-size:18px;color:#66805c}.factor-dot{margin-left:auto;background:#bed98d;width:5px;height:5px;border-radius:50%}.bridge{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#7b9171}.bridge small{font-size:7px;font-weight:800;letter-spacing:1px}.bridge>span{font-size:21px}.cipher-panel{border-radius:13px;background:var(--ink);padding:20px;color:#f4f7ea;display:flex;flex-direction:column;min-height:328px}.cipher-panel .panel-heading{margin-bottom:0}.cipher-panel .panel-heading h3>span{color:#bbd39e}.dark-pill{color:#c2d0b5;border-color:#4d6a53;font-size:6px}.cipher-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1;padding:12px}.empty-lock{font-size:41px;color:var(--lime);line-height:1}.cipher-empty h4{font-family:Georgia,serif;font-style:italic;font-size:26px;font-weight:400;line-height:1.1;margin:12px 0}.cipher-empty p{font-size:10px;line-height:1.7;color:#bdcdbd;margin:0}.cipher-output{margin:20px 0 14px;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-all;max-height:239px;overflow:auto;font-family:ui-monospace,monospace;font-size:10px;line-height:1.9;color:#d5f18e;flex:1;min-height:210px}.cipher-footer{border-top:1px solid #466151;padding-top:11px;display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#c9d7bd}.cipher-footer span:first-child{display:flex;align-items:center;gap:6px}.cipher-footer i{background:#b8de7e;width:4px;height:4px}.lab-actions{display:flex;justify-content:space-between;align-items:center;padding:0 28px 20px;gap:14px}.lab-actions>div:first-child{display:flex;align-items:center;gap:15px}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:30px;font-size:12px;font-weight:750;min-height:45px;padding:13px 22px;background:var(--lime);border:1px solid #bfd868;border-radius:100px;transition:background .2s,transform .2s}.primary-button:hover{background:#c9ed59;transform:translateY(-1px)}.primary-button:active{transform:translateY(0)}.primary-button span{font-size:18px;font-weight:400}.reset-button{background:none;border:0;font-size:10px;color:var(--muted);padding:8px 0;text-decoration:underline;text-underline-offset:3px}.timing{display:flex;flex-direction:column;align-items:end;gap:7px;font-size:9px;color:var(--muted)}.security-test{border:0;background:none;color:#604c82;font-weight:600;font-size:10px;text-decoration:underline;text-underline-offset:3px;padding:0}.status{background:#f8f9f3;border-top:1px solid #e7ebdf;font-size:10px;color:#66785f;padding:11px 28px}.status.error{color:#9a3e2e;background:#fff4ed}.status.success{color:#275b39;background:#f0f8e9}.demo-note{font-size:10px;line-height:1.7;color:#6b7867;margin:12px 3px 24px;max-width:900px}.demo-note>span{margin-right:4px}.result{display:flex;align-items:center;gap:14px;margin:0 28px 22px;padding:16px;background:#edf6dc;border:1px solid #d4e5b4;border-radius:12px}.result-check{border:1px solid #9bbd72;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;flex-shrink:0}.result strong{font-size:12px}.result p{font-size:10px;margin:4px 0;color:#57704b}.result code{font-size:8px;overflow-wrap:anywhere;color:#5c7350}.outline-button{border:1px solid #adc390;background:transparent;padding:10px 13px;font-size:10px;border-radius:100px;white-space:nowrap;margin-left:auto}.developer-details{border:1px solid var(--line);border-radius:12px;background:#f0f2e9}.developer-details summary{list-style:none;display:flex;gap:12px;align-items:center;padding:17px 21px;font-size:11px;font-weight:600;cursor:pointer}.developer-details summary::-webkit-details-marker{display:none}.developer-details summary>span:first-child{font-size:17px;color:#648256}.plus{margin-left:auto;font-weight:400;font-size:18px}.developer-details[open] .plus{transform:rotate(45deg)}.developer-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;padding:0 23px 23px}.developer-grid pre{margin:0;font-size:10px;line-height:1.8;overflow:auto;background:#e8ecde;padding:17px;border-radius:8px}.developer-grid h3{font-size:15px}.developer-grid p{font-size:11px;line-height:1.8;color:var(--muted)}.developer-grid a{font-size:11px;text-decoration:underline;text-underline-offset:3px}.explanation{display:grid;grid-template-columns:.75fr 1.5fr;gap:75px;margin-top:83px;padding-top:37px;border-top:1px solid var(--line);margin-bottom:72px}.explanation h2{font-size:37px;line-height:1.12;letter-spacing:-1.5px;font-weight:600;margin:17px 0}.explanation-intro>p{color:var(--muted);font-size:12px;line-height:1.8;max-width:260px}.principles{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:24px}.principles li{position:relative;padding-left:110px;border-bottom:1px solid var(--line);padding-bottom:22px;min-height:80px}.principles li:last-child{border:0;padding-bottom:0}.principles li>span{position:absolute;left:0;top:4px;font-size:8px;letter-spacing:1px;font-weight:700;color:#677e5d}.principles h3{font-size:18px;font-weight:600;margin:0 0 7px;letter-spacing:-.4px}.principles p{font-size:12px;line-height:1.7;color:var(--muted);margin:0;max-width:460px}.integration{background:var(--lavender);border:1px solid #d8cfe8;border-radius:20px;padding:42px;display:grid;grid-template-columns:1fr .85fr;gap:40px;align-items:center;margin-bottom:65px}.integration h2{font-size:35px;line-height:1.13;letter-spacing:-1.2px;font-weight:600;margin:18px 0}.integration p{font-size:12px;line-height:1.8;color:#625d6a}.integration-ctas{display:flex;align-items:center;gap:20px;margin-top:23px}.integration-ctas .text-link{font-size:10px;gap:5px}.install-card{border-radius:12px;background:#27392f;color:#eff5e7;padding:20px;box-shadow:6px 7px 0 #c5bbd5}.install-card>div{display:flex;justify-content:space-between;align-items:center;color:#a4b59c;font-size:8px;letter-spacing:1.2px}.install-card button{font-size:9px;border:0;background:none;color:#ccdcba;padding:4px;letter-spacing:0}.install-card pre{font-size:10px;line-height:1.8;padding:22px 0 16px;color:#d7efaa;margin:0;overflow:auto}.install-card .muted{color:#829377}.install-card>p{color:#b5c2aa;font-size:9px;border-top:1px solid #4f5f4a;padding-top:13px;margin-bottom:0}.install-card>p a{display:inline-block;text-decoration:underline;text-underline-offset:3px;margin-top:8px;margin-right:14px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding-block:25px 35px;gap:20px;font-size:10px;color:#768171}.footer-brand{font-size:10px;letter-spacing:1.8px;font-weight:800;color:var(--ink)}.footer-brand span{display:block;font-size:9px;font-weight:400;letter-spacing:0;color:var(--muted);margin-top:6px}footer p{font-size:9px;line-height:1.7;margin:0}footer>a:last-child{font-size:10px}.sr-only,.skip{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip:focus{clip:auto;width:auto;height:auto;padding:12px;background:var(--lime);z-index:10;top:10px;left:10px}@keyframes bob{0%,100%{transform:rotate(-9deg) translateY(0)}50%{transform:rotate(-6deg) translateY(-8px)}}@media(min-width:1500px){.hero{padding-top:80px;padding-bottom:80px}}@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.hero{grid-template-columns:1fr 1fr}.hero h1{font-size:65px;letter-spacing:-3.5px}.hero-art{transform:scale(.88)}.spark{font-size:40px;right:-48px}.tiny-note{display:none}.lab-grid{grid-template-columns:1fr 32px 1fr;padding:22px}.pill{font-size:6px}.panel-heading h3{font-size:12px}.factors>div{padding:8px;gap:6px}.factors{gap:6px}.key-icon{font-size:15px}.integration{padding:30px;gap:25px}.integration-ctas{gap:15px;flex-wrap:wrap}.explanation{gap:45px}}@media(max-width:760px){.wrap{width:calc(100% - 36px)}.nav{height:79px}.nav nav{gap:17px}.nav .nav-link{display:none}.small-button{font-size:10px;padding:10px 13px;gap:13px}.brand{font-size:17px}.brand img{width:23px;height:29px}.brand-sub{font-size:7px}.hero{padding-top:39px;padding-bottom:35px;min-height:0;grid-template-columns:1fr}.hero h1{font-size:67px;margin-top:20px}.hero-copy>p{font-size:14px}.hero-bottom{margin-top:19px}.hero-art{height:325px;transform:scale(.82);margin-top:3px;margin-bottom:-20px}.hero-art .note-one{left:0}.hero-art .note-two{left:10px;bottom:-15px}.hero-art .art-star{right:7px}.spark{right:-55px;font-size:40px}.section-top{align-items:start;gap:10px;margin-bottom:17px}.section-top h2{font-size:25px;line-height:1.17;max-width:230px}.section-top .connection{font-size:8px;max-width:130px;white-space:normal;gap:5px;padding:7px 9px;margin-top:7px}.connection>span{flex-shrink:0}.eyebrow{font-size:8px;letter-spacing:1.5px}.steps{padding-inline:16px;gap:12px}.steps li{font-size:9px;line-height:1.4;gap:6px;padding-block:15px}.steps li span{font-size:8px;padding:4px}.lab-grid{grid-template-columns:1fr;padding:18px;gap:14px}.bridge{flex-direction:row;gap:8px;height:16px}.bridge>span{transform:rotate(90deg)}.bridge>span:last-child{display:none}.panel-heading{margin-bottom:14px}.panel-heading h3{font-size:13px}.pill{font-size:7px}.samples button{font-size:10px;padding:7px 11px}.factors{margin-top:15px;gap:10px}.factors>div{padding:10px;gap:9px}.cipher-panel{min-height:282px}.cipher-output{min-height:180px;max-height:220px}.cipher-empty h4{font-size:25px}.lab-actions{padding:0 18px 16px;flex-direction:column;align-items:stretch;gap:16px}.lab-actions>div:first-child{justify-content:space-between;gap:8px}.primary-button{font-size:11px;padding:12px 18px;gap:16px}.timing{align-items:start;gap:10px}.reset-button{font-size:9px}.status{padding:11px 18px;line-height:1.6}.result{margin:0 18px 17px;align-items:start;gap:10px;flex-wrap:wrap}.result>div{flex:1}.result .outline-button{margin-left:42px}.result code{font-size:7px}.demo-note{font-size:9px;margin-bottom:20px}.developer-grid{grid-template-columns:1fr;gap:10px;padding:0 16px 15px}.developer-grid pre{font-size:8px;padding:13px}.developer-details summary{padding:14px 16px;font-size:10px}.explanation{grid-template-columns:1fr;gap:23px;margin-top:50px;margin-bottom:40px;padding-top:26px}.explanation h2{font-size:33px}.explanation-intro>p{max-width:100%;font-size:12px}.principles{gap:22px}.principles li{padding-left:82px;padding-bottom:20px}.principles h3{font-size:17px}.principles p{font-size:11px}.principles li>span{font-size:7px}.integration{grid-template-columns:1fr;padding:25px;gap:25px;margin-bottom:35px}.integration h2{font-size:29px}.integration-ctas{margin-top:20px;gap:14px}.integration p{font-size:11px}.install-card pre{font-size:9px}.install-card{padding:17px}.integration-ctas .text-link{font-size:10px}footer{flex-wrap:wrap;gap:20px;padding-block:20px 25px}footer p{font-size:8px}footer>a:last-child{margin-left:auto}#playground,#integracion,#como-funciona{scroll-margin-top:24px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.vault-object{animation:none}*,*:before,*:after{transition:none!important}}
@media(max-width:760px){.hero h1{font-size:clamp(54px,16.5vw,67px)}.spark{right:-31px;font-size:31px}.upload:focus-within{outline:3px solid #a855db;outline-offset:4px}}
@media(max-width:760px){.hero{overflow:clip}}
.install-card pre{white-space:pre-wrap;overflow-wrap:anywhere}