.wz-landing .demo-page{padding:64px 0 40px}.wz-landing .demo-page .section-head{margin-block-end:36px}.wz-landing .demo-shell{max-inline-size:820px;margin-inline:auto}.wz-landing .demo-card{background:var(--scene-bg2);border:1px solid var(--card-brd);box-shadow:var(--card-sh);border-radius:24px;padding:32px}.wz-landing .demo-loading{color:var(--scene-mut);text-align:center;padding-block:48px}.wz-landing .demo-sr{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:0;padding:0;position:absolute;overflow:hidden}.wz-landing .demo-progress{margin-block-end:28px}.wz-landing .demo-step-count{letter-spacing:.04em;text-transform:uppercase;color:var(--brand);font-size:12.5px;font-weight:700}.wz-landing .demo-steps{grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.wz-landing .demo-steps li{min-inline-size:0;color:var(--scene-mut);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.wz-landing .demo-step-num{border:1px solid var(--card-brd);background:var(--scene-bg2);border-radius:50%;flex:none;place-items:center;block-size:26px;inline-size:26px;font-size:12px;font-weight:700;display:grid}.wz-landing .demo-steps li.is-on{color:var(--scene-ink)}.wz-landing .demo-steps li.is-on .demo-step-num{border-color:var(--brand);color:var(--brand);background:color-mix(in oklch, var(--brand) 12%, transparent)}.wz-landing .demo-steps li.is-done .demo-step-num{color:#fff;background:var(--brand);border-color:#0000}.wz-landing .demo-step-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wz-landing .demo-bar{background:var(--track-base);border-radius:999px;block-size:6px;margin-block-start:14px;overflow:hidden}.wz-landing .demo-bar span{background:linear-gradient(90deg, var(--brand), var(--brand-2));border-radius:999px;block-size:100%;transition:inline-size .35s;display:block}.wz-landing .demo-step-head{margin-block-end:22px}.wz-landing .demo-step-title{letter-spacing:-.01em;outline:none;font-size:22px;font-weight:800}.wz-landing .demo-step-sub{color:var(--scene-mut);margin-block-start:6px;font-size:15px;line-height:1.55}.wz-landing .demo-fieldset{border:0;min-inline-size:0;margin:0;padding:0}.wz-landing .demo-grid{flex-direction:column;gap:22px;display:flex}.wz-landing .demo-row{grid-template-columns:1fr 1fr;gap:18px;display:grid}.wz-landing .demo-field{flex-direction:column;gap:8px;min-inline-size:0;display:flex}.wz-landing .demo-label{color:var(--scene-ink);padding:0;font-size:14px;font-weight:700}.wz-landing legend.demo-label{margin-block-end:8px}.wz-landing .demo-req{color:#dc2626}.wz-landing .demo-opt{color:var(--scene-mut);font-weight:500}.wz-landing .demo-hint{color:var(--scene-mut);font-size:12.5px}.wz-landing .demo-error{color:#dc2626;font-size:13px;font-weight:600}.dark .wz-landing .demo-error,.dark .wz-landing .demo-req{color:#f87171}.wz-landing .demo-input{font:inherit;color:var(--scene-ink);background:var(--scene-bg2);border:1px solid var(--card-brd);border-radius:12px;inline-size:100%;padding:11px 14px;font-size:15px;transition:border-color .15s,box-shadow .15s}.wz-landing textarea.demo-input{resize:vertical;min-block-size:108px;line-height:1.5}.wz-landing .demo-input::placeholder{color:color-mix(in oklch, var(--scene-mut) 75%, transparent)}.wz-landing .demo-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in oklch, var(--brand) 22%, transparent);outline:none}.wz-landing .demo-input[aria-invalid=true]{border-color:#dc2626}[dir=rtl] .wz-landing .demo-input.is-ltr{text-align:end}.wz-landing .demo-options{grid-template-columns:1fr 1fr;gap:14px;display:grid}.wz-landing .demo-option{cursor:pointer;border:1px solid var(--card-brd);background:var(--scene-bg2);border-radius:16px;flex-direction:column;gap:6px;padding:18px 20px;padding-inline-end:48px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex;position:relative}.wz-landing .demo-option.is-wide{grid-column:1/-1}.wz-landing .demo-option:hover{border-color:color-mix(in oklch, var(--brand) 45%, transparent)}.wz-landing .demo-option.is-on{border-color:var(--brand);background:color-mix(in oklch, var(--brand) 7%, var(--scene-bg2));box-shadow:0 0 0 1px var(--brand)}.wz-landing .demo-option input,.wz-landing .demo-pill input{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;margin:0;position:absolute}:is(.wz-landing .demo-option:has(input:focus-visible),.wz-landing .demo-pill:has(input:focus-visible),.wz-landing .demo-consent:has(input:focus-visible)){outline:2px solid var(--brand);outline-offset:2px}.wz-landing .demo-option-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.wz-landing .demo-option-name{font-size:16px;font-weight:700}.wz-landing .demo-option-desc{color:var(--scene-mut);font-size:13.5px;line-height:1.5}.wz-landing .demo-badge{text-transform:uppercase;letter-spacing:.04em;color:#fff;background:var(--brand);border-radius:999px;padding:3px 8px;font-size:10.5px;font-weight:700}.wz-landing .demo-option-check{border:1.5px solid var(--card-brd);color:#0000;border-radius:50%;place-items:center;block-size:20px;inline-size:20px;transition:all .15s;display:grid;position:absolute;inset-block-start:18px;inset-inline-end:18px}.wz-landing .demo-option.is-on .demo-option-check{border-color:var(--brand);background:var(--brand);color:#fff}.wz-landing .demo-fieldset>.demo-error{margin-block-start:10px}.wz-landing .demo-pills{flex-wrap:wrap;gap:8px;display:flex}.wz-landing .demo-pill{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--scene-ink);background:var(--scene-bg2);border:1px solid var(--card-brd);border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:13.5px;font-weight:600;transition:all .15s;display:inline-flex;position:relative}.wz-landing .demo-pill:hover{border-color:color-mix(in oklch, var(--brand) 45%, transparent)}.wz-landing .demo-pill.is-on{color:var(--brand);border-color:var(--brand);background:color-mix(in oklch, var(--brand) 11%, transparent)}.wz-landing .demo-fieldset:has([aria-invalid=true]) .demo-pill{border-color:color-mix(in oklch, #dc2626 55%, var(--card-brd))}.wz-landing .demo-review{border:1px solid var(--card-brd);background:color-mix(in oklch, var(--brand) 4%, var(--scene-bg2));border-radius:16px;padding:18px 20px}.wz-landing .demo-review h3{margin-block-end:6px;font-size:15px;font-weight:700}.wz-landing .demo-review dl{margin:0}.wz-landing .demo-review-row{border-block-start:1px solid var(--card-brd);grid-template-columns:110px 1fr auto;align-items:baseline;gap:12px;padding-block:10px;display:grid}.wz-landing .demo-review-row:first-child{border-block-start:0}.wz-landing .demo-review-row dt{color:var(--scene-mut);font-size:13px;font-weight:700}.wz-landing .demo-review-row dd{overflow-wrap:anywhere;min-inline-size:0;margin:0;font-size:14px;line-height:1.5}.wz-landing .demo-review-notes{color:var(--scene-mut);white-space:pre-line;margin-block-start:4px;display:block}.wz-landing .demo-link{font:inherit;color:var(--brand);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:2px 4px;font-size:13px;font-weight:700}.wz-landing .demo-link:hover{text-decoration:underline}.wz-landing .demo-link:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.wz-landing .demo-consent{cursor:pointer;border-radius:8px;align-items:flex-start;gap:10px;font-size:14px;line-height:1.55;display:flex}.wz-landing .demo-consent input{block-size:18px;inline-size:18px;accent-color:var(--brand);flex:none;margin-block-start:2px}.wz-landing .demo-consent a{color:var(--brand);text-underline-offset:2px;font-weight:600;text-decoration:underline}.wz-landing .demo-consent.is-invalid input{outline-offset:1px;outline:2px solid #dc2626}.wz-landing .demo-alert{background:#dc262614;background:lab(48.7982% 67.6999 48.8037/.08);border:1px solid #dc262673;border:1px solid lab(48.7982% 67.6999 48.8037/.45);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-block-start:22px;padding:14px 18px;display:flex}.wz-landing .demo-alert strong{font-size:14.5px}.wz-landing .demo-alert p{color:var(--scene-mut);margin-block-start:2px;font-size:13.5px}.wz-landing .demo-actions{border-block-start:1px solid var(--card-brd);justify-content:space-between;align-items:center;gap:12px;margin-block-start:28px;padding-block-start:22px;display:flex}.wz-landing .demo-actions .btn-primary,.wz-landing .demo-actions .btn-ghost{align-items:center;gap:8px;display:inline-flex}.wz-landing .demo-actions button:disabled{opacity:.65;cursor:progress;transform:none}.wz-landing .btn-primary:focus-visible,.wz-landing .btn-ghost:focus-visible{outline:2px solid var(--brand);outline-offset:2px}[dir=rtl] .wz-landing .demo-flip{transform:scaleX(-1)}.wz-landing .demo-success{text-align:center;flex-direction:column;align-items:center;gap:10px;padding-block:48px;display:flex}.wz-landing .demo-success-ico{block-size:64px;inline-size:64px;color:var(--green);background:color-mix(in oklch, var(--green) 14%, transparent);border-radius:50%;place-items:center;margin-block-end:8px;display:grid}.wz-landing .demo-success-ico svg{block-size:34px;inline-size:34px}.wz-landing .demo-success .demo-step-sub{max-inline-size:46ch}.wz-landing .demo-success .btn-primary{margin-block-start:16px}@media (max-width:640px){.wz-landing .demo-page{padding-block-start:36px}.wz-landing .demo-card{border-radius:20px;padding:22px 18px}.wz-landing .demo-options,.wz-landing .demo-row{grid-template-columns:1fr}.wz-landing .demo-steps{grid-template-columns:repeat(4,auto);justify-content:space-between}.wz-landing .demo-steps li:not(.is-on) .demo-step-label{display:none}.wz-landing .demo-review-row{grid-template-columns:1fr auto}.wz-landing .demo-review-row dt{grid-column:1/-1}.wz-landing .demo-review-row dd:not(.demo-review-edit){grid-column:1}}@media (prefers-reduced-motion:reduce){.wz-landing .demo-bar span{transition:none}}