.si{--si-display:"Fraunces Variable",Georgia,serif;--si-mono:"IBM Plex Mono",ui-monospace,monospace;--si-ease:cubic-bezier(0.22,1,0.36,1);display:grid;min-block-size:100svh;background:var(--bg-canvas);color:var(--text-primary)}.si *,.si :after,.si :before{box-sizing:border-box}@media (min-width:1024px){.si{grid-template-columns:1.1fr 1fr}}.si-visual{position:relative;min-block-size:240px;overflow:hidden;isolation:isolate;color:#e9f4fa}.si-photo{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover;z-index:-2;animation:si-zoom 24s ease-out both}.si-visual:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgb(8 21 34/.55),rgb(8 21 34/.2) 40%,rgb(8 21 34/.92)),radial-gradient(circle at 20% 110%,rgb(69 222 197/.25),transparent 50%)}.si-visual-inner{display:flex;flex-direction:column;justify-content:space-between;block-size:100%;padding:clamp(1.25rem,4vw,3.5rem)}.si-logo,.si-visual-logo{display:inline-flex;align-items:center;min-inline-size:44px;min-block-size:44px}.si-visual-logo img{block-size:64px;inline-size:auto;margin-inline:-8px -64px}.si-visual-copy{display:none}@media (min-width:1024px){.si-visual{position:-webkit-sticky;position:sticky;inset-block-start:0;block-size:100svh}.si-visual-copy{display:block;max-inline-size:520px;animation:si-rise 1s var(--si-ease) both .2s}.si-visual-logo img{block-size:80px}}.si-visual-copy h2{font-family:var(--si-display);font-weight:500;font-size:clamp(2.2rem,3.4vw,3.4rem);line-height:1.05;letter-spacing:-.02em;margin:0 0 1.5rem}.si-visual-copy ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:.75rem;gap:.75rem}.si-visual-copy li{display:flex;gap:.6rem;align-items:center;color:rgb(233 244 250/.85)}.si-visual-copy li svg{color:#45dec5;flex:none}.si-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:0 1rem 2rem;position:relative}@media (min-width:1024px){.si-panel{padding:3rem 2rem}}.si-card{inline-size:min(460px,100%);-webkit-margin-before:-3rem;margin-block-start:-3rem;padding:clamp(1.5rem,5vw,2.5rem);border-radius:28px;background:var(--bg-surface);border:1px solid var(--border);box-shadow:0 40px 90px -40px rgb(0 0 0/.55);animation:si-rise .8s var(--si-ease) both;position:relative}@media (min-width:1024px){.si-card{-webkit-margin-before:0;margin-block-start:0}}.si-logo img{block-size:56px;inline-size:auto;margin-inline:-8px -56px}.si-title{font-family:var(--si-display);font-weight:500;font-size:2.2rem;letter-spacing:-.02em;margin:1.25rem 0 .35rem}.si-lead,.si-steps{margin:0 0 1.5rem;color:var(--text-secondary)}.si-steps{list-style:none;display:flex;gap:.5rem;padding:0;font:500 .72rem var(--si-mono);letter-spacing:.08em;text-transform:uppercase}.si-steps li{flex:1 1;display:flex;align-items:center;gap:.4rem;-webkit-padding-before:.6rem;padding-block-start:.6rem;-webkit-border-before:3px solid var(--border);border-block-start:3px solid var(--border);transition:border-color .3s,color .3s}.si-steps li span{display:inline-grid;place-items:center;inline-size:20px;block-size:20px;border-radius:50%;border:1px solid;font-size:.68rem}.si-steps li[data-state=current],.si-steps li[data-state=done]{border-block-start-color:var(--brand-accent);color:var(--brand-accent-text)}.si-steps li[data-state=done] span{background:var(--brand-accent);border-color:var(--brand-accent);color:var(--text-on-primary)}.si-flow form{display:grid;grid-gap:.9rem;gap:.9rem;animation:si-rise .45s var(--si-ease) both}.si-field{display:grid;grid-gap:.4rem;gap:.4rem;font-size:.85rem;font-weight:600}.si-input{position:relative;display:flex;align-items:center;gap:.6rem;padding-inline:1rem .4rem;min-block-size:56px;border-radius:16px;border:1px solid var(--border);background:var(--bg-canvas);color:var(--text-secondary);transition:border-color .2s,box-shadow .2s}.si-input:focus-within{border-color:var(--brand-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand-accent) 18%,transparent);color:var(--brand-accent-text)}.si-input input{flex:1 1;min-inline-size:0;block-size:54px;border:0;background:none;color:var(--text-primary);font:400 1rem var(--font-family-sans);outline:none}.si-eye{display:grid;place-items:center;inline-size:44px;block-size:44px;border:0;border-radius:12px;background:none;color:var(--text-secondary);cursor:pointer}.si-eye:hover{color:var(--text-primary);background:var(--bg-raised)}.si-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;inline-size:100%;min-block-size:54px;border-radius:999px;border:1px solid transparent;font:600 1rem var(--font-family-sans);cursor:pointer;transition:transform .2s var(--si-ease),box-shadow .25s,background-color .2s}.si-btn-primary{background:var(--brand-accent);color:var(--text-on-primary);box-shadow:0 12px 30px -12px color-mix(in srgb,var(--brand-accent) 75%,transparent)}.si-btn-primary:hover:not(:disabled){transform:translateY(-2px)}.si-btn-primary:disabled{opacity:.7;cursor:progress}.si-btn-ghost{background:none;color:var(--text-secondary);min-block-size:44px}.si-btn-ghost:hover{color:var(--text-primary)}.si-email-chip{justify-self:start;margin:0;padding:.35rem .8rem;border-radius:999px;background:var(--bg-raised);font-size:.85rem}.si-hint,.si-tenant{margin:0;font-size:.85rem;color:var(--text-secondary)}.si-tenant{-webkit-margin-after:.75rem;margin-block-end:.75rem;color:var(--brand-accent-text);font-weight:600}.si-warn{margin:0;font-size:.85rem;color:var(--status-warning)}.si-error{margin:0 0 1rem;padding:.75rem 1rem;border-radius:14px;color:var(--status-negative);background:color-mix(in srgb,var(--status-negative) 12%,transparent);font-size:.9rem}.si-error,.si-mfa-title{display:flex;align-items:center;gap:.5rem}.si-mfa-title{margin:0 0 .25rem;font-weight:700}.si-otp{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:.5rem;gap:.5rem;border:0;padding:0;margin:1rem 0}.si-otp input{inline-size:100%;block-size:60px;text-align:center;font:600 1.5rem var(--si-mono);border-radius:14px;border:1px solid var(--border);background:var(--bg-canvas);color:var(--text-primary)}.si-otp input:focus{outline:none;border-color:var(--brand-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand-accent) 18%,transparent)}.si-done{gap:.5rem;color:var(--status-positive)}.si-divider,.si-done{display:flex;align-items:center}.si-divider{gap:.75rem;margin:1.75rem 0 1rem;font:500 .72rem var(--si-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--text-secondary)}.si-divider:after,.si-divider:before{content:"";flex:1 1;block-size:1px;background:var(--border)}.si-demo-title{margin:0;font-weight:700}.si-demo-lead{margin:.2rem 0 .9rem;font-size:.85rem;color:var(--text-secondary)}.si-personas{display:grid;grid-gap:.5rem;gap:.5rem}.si-persona{display:flex;align-items:center;gap:.85rem;inline-size:100%;min-block-size:60px;padding:.6rem 1rem;border-radius:16px;border:1px dashed var(--border-strong);background:transparent;color:var(--text-primary);text-align:start;cursor:pointer;transition:border-color .2s,background-color .2s,transform .2s var(--si-ease)}.si-persona:hover:not(:disabled){border-style:solid;border-color:var(--brand-accent);background:color-mix(in srgb,var(--brand-accent) 10%,transparent);transform:translateY(-1px)}.si-persona svg{color:var(--brand-accent-text);flex:none}.si-persona span{display:grid}.si-persona small{color:var(--text-secondary);font-size:.8rem}.si-secure{display:flex;align-items:center;justify-content:center;gap:.4rem;margin:1.5rem 0 0;font-size:.78rem;text-align:center}.si-rights,.si-secure{color:var(--text-secondary)}.si-rights{margin:0;font-size:.8rem}.si-spin{animation:si-spin .9s linear infinite}[dir=rtl] .si-flip-rtl{transform:scaleX(-1)}@keyframes si-spin{to{rotate:1turn}}@keyframes si-rise{0%{opacity:0;translate:0 18px}}@keyframes si-zoom{0%{scale:1.12}}.si-input input:focus-visible{outline:none}@media (max-width:1023px){.si-visual-logo{display:none}.si-visual{min-block-size:200px}}