*{box-sizing:border-box;margin:0;padding:0}body{background:#fff;color:#000;font-family:IBM Plex Mono,monospace;font-size:13px;line-height:1.7;padding:60px 40px 100px;max-width:680px;margin:0 auto;animation:fadein .4s ease both;text-align:center}@keyframes fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slidedown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}h1{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:40px;padding-bottom:16px;border-bottom:1px solid #000;display:flex;align-items:center;justify-content:center;gap:14px}h1 img{width:28px;height:28px;object-fit:contain;display:block;flex-shrink:0}.tabs{display:flex;gap:24px;margin-bottom:32px;justify-content:center}.tab{background:none;border:none;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:400;color:#aaa;cursor:pointer;padding:0 0 2px;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid transparent;transition:color .15s,border-color .15s}.tab:hover{color:#555}.tab.active{color:#000;border-bottom-color:#000}.panel{display:none}.panel.active{display:block;animation:slidedown .2s ease both}.service-tabs{display:flex;gap:20px;margin:0 0 28px;justify-content:center}.service-tab{background:none;border:none;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:400;color:#bbb;cursor:pointer;padding:0 0 2px;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid transparent;transition:color .15s,border-color .15s}.service-tab:hover{color:#666}.service-tab.active{color:#000;border-bottom-color:#000}.service-panel{display:none}.service-panel.active{display:block;animation:slidedown .2s ease both}.subtabs{display:flex;gap:20px;margin:0 0 28px;justify-content:center}.subtab{background:none;border:none;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:400;color:#bbb;cursor:pointer;padding:0 0 2px;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid transparent;transition:color .15s,border-color .15s}.subtab:hover{color:#666}.subtab.active{color:#000;border-bottom-color:#000}.subpanel{display:none}.subpanel.active{display:block;animation:slidedown .2s ease both}.step{margin-bottom:28px}.step-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.step-desc{font-size:12px;color:#555;margin-bottom:10px}pre{background:#f5f5f5;padding:14px 16px;font-family:IBM Plex Mono,monospace;font-size:12px;line-height:1.8;overflow-x:auto;white-space:pre;position:relative;transition:background .15s}pre:hover{background:#efefef}pre+pre{margin-top:4px}.copy{position:absolute;top:8px;right:10px;background:none;border:none;font-family:IBM Plex Mono,monospace;font-size:10px;color:#bbb;cursor:pointer;letter-spacing:.06em;text-transform:uppercase;transition:color .15s,transform .1s;padding:2px 0}.copy:hover{color:#000;transform:scale(1.05)}.copy.ok{color:#000}.note{font-size:11px;color:#888;margin-top:8px}.sep{border:none;border-top:1px solid #e0e0e0;margin:32px 0}.text-body{text-align:left;font-size:12px;color:#333;line-height:1.9}.text-body h2{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin:28px 0 8px;color:#000}.text-body h2:first-child{margin-top:0}.text-body p{margin-bottom:10px;color:#555}.text-body ul{list-style:none;padding:0;margin-bottom:10px}.text-body ul li:before{content:"— ";color:#aaa}.text-body ul li{color:#555}.text-body a{color:#000;text-underline-offset:3px}.text-body a:hover{color:#555}