.landing-demo_demo__i0lsn{display:grid;font-family:Inter,-apple-system,system-ui,Segoe UI,Roboto,sans-serif;gap:12px;margin:0 auto;max-width:960px;width:100%}.landing-demo_scenes__Y8qVv{display:flex;gap:6px;justify-content:center}.landing-demo_scenes__Y8qVv span{border:1px solid transparent;border-radius:999px;color:#4b4a47;font-size:.9rem;font-weight:500;padding:4px 12px;transition:all .25s}.landing-demo_scenes__Y8qVv .landing-demo_sceneOn__XPCcr{background:#fff;border-color:#d6d6d2;color:#191919;font-weight:600}.landing-demo_browser__FkQyU{background:#fff;border:1px solid #e4e4e7;border-radius:14px;box-shadow:0 24px 56px -28px rgba(15,15,16,.35);overflow:hidden}.landing-demo_chrome__ZE9V_{align-items:center;background:#f4f4f5;border-bottom:1px solid #ececec;display:flex;gap:12px;padding:10px 14px}.landing-demo_dots__3s0AT{display:flex;gap:6px}.landing-demo_dots__3s0AT i{background:#d4d4d8;border-radius:50%;height:10px;width:10px}.landing-demo_url__bI0Zm{align-items:center;background:#fff;border-radius:999px;color:#3f3f46;display:flex;flex:1;font-size:.88rem;gap:7px;min-height:30px;padding:4px 12px;transition:box-shadow .2s}.landing-demo_url__bI0Zm svg{color:#a1a1aa}.landing-demo_urlActive__uMGYU{box-shadow:0 0 0 2px #1a73e8}.landing-demo_keyword__KFkpW{align-items:center;border:1px solid #dadce0;border-radius:6px;color:#1f1f1f;display:inline-flex;font-size:.8rem;font-weight:600;gap:4px;padding:1px 8px}.landing-demo_viewport__7nNJD{height:380px;overflow:hidden;position:relative}.landing-demo_page__Sshln{align-content:start;display:grid;gap:12px;height:100%;padding:28px 36px}.landing-demo_page__Sshln small{color:#a1a1aa;font-size:.8rem}.landing-demo_page__Sshln h4{color:#0f0f10;font-size:1.6rem;font-weight:700;margin:0 0 6px}.landing-demo_page__Sshln i{background:#f0f0f2;border-radius:5px;height:10px}.landing-demo_page__Sshln i:nth-of-type(2){width:82%}.landing-demo_page__Sshln i:nth-of-type(3){width:64%}.landing-demo_page__Sshln i:nth-of-type(4){width:74%}.landing-demo_palette__elqU8{animation:landing-demo_pop__m8Y1F .2s ease both;background:#131315;border:1px solid #2a2a2e;border-radius:14px;box-shadow:0 30px 60px rgba(0,0,0,.35);color:#f4f4f5;left:50%;overflow:hidden;position:absolute;top:40px;transform:translateX(-50%);width:min(460px,86%)}.landing-demo_paletteInput__63JXt{align-items:center;border-bottom:1px solid #232326;display:flex;font-size:1.1rem;gap:10px;padding:14px 16px}.landing-demo_logo__LgGIx{background:#fff;border-radius:6px;color:#37352f;display:grid;font-size:.6rem;font-weight:800;height:24px;place-items:center;width:24px}.landing-demo_placeholder__ciF1a{color:#71717a}.landing-demo_row__7vuMu{align-items:center;animation:landing-demo_pop__m8Y1F .2s ease both;border-radius:9px;display:flex;font-size:.95rem;gap:10px;margin:6px;padding:9px 10px}.landing-demo_row__7vuMu small{color:#a1a1aa;font-size:.78rem;margin-left:auto}.landing-demo_palette__elqU8 .landing-demo_rowOn__fD3IH{background:#232326}.landing-demo_rowIcon__qgiXC{border-radius:6px;color:#fff;display:grid;height:22px;place-items:center;width:22px}.landing-demo_dropdown__VJrGE{animation:landing-demo_pop__m8Y1F .2s ease both;background:#fff;border-radius:0 0 12px 12px;box-shadow:0 10px 24px rgba(60,64,67,.2);color:#1f1f1f;left:70px;padding:6px 0;position:absolute;right:14px;top:0}.landing-demo_dropdown__VJrGE .landing-demo_row__7vuMu{border-radius:0;margin:0}.landing-demo_dropdown__VJrGE .landing-demo_rowOn__fD3IH{background:#f1f3f4}.landing-demo_opened__w2OY3{animation:landing-demo_pop__m8Y1F .25s ease both;background:#fff;border:1px solid #e4e4e7;border-radius:14px;box-shadow:0 30px 60px -20px rgba(15,15,16,.3);left:50%;padding:22px 24px;position:absolute;top:32px;transform:translateX(-50%);width:min(460px,86%)}.landing-demo_openedHead__euf85{align-items:center;display:flex;gap:10px}.landing-demo_openedIcon___5J4I{border-radius:9px;display:grid;height:36px;place-items:center;width:36px}.landing-demo_openedHead__euf85 em{color:#52525b;font-style:normal;letter-spacing:.06em;text-transform:uppercase}.landing-demo_badge__5wsGE,.landing-demo_openedHead__euf85 em{font-size:.8rem;font-weight:600}.landing-demo_badge__5wsGE{align-items:center;background:#dcfce7;border-radius:999px;color:#15803d;display:inline-flex;gap:4px;margin-left:auto;padding:2px 10px}.landing-demo_opened__w2OY3 h3{color:#0f0f10;font-size:1.5rem;font-weight:700;margin:14px 0 6px}.landing-demo_opened__w2OY3 p{color:#52525b;font-size:1rem;margin:4px 0 0}.landing-demo_field__9tDDo{border:1px solid #e0dfdc;border-radius:12px;display:grid;gap:12px;margin:32px auto 0;max-width:520px;padding:16px}.landing-demo_fieldHead__0qlgW{align-items:center;display:flex;gap:10px}.landing-demo_fieldHead__0qlgW span{background:linear-gradient(145deg,#9fb7d6,#56739b);border-radius:50%;color:#fff;display:grid;font-size:.75rem;font-weight:600;height:32px;place-items:center;width:32px}.landing-demo_fieldBox__U4NiQ{background:#f4f2ee;border-radius:8px;color:#191919;font-size:1rem;line-height:1.6;min-height:110px;padding:12px 14px;white-space:pre-wrap}.landing-demo_fieldBox__U4NiQ mark{animation:landing-demo_flash__jJXMa 1.6s ease both;border-radius:3px;color:inherit}.landing-demo_send__91mP2{background:#0a66c2;border-radius:999px;color:#fff;font-size:.9rem;font-weight:600;justify-self:end;padding:5px 16px}.landing-demo_keys__tK2bB{animation:landing-demo_pop__m8Y1F .15s ease both;background:rgba(24,24,27,.92);border-radius:14px;bottom:22px;color:#a1a1aa;display:flex;font-size:1rem;left:50%;padding:10px 14px;position:absolute;transform:translateX(-50%)}.landing-demo_keys__tK2bB,.landing-demo_keys__tK2bB span{align-items:center;gap:8px}.landing-demo_keys__tK2bB span{display:inline-flex}.landing-demo_keys__tK2bB kbd{background:#27272a;border-radius:8px;border:solid #3f3f46;border-width:1px 1px 3px;color:#fff;font-family:inherit;font-size:1rem;font-weight:600;padding:4px 12px}.landing-demo_caret__IgKVH{animation:landing-demo_blink__eSKsf 1s steps(1) infinite;background:currentColor;display:inline-block;height:1.1em;margin-left:1px;vertical-align:-.18em;width:1.5px}.landing-demo_subtitle__X7SpK{align-items:center;background:#fff;border:1px solid #e7e7ea;border-radius:12px;display:flex;gap:12px;padding:12px 16px}.landing-demo_stepNum__uwDUU{align-items:center;background:#f4f4f5;border-radius:999px;color:#3f3f46;display:inline-flex;flex:none;font-size:.8rem;font-weight:700;padding:2px 10px}.landing-demo_caption__sCtUK{animation:landing-demo_fadeIn__suW9P .3s ease both;color:#0f0f10;font-size:1.05rem;font-weight:600}.landing-demo_progress__0arKs{display:flex;gap:4px;margin-left:auto}.landing-demo_progress__0arKs i{background:#e4e4e7;border-radius:2px;height:4px;transition:background .3s;width:18px}.landing-demo_progress__0arKs .landing-demo_progressOn__AWKVp{background:#0f766e}@keyframes landing-demo_pop__m8Y1F{0%{opacity:0;transform:translate(-50%,6px) scale(.98)}}.landing-demo_dropdown__VJrGE,.landing-demo_row__7vuMu{animation-name:landing-demo_fadeIn__suW9P}@keyframes landing-demo_fadeIn__suW9P{0%{opacity:0;transform:translateY(3px)}}@keyframes landing-demo_flash__jJXMa{0%,40%{background:#ffe4e8}to{background:transparent}}@keyframes landing-demo_blink__eSKsf{50%{opacity:0}}@media (max-width:640px){.landing-demo_viewport__7nNJD{height:340px}.landing-demo_page__Sshln{padding:20px}.landing-demo_progress__0arKs{display:none}}.landing-demo_meta__5nd3N{border-top:1px solid #f0f0f2;display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:14px}.landing-demo_meta__5nd3N span{align-items:center;border:1px dashed #d4d4d8;border-radius:8px;color:#71717a;display:inline-flex;font-size:.88rem;gap:6px;padding:4px 10px;transition:all .3s ease}.landing-demo_meta__5nd3N .landing-demo_metaOn__FdF9y{animation:landing-demo_fadeIn__suW9P .3s ease both;background:#fffbeb;border-color:#fcd34d;border-style:solid;color:#92400e;font-weight:600}.landing-demo_stepNum__uwDUU{justify-content:center;min-width:78px}.landing-demo_demo__i0lsn{max-width:none}.landing-demo_viewport__7nNJD{height:400px}.landing-demo_scenes__Y8qVv{counter-reset:none;list-style:none;margin:0 0 8px;padding:0}.landing-demo_scenes__Y8qVv,.landing-demo_scenes__Y8qVv li{align-items:center;gap:10px}.landing-demo_scenes__Y8qVv li{background:#fff;border:1px solid #d6d6d2;border-radius:999px;color:#191919;display:inline-flex;font-size:1.05rem;font-weight:600;padding:9px 18px 9px 10px;transition:background-color .25s ease,color .25s ease,border-color .25s ease}.landing-demo_scenes__Y8qVv li b{background:#f1f1ef;border-radius:50%;color:#191919;display:grid;font-size:.85rem;font-weight:700;height:26px;place-items:center;width:26px}.landing-demo_scenes__Y8qVv li:not(:last-child):after{color:#6b6a66;content:"→";font-weight:500;margin-left:14px;margin-right:-6px}.landing-demo_scenes__Y8qVv li.landing-demo_sceneOn__XPCcr{background:#191919;border-color:#191919;color:#fff}.landing-demo_scenes__Y8qVv li.landing-demo_sceneOn__XPCcr b{background:#fff;color:#191919}.landing-demo_scenes__Y8qVv li.landing-demo_sceneOn__XPCcr:after{color:#6b6a66}@media (max-width:560px){.landing-demo_scenes__Y8qVv li{font-size:.92rem;gap:6px;padding:6px 12px 6px 6px}.landing-demo_scenes__Y8qVv li b{font-size:.75rem;height:22px;width:22px}.landing-demo_scenes__Y8qVv li:not(:last-child):after{margin-left:8px;margin-right:-4px}.landing-demo_scenes__Y8qVv{flex-wrap:wrap;gap:6px;justify-content:center}.landing-demo_scenes__Y8qVv li{font-size:.9rem;padding:5px 11px 5px 5px}.landing-demo_scenes__Y8qVv li:not(:last-child):after{content:none}}