*{box-sizing:border-box}body{margin:0;background:#0c1518;color:#eef3ee;font:15px/1.55 system-ui,sans-serif}main{max-width:1120px;margin:auto;padding:0 38px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #263235;padding:30px 0}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-size:12px;letter-spacing:1.8px;font-weight:700}.mark{background:#d0eea1;color:#172219;padding:4px 10px;font-size:18px}.muted,small{color:#9ba9ac}.badge{border:1px solid #40524a;padding:5px 12px;border-radius:20px;font-size:12px;color:#d0eea1}.intro{padding:60px 0 32px}.eyebrow,.number{font-size:11px;letter-spacing:1.7px;font-weight:600;color:#d0eea1}h1{font-size:clamp(38px,5vw,64px);line-height:1.08;letter-spacing:-2.6px;margin:16px 0 22px;font-weight:550}h1 span{color:#a5b6b7}.lede{color:#a5b6b7;max-width:585px;font-size:16px}.path{display:flex;align-items:center;justify-content:space-between;padding:23px 28px;background:#142125;border:1px solid #2b3a3d;border-radius:12px;margin:6px 0 28px}.path div{display:grid;grid-template-columns:auto 1fr;column-gap:12px}.path strong{font-weight:500}.path small{grid-column:2}.step{grid-row:span 2;color:#a4c287;font:12px monospace;padding-top:5px}.arrow{color:#688176}.grid{display:grid;grid-template-columns:1.5fr 1fr;gap:22px}.panel{border:1px solid #2b3a3d;border-radius:12px;background:#101c20;padding:28px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}h2{font-size:18px;font-weight:550;margin:0}.number{color:#7e9295;font-size:9px}label{display:block;margin-bottom:10px;color:#b6c1bf;font-size:13px}textarea{resize:vertical;min-height:104px;width:100%;background:#0b1619;border:1px solid #3a4a4c;border-radius:7px;padding:14px;color:#edf5e9;font:inherit}textarea:focus{outline:2px solid #b7d98c;outline-offset:2px}.form-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:16px 0 24px}button{border:0;border-radius:6px;background:#d0eea1;color:#18251d;padding:12px 19px;font:600 13px system-ui;cursor:pointer}button:hover{background:#e0f5be}button:disabled{opacity:.55;cursor:wait}.secondary{background:transparent;border:1px solid #40524a;color:#d0eea1;width:100%}.secondary:hover{background:#24352c}.reply{background:#0b1619;border:1px dashed #33464a;border-radius:7px;padding:18px;min-height:105px}.echo{overflow-wrap:anywhere;font-size:20px;margin:12px 0}.reply small{font:11px/1.8 monospace}.error{color:#ffb8a7}.connection{display:flex;align-items:center;gap:9px;color:#a5b6b7}.online{color:#d0eea1}.dot{background:currentColor;width:7px;height:7px;border-radius:50%}dl{margin:24px 0}dl div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #243237;padding:10px 0}dt{color:#9ba9ac;font-size:12px}dd{margin:0;font:12px/1.6 monospace;overflow-wrap:anywhere;text-align:right}.note{font-size:12px;color:#8a9c9e;margin:22px 0 0}footer{display:flex;justify-content:space-between;padding:32px 0;color:#829699;font-size:11px}@media(max-width:740px){main{padding:0 20px}.intro{padding-top:35px}.grid{grid-template-columns:1fr}.path{padding:18px 12px;gap:8px}.path div{display:block}.path small{display:block;font-size:10px}.step{display:block}.path strong{font-size:12px}.panel{padding:21px}footer{gap:16px}.brand .muted{display:none}}