@import url('/fonts.css');
:root{--bg:#f2f1eb;--ink:#143532;--muted:#697572;--line:#d8dfd8;--orange:#e4a16a;--dark:#102b29;--card:#fffef8;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.46}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(36px,5vw,62px);letter-spacing:-2.5px;font-weight:500;line-height:1.1}h2{font-size:30px;letter-spacing:-1px;font-weight:500;line-height:1.2}h3{font-size:20px;font-weight:500;letter-spacing:-.5px}p{line-height:1.65}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.shell{max-width:1320px;margin:auto;padding:0 48px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);height:113px}.brand{display:flex;gap:12px;align-items:center;font-size:28px;font-weight:600;letter-spacing:-1.5px}.brand-mark{background:var(--dark);color:var(--bg);padding:6px 11px;border-radius:11px;font-size:34px;font-weight:400;line-height:1.2}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:5px}.header-right{display:flex;align-items:center;gap:25px}.private-label,.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px}.private-label{border:1px solid var(--line);padding:9px 12px;border-radius:20px}.quiet{border:0;background:none;color:var(--ink);padding:10px 0;font-size:12px}.notice{background:#e0e9df;border:1px solid #bbcebc;padding:16px 20px;border-radius:10px;margin:22px 0;white-space:pre-wrap;overflow-wrap:anywhere}.notice.error{background:#f5e3d8;border-color:#d5a88c}.auth-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;padding:76px 0}.auth-copy h1{font-size:clamp(45px,5vw,68px);line-height:1.08;margin:30px 0}.auth-copy em{font-family:Georgia,serif;font-weight:400;color:#a36742}.auth-copy>p:not(.eyebrow){color:var(--muted);font-size:16px}.panel{background:var(--card);border:1px solid var(--line);padding:30px;border-radius:20px;margin-bottom:24px}.login-panel{align-self:start;margin-top:25px;padding:42px}.login-panel h2{font-size:36px}.muted{color:var(--muted);font-size:14px}.fine{color:var(--muted);font-size:12px;line-height:1.7;margin-top:20px}.primary,.secondary,.danger{border:0;border-radius:8px;padding:15px 20px;font-size:13px;font-weight:600;text-align:center}.primary{background:var(--dark);color:#fff}.primary span{float:right}.secondary{border:1px solid #b6c9c0;background:transparent;color:var(--ink)}.danger{background:#f4e1d7;color:#903a20}form{display:grid;gap:20px}label{display:grid;gap:9px;font-size:12px;font-weight:600}input,select,textarea{width:100%;min-height:46px;border:1px solid #ccd5cd;background:#fff;border-radius:7px;color:var(--ink);padding:11px 12px;font-weight:400}input:focus,textarea:focus,select:focus{outline:2px solid #618f7a;outline-offset:2px}textarea{min-height:90px;resize:vertical}fieldset{border:1px solid var(--line);border-radius:8px;padding:15px;min-width:0}legend{font-size:12px;padding:0 8px}.check{display:flex;gap:10px;align-items:center;font-weight:400}.check input{width:18px;min-height:18px;height:18px;flex-shrink:0;accent-color:var(--ink)}.checks{display:grid;gap:14px}.door-art{display:flex;gap:40px;align-items:flex-end;padding-top:25px}.door-art>span{font-size:8px;letter-spacing:2px;color:var(--muted);padding-bottom:10px}.art-door{width:130px;height:166px;background:linear-gradient(115deg,#c9d5c7,#9ab4a3);border:10px solid #e1e7dc;border-bottom:0;border-radius:70px 70px 0 0;box-shadow:18px 0 0 #e9ebe2;position:relative}.art-door i{position:absolute;width:6px;height:22px;background:#a56d44;right:17px;top:89px;border-radius:3px}.workspace-heading{display:flex;align-items:flex-end;justify-content:space-between;padding:54px 0 26px}.workspace-heading h1{font-size:44px;margin:15px 0 0}.tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin-bottom:38px;overflow-x:auto}.tabs button{background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);padding:14px 0 16px;white-space:nowrap;font-size:13px}.tabs button.active{border-color:var(--ink);color:var(--ink);font-weight:600}.control-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:70px}.door-card{background:var(--dark);color:#f3f5ec;border-radius:25px;padding:30px 35px;position:relative;overflow:hidden;text-align:center}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px}.card-top .eyebrow{color:#aebfb3}.status{font-size:11px;background:#2b3d38;color:#c6cfc4;border-radius:20px;padding:8px 12px;display:inline-flex;align-items:center;gap:8px}.status:before{content:'';width:6px;height:6px;border-radius:50%;background:#9c8877}.status.online:before{background:#a9d597;box-shadow:0 0 0 3px #a9d5971c}.status.online{background:#294338;color:#d5eccb}.door-selector{font-size:10px;color:#b7c8bb;margin:0 auto 20px;max-width:260px;text-align:left}.door-selector select{min-height:38px;background:#ffffff09;border:1px solid #ffffff25;color:#f1f5eb;font-size:12px}.door-selector option{color:#123730}.door-card h2{font-size:34px;margin-bottom:8px}.door-card .muted{color:#9cb5a6}.open-button{width:204px;height:204px;border-radius:50%;background:radial-gradient(circle at 40% 25%,#fff6e8,#e3ae7a 70%);border:9px solid #29443c;box-shadow:0 0 0 1px #6d8b71,0 20px 45px #0003,inset 0 0 0 1px #fff7;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:32px auto 24px;color:#254036;transition:transform .15s,box-shadow .15s;opacity:1}.open-button:disabled{filter:grayscale(.6);opacity:.5}.open-button:not(:disabled):active{transform:scale(.96);box-shadow:0 0 0 1px #6d8b71,0 4px 10px #0002}.open-button svg{width:43px;height:43px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;margin-bottom:8px}.open-button strong{font-size:18px;font-weight:500;letter-spacing:-.5px}.open-button span{font-size:7px;letter-spacing:1.4px;margin-top:9px}.command-status{font-size:12px;min-height:40px;color:#c7d8c6;max-width:350px;margin:0 auto 20px;line-height:1.7}.card-bottom{border-top:1px solid #ffffff20;display:flex;justify-content:space-between;padding-top:22px;font-size:8px;letter-spacing:1.3px;color:#9bb0a0}.side-notes{padding:30px 10px;max-width:350px;align-self:center}.line-mark{font-size:44px;font-weight:300;display:block;margin-bottom:28px}.side-notes h2{font-size:32px}.side-notes>p{font-size:14px;color:var(--muted)}.note-line{border-top:1px solid var(--line);padding:18px 0;display:flex;gap:20px;font-size:12px;color:var(--muted)}.note-line p{margin:0}.note-line>span{font-size:10px;color:#9caa9d;padding-top:3px}.section-heading{padding:10px 0 25px}.section-heading h2{font-size:36px}.section-heading p{color:var(--muted);font-size:14px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px}.narrow{max-width:480px;margin:45px auto}.two-columns p,.two-columns li{font-size:13px;line-height:1.7;color:var(--muted)}.two-columns ol{padding-left:20px;display:grid;gap:12px}.two-columns button{max-width:100%}.result{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.access-row,.event-row{border-bottom:1px solid var(--line);padding:17px 0;display:flex;justify-content:space-between;gap:15px;overflow-wrap:anywhere}.access-row p,.event-row p{margin:4px 0;font-size:12px}.access-row strong,.event-row strong{font-size:13px}.access-row button{align-self:center}.event-row time{font-size:10px;color:var(--muted);white-space:nowrap}.panel hr{border:0;border-top:1px solid var(--line);margin:25px 0}#device-tools>button{margin-bottom:16px}#credentials-form{margin-top:20px}footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);font-size:8px;letter-spacing:1.3px;padding:30px 0;margin-top:65px;color:var(--muted)}footer a{letter-spacing:0;font-size:11px}[hidden]{display:none!important}@media(max-width:800px){.shell{padding:0 22px}header{height:90px}.brand{font-size:24px}.brand-mark{font-size:28px}.private-label{display:none}.auth-layout{grid-template-columns:1fr;gap:25px;padding:40px 0}.auth-copy h1{font-size:45px}.auth-copy>p:not(.eyebrow){font-size:14px}.door-art{display:none}.login-panel{margin:0;padding:28px}.workspace-heading{padding-top:35px;display:block}.workspace-heading h1{font-size:36px}.workspace-heading>p{font-size:11px;margin-top:15px}.tabs{gap:24px;margin-bottom:25px}.control-layout,.two-columns{grid-template-columns:1fr;gap:22px}.door-card{padding:24px;border-radius:21px}.card-top{margin-bottom:25px}.door-card h2{font-size:29px}.side-notes{padding:15px 5px;max-width:none}.line-mark,.side-notes h2,.side-notes>p:not(.fine){display:none}.open-button{margin:25px auto}.panel{padding:23px}.card-bottom{font-size:7px}.narrow{margin:25px auto}.section-heading h2{font-size:31px}.event-row{display:block}.event-row time{display:block;margin-top:10px}footer{margin-top:40px}.door-selector{max-width:230px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.wiring-image{max-width:100%;height:auto}.tabs{scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}

.setup-url{overflow-wrap:anywhere}
.onboarding{padding-top:45px}.onboarding .section-heading{max-width:650px}.onboarding ol{padding-left:20px}.onboarding .secondary,.onboarding .primary{display:inline-block}.onboarding .status{display:block;margin-bottom:24px}.panel summary{cursor:pointer;font-size:16px;margin-bottom:20px}.panel>a.secondary{display:inline-block;margin-bottom:16px}