:root{--ink:#1d1d1f;--muted:#6e6e73;--line:#d2d2d7;--blue:#0071e3;--soft:#f5f5f7;--card:#ffffffc2}*{box-sizing:border-box}html{background:#fff}body{color:var(--ink);background:linear-gradient(#fff 0%,#fbfbfd 62%,#f5f5f7 100%);margin:0;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}.shell{width:min(1120px,100% - 40px);margin:0 auto}.nav{border-bottom:1px solid #d2d2d7b3;justify-content:space-between;align-items:center;min-height:54px;display:flex}.brand{letter-spacing:-.04em;font-size:19px;font-weight:700}.locale{color:var(--muted);gap:5px;font-size:14px;display:flex}.locale a{border-radius:999px;padding:8px 10px}.locale a[aria-current=page]{color:var(--ink);background:var(--soft);font-weight:600}.hero{text-align:center;padding:96px 0 66px}.eyebrow{color:var(--blue);letter-spacing:.02em;font-size:14px;font-weight:700}h1{letter-spacing:-.06em;max-width:820px;margin:14px auto;font-size:clamp(44px,7vw,76px);line-height:1.05}.lede{max-width:620px;color:var(--muted);margin:0 auto;font-size:clamp(18px,2.4vw,22px);line-height:1.45}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;padding:0 0 84px;display:grid}.tool-card,.panel{background:var(--card);border:1px solid #d2d2d7d1;border-radius:24px;box-shadow:0 10px 30px #00000009}.tool-card{padding:28px;transition:transform .2s,box-shadow .2s}.tool-card:hover{transform:translateY(-3px);box-shadow:0 16px 40px #00000014}.tool-card h2{letter-spacing:-.04em;margin:12px 0 8px;font-size:24px}.tool-card p,.copy{color:var(--muted);line-height:1.55}.pill{color:#0663c6;background:#e8f2ff;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-block}.crumb{color:var(--muted);padding:30px 0 0;font-size:14px}.tool-hero{text-align:center;padding:48px 0 28px}.tool-hero h1{font-size:clamp(32px,5vw,48px)}.tool-hero .lede{font-size:clamp(16px,2vw,19px)}.ip-panel{text-align:center;background:#fff;margin-bottom:22px;padding:clamp(30px,5vw,58px);position:relative;overflow:hidden}.label{color:var(--muted);font-size:15px}.ip{color:#111;letter-spacing:-.045em;overflow-wrap:anywhere;margin:16px 0 26px;font-size:clamp(34px,5vw,52px);font-weight:800}button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:999px;min-height:44px;padding:0 20px;font:600 15px inherit}button:hover{background:#0077ed}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #0071e359}.copyable-text{min-height:0;color:inherit;cursor:pointer;font:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;overflow-wrap:anywhere;background:0 0;border:0;border-radius:0;align-items:center;gap:8px;margin:0;padding:0;display:inline-flex;position:relative}.copyable-text *{cursor:pointer}.copyable-text.ip{color:#111;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;display:inline-flex}.copyable-text.ip:hover{color:#111;box-shadow:none;background:0 0}.copyable-text:hover{color:var(--blue);background:0 0}.copy-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;opacity:.48;flex:none;width:16px;height:16px;transition:opacity .15s,transform .15s}.copyable-text:hover .copy-icon,.copyable-text:focus-visible .copy-icon{opacity:1;transform:scale(1.08)}.copyable-text:after{z-index:1;color:#fff;content:attr(data-copied);letter-spacing:0;white-space:nowrap;writing-mode:horizontal-tb;opacity:0;pointer-events:none;background:#1d1d1f;border-radius:7px;width:max-content;padding:5px 8px;font-size:12px;font-weight:600;line-height:1.2;transition:opacity .15s,transform .15s;position:absolute;top:50%;left:calc(100% + 8px);transform:translate(-3px,-50%)}.copyable-text.is-copied:after{opacity:1;transform:translateY(-50%)}.actions{justify-content:center;margin:0 0 18px;display:flex}.details-trigger{color:#111;background:0 0;border-radius:0;min-height:0;padding:6px 0;font-size:15px;font-weight:700}.details-trigger:after{content:"⌄";color:var(--muted);margin-left:7px}.details-trigger:hover{color:#111;background:0 0}.details-trigger:disabled{opacity:.6;cursor:wait}.error{color:#b42318}.details-wrap{text-align:left;margin-top:34px}.details-wrap h2{letter-spacing:-.04em;margin:0 0 12px;font-size:22px}.ip-details{text-align:left;border:1px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;display:grid;overflow:hidden}.detail-row{background:#fff;border-bottom:1px solid #ebebed;min-width:0;padding:15px 16px}.detail-row:nth-last-child(-n+2){border-bottom:0}.ip-details dt{color:var(--muted);font-size:12px}.ip-details dd{overflow-wrap:anywhere;margin:6px 0 0}.ip-details .copyable-text{color:#111;font-size:16px;font-weight:750}.ip-details .copyable-text:hover{color:#111}.ip-details .copyable-text:focus-visible{outline-color:#00000038}.ip-details .copyable-text:after{top:calc(100% + 6px);left:0;right:auto;transform:translateY(-3px)}.ip-details .copyable-text.is-copied:after{transform:translateY(0)}.details{text-align:left;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px;display:grid}.details div{background:var(--soft);border-radius:16px;padding:16px}.details span{margin-top:5px;font-weight:650;display:block}.content{max-width:760px;margin:58px auto 86px}.content h2{letter-spacing:-.045em;margin:42px 0 10px;font-size:30px}.content p{color:#424245;line-height:1.7}.faq{border-bottom:1px solid var(--line);padding:20px 0}.faq h3{margin:0 0 8px;font-size:18px}.footer{border-top:1px solid var(--line);color:var(--muted);padding:28px 0 42px;font-size:13px}@media (max-width:620px){.shell{width:min(100% - 28px,1120px)}.hero{padding:66px 0 46px}.details,.ip-details{grid-template-columns:1fr}.detail-row:nth-last-child(-n+2){border-bottom:1px solid #ebebed}.detail-row:last-child{border-bottom:0}.nav{min-height:50px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}
