:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#293e31;background:#f7f8f2;font-synthesis:none;line-height:1.6}
*{box-sizing:border-box}body{margin:0}header,main,footer{width:min(820px,calc(100% - 40px));margin:auto}header{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:28px 0}.brand{color:inherit;text-decoration:none;font-size:22px;font-weight:700;letter-spacing:-1px}.brand small{font-size:12px;font-weight:400;letter-spacing:0}.brand-mark{font-size:30px;color:#61754e;vertical-align:middle;margin-right:8px}.tag{font-size:9px;letter-spacing:1px;color:#5b6952;text-align:right}.intro{padding:38px 0 30px;max-width:660px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;margin:0 0 8px;color:#627258}h1{font-size:clamp(40px,7vw,64px);line-height:1.08;letter-spacing:-3px;font-weight:600;margin:12px 0 22px}h2{font-size:24px;line-height:1.2;letter-spacing:-1px;margin:0;font-weight:600}.intro>p:last-child{font-size:17px;max-width:590px;color:#68735f}.card{border:1px solid #dce1d4;border-radius:24px;padding:30px;background:#fffef9;margin:20px 0}.card-head{display:flex;align-items:center;gap:15px;margin-bottom:22px}.step{border:1px solid #d8dfcc;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;font-size:12px;color:#657456}button{font:inherit;font-size:14px;cursor:pointer;border-radius:13px;padding:15px 20px;min-height:48px;transition:background-color .15s ease}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #bdce97;outline-offset:3px}button:disabled{opacity:.55;cursor:default}.primary{background:#2c4a39;color:#fff;border:1px solid #2c4a39;display:flex;justify-content:space-between;width:100%;margin:20px 0 28px}.primary:hover:not(:disabled){background:#203e2d}.secondary{background:transparent;border:1px solid #d4dccb;color:#344b35}.text-button{background:none;border:0;text-decoration:underline;text-underline-offset:4px;color:#637355}label{display:block;margin-bottom:10px;font-size:13px;color:#65735d}input{width:100%;max-width:340px;padding:16px 22px;border:1px solid #d3dcc9;border-radius:15px;background:#fbfcf6;font:600 30px/1.4 ui-monospace,monospace;letter-spacing:9px;color:#344b35}input::placeholder{letter-spacing:8px;color:#bac3ac}.hint{font-size:13px;color:#798370;max-width:570px}#readStatus{padding:14px 16px;border-radius:12px;background:#f1f4e8;color:#59674c;font-size:14px;min-height:52px}#result{font-size:14px;font-weight:600;margin-bottom:0}#availability,.instructions>p{font-size:14px;color:#69745f}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f2f4e9;border:1px dashed #c9d3bb;border-radius:14px;padding:20px;font:14px/1.8 ui-monospace,monospace;color:#3d5237}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}#copyStatus{font-size:13px;color:#66725b}details{border-top:1px solid #e0e4d7;margin-top:24px;padding-top:18px;font-size:13px;color:#738068}summary{cursor:pointer;color:#445b3e}footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:28px 0 40px;font-size:11px;color:#78846b}@media(max-width:500px){header,main,footer{width:calc(100% - 32px)}header{padding:20px 0}.brand{font-size:20px}.brand small{display:block;margin-left:38px;margin-top:-8px}.tag{max-width:120px}.intro{padding-top:24px}h1{letter-spacing:-2px}.card{padding:23px 20px;border-radius:20px}h2{font-size:22px}input{max-width:none;font-size:27px;letter-spacing:8px}.primary{font-size:13px;padding:14px 16px}pre{font-size:12px;padding:16px}}
@media(prefers-reduced-motion:reduce){button{transition:none}}
.customer-main{max-width:520px;margin:42px auto 70px}.customer-main .card{padding:38px}.customer-main h1{font-size:43px;letter-spacing:-2px;line-height:1.08;margin:12px 0 22px}.customer-intro{font-size:15px;line-height:1.8;color:#75806c;margin-bottom:28px}.verification-symbol{display:grid;place-items:center;width:54px;height:54px;border:1px solid #d4ddc7;border-radius:18px;color:#63784f;font-size:23px;margin-bottom:26px}.customer-main input{max-width:none}.customer-main .primary{margin-bottom:18px}#customerStatus{font-size:13px;line-height:1.7;color:#738069;min-height:44px}.customer-view footer{max-width:520px;color:#87917e;font-size:10px;gap:8px}.customer-view .tag{font-size:8px}@media(max-width:500px){.customer-main{margin-top:20px;margin-bottom:32px}.customer-main .card{padding:28px 23px}.customer-main h1{font-size:37px}}