:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#183432;background:#f4f5ef;font-synthesis:none;--green:#183f37;--lime:#d7ef85;--muted:#6c7b74}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #85ac49;outline-offset:4px}[hidden]{display:none!important}.shell{max-width:1240px;margin:auto;padding:0 56px}.topbar{height:116px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce0d6}.brand{display:flex;gap:13px;align-items:center;font-size:24px;letter-spacing:-1px}.brand strong{font-size:20px;font-weight:500}.brand-mark{background:#183f37;color:#d7ef85;font-size:38px;font-weight:700;width:40px;height:42px;display:grid;place-items:center;border-radius:11px;line-height:1}.brand-divider{margin:0 12px;color:#a2ada0;font-weight:300}.button{border:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 19px;border-radius:10px;font-weight:600;font-size:14px;transition:background .15s,transform .15s}.button:active{transform:translateY(1px)}.quiet{background:transparent;border:1px solid #ced6c8}.primary{background:var(--green);color:#f5f9eb}.primary:hover{background:#245248}.secondary{background:#e2e9dc;color:#274c40}.full{width:100%}main{display:grid;grid-template-columns:1fr 450px;column-gap:90px;row-gap:35px;padding:66px 0 64px;align-items:start}.intro{grid-column:1;grid-row:1}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;margin:0 0 17px}h1{font-size:62px;line-height:1.08;letter-spacing:-3px;font-weight:500;margin:27px 0}h1 span{color:#869781}p{line-height:1.6}.lede{font-size:16px;color:var(--muted);max-width:350px}.card{background:#fff;border:1px solid #e1e5db;border-radius:20px;padding:32px;box-shadow:0 10px 35px #23442d06}.activation,#workspace{grid-column:2;grid-row:1 / span 2}.small-icon{width:44px;height:44px;display:grid;place-items:center;background:#eff3e7;border:1px solid #e1e8d7;border-radius:12px;font-size:27px;color:var(--green)}.activation>.small-icon{margin-bottom:27px}h2{font-size:26px;font-weight:500;letter-spacing:-.8px;margin:0 0 14px}.muted{font-size:14px;color:var(--muted);margin:0 0 26px}.activation form{margin-top:27px}label{display:block;font-size:12px;font-weight:600;margin:20px 0 9px}input:not([type=checkbox]),select{width:100%;border:1px solid #dce2d6;border-radius:9px;min-height:48px;padding:12px 14px;background:#fcfdf9;color:#183432;outline:0}input:focus,select:focus{border-color:#86a26c;box-shadow:0 0 0 3px #91b16222}input::placeholder{color:#9aa595}form>.primary{margin-top:26px}.fine-print{font-size:11px;color:#8a9586;text-align:center;margin:20px 8px 0}.notes{grid-column:1;grid-row:2;max-width:330px;padding-top:28px;border-top:1px solid #d8dfd1}.note-number{font-size:9px;letter-spacing:1.7px;font-weight:600;color:#7b8974}h3{font-size:23px;font-weight:500;letter-spacing:-.5px;line-height:1.3;margin:16px 0}.notes p{font-size:13px;color:#7b8974}.note-bottom{display:flex;align-items:center;gap:9px;font-size:10px;color:#6f7d66;margin-top:25px}.dot{display:inline-block;flex-shrink:0;width:7px;height:7px;background:#85a85b;border-radius:50%}.identity{display:flex;align-items:center;gap:11px;padding:0 5px 22px}.avatar{height:38px;width:38px;background:#dce7cc;border-radius:50%;display:grid;place-items:center;font-weight:600}.identity strong{display:block;font-size:13px}.identity span:not(.badge){display:block;font-size:11px;color:var(--muted);margin-top:3px}.badge{margin-left:auto;background:#e6eddc;color:#557342;border:1px solid #dce5ce;border-radius:20px;font-size:10px;padding:6px 10px;white-space:nowrap}.card-heading{display:flex;justify-content:space-between;gap:15px;align-items:center}.card-heading .eyebrow{margin-bottom:9px}.card-heading h2{margin-bottom:0}.tabs{display:flex;background:#f2f4ed;border-radius:10px;padding:4px;margin:25px 0}.tabs button{flex:1;border:0;border-radius:7px;padding:10px 4px;font-size:12px;background:transparent;color:#7b8974;white-space:nowrap}.tabs [aria-selected=true]{background:#fff;box-shadow:0 2px 6px #1a392d0b;color:#264c3e;font-weight:600}.key-field{position:relative}.key-field input{padding-right:54px}.key-field button{position:absolute;right:6px;top:6px;width:37px;height:36px;border:0;background:#e9eedf;border-radius:6px;font-size:24px;color:#49623b}.checkbox{display:flex;gap:8px;align-items:center;font-size:11px;font-weight:400;margin-top:13px;color:#70806a}.checkbox input{accent-color:var(--green)}.optional{color:#99a28f;font-weight:400;margin-left:4px}.field-hint{font-size:10px;color:#8a9586;margin:8px 0 0}.result{border-top:1px dashed #cfdcc0;margin-top:27px;padding-top:22px}.result-label{display:flex;justify-content:space-between;align-items:center}.result-label .eyebrow{margin:0;color:#728665}.copy-button{background:none;border:0;font-size:12px;color:#3e6749;padding:8px 0}output{display:block;font-family:Consolas,monospace;font-size:34px;letter-spacing:4px;overflow-wrap:anywhere;background:#f3f7e8;border:1px solid #e6edda;border-radius:10px;padding:18px;margin:10px 0 0;text-align:center}output.long{font-size:17px;letter-spacing:1px;line-height:1.7}.result .secondary{margin-top:18px;font-size:12px}.connection{display:flex;align-items:center;gap:9px;padding:7px 9px;color:#829175}.connection p{font-size:10px;flex:1}.connection button{border:0;background:none;font-size:21px;color:#718762}.connection .pending{background:#bb9c55}#message{grid-column:2;grid-row:3;background:#e4ebdc;border:1px solid #d2dfc3;border-radius:10px;padding:14px 18px;font-size:13px;margin:0}#message.error{color:#8f3f2a;background:#fcf0e8;border-color:#eed8ca}footer{border-top:1px solid #dce0d6;padding:27px 0 35px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#89947f}.footer-separator{margin:0 10px}dialog{border:1px solid #dce2d6;border-radius:18px;padding:24px;max-width:min(94vw,450px);color:#183432}dialog::backdrop{background:#102b2ac9}.scanner-heading{display:flex;justify-content:space-between;gap:35px;align-items:start}.scanner-heading button{background:none;border:0;font-size:20px}video{width:100%;border-radius:10px;background:#102b2a}dialog p{font-size:13px}@media(max-width:1050px){main{column-gap:45px;grid-template-columns:1fr 410px}h1{font-size:51px}.shell{padding:0 32px}}@media(max-width:760px){.shell{padding:0 22px}.topbar{height:84px}.brand{font-size:22px}.brand strong{font-size:18px}.quiet{padding:10px 12px;font-size:11px}main{display:flex;flex-direction:column;gap:27px;padding:35px 0}.intro{width:100%}h1{font-size:43px;letter-spacing:-2px;margin:18px 0}.intro h1 br{display:none}.intro h1 span{display:block}.lede{font-size:14px;max-width:340px;margin-bottom:0}.intro .eyebrow{font-size:9px}.activation,#workspace,#message{width:100%}.card{padding:26px;border-radius:16px}.notes{order:5;max-width:none;padding-top:24px}.notes h3 br{display:none}.notes h3{font-size:19px}.notes p{font-size:12px}.note-bottom{margin-top:17px}.badge{font-size:9px}footer{font-size:8px;gap:15px;line-height:1.6}#message{order:4}.identity{padding-bottom:17px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Marca fornecida pelo usuário; verdes e grafite amostrados da referência. */
:root{--green:#087d49;--lime:#5bc21b;color:#2c3546}.brand-logo{width:170px;height:auto;display:block;mix-blend-mode:multiply}.brand{gap:0}.brand-mark{display:none}.primary:hover{background:#06985a}.dot{background:#3dbc25}.badge{color:#087d49;background:#edf6e9}.avatar{color:#087d49;background:#e6f2df}.small-icon{color:#087d49}.result output{border-color:#d9eacb}.checkbox input{accent-color:#087d49}@media(max-width:760px){.brand-logo{width:130px}.brand-divider{margin:0 9px}}