:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#172c2b;background:#f5f7f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1180px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:28px 24px;border-bottom:1px solid #dce4df}.brand{font-size:30px;font-weight:800;letter-spacing:-1.5px;text-decoration:none;color:#173e37}.brand span{font-size:13px;font-weight:500;letter-spacing:0;margin-left:18px;color:#62746d}.status{font-size:11px;letter-spacing:1.2px;font-weight:700;background:#e4eddf;border-radius:20px;padding:9px 13px}main{padding:0 24px}.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;padding:64px 0 42px;align-items:center}.eyebrow{font-size:11px;font-weight:750;letter-spacing:2px;color:#577769;margin:0 0 18px}h1{font-size:clamp(38px,5vw,64px);letter-spacing:-3px;line-height:1.07;margin:0 0 24px;font-weight:650}.intro{max-width:570px;font-size:17px;line-height:1.7;color:#596a64}.flow{background:#e8eedf;padding:30px;border-radius:24px}.flow span{display:block;padding:14px 0;border-bottom:1px solid #cedbc4;color:#62745c;font-size:13px}.flow b{color:#203a30;margin-left:22px;font-size:16px}.flow p,.hint{font-size:13px;line-height:1.65;color:#66746d}.notice{border-left:3px solid #8ca87e;background:#edf1e9;padding:15px 20px;font-size:13px;line-height:1.6;margin-bottom:28px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.card{padding:30px;background:white;border:1px solid #e0e7df;border-radius:18px;margin-bottom:20px}.section-title{display:flex;gap:16px;margin-bottom:25px}.section-title>span{display:flex;background:#eef2e9;border-radius:50%;width:38px;height:38px;flex-shrink:0;align-items:center;justify-content:center;color:#506847;font-size:13px;font-weight:700}h2{font-size:22px;letter-spacing:-.6px;margin:0 0 7px}h3{font-size:20px;letter-spacing:-.5px;line-height:1.35}.section-title p{color:#758079;font-size:13px;line-height:1.5;margin:0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:650;line-height:1.5}.field.wide{grid-column:1/-1}input,select,textarea{font:inherit;font-size:14px;font-weight:400;width:100%;padding:12px;border:1px solid #ccd8cf;border-radius:8px;color:#1b3430;background:#fff;min-width:0}textarea{min-height:90px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid #9ab991;outline-offset:1px}fieldset{border:0;padding:0;margin:24px 0}legend{font-size:12px;font-weight:700;margin-bottom:12px}.choices{display:flex;gap:10px;flex-wrap:wrap}.choices label{background:#f3f6f0;border:1px solid #e1e7dd;padding:10px;border-radius:8px;font-size:13px;display:flex;align-items:center;gap:7px}input[type=checkbox]{width:17px;height:17px;accent-color:#325d45}.checks{display:grid;gap:14px}.checks label{display:flex;gap:10px;font-size:13px;line-height:1.6}.checks input{flex-shrink:0;margin-top:2px}button{font:inherit;font-size:13px;cursor:pointer;border-radius:8px;padding:13px 17px;font-weight:650}.primary{background:#224c3b;color:white;border:1px solid #224c3b}.primary:hover{background:#163e2f}.primary span{padding-left:20px}.secondary{background:#fff;color:#315740;border:1px solid #c9d6c6}.secondary:hover{background:#edf2e8}.side{position:sticky;top:24px}.side .card{padding:24px}.side ul{padding-left:18px;font-size:13px;line-height:2}.side button{width:100%}.dark{background:#213d32;color:#f3f7ed;border:0}.dark p{font-size:13px;line-height:1.7;color:#ccd8cc}.dark>span{font-size:12px;letter-spacing:3px;color:#b2c89d}.error{font-size:13px;color:#9e2929;line-height:1.6}.result{margin-top:24px}.downloads{display:flex;flex-wrap:wrap;gap:10px}.code-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-top:25px}.code-toolbar label{font-size:12px;display:grid;gap:8px;flex:1}pre{background:#152c26;color:#d8e7dc;border-radius:12px;padding:22px;overflow:auto;max-height:480px;font-size:12px;line-height:1.7;tab-size:2}#review-flags{font-size:13px;line-height:1.8;color:#6c7049}footer{padding:30px 24px;font-size:12px;color:#79867c}button:disabled{opacity:.6;cursor:wait}[hidden]{display:none!important}@media(max-width:820px){.hero{gap:30px;padding-top:38px}.layout{grid-template-columns:1fr}.side{position:static;display:grid;grid-template-columns:1fr 1fr;gap:16px}.status{font-size:9px}.card{padding:24px}}@media(max-width:560px){header,main,footer{padding-left:16px;padding-right:16px}.hero{grid-template-columns:1fr;gap:15px}h1{letter-spacing:-1.8px}.flow{padding:20px}.grid,.side{grid-template-columns:1fr}.card{padding:20px}.brand span{display:none}.field.wide{grid-column:auto}.section-title{gap:10px}.downloads{flex-direction:column}.code-toolbar{align-items:stretch;flex-direction:column}.primary{width:100%}pre{padding:15px}.notice{font-size:12px}}