.landing-door{position:fixed;inset:0;pointer-events:none;z-index:14;color:#9fb2c2;font-family:Oxanium,Arial,sans-serif}
.door-control{position:absolute;top:var(--door-top);left:var(--door-left);width:60px;height:66px;border:0;padding:0;background:none;color:inherit;pointer-events:auto;cursor:pointer;perspective:400px;opacity:0;visibility:hidden;filter:blur(2px);transform:translateY(8px) rotateY(-15deg);transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .4s,filter .4s,visibility .4s,top .35s ease}
.door-control:active{transform:scale(.95)}.door-control:focus-visible{outline:1px dotted #8fb9d9;outline-offset:4px}
.door-art{width:60px;height:66px;overflow:visible;fill:none;stroke:#b8d3e1;stroke-width:.7;stroke-linecap:round;stroke-linejoin:round}
.door-back{stroke:#91b3c0;stroke-width:.85;opacity:.28}.door-depth{stroke:#aac8d2;stroke-width:.85;opacity:.42}.door-front{stroke:url(#door-line-ink);stroke-width:1.15}.door-highlight{stroke:#dbeaf0;stroke-width:.6;opacity:.45}.door-leaf{transform-origin:32.5px 52px;transition:transform 820ms cubic-bezier(.18,.64,.25,1);transform:perspective(180px) rotateY(0deg)}
.landing-door[data-open=true] .door-leaf{transform:perspective(180px) rotateY(-76deg)}
.door-gas{stroke:#168fff;stroke-width:2.8;filter:url(#door-vapor-texture);stroke-dasharray:0 100;stroke-dashoffset:0;opacity:0;transition:stroke-dasharray 820ms cubic-bezier(.18,.64,.25,1),opacity .2s}
.landing-door[data-open=true] .door-gas{stroke-dasharray:100 0;opacity:.65;animation:door-vapor 2.6s ease-in-out 820ms infinite}
@keyframes door-vapor{0%,100%{stroke-width:2.5;opacity:.5}50%{stroke-width:3.3;opacity:.82}}
.door-login{position:absolute;box-sizing:border-box;margin:0;padding:0 8px;overflow:visible;pointer-events:none;opacity:0;visibility:hidden;transform:translateY(28px) scale(.98);filter:none;transition:opacity .35s,transform .45s,filter .45s,visibility .45s;background:none}
.landing-door[data-open=true] .door-login{pointer-events:auto;opacity:1;visibility:visible;transform:none;filter:none;transition-delay:820ms}
.door-login label{display:block;font-size:10px;letter-spacing:.07em;opacity:.6;margin:0 0 2px}.door-login input{display:block;box-sizing:border-box;width:100%;height:34px;padding:0 2px;background:none;border:0;border-bottom:.5px solid #9cb4c05c;border-radius:0;color:#c4d6e0;caret-color:#ff973e;font:16px Oxanium,Arial,sans-serif;margin:0 0 8px;outline:none}.door-login input:focus{border-color:#c7e4efaa}
.door-login button,.door-login a{font:11px Oxanium,Arial,sans-serif;color:#a9bbc8;border:0;background:none;padding:6px 0;text-decoration:none;cursor:pointer;display:inline-block}.door-login button:active,.door-login a:active{transform:translateY(2px) scale(.97)}.door-login .door-close{float:right;padding:6px 10px;font-size:14px}.door-login a{margin-left:18px;opacity:.65}.door-login [role=status]{font-size:10px;line-height:1.4;margin:2px 0}.door-login [role=status]:empty{display:none}
.door-connectors{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none;fill:none;stroke:#aac7da;stroke-width:.5;stroke-dasharray:1 5;opacity:0;transition:opacity .24s}.landing-door[data-open=true] .door-connectors{opacity:.28;animation:door-lines .65s ease-out}
@keyframes door-lines{from{stroke-dashoffset:80;opacity:0}to{stroke-dashoffset:0;opacity:.28}}
@media(prefers-reduced-motion:reduce){.door-leaf,.door-gas,.door-login,.door-connectors{transition:none!important;animation:none!important}}

.landing-door[data-revealed=true] .door-control{opacity:1;visibility:visible;filter:blur(0);transform:translateY(0) scale(.86) rotateY(-15deg)}
.door-scan{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#a3c6df;stroke-width:.4;stroke-dasharray:1 5;opacity:0;pointer-events:none}.landing-door[data-reading=true] .door-scan{opacity:1}.door-scan path{animation:door-reading var(--door-scan-duration,740ms) ease-out forwards}
@keyframes door-reading{0%{opacity:0;stroke-dashoffset:90}25%{opacity:.4}100%{opacity:0;stroke-dashoffset:0}}
.sales-page[data-login-open=true] #stage.showcase{height:min(700px,100vw,var(--login-stage-size,calc(var(--login-viewport-height,100svh)*.48)));width:min(700px,100vw,var(--login-stage-size,calc(var(--login-viewport-height,100svh)*.48)));margin-top:0;transform:none}
.sales-page[data-login-open=true] .sales-menu,.sales-page[data-login-open=true] .glitch-monitor{opacity:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){.door-control{transition:none}.landing-door[data-reading=true] .door-scan path{animation:none;opacity:.2}}

#stage.showcase{transition:width .45s ease,height .45s ease,margin-top .45s ease}.sales-page[data-login-open=true] .demo-connections{display:none}
@media(prefers-reduced-motion:reduce){#stage.showcase{transition:none}}

.landing-door[data-open=true] .door-control,.landing-door[data-revealed=true] .door-control:focus-visible{filter:blur(0);transform:translateY(-4px) scale(1.08) rotateY(-8deg);transition:transform 110ms cubic-bezier(.16,.8,.2,1),filter 110ms,opacity .4s,visibility .4s}
.landing-door[data-revealed=true] .door-control:active{transform:translateY(-3px) scale(1.04) rotateY(-8deg)}

.sales-page[data-login-open=true] .mini-menu-lines{visibility:hidden}

.landing-door[data-open=true] .door-connectors{opacity:0;animation:none;visibility:hidden}
.landing-door[data-open=true] .door-control{transition:transform .11s ease,filter .11s,top .45s cubic-bezier(.2,.8,.2,1) 820ms,left .45s ease 820ms,opacity .4s,visibility .4s}
.door-create{animation:door-create-text .4s ease-out}.door-create[hidden]{display:none}
@keyframes door-create-text{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.sales-page[data-door-plans=true] #stage.showcase{height:min(700px,100vw,calc(var(--login-viewport-height,100svh)*.48));width:min(700px,100vw,calc(var(--login-viewport-height,100svh)*.48));margin-top:0;transform:none}
.sales-page[data-door-plans=true] .sales-menu{position:fixed;top:calc(var(--login-viewport-height,100svh)*.5 + 8px);left:50%;transform:translateX(-50%)}
.sales-page[data-door-plans=true] .sales-plans{left:50%;top:56px;transform:translateX(-50%);max-height:calc(var(--login-viewport-height,100svh)*.5 - 80px);overflow:auto}
@media(max-width:600px){.landing-door[data-open=true] .door-control{transform:translateY(-4px) scale(1.12) rotateY(-8deg)}.landing-door[data-open=true] .door-login{transform:none}}
@media(prefers-reduced-motion:reduce){.door-create,.door-control{animation:none!important;transition:none!important}}
.mini-agent-panel:has(.mini-door-anchor) .mini-editor-branch{display:none}

.sales-page[data-create-suggested=true] #stage,.sales-page[data-create-suggested=true] .sales-footer,.sales-page[data-create-suggested=true] .mini-agent-panel,.sales-page[data-create-suggested=true] .door-control{filter:blur(8px);pointer-events:none}
.landing-door[data-create-suggested=true] .door-scan{display:block}
.landing-door[data-create-suggested=true] .door-login> :not(.door-create):not(.door-close){filter:blur(5px);opacity:.3;pointer-events:none}
.landing-door[data-create-suggested=true] .door-create{position:absolute;left:50%;top:44px;transform:translateX(-50%);padding:14px 12px;font-size:16px;letter-spacing:.035em;white-space:nowrap;z-index:2;animation:account-choice-arrive .4s ease-out}
@keyframes account-choice-arrive{from{opacity:0;filter:blur(4px);transform:translateX(-50%) translateY(8px)}to{opacity:1;filter:none;transform:translateX(-50%)}}

.sales-page[data-account-background=true] .sales-footer,.sales-page[data-account-background=true] .page-map,.sales-page[data-account-background=true] .glitch-monitor,.sales-page[data-account-background=true] #landing-door{display:none}
/* Component focus can resize vertically, but never shifts the hero sideways. */
.sales-page #stage.showcase{margin-left:auto;margin-right:auto}
.sales-page.page-map-layout #stage.showcase,.sales-page #stage.showcase{left:0;right:0;margin-inline:auto}

/* Keep the central plus crisp on landing. */
.sales-page .line-plus-art{filter:none!important}