:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#26342e;background:#f3f5ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{width:min(100% - 44px,560px);margin:48px auto}header{display:flex;align-items:center;gap:12px;font-weight:650;font-size:18px;margin-bottom:64px}.mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#243f33;color:white;font-size:15px}.badge{margin-left:auto;font-size:9px;letter-spacing:.1em;padding:7px 8px;border:1px solid #d3dccc;border-radius:30px;color:#5a6e59}h1{font-size:clamp(34px,6vw,46px);line-height:1.09;letter-spacing:-1.8px;font-weight:650;margin:14px 0 20px}.eyebrow{font-size:10px;letter-spacing:.16em;color:#708269;font-weight:700}.intro{color:#677166;font-size:17px;line-height:1.6;max-width:440px}form{margin-top:30px}label{display:block;font-size:13px;font-weight:600;margin:22px 0 8px}input{width:100%;border:1px solid #ccd6c6;border-radius:10px;padding:14px;font:inherit;color:inherit;background:#fff}input:focus{outline:2px solid #54715c;outline-offset:2px}button{display:block;width:100%;border:0;border-radius:10px;background:#294c3c;color:#fff;padding:15px;font:600 14px inherit;cursor:pointer;margin-top:22px;font-size:15px}button:hover{background:#193c2c}.secondary{background:transparent;color:#43594b;border:1px solid #d0d9cb;margin-top:12px}.secondary:hover{background:#e5ebdf}.card{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #dbe3d3;border-radius:16px;padding:22px;margin:30px 0 16px}.card strong{font-size:15px}.card p{margin:6px 0 0;color:#6a7868;font-size:13px}.dot{width:10px;height:10px;background:#63875a;border-radius:50%}.examples{display:grid;grid-template-columns:1fr 1fr;gap:12px}.examples div{border:1px solid #dce4d6;padding:20px;border-radius:12px}.examples span{display:block;color:#7a8973;font-size:9px;letter-spacing:.15em;margin-bottom:10px}.examples strong{font-size:14px}.device{padding:20px;border-radius:12px;border:1px solid #cdd9c5;font-weight:600}.subtle,footer{font-size:12px;color:#788373;line-height:1.7}footer{border-top:1px solid #dce3d5;margin-top:36px;padding-top:20px}#status{font-size:14px;line-height:1.5;color:#51694e;min-height:21px}section[hidden]{display:none}@media(max-width:500px){main{margin-top:24px}header{margin-bottom:48px}.badge{font-size:8px}}