*{box-sizing:border-box}body{margin:0;background:#0a0e12;color:#ecf2f2;font:16px/1.55 system-ui,sans-serif}a{color:#aaff82;text-decoration:none}.w{max-width:1040px;margin:auto;padding:0 22px}header,footer{border-bottom:1px solid #28343a;padding:20px 0}footer{border-top:1px solid #28343a;border-bottom:0;color:#9cabb4}.bar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.bar nav{display:flex;gap:20px}.brand{letter-spacing:.16em;font-weight:800;color:white}.hero{padding:60px 0 30px}.hero h1{font-size:clamp(32px,6vw,60px);letter-spacing:-.04em;line-height:1.1;margin:13px 0}.hero p{max-width:700px;color:#b1bfc7}.kicker{color:#abff88;letter-spacing:.2em;font-size:12px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 32px}.tile,.panel,.promo{background:#131c22;border:1px solid #344249;border-radius:14px;padding:24px}.tile{color:white;cursor:pointer;text-align:left;font:inherit}.tile strong{display:block;font-size:19px;margin-bottom:7px}.tile small{color:#aabdc6}.tile:hover{border-color:#acff88}.panel{margin:0 0 30px}label{display:block;font-weight:600;font-size:14px;margin:13px 0 7px}input,textarea,select{background:#081015;border:1px solid #52616b;color:white;border-radius:8px;padding:12px;font:inherit;width:100%}textarea{font:13px/1.6 monospace}.go{border:0;background:#afff8b;border-radius:9px;padding:11px 18px;color:#0a1908;font:inherit;font-weight:800;margin-top:16px;cursor:pointer}pre{background:#060b10;border:1px solid #314149;border-radius:9px;padding:18px;color:#c9eec9;white-space:pre-wrap;overflow-wrap:anywhere;min-height:56px;font:13px/1.7 monospace}.promo{background:#16261c;border-color:#45634a;margin:0 0 60px}.hint{font-size:13px;color:#a1b2bc}.cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:720px){.grid,.cols{grid-template-columns:1fr}.hero{padding:35px 0 22px}}