@font-face{font-family:Cabinet Grotesk;src:url(/deur/CabinetGrotesk-var.woff2) format("woff2");font-weight:100 900;font-display:optional}:root{--paper: #f4f5f1;--brand: #167552;--brand-dark: #115d41;--ink: #182b24;--muted: #53655c;--field-line: #79887f;--dot: #d9a900;--office-label: var(--muted);--error: #b3241c;--app-bg: #f6f6f4;color-scheme:light}*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:var(--paper);color:var(--ink);font-family:Cabinet Grotesk,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.5}.paper{min-width:0;display:flex;flex-direction:column;padding:48px 48px 34px}.form{width:min(370px,100%);margin:auto;display:grid}.greet{margin:0 0 28px;font-size:34px;line-height:1.1;font-weight:700;letter-spacing:-.3px;color:var(--ink)}.greet .word,.greet .dot{display:inline-block}.greet .dot{color:var(--dot)}.form label{margin:0 0 6px;font-size:13px;font-weight:500;color:var(--muted)}.form input{height:48px;margin:0 0 18px;padding:0 12px;border:1px solid var(--field-line);border-radius:8px;background:#fff;color:var(--ink);font:inherit;font-size:15px}.error-slot{min-height:40.6px;margin:-6px 0 10px}.error{margin:0;font-size:14px;line-height:1.45;color:var(--error)}.error:not([hidden]){animation:door-fade .14s ease-out}@keyframes door-fade{0%{opacity:0}}.lead{margin:-16px 0 18px;font-size:15px;line-height:1.45;color:var(--muted)}.lead+.lead{margin-top:0}.lead a{color:var(--brand);font-weight:600}.who{margin:0 0 24px;display:grid;gap:2px;line-height:1.35}.who strong{font-size:16px;font-weight:700;color:var(--ink)}.who span{font-size:14px;color:var(--muted);overflow-wrap:anywhere}.note{margin:-10px 0 14px;font-size:13px;color:var(--muted)}.go{display:grid;place-items:center;height:48px;padding:0 16px;border:0;border-radius:8px;background:var(--brand);color:#fff;font:inherit;font-size:15px;font-weight:600;cursor:pointer}.go:hover{background:var(--brand-dark)}.go>span{grid-area:1 / 1;transition:opacity .14s ease-out}.go-busy{display:inline-flex;align-items:center;gap:8px;opacity:0}.go[data-state=busy]{cursor:progress}.go[data-state=busy] .go-rest{opacity:0}.go[data-state=busy] .go-busy{opacity:1}.go-pip{width:7px;height:7px;border-radius:50%;background:currentColor}.form input:focus-visible{outline:3px solid var(--brand);outline-offset:3px}.go:focus-visible{outline:3px solid var(--brand);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.office{margin:24px 0 0;display:grid;gap:2px;font-size:16px;font-weight:700;letter-spacing:-.2px;line-height:1.3;color:var(--muted)}.office-label{font-size:11px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:var(--office-label)}.office-dot{color:var(--dot)}.brand{position:relative;min-width:0;overflow:hidden;background:var(--brand);container-type:size}.lockup{position:absolute;top:44px;left:48px;display:block;width:190px;height:auto;pointer-events:none}.cloud{position:absolute;right:-150px;bottom:-110px;width:640px;pointer-events:none}@supports (width: 1cqw){.cloud{--u: min(calc(100cqw / 480), calc(100cqh / 600));right:calc(-150 * var(--u));bottom:calc(-110 * var(--u));width:calc(640 * var(--u))}}.cloud svg{display:block;width:100%;height:auto;overflow:visible}.cloud-fill{fill:#fff;fill-opacity:.13}.cloud .rim path{fill:none;stroke:#fff;stroke-linecap:round;opacity:0}.cloud .rim .after{stroke-width:6}.cloud .rim .head{stroke:#fffaf0;stroke-width:26;filter:url(#door-soft)}.cloud .rim .tail{stroke-width:7}.swell{position:fixed;z-index:10;pointer-events:none;will-change:transform,opacity}.swell svg{display:block;width:100%;height:auto;overflow:visible}.swell path{fill:var(--app-bg)}.door-motion .cloud,.door-motion .lockup,.door-motion .greet .word,.door-motion .greet .dot{opacity:0}.door-motion .cloud,.door-motion .greet .word,.door-motion .greet .dot{will-change:transform,opacity}@media(max-width:760px){body{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr}.brand{order:-1;height:112px}.lockup{top:50%;left:20px;width:150px;transform:translateY(-50%)}.paper{padding:36px 20px 24px}.form{margin:0 auto auto}.office{margin-top:32px}}@media(max-width:420px){.greet{font-size:30px}.error-slot{min-height:calc(3 * 1.45 * 14px)}}@media(prefers-reduced-motion:reduce){.go>span{transition:none}.error:not([hidden]){animation:none}}