:root{color:#16201d;background:#f3f6f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;letter-spacing:0}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#app{min-height:100%}body{margin:0;min-width:320px;min-height:100vh}#app{min-height:100vh;display:flex;flex-direction:column}button{font:inherit}.skip-link{position:fixed;top:0;left:16px;z-index:100;padding:10px 14px;transform:translateY(-120%);border-radius:0 0 5px 5px;color:#fff;background:#0d1213;font-weight:750;text-decoration:none}.skip-link:focus{transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.site-header{position:sticky;top:0;z-index:10;border-bottom:1px solid #d9dfdc;background:#fffffff5;backdrop-filter:blur(14px)}.header-inner{width:min(calc(100% - 40px),1220px);height:68px;margin:0 auto;display:flex;align-items:center}.brand{display:inline-flex;align-items:center;gap:9px;color:#121718;font-size:1.35rem;font-weight:800;text-decoration:none}.brand img{width:28px;height:28px;display:block}.desktop-nav{display:flex;gap:26px;margin-left:auto}.desktop-nav a,.mobile-nav a{color:#303737;font-size:.94rem;font-weight:600;text-decoration:none}.desktop-nav a{position:relative;padding:24px 0 22px}.desktop-nav a:hover,.desktop-nav a.active{color:#0a513d}.desktop-nav a.active:after{position:absolute;right:0;bottom:0;left:0;height:3px;background:#0f7455;content:""}.language-selector{display:inline-flex;align-items:center;margin-left:20px}.language-selector select{min-width:58px;height:34px;padding:0 8px;cursor:pointer;border:1px solid #d9dfdc;border-radius:4px;color:#26312f;background:#f7faf8;font:inherit;font-size:.76rem;font-weight:800;letter-spacing:.06em}.language-selector select:hover{border-color:#9dbcae;background:#eef7f2}.language-selector select:focus-visible{outline:3px solid rgba(22,131,93,.24);outline-offset:2px}.menu-button{width:42px;height:42px;margin-left:12px;display:none;place-items:center;border:0;color:#121718;background:transparent;cursor:pointer}.menu-button span,.menu-button:before,.menu-button:after{width:20px;height:2px;display:block;border-radius:1px;background:currentColor;content:"";transition:transform .16s ease}.menu-button:before{transform:translateY(-6px)}.menu-button:after{transform:translateY(6px)}.menu-button[aria-expanded=true] span{opacity:0}.menu-button[aria-expanded=true]:before{transform:translateY(2px) rotate(45deg)}.menu-button[aria-expanded=true]:after{transform:rotate(-45deg)}.mobile-nav{display:none}main{width:min(1060px,calc(100% - 32px));flex:1;margin:0 auto;padding:48px 0 32px}.intro{max-width:720px}.eyebrow{margin:0 0 8px;color:#147956;font-size:.8rem;font-weight:800;text-transform:uppercase}h1{margin:0;max-width:720px;font-size:clamp(2rem,4vw,2.7rem);line-height:1.08;letter-spacing:0}.intro>p:last-child{max-width:670px;margin:16px 0 0;color:#52615d;font-size:1.02rem}.status-panel{margin:28px 0;padding:14px 16px;display:flex;gap:12px;border:1px solid #d4dfda;border-radius:7px;background:#fff}.status-panel p{margin:2px 0 0;color:#5b6864;font-size:.87rem}.status-flag{width:32px;height:24px;flex:0 0 32px;align-self:center;display:block;object-fit:contain}.firmware-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}.panel{padding:24px;border:1px solid #dce4e1;border-radius:8px;background:#fff;box-shadow:0 8px 26px #10201b0d}.step-panel{min-width:0;display:flex;flex-direction:column}.panel-heading{min-height:64px;display:flex;align-items:flex-start;gap:13px}.panel-heading h2{margin:0;font-size:1.08rem}.panel-heading p{margin:3px 0 0;color:#6b7773;font-size:.9rem}.step-number{width:26px;height:26px;display:inline-grid;place-items:center;flex:0 0 26px;border-radius:50%;color:#fff;background:#16835d;font-size:.82rem;font-weight:800}.step-content{min-height:76px;margin-top:22px}.field-label{margin-bottom:7px;display:block;color:#34443e;font-size:.84rem;font-weight:750}.select-shell{position:relative}.select-shell:after{position:absolute;top:50%;right:15px;width:8px;height:8px;border-right:2px solid #496159;border-bottom:2px solid #496159;content:"";pointer-events:none;transform:translateY(-70%) rotate(45deg)}.field-select{width:100%;min-height:48px;padding:10px 42px 10px 13px;appearance:none;border:1px solid #bfcfc9;border-radius:6px;color:#1d3029;background:#fff;font:inherit;font-weight:700;cursor:pointer}.field-select:hover{border-color:#5d9d86}.field-select:focus-visible,.button:focus-visible{outline:3px solid rgba(22,131,93,.22);outline-offset:2px;border-color:#16835d}.selected-device{min-height:72px;margin-top:10px;padding:9px 11px;display:flex;align-items:center;gap:11px;border:1px solid #e0e7e4;border-radius:6px;background:#f7faf8}.device-thumbnail{width:52px;height:52px;flex:0 0 52px;display:block;border:1px solid #dce4e1;border-radius:5px;background:#fff;object-fit:contain}.selected-device>span{min-width:0;display:grid;gap:2px}.selected-device strong{color:#1d3029;font-size:.94rem}.selected-device small{overflow:hidden;color:#687570;font-size:.81rem;text-overflow:ellipsis;white-space:nowrap}.field-help{margin:9px 0 0;color:#6b7773;font-size:.82rem}.button{min-height:44px;padding:10px 16px;border-radius:5px;border:0;font-weight:750;cursor:pointer}.button-primary{color:#fff;background:#16835d}.button-secondary{color:#173129;border:1px solid #b8c8c2;background:#f8faf9}.button:disabled{color:#87938f;background:#e7ecea;cursor:not-allowed}.flasher-slot{margin:18px 0 0}nabucasa-zigbee-flasher{--mdc-theme-primary: #16835d;--mdc-theme-on-primary: #ffffff}.flasher-error{padding:16px;border:1px solid #d78c83;border-left:4px solid #ba4c40;border-radius:6px;color:#5f2822;background:#fff7f6}.flasher-error p{margin:6px 0 12px}.flasher-error details{margin:0 0 14px;color:#6a3a34;font-size:.84rem}.flasher-error summary{cursor:pointer}.flasher-error code{margin-top:8px;display:block;overflow-wrap:anywhere;color:#4e2723}.flasher-support-contact{margin:0 0 14px;color:#6a3a34;font-size:.88rem}.flasher-support-contact a{color:inherit;font-weight:800}.safety-note{margin:auto 0 0;padding-top:18px;color:#65716d;font-size:.85rem}.site-footer{margin-top:auto;background:#0d1213;color:#fff}.footer-inner{width:min(calc(100% - 40px),1220px);margin:0 auto;padding:58px 0 40px;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:50px}.footer-brand{color:#fff;font-size:.92rem;font-weight:800;letter-spacing:.04em;text-decoration:none}.footer-inner p{max-width:320px;margin:15px 0 0;color:#aeb8b5;line-height:1.5}.footer-links{display:grid;gap:10px;align-content:start}.footer-links a,.footer-contact{color:#dbe2df;text-decoration:none}.footer-links a:hover,.footer-contact:hover{color:#fff}.footer-contact{align-self:start}.footer-bottom{padding:18px 20px;border-top:1px solid #2b3233;color:#98a29f;text-align:center;font-size:.8rem}@media(max-width:1100px){.desktop-nav{display:none}.language-selector{margin-left:auto;margin-right:8px}.menu-button{display:grid}.mobile-nav{display:grid;padding:5px 20px 18px;gap:4px;border-top:1px solid #d9dfdc}.mobile-nav a{padding:12px 0}.mobile-nav a.active{color:#0a513d;font-weight:800}}@media(max-width:720px){.header-inner{width:min(calc(100% - 28px),1220px)}main{width:min(100% - 24px,1040px);padding-top:34px}.firmware-flow{grid-template-columns:1fr}.panel{padding:19px}.flasher-slot,.safety-note{margin-left:0}.button{width:100%}.footer-inner{width:calc(100% - 32px);grid-template-columns:1fr;gap:28px}}