:root{color-scheme:dark;--bg:#050806;--panel:#0b100c;--line:#253128;--text:#f0f5ef;--muted:#9aac9d;--green:#3be982}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}button,input,select{font:inherit}button{cursor:pointer}a{color:var(--green)}.shell{width:min(100% - 36px,1080px);margin:0 auto;padding:30px 0 80px}.header{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding-bottom:22px}.brand{color:var(--text);text-decoration:none;font-size:clamp(17px,3vw,24px);letter-spacing:-.06em}.brand span{color:var(--green)}.header nav{display:flex;gap:18px;align-items:center}.header button{background:none;border:0;color:var(--muted);padding:6px}.header button:hover{color:var(--green)}.eyebrow{color:var(--green);font-size:11px;letter-spacing:.17em;text-transform:uppercase}.hero{padding:58px 0 33px}.hero h1{font-size:clamp(34px,6vw,64px);letter-spacing:-.075em;line-height:1.05;margin:15px 0}.hero p{color:var(--muted);line-height:1.65;max-width:650px}.panel{border:1px solid var(--line);background:linear-gradient(145deg,#0c130e,#080b09);border-radius:12px;padding:25px}.login{max-width:480px;margin:55px auto}.panel h2{margin:0 0 10px;font-size:20px;letter-spacing:-.035em}.panel p{color:var(--muted);font-size:13px;line-height:1.6}.field{display:grid;gap:9px;margin-top:24px;color:#c9d8cb;font-size:12px}.field input,.field select{width:100%;border:1px solid #3a4d3e;background:#060a07;border-radius:7px;color:var(--text);padding:13px 14px;outline:none}.field input:focus,.field select:focus{border-color:var(--green);box-shadow:0 0 0 3px #3be98222}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #3be982;background:var(--green);color:#061108;text-decoration:none;border-radius:7px;padding:12px 17px;font-size:12px;font-weight:700;min-height:43px}.button:hover{background:#b4e5c3}.button.secondary{background:transparent;color:var(--green);border-color:#3c6347}.button.secondary:hover{background:#122519}.button:disabled{opacity:.45;cursor:not-allowed}.login .button{margin-top:20px;width:100%}.error{color:#ff9f9f;min-height:1.4em;font-size:12px}.success{color:#a4e8b7;min-height:1.4em;font-size:12px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px;margin-top:25px}.demo-card{border:1px solid var(--line);border-radius:11px;background:#0b100d;padding:23px;display:flex;flex-direction:column;min-height:235px}.demo-card .meta{color:var(--green);font-size:10px;letter-spacing:.13em;text-transform:uppercase}.demo-card h2{font-size:21px;letter-spacing:-.04em;margin:20px 0 8px}.demo-card p{color:var(--muted);font-size:12px;line-height:1.7;margin:0 0 24px;flex:1}.demo-card .row{justify-content:space-between}.section-title{margin:35px 0 0;font-size:12px;color:var(--muted);letter-spacing:.15em;text-transform:uppercase}.share{margin-top:26px}.share-grid{display:grid;grid-template-columns:1fr 170px auto;gap:12px;align-items:end}.share .field{margin:0}.code-box{margin-top:20px;border:1px dashed #41694a;border-radius:8px;padding:15px;background:#061008;display:none}.code-box strong{display:block;color:var(--green);font-size:11px;margin-bottom:8px}.code-box code{display:block;overflow-wrap:anywhere;font-size:32px;letter-spacing:.18em;line-height:1.4}.code-box .button{margin-top:14px}.foot{color:#718074;font-size:11px;border-top:1px solid var(--line);margin-top:70px;padding-top:22px}.hide{display:none!important}@media(max-width:640px){.shell{width:min(100% - 26px,1080px);padding-top:20px}.hero{padding-top:40px}.share-grid{grid-template-columns:1fr}.header nav{gap:8px}}