@charset "UTF-8";
:root{font-family:Inter,Segoe UI,sans-serif;color:#123344;background:#f2f6f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{height:86px;background:#fff;border-bottom:1px solid #dbe5e9;display:flex;align-items:center;justify-content:space-between;padding:0 max(5%,calc((100vw - 1180px)/2))}.brand{text-decoration:none;color:#123344;display:flex;align-items:center;gap:14px;font-weight:800;letter-spacing:2px}.mark{background:#10384c;color:#77ead0;padding:9px 12px;border-radius:10px;font-size:24px;letter-spacing:-3px}.brand-sub{font-size:14px;font-weight:400;letter-spacing:0;color:#657e89}.demo-tag{font-size:12px;font-weight:700;letter-spacing:1.2px;background:#fff4d8;color:#866010;padding:8px 12px;border:1px solid #ead9a8;border-radius:5px}main{max-width:1180px;margin:auto;padding:40px 24px 24px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.eyebrow{font-size:12px;letter-spacing:1.6px;font-weight:700;margin:0 0 12px}h1{font-size:32px;letter-spacing:-1px;margin:0 0 12px;font-weight:650}.intro{margin:0;color:#607783;font-size:16px}.operator{font-size:14px;font-weight:600;text-align:right}.operator span{display:block;font-size:12px;color:#738892;margin-top:5px}.demo-notice{display:flex;gap:12px;align-items:center;background:#e7f0f5;border:1px solid #d2e2eb;border-radius:8px;padding:12px 16px;margin-bottom:24px;font-size:14px;line-height:1.6}.demo-notice p{margin:0}.notice-icon{border:1px solid #738e9d;border-radius:50%;width:20px;height:20px;text-align:center;line-height:18px;flex-shrink:0}.workspace{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.pin-panel{background:#10384c;color:#fff;border-radius:14px;padding:30px 32px;box-shadow:0 8px 24px #10384c0d}.panel-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;gap:12px}.panel-top .eyebrow{margin:0;color:#9ebcc9}.badge{font-size:12px;padding:6px 10px;border-radius:30px;background:#255467;color:#a9f2d9}h2{font-size:19px;letter-spacing:-.3px;margin:0;font-weight:600}.pin-number{font-size:clamp(36px,5vw,62px);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.12em;margin:18px 0 10px}.pin-caption{font-size:14px;color:#b5cbd5;min-height:20px;margin:0 0 28px}.new-pin{border-top:1px solid #36596a;border-bottom:1px solid #36596a;padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:14px}.small-label{font-size:12px;letter-spacing:1.2px;color:#adc9d6;display:block;margin-bottom:8px}.new-pin strong{font-size:24px;letter-spacing:3px;font-variant-numeric:tabular-nums}.new-pin>span{font-size:12px;color:#bad0da}.actions{display:flex;gap:12px;margin-top:24px}button{font:600 14px inherit;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;padding:14px 16px;border-radius:7px;min-height:46px}button:focus-visible,input:focus-visible{outline:3px solid #efba58;outline-offset:4px}.primary{background:#76e4c4;color:#103b3d;border:1px solid #76e4c4;flex:1}.secondary{background:#234c60;border:1px solid #527284;color:#fff;flex:1.5}button:hover:not(:disabled){filter:brightness(1.08)}button:disabled{opacity:.45;cursor:not-allowed}.help{font-size:12px;line-height:1.7;color:#bed0d9;margin:16px 0 0}.doors-panel{background:#fff;border:1px solid #dce6eb;border-radius:14px;padding:28px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.section-heading>span{font-size:14px;color:#46716a}.muted{font-size:14px;color:#71848e;margin:8px 0 20px}.door{padding:19px 0;border-bottom:1px solid #e7edf0;display:flex;gap:14px;align-items:center}.door-icon{font-size:23px;color:#426d7a;background:#f0f5f7;border-radius:8px;padding:9px 13px}.door-content{flex:1}.door strong{font-size:15px;display:block}.door small{display:block;font-size:12px;color:#728992;margin-top:6px}.door-status{font-size:12px;font-weight:600;color:#26705e;text-align:right}.door-status.failed{color:#b64132}.door-status.syncing{color:#8a670f}.hardware{display:grid;grid-template-columns:1fr 1fr;gap:7px 16px;margin-top:22px}.hardware span{font-size:10px;letter-spacing:1px;color:#738894}.hardware strong{font-size:12px;grid-row:2}.failure-switch{display:flex;align-items:flex-start;gap:8px;border-top:1px solid #e7edf0;padding-top:18px;margin-top:20px;font-size:12px;color:#526f7d}.failure-switch input{accent-color:#146858}.failure-switch small{display:block;font-size:12px;color:#758993;margin-top:4px}.log-panel{margin-top:26px;border:1px solid #dce6eb;background:#fff;border-radius:14px;overflow:hidden}.log-panel .section-heading{padding:24px 28px 0}.log-panel .muted{margin-bottom:18px}.log-label{font-size:10px!important;letter-spacing:1px;color:#80939d!important}.table-wrap{overflow:auto;max-height:320px}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}th{background:#f8fafb;color:#788b95;font-size:12px;font-weight:500;padding:12px 28px;position:sticky;top:0}td{padding:15px 28px;border-top:1px solid #edf1f4;line-height:1.5}td:first-child{white-space:nowrap;font-variant-numeric:tabular-nums;color:#6d818c;font-size:12px}td:last-child{font-size:12px;white-space:nowrap}.empty{text-align:center;color:#7a909a;padding:28px}.success{color:#277462}.error{color:#b34234}footer{display:flex;justify-content:space-between;margin-top:26px;font-size:11px;color:#7a8d96;letter-spacing:.5px}#error{padding:14px;border:1px solid #edb2a9;border-radius:8px;background:#fff0ec;color:#9c3024}.failure-switch:has(input:checked){color:#a24431}@media(max-width:760px){header{padding:16px 20px;height:auto}.brand-sub,.operator{display:none}main{padding:28px 16px}h1{font-size:27px}.workspace{grid-template-columns:1fr}.pin-panel,.doors-panel{padding:24px}.pin-number{font-size:48px}.log-label{display:none}th,td{padding:12px 16px}.log-panel .section-heading{padding:22px 16px 0}footer{gap:20px;line-height:1.6}.new-pin{flex-wrap:wrap}}@media(prefers-reduced-motion:no-preference){button{transition:filter .15s}.syncing{animation:pulse 1s infinite alternate}@keyframes pulse{to{opacity:.5}}}