.qr-demo{background:#f7f9fc;padding:6rem 0 7rem;position:relative}.qr-demo-container{max-width:1280px;margin:0 auto;padding:0 40px}.qr-demo-columns{grid-template-columns:auto 1fr;align-items:start;gap:4rem;display:grid}.qr-demo-col-label{color:#526077;letter-spacing:.01em;align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:.8125rem;font-weight:600;display:flex}.qr-demo-device{aspect-ratio:418/850;width:320px;position:relative}.qr-demo-device-frame{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.qr-demo-device-screen{z-index:1;background:#fff;border-radius:6.5%;width:93.301%;height:96.706%;position:absolute;top:1.647%;left:3.349%;overflow:hidden}.qr-demo-phone-body{width:100%;height:100%;position:relative;overflow:hidden}.qr-demo-slide{opacity:0;pointer-events:none;transition:opacity .4s,transform .4s;position:absolute;inset:0;transform:translate(20px)}.qr-demo-slide--active{opacity:1;pointer-events:auto;height:100%;position:relative;transform:translate(0)}.entry-step{flex-direction:column;height:100%;display:flex}.entry-header{padding:8px 20px 0}.entry-header-spacer{height:32px}.entry-logo{width:auto;height:28px;margin-bottom:14px;display:block}.entry-welcome-title{color:#1a1a1a;letter-spacing:-.01em;font-size:1.125rem;font-weight:700;line-height:1.25}.entry-welcome-subtitle{color:#888;max-width:260px;margin-top:6px;font-size:.75rem;line-height:1.55}.entry-content{flex-direction:column;flex:1;padding:0 20px;display:flex}.entry-fields{flex-direction:column;gap:18px;padding-top:28px;display:flex}.entry-field{flex-direction:column;gap:7px;display:flex}.entry-label{color:#1a1a1a;font-size:.8125rem;font-weight:600}.entry-input{color:#1a1a1a;background:#fff;border:2px solid #2c2c2c;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:.8125rem;transition:border-color .2s}.entry-input::placeholder{color:#b5b0aa}.entry-input:focus{border-color:#1a1a1a}.entry-input--error{border-color:#ef4444}.entry-input:disabled{opacity:.5;cursor:not-allowed}.entry-address-wrap{position:relative}.entry-address-dropdown{z-index:50;background:#fff;border:1px solid #ece9e6;border-radius:14px;margin:0;padding:0;list-style:none;animation:.18s cubic-bezier(.16,1,.3,1) forwards entry-dropdown-in;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000f}@keyframes entry-dropdown-in{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.entry-address-option{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:10px 14px;font-family:inherit;transition:background-color .15s}.entry-address-option:active{background:#f7f5f3}.entry-address-option-text{color:#1a1a1a;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;line-height:1.4;overflow:hidden}.entry-address-divider{background:#f0eeec;height:1px;margin:0 14px}.entry-field-error{align-items:center;gap:5px;min-height:16px;animation:.2s cubic-bezier(.16,1,.3,1) forwards entry-error-slide-in;display:flex}.entry-field-error svg{color:#ef4444;flex-shrink:0;overflow:visible}.entry-field-error p{color:#ef4444;font-size:.6875rem;line-height:1.3}@keyframes entry-error-slide-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.entry-button-area{margin-top:auto;padding:20px 0 16px}.entry-btn-primary{color:#fff;cursor:pointer;background:#212f45;border:none;border-radius:14px;justify-content:center;align-items:center;width:100%;min-height:44px;padding:12px;font-family:inherit;font-size:.8125rem;font-weight:700;transition:opacity .2s,transform .15s;display:flex}.entry-btn-primary:hover:not(:disabled){opacity:.92}.entry-btn-primary:active:not(:disabled){transform:scale(.98)}.entry-btn-primary:disabled{opacity:.3;cursor:not-allowed}.entry-btn-loading{align-items:center;gap:8px;display:flex}.entry-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite entry-spin;display:block}@keyframes entry-spin{to{transform:rotate(360deg)}}.entry-back-row{align-items:center;height:40px;display:flex}.entry-back-btn{color:#fff;cursor:pointer;background:#212f45;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:transform .15s;display:flex}.entry-back-btn:active{transform:scale(.95)}.entry-signature-wrap{background:#fff;border:2px solid #2c2c2c;border-radius:10px;position:relative;overflow:hidden}.entry-signature-canvas{cursor:crosshair;touch-action:none;width:100%;height:160px;display:block}.entry-signature-placeholder{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.entry-signature-placeholder span{color:#c0bbb6;font-size:.8125rem;font-weight:500}.entry-terms-text{color:#888;text-align:center;font-size:.6875rem;line-height:1.5}.entry-terms-link{color:#1a1a1a;text-underline-offset:3px;font-weight:600;-webkit-text-decoration:underline #88888880;text-decoration:underline #88888880}.entry-success{flex-direction:column;justify-content:center;align-items:center;height:100%;padding:16px 20px;display:flex}.entry-success-tick{margin-bottom:8px}.entry-success-text-group{text-align:center;animation:.5s cubic-bezier(.16,1,.3,1) .3s both entry-fade-up}.entry-success-title{color:#1a1a1a;letter-spacing:-.01em;font-size:1.25rem;font-weight:700}.entry-success-name{color:#888;margin-top:4px;font-size:.8125rem}@keyframes entry-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.entry-success-card{background:#fff;border:1px solid #e2e0de;border-radius:14px;width:100%;margin-top:24px;padding:16px 18px;animation:.5s cubic-bezier(.16,1,.3,1) .5s both entry-fade-up}.entry-success-card-logo{width:auto;height:20px;margin-bottom:14px;display:block}.entry-success-card-row{justify-content:space-between;align-items:center;padding:4px 0;display:flex}.entry-success-card-label{color:#888;font-size:.75rem}.entry-success-card-value{color:#1a1a1a;font-size:.8125rem;font-weight:500}.entry-success-card-divider{background:#e2e0de;height:1px;margin:10px 0}.entry-reset-btn{color:#212f45;cursor:pointer;background:#e8eaef;border:none;border-radius:12px;margin:1.25rem auto 0;padding:10px 28px;font-family:inherit;font-size:.8125rem;font-weight:600;transition:background-color .2s;animation:.5s cubic-bezier(.16,1,.3,1) .2s both entry-fade-up;display:block}.entry-reset-btn:hover{background:#dcdfe5}.qr-demo-dashboard{justify-content:center;align-items:center;min-height:460px;display:flex}.qr-demo-placeholder{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:3rem 2rem;display:flex;position:relative}.qr-demo-placeholder-icon{color:#cbd5e1;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:16px;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.qr-demo-placeholder-text{color:#94a3b8;font-size:.875rem;line-height:1.6}.qr-demo-placeholder-pulse{pointer-events:none;border:2px dashed #e2e8f0;border-radius:16px;width:72px;height:72px;animation:2.5s cubic-bezier(0,0,.2,1) infinite demo-placeholder-ping;position:absolute;top:3rem;left:50%;transform:translate(-50%)}@keyframes demo-placeholder-ping{0%{opacity:.5;transform:translate(-50%)scale(1)}75%,to{opacity:0;transform:translate(-50%)scale(1.4)}}.qr-demo-card-enter{animation:.5s cubic-bezier(.34,1.56,.64,1) forwards demo-card-pop}@keyframes demo-card-pop{0%{opacity:0;transform:scale(.8)translateY(30px)}60%{opacity:1;transform:scale(1.02)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (max-width:900px){.qr-demo{padding:4rem 0 5rem}.qr-demo-columns{grid-template-columns:1fr;justify-items:center;gap:3rem}.qr-demo-col{width:100%;max-width:768px}.qr-demo-dashboard{min-height:auto}}@media (max-width:640px){.qr-demo-container{padding:0 20px}.qr-demo-device{width:100%;max-width:300px;margin:0 auto}}