:root{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",Arial,sans-serif;color:#16251c;background:#f6f9f7;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input{font:inherit}button{cursor:pointer}a{color:#205b3a;text-underline-offset:4px}a:hover{text-decoration-thickness:2px}[hidden]{display:none!important}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px clamp(22px,5vw,72px);background:#fff;border-bottom:1px solid #e0e8e2}.wordmark{color:#142219;font-size:25px;letter-spacing:-.055em;font-weight:780;text-decoration:none}.wordmark span{color:#246b41}.topbar nav{display:flex;align-items:center;gap:24px;font-size:14px}.topbar nav a{font-weight:650}.topbar nav span{color:#6d7a70}
main{max-width:1160px;margin:0 auto;padding:52px 28px 100px}.intro{max-width:820px}.kicker{margin:0 0 20px;color:#557866;font-size:12px;letter-spacing:.08em;font-weight:700;text-transform:uppercase}h1{font-size:clamp(42px,6vw,72px);letter-spacing:-.065em;line-height:1.03;margin:0 0 20px;font-weight:750}.intro>p:not(.kicker){font-size:18px;line-height:1.55;color:#596a60;max-width:690px;margin:0 0 25px}.primary-link{display:inline-flex;align-items:center;gap:12px;background:#174c2b;color:#fff;padding:14px 18px;border-radius:12px;text-decoration:none;font-weight:660;font-size:14px}.primary-link:hover{background:#0e3d20}.quiet-link{display:inline-block;margin:12px 0 12px 20px;font-size:14px;font-weight:600}
.source-note{display:grid;grid-template-columns:220px 1fr;gap:16px;margin:38px 0 32px;padding:20px 24px;background:#eaf3ed;border-left:3px solid #358455;border-radius:0 13px 13px 0;color:#466250;font-size:14px;line-height:1.55}.source-note strong{color:#1e5434}
.panel{background:#fff;border:1px solid #dce7df;border-radius:20px;padding:30px;margin:22px 0;box-shadow:0 9px 24px #1838220a}.panel h2,.guide h2,dialog h2{margin:0;font-size:24px;line-height:1.15;letter-spacing:-.04em}.section-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:22px}.section-heading p{margin:9px 0 0;color:#617169;line-height:1.5;font-size:14px;max-width:650px}.section-heading>a{font-size:14px;white-space:nowrap;font-weight:650}
.guide{margin:32px 0 30px}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cfded3;border-bottom:1px solid #cfded3}.steps li{display:flex;gap:16px;padding:23px 22px 22px 0}.steps li+li{padding-left:22px;border-left:1px solid #dce7df}.step-number{font-size:13px;font-weight:720;color:#4e8860}.steps h3{font-size:16px;letter-spacing:-.025em;margin:0 0 8px}.steps p{margin:0;color:#637269;font-size:13px;line-height:1.55}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:30px 0}.metrics>div{background:#eaf2ed;border-radius:14px;padding:20px 24px}.metrics strong{display:block;font-size:31px;letter-spacing:-.05em;line-height:1.1}.metrics span{display:block;margin-top:5px;color:#5e6f63;font-size:13px}
.key-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 18px}.key-form label,.login-form label,dialog label{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:680;color:#23392a}.key-form small,dialog small{display:block;min-height:38px;font-size:12px;font-weight:430;line-height:1.4;color:#697a6d}.key-form code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.key-form input,.login-form input,dialog input{width:100%;min-height:46px;padding:10px 13px;color:#183122;background:#fff;border:1px solid #bdcec2;border-radius:10px;outline:0}.key-form input:focus,.login-form input:focus,dialog input:focus{border-color:#286a42;box-shadow:0 0 0 3px #96cdaa55}button{border:0;border-radius:10px;padding:12px 16px;background:#174c2b;color:#fff;font-weight:680}button:hover{background:#0e3d20}button:focus-visible,a:focus-visible{outline:3px solid #479a63;outline-offset:3px}.secondary{background:#edf3ef;color:#174c2b}.secondary:hover{background:#dcebe0}.danger{background:#fff1ed;color:#992e1f}.danger:hover{background:#fce1da}.form-note{grid-column:1/-1;background:#fff8e9;border:1px solid #ebd9aa;border-radius:12px;color:#66552c;padding:13px 15px;font-size:13px;line-height:1.5;margin:0}.key-form>button{justify-self:start}.secret{background:#edf8f0;border:1px solid #b3d7bf;border-radius:14px;padding:20px;margin-top:22px}.secret strong{display:block;margin-bottom:5px}.secret p{font-size:13px;color:#52715a;margin:0 0 12px}.secret code{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all;line-height:1.6;margin-bottom:14px}.error{color:#a13023;font-size:13px;line-height:1.5}.supporting{font-size:13px;color:#687a6d;line-height:1.5}.login-panel{max-width:760px}.login-form{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end;margin-top:21px}.login-form button{min-height:46px}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:12px;color:#677970;font-weight:650;white-space:nowrap}td{font-size:13px;color:#25392c;vertical-align:top}th,td{padding:13px 9px;border-bottom:1px solid #e6eee8}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}td button{font-size:12px;padding:8px 11px;margin:0 5px 5px 0;white-space:nowrap}.client-name{display:block;font-weight:680}.client-id{display:block;color:#728177;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;margin-top:4px}.status{display:inline-block;border-radius:99px;background:#e7f4e8;color:#1c6736;padding:5px 9px;font-size:12px;font-weight:650}.status.off{background:#f1efec;color:#746c65}.empty{padding:24px 0 10px;color:#5e7065;line-height:1.5}.logout{margin:14px 0 0}dialog{width:min(460px,calc(100vw - 32px));border:1px solid #d7e3da;border-radius:18px;box-shadow:0 25px 80px #10291735;padding:28px;color:#16251c}dialog::backdrop{background:#10271980}dialog p{color:#657469;font-size:14px;line-height:1.5}dialog label{margin-top:20px}dialog small{min-height:auto}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}
@media(max-width:800px){.source-note{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.steps li+li{padding-left:0;border-left:0;border-top:1px solid #dce7df}.metrics{grid-template-columns:repeat(3,1fr)}.login-form{grid-template-columns:1fr 1fr}.login-form button{grid-column:1/-1;justify-self:start}.section-heading{flex-direction:column}.section-heading>a{white-space:normal}}
@media(max-width:600px){main{padding:36px 18px 80px}.topbar{padding:17px 18px}.topbar nav{gap:12px}.topbar nav span{display:none}h1{font-size:42px}.intro>p:not(.kicker){font-size:16px}.quiet-link{display:block;margin:17px 0}.source-note{margin:28px 0;padding:17px}.panel{padding:22px 18px;border-radius:16px}.key-form,.login-form{grid-template-columns:1fr}.key-form small{min-height:auto}.metrics{grid-template-columns:1fr;gap:8px}.metrics>div{padding:14px 18px}.metrics strong{display:inline;font-size:25px;margin-right:9px}.metrics span{display:inline}.login-form button{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}