@font-face{font-family:Inter;src:url('/inter-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('/inter-700.ttf') format('truetype');font-weight:700;font-display:swap}
:root{color-scheme:light;font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;color:#18181b;background:#fff;line-height:1.5;--border:#e4e5ea;--muted:#6b6f7d;--blue:#3574f0}
*{box-sizing:border-box}body{display:flex;flex-direction:column;min-height:100vh;margin:0}a{color:var(--blue);text-underline-offset:3px}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.site-header{border-bottom:1px solid var(--border);background:#ffffffeb}.nav-shell{display:flex;align-items:center;gap:28px;max-width:1120px;min-height:60px;margin:auto;padding:0 24px}.brand{display:inline-flex;align-items:center;gap:8px;color:#18181b;font-weight:700;text-decoration:none}.brand img{border-radius:7px}.nav-shell nav{display:flex;gap:28px;margin-left:auto;font-size:14px}.nav-shell nav a{color:var(--muted);text-decoration:none}.nav-shell nav a:hover{color:#18181b}.nav-shell form{margin:0}
main{width:100%;max-width:920px;flex:1;margin:0 auto;padding:64px 24px 96px}.intro{margin-bottom:32px}.intro h1{margin:0;font-size:clamp(2.2rem,6vw,3rem);line-height:1.12;letter-spacing:-.035em}.intro p{margin:12px 0 0}h1{font-size:clamp(2rem,5vw,2.6rem);line-height:1.15;letter-spacing:-.035em}h2{margin:0;font-size:1.45rem;letter-spacing:-.02em}h3{margin-top:32px;font-size:1.1rem}p{color:#3f4452}.muted{color:var(--muted);font-size:.9rem}.card{margin:24px 0;padding:32px;border:1px solid var(--border);border-radius:20px;background:#fff;box-shadow:0 16px 48px #18181b12}.narrow{max-width:520px;margin:16px auto}.narrow h1{margin-top:0}.row,.key-row{display:flex;justify-content:space-between;align-items:center;gap:16px}
label{display:block;margin:20px 0 8px;font-weight:700}input{display:block;min-width:0;width:100%;padding:12px 14px;border:1px solid #c8cbd3;border-radius:9px;background:#fff;color:#18181b}input:focus{border-color:var(--blue)}button,.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:0;border-radius:9px;background:var(--blue);color:#fff;font-weight:700;text-decoration:none}.button:hover,button:not(.quiet):hover{background:#2a62d4}form>button{margin-top:16px}.quiet{border:1px solid var(--border);background:#f7f8fa;color:#18181b}.quiet:hover{background:#eef0f4}.nav-shell button,.devices button{margin:0}.notice{padding:16px;border:1px solid #b9d0fa;border-radius:10px;background:#eef4ff;color:#1c4d9d}.badge{padding:5px 12px;border-radius:100px;background:#eaf6ef;color:#167748;font-size:.8rem;font-weight:700;white-space:nowrap}.key-row input{font-family:ui-monospace,SFMono-Regular,monospace;font-size:.85rem}.key-row button{flex:none}.devices{padding:0;list-style:none}.devices li{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 0;border-top:1px solid var(--border)}.devices small{display:block;color:var(--muted)}
footer{border-top:1px solid var(--border);background:#f7f8fa}.footer-shell{display:flex;flex-wrap:wrap;gap:20px;max-width:1120px;margin:auto;padding:40px 24px;color:var(--muted);font-size:13px}.footer-shell span{margin-right:auto}.footer-shell a{color:var(--muted)}.skip{position:absolute;top:-100px;left:16px;padding:12px;background:#18181b;color:#fff}.skip:focus{top:8px}
@media(max-width:600px){.nav-shell{gap:12px;padding:0 18px}.nav-shell nav{gap:12px;font-size:13px}.nav-shell nav a:last-child{display:none}main{padding:48px 18px 72px}.card{padding:24px}.key-row,.devices li{align-items:stretch;flex-direction:column}.key-row button,.devices button{align-self:flex-start}.row{align-items:flex-start;flex-wrap:wrap}}