:root{font-family:system-ui,-apple-system,sans-serif;color:#28382e;background:#f5f3ed;font-size:16px;line-height:1.65}*{box-sizing:border-box}body{margin:0}main{max-width:820px;margin:auto;padding:24px 24px 60px}header{display:flex;justify-content:space-between;gap:20px;font-size:.8rem;letter-spacing:.08em}header a{text-decoration:none;font-weight:800}header span,.small{color:#657068}.hero{padding:28px 0 8px}.eyebrow,.step{font-size:.75rem;font-weight:700;letter-spacing:.12em;color:#876638}h1{font-size:clamp(2.7rem,7vw,4.7rem);line-height:1.08;letter-spacing:-.055em;margin:15px 0 25px;font-weight:650}h2{font-size:1.6rem;line-height:1.25;letter-spacing:-.025em;margin:10px 0 18px}.hero>p:last-child{max-width:610px;font-size:1.15rem}.card{background:#fffefb;border:1px solid #dcded4;border-radius:20px;padding:32px;margin:20px 0}p{margin:14px 0}ul{padding-left:24px}li{margin:10px 0}a{color:#315d42;text-underline-offset:3px}label{display:block;font-weight:600;margin:18px 0 6px}.check{display:flex;align-items:flex-start;gap:12px;font-weight:400}.check input{width:18px;height:18px;flex-shrink:0;margin:5px 0 0;accent-color:#345e44}input:not([type=checkbox]),select{width:100%;font:inherit;padding:12px;border:1px solid #aab7ac;border-radius:8px;background:white;color:inherit}button{font:inherit;font-weight:650;border:0;border-radius:9px;padding:12px 23px;background:#345e44;color:white;margin:20px 8px 4px 0;cursor:pointer}button.secondary{background:#e6ece5;color:#345e44}button:disabled{opacity:.48;cursor:not-allowed}:focus-visible{outline:3px solid #af7e2e;outline-offset:3px}progress{display:block;width:100%;margin:22px 0;accent-color:#345e44}.small{font-size:.85rem}footer{display:flex;gap:24px;flex-wrap:wrap;margin-top:35px;font-size:.85rem}.error{color:#9a3428}[hidden]{display:none!important}@media(max-width:500px){main{padding:22px 16px}.card{padding:23px}.hero{padding-top:22px}header{font-size:.68rem}}

button.button-help{display:inline;padding:0;margin:0;border:0;border-radius:2px;background:none;color:#315d42;font:inherit;text-decoration:underline dotted;text-underline-offset:3px;cursor:help}
#button-photo{position:fixed;inset:auto;margin:0;padding:14px;width:min(320px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;border:1px solid #dcded4;border-radius:16px;background:#fffefb;color:#28382e;box-shadow:0 12px 40px #28382e30;font-size:.9rem;line-height:1.5}
#button-photo::backdrop{background:transparent}#button-photo figure{margin:0}#button-photo figcaption{padding:0 8px 8px;text-align:center}.button-photo-image{position:relative}.button-photo-image img{display:block;width:100%;height:auto}.button-marker{position:absolute;left:50.2%;top:44.8%;width:12%;aspect-ratio:1;border:3px solid #ad5b22;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #fffefbbf}button.photo-close{position:absolute;z-index:1;right:6px;top:6px;margin:0;padding:2px 10px;background:transparent;color:#315d42;font-size:1.4rem}

.first-install{margin-top:24px;padding:22px;border:1px solid #c6ac7c;border-radius:12px;background:#faf6eb}.first-install h3{margin-top:0}