.door{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);height:100dvh;min-height:100dvh;display:grid;position:relative}@media (min-width:900px){.door{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}}.door-progress{background:var(--line-soft);z-index:4;grid-column:1/-1;height:6px;overflow:hidden}.door-progress span{background:var(--accent);transform-origin:0;height:100%;transition:transform .42s cubic-bezier(.22,.7,.3,1);display:block}.door-say{--door-measure:38rem;background:var(--surface-sunk);isolation:isolate;grid-template-columns:minmax(0,max-content);place-content:center;justify-items:start;gap:18px;min-height:0;padding:clamp(40px,6vw,88px) clamp(26px,4vw,72px);display:grid;position:relative}.door-say:before,.door-peek:before{background-image:radial-gradient(circle at center, color-mix(in srgb, var(--ink) 9%, transparent) 1px, transparent 1.4px);content:"";pointer-events:none;z-index:-1;background-size:22px 22px;position:absolute;inset:0}.door-say h1{letter-spacing:-.03em;max-width:var(--door-measure);margin:0;font-size:clamp(2.05rem,3.9vw,2.9rem);line-height:1.06}.door-say h1 span{display:block}.door-say>p{color:var(--ink-soft);max-width:44ch;margin:0;font-size:1.0625rem;line-height:1.55}.door-count{color:var(--ink-muted);letter-spacing:.01em;margin:0;font-size:.875rem}.door-flow{grid-template-columns:minmax(0, var(--door-measure));gap:14px}.door-flow .step{width:100%;min-width:0}.door-cta{--knob:44px;--knob-gap:8px;--knob-inset:calc((100% - var(--knob)) / 2);--swap:.45s cubic-bezier(.785, .135, .15, .86);background:var(--accent);border:1px solid var(--accent);box-shadow:0 1px 2px #14151a14, 0 8px 20px -10px var(--accent-shadow);color:var(--on-accent);min-height:60px;padding:0 calc(var(--knob) + var(--knob-gap) + 20px) 0 30px;white-space:nowrap;border-radius:999px;justify-content:center;justify-self:start;align-items:center;margin-top:16px;font-size:1.075rem;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.door-cta-label{z-index:0;position:relative}.door-cta-fill,.door-cta-ghost{inset:var(--knob-inset) var(--knob-gap) var(--knob-inset) calc(100% - var(--knob-gap) - var(--knob));position:absolute}.door-cta-fill{background:var(--surface);transition:inset var(--swap);z-index:1;border-radius:999px}.door-cta-ghost{clip-path:inset(var(--knob-inset) var(--knob-gap) var(--knob-inset) calc(100% - var(--knob-gap) - var(--knob)) round 999px);color:var(--accent);padding:inherit;transition:clip-path var(--swap), color var(--swap);z-index:2;align-items:center;display:flex;inset:0}.door-cta-knob{background:var(--surface);color:var(--accent);height:var(--knob);right:var(--knob-gap);width:var(--knob);z-index:3;border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;overflow:hidden;transform:translateY(-50%)}.door-cta-knob svg{height:21px;transition:transform var(--swap);width:21px;position:absolute}.door-cta-knob svg:first-child{transform:translate(-170%)scale(0)}.door-cta:hover,.door-cta:focus-visible{background:var(--accent)}.door-cta:hover .door-cta-fill,.door-cta:focus-visible .door-cta-fill{inset:0}.door-cta:hover .door-cta-ghost,.door-cta:focus-visible .door-cta-ghost{clip-path:inset(0 round 999px)}.door-cta:hover .door-cta-knob svg:first-child,.door-cta:focus-visible .door-cta-knob svg:first-child{transform:translate(0)scale(1)}.door-cta:hover .door-cta-knob svg:last-child,.door-cta:focus-visible .door-cta-knob svg:last-child{transform:translate(170%)scale(0)}@media (prefers-reduced-motion:reduce){.door-cta-fill,.door-cta-ghost,.door-cta-knob svg{transition:none}}.door-back{color:var(--ink-muted);cursor:pointer;height:34px;transition:color var(--fast) var(--ease), transform var(--fast) var(--ease);z-index:3;background:0 0;border:0;justify-content:center;align-items:center;width:34px;padding:0;display:flex;position:absolute;inset:clamp(18px,2.6vw,30px) auto auto clamp(16px,2.8vw,30px)}.door-back svg{transform:scaleX(-1)}.door-back:hover{color:var(--ink);transform:translate(-2px)}.door-mark{color:var(--ink);width:72px;margin-bottom:26px;display:block}.door-mark svg{width:100%;height:auto;display:block}.door-peek{background:var(--surface-sunk);isolation:isolate;min-height:0;padding:clamp(18px,2.6vw,40px) 0 clamp(18px,2.6vw,40px) clamp(18px,3vw,48px);position:relative;overflow:hidden}.door-stage{background:var(--accent);border-radius:var(--radius-lg);isolation:isolate;height:100%;padding:clamp(16px,2.2vw,34px) 0 clamp(16px,2.2vw,34px) clamp(16px,2.2vw,34px);position:relative;overflow:hidden}.door-window{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg) 0 0 var(--radius-lg);z-index:1;border-right:0;min-width:940px;height:100%;position:relative;overflow:hidden;box-shadow:0 30px 60px -40px #14151a47}.door-screen{height:calc(100% - 34px);container-type:inline-size}.door-window .mock-bar{height:34px;font-size:14px}@media (max-width:899px){.door-peek{display:none}.door-say{min-height:100dvh}.door{height:auto}}@media (prefers-reduced-motion:reduce){.door-progress span{transition:none}}.step{animation:step-in .32s var(--ease) both}@keyframes step-in{0%{opacity:0;transform:translateY(10px)}}.step h1{letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(1.75rem,2.6vw,2.125rem);font-weight:600;line-height:1.1}.step-sub.is-lines{max-width:none}.step-sub.is-lines span{display:block}.step-sub{color:var(--ink-soft);max-width:40ch;margin:12px 0 0;font-size:1rem;line-height:1.55}.step-form{gap:14px;margin-top:28px;display:grid}.field{gap:7px;display:grid}.field-label{color:var(--ink-soft);font-size:.8125rem;font-weight:500}.input{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-md);color:var(--ink);min-height:50px;transition:border-color var(--fast) var(--ease), box-shadow var(--fast) var(--ease);width:100%;padding:0 14px;font-size:1rem;box-shadow:inset 0 1px 2px #14151a0a}.input::placeholder{color:var(--ink-muted)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.cta.is-block{width:100%;min-height:50px;margin:0;display:inline-flex}.cta[disabled]{background:color-mix(in srgb, var(--ink) 16%, var(--paper));box-shadow:none;color:var(--ink-muted);cursor:not-allowed;transform:none}.step-note{color:var(--ink-muted);margin:18px 0 0;font-size:.8125rem;line-height:1.5}.link-button{color:var(--ink-soft);cursor:pointer;font-size:inherit;text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.link-button:hover{color:var(--accent)}.link-button[disabled]{color:var(--ink-muted);cursor:default;text-decoration:none}.error{color:var(--danger);align-items:center;gap:7px;margin:0;font-size:.875rem;display:flex}.human-check{gap:10px;display:grid}.human-check:focus{outline:none}.human-check-ask{color:var(--ink-soft);margin:0;font-size:.875rem}.human-check-widget{min-height:65px}.code{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(6px,1.6vw,10px);display:grid}.code-cell{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-md);color:var(--ink);font-variant-numeric:tabular-nums;text-align:center;height:60px;transition:border-color var(--fast) var(--ease), box-shadow var(--fast) var(--ease);width:100%;font-size:1.25rem;font-weight:600}.code-cell:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.code[data-error=true] .code-cell{animation:shake .32s var(--ease);border-color:var(--danger-line)}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.spinner{border:2px solid color-mix(in srgb, var(--on-accent) 35%, transparent);border-top-color:var(--on-accent);border-radius:50%;width:15px;height:15px;animation:.64s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.done-mark{background:var(--accent-soft);border:1px solid var(--accent-tint);color:var(--accent);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:22px;display:flex}@media (prefers-reduced-motion:reduce){.step,.spinner,.code[data-error=true] .code-cell{animation:none}}@media (max-width:1023px){.door-back{width:44px;height:44px;margin:-5px}.door-mark{margin-block:-7px 19px;padding-block:7px}.step-note>.link-button:only-child{align-items:center;min-height:44px;display:inline-flex}.step-note .link-button{padding-block:6px}.step-sub strong{overflow-wrap:anywhere}}@media (max-width:599px){.door-say{padding:72px max(24px, env(safe-area-inset-right)) max(40px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left))}.door-say h1{font-size:min(2.05rem,7.2vw)}.step h1{font-size:1.625rem}.door-flow{align-content:start;padding-top:84px}.door-flow .door-mark{width:56px;margin-bottom:7px}.code{gap:6px}.code-cell{height:56px}}@media (max-width:899px) and (max-height:480px){.door-say{align-content:start;min-height:100dvh;padding-block:56px 28px}.door-mark{width:48px;margin-bottom:3px}}@media (max-width:1023px){.door-back{left:max(clamp(16px, 2.8vw, 30px), env(safe-area-inset-left))}}