@font-face{font-family:vbrFont;src:url(../media/VBR.p.0637-z-3m_tar.otf)format("opentype");font-display:swap;font-weight:400}.vbrfont_5b7c8833-module__keX-za__className{font-family:vbrFont;font-weight:400}
.demo-page{--demo-green:var(--color-brand-500);--demo-muted:var(--muted-foreground);min-height:100svh;color:var(--muted-foreground);background:var(--background);padding:24px;position:relative}.demo-grid{pointer-events:none;opacity:.045;background-image:linear-gradient(#ffffff1f 1px,#0000 1px),linear-gradient(90deg,#ffffff1f 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0}.demo-page button,.demo-page a,.demo-page input{-webkit-tap-highlight-color:transparent}.demo-page :is(button,a):focus-visible{outline:2px solid var(--demo-green);outline-offset:4px}.demo-page button{cursor:pointer;border-radius:0}.demo-page button:disabled{cursor:wait;opacity:.5}.demo-accent{color:var(--demo-green)}.demo-topbar{z-index:10;justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:380px;margin:0 auto;font-size:10px;display:flex;position:relative}.demo-topbar>span{opacity:.4}.demo-home{white-space:nowrap;font-size:10px}.demo-home:hover{color:var(--foreground)}.demo-layout{z-index:10;width:100%;max-width:380px;margin:0 auto;padding:48px 0 24px;position:relative}.demo-brand{text-align:center;margin-bottom:40px}.demo-brand h1{letter-spacing:-.055em;white-space:nowrap;width:fit-content;color:var(--foreground);margin:0 auto;font-size:84px;font-weight:400;line-height:.9;position:relative}.demo-brand-dot{background:var(--demo-green);width:8px;height:8px;position:absolute;top:0;right:-12px}@media (max-width:767px){.demo-brand-dot{width:6px;height:6px;right:-10px}}.demo-brand p{text-transform:uppercase;justify-content:center;align-items:center;gap:8px;margin-top:18px;font-size:10px;display:flex}.demo-square{background:var(--demo-green);flex:none;width:6px;height:6px;display:inline-block}.demo-panel{width:100%;min-width:0}.demo-eyebrow{letter-spacing:.13em;font-size:10px}.demo-progress{border-bottom:1px solid var(--border);margin-bottom:24px;padding-bottom:20px}.demo-segments{grid-template-columns:repeat(6,1fr);gap:8px;margin-top:12px;display:grid}.demo-segments span{background:var(--border);height:3px}.demo-segments span[data-active=true]{background:var(--demo-green)}.demo-panel h2{text-transform:uppercase;color:var(--foreground);outline:none;align-items:baseline;gap:8px;font-size:13px;font-weight:400;line-height:20px;display:flex}.demo-panel h2 .demo-square{align-self:flex-start;margin-top:7px}.demo-success h2{color:var(--foreground)}.demo-hint{margin-top:4px;font-size:12px;line-height:20px}.demo-optional{text-transform:uppercase;letter-spacing:.1em;color:var(--demo-green);margin-top:4px;font-size:10px;display:block}.demo-input{border:1px solid var(--border);background:var(--surface-field);width:100%;height:32px;color:var(--foreground);caret-color:var(--demo-green);transition:border-color .2s var(--ease-out);border-radius:0;outline:none;margin-top:8px;padding:5px 10px;font-size:12px;line-height:20px;display:block}@media (pointer:coarse){.demo-input{height:44px;font-size:16px}}.demo-input::placeholder{color:var(--demo-muted);opacity:.5}.demo-input:hover{border-color:var(--line-strong)}.demo-input:focus{border-color:var(--demo-green)}.demo-input[aria-invalid=true]{border-color:var(--state-danger)}.demo-error{color:var(--state-danger);min-height:20px;margin-bottom:16px;padding-top:4px;font-size:11px;line-height:16px}.demo-actions{margin-top:0}.demo-primary{border:1px solid var(--border);background:color-mix(in oklab, var(--background) 50%, transparent);width:100%;min-height:44px;color:var(--demo-muted);text-transform:uppercase;letter-spacing:.1em;justify-content:center;align-items:center;gap:12px;padding:12px;font-size:12px;transition:background-color .2s,border-color .2s,color .2s;display:flex;position:relative}.demo-primary>span{color:var(--demo-green)}.demo-primary:before,.demo-primary:after{content:"";border-style:solid;border-color:#0000;width:8px;height:8px;transition:border-color .2s;position:absolute}.demo-primary:before{border-width:1px 1px 0 0;top:-1px;right:-1px}.demo-primary:after{border-width:0 0 1px 1px;bottom:-1px;left:-1px}.demo-primary:hover:not(:disabled),.demo-primary:focus-visible{color:var(--foreground);border-color:color-mix(in oklab, var(--demo-green) 50%, transparent);background:color-mix(in oklab, var(--muted) 30%, transparent)}.demo-primary:hover:before,.demo-primary:hover:after,.demo-primary:focus-visible:before,.demo-primary:focus-visible:after{border-color:var(--demo-green)}.demo-secondary-actions{text-transform:uppercase;justify-content:space-between;align-items:center;min-height:44px;font-size:11px;display:flex}.demo-secondary-actions button{min-height:44px}.demo-secondary-actions button:hover{color:var(--foreground)}.demo-save-note{text-transform:uppercase;opacity:.6;align-items:center;gap:8px;padding-top:12px;font-size:9px;line-height:1.7;display:flex}.demo-trap{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.demo-review dl{margin-top:20px}.demo-review-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:8px 0;display:flex}.demo-review-row>div{min-width:0}.demo-review-row dt{text-transform:uppercase;letter-spacing:.06em;font-size:10px}.demo-review-row dd{color:var(--foreground);overflow-wrap:anywhere;margin-top:4px;font-size:12px}.demo-review-row button{color:var(--demo-green);text-transform:uppercase;flex-shrink:0;min-height:44px;font-size:10px}.demo-privacy{margin-top:16px;font-size:11px;line-height:1.8}.demo-success .demo-success-mark{color:var(--demo-green);margin:24px 0 12px;font-size:48px;line-height:1;display:block}.demo-success h2{font-size:28px}.demo-success p{margin:16px 0 28px;font-size:12px;line-height:1.8}.demo-question{animation:.22s ease-out demo-enter}@keyframes demo-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.demo-question{animation:none}.demo-page *{transition:none!important}}