:root{color-scheme:light;--bg:#f5f7fa;--surface:#fff;--ink:#14243a;--muted:#647184;--line:#e2e7ed;--green:#147957;--soft:#eaf5ef;--navy:#132c36;--shadow:0 10px 40px #172b4110}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.wrap{max-width:1160px;width:calc(100% - 80px);margin:auto}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:disabled{opacity:.65;cursor:wait}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #31ad86;outline-offset:5px}.header{height:100px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:23px;letter-spacing:-1px}.brand-mark{background:var(--green);color:#fff;width:35px;height:35px;border-radius:10px;display:grid;place-items:center;font-size:30px;line-height:1}.brand-light{font-weight:400;color:var(--muted)}nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:600}nav a:hover,.api-card a:hover{color:var(--green)}.theme{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:50%;width:35px;height:35px;font-size:20px}.intro{padding:62px 0 34px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.8px;display:flex;align-items:center;gap:9px;color:var(--green)}.dot{width:6px;height:6px;border-radius:50%;background:#31bd85;display:inline-block;flex-shrink:0}h1{font-size:43px;line-height:1.2;letter-spacing:-1.8px;margin:17px 0 12px}p{margin:0;color:var(--muted)}.intro p{font-size:16px}.dashboard{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:22px}.ip-card{padding:30px 32px 0;background:var(--surface);border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow);min-width:0;display:flex;flex-direction:column}.card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;font-weight:700;letter-spacing:1.5px;color:var(--muted)}.pill{color:var(--green);background:var(--soft);font-size:11px;letter-spacing:.2px;padding:4px 10px;border:1px solid #bce1ce;border-radius:6px}.ip-address{font:600 clamp(25px,4.6vw,55px)/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-2px;margin:34px 0 7px;overflow-wrap:anywhere}.ip-description{font-size:13px}.actions{display:flex;gap:11px;margin:28px 0 35px;flex-wrap:wrap}.actions button{padding:12px 18px;border-radius:7px;font-size:13px;font-weight:650}.primary{background:var(--green);color:white;border:1px solid var(--green)}.primary:hover{filter:brightness(1.12)}.secondary{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.secondary:hover{background:var(--bg)}.actions span{margin-right:7px}.ip-footer{margin-top:auto;padding:17px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;color:var(--muted)}.ip-footer>span:first-child{display:flex;align-items:center;gap:6px}.ip-footer>span:last-child{font-size:8px;letter-spacing:1px}.connection-card{padding:25px 27px;background:var(--surface);border:1px solid var(--line);border-radius:17px}.mini-icon{color:var(--green);font-size:22px;background:var(--soft);border-radius:9px;display:grid;place-items:center;width:37px;height:37px;margin-bottom:12px}h2{font-size:20px;letter-spacing:-.5px;line-height:1.4;margin:0 0 7px}.connection-card>p{font-size:12px}dl{margin:17px 0 0}dl>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:9px 0;font-size:11px}dl>div:last-child{border:0;padding-bottom:0}dt{color:var(--muted)}dd{margin:0;text-align:right;font-weight:600;overflow-wrap:anywhere}.privacy{display:flex;gap:10px;align-items:center;margin:20px 0 55px;padding:13px 16px;background:var(--soft);border:1px solid #d4e9dd;border-radius:8px}.privacy>span{color:var(--green);font-size:24px}.privacy p{font-size:11px;color:var(--green)}.privacy strong{font-weight:650}.section-heading h2{font-size:27px;margin-top:10px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:28px 0 45px}.info-number{font:10px ui-monospace,SFMono-Regular,monospace;letter-spacing:1px;color:var(--muted)}h3{font-size:16px;letter-spacing:-.2px;margin:12px 0 9px}.info-grid p{font-size:13px;line-height:1.8}.api-card{background:var(--navy);border-radius:15px;padding:31px 34px;display:grid;grid-template-columns:1fr 1fr;gap:35px;color:#f2f6f5}.api-card .eyebrow{color:#75d9b0}.api-card h2{margin:12px 0 8px;font-size:23px}.api-card p{color:#b7c8cb;font-size:13px}.api-card>div>a{font-size:12px;color:#8ce2bd;display:inline-block;margin-top:22px}.code-block{background:#0c2028;border:1px solid #36515b;border-radius:8px;padding:14px 19px;min-width:0}.code-heading{display:flex;justify-content:space-between;color:#8ba4ad;font-size:9px;letter-spacing:1px;margin-bottom:12px}.code-heading button{padding:0;background:none;color:#b5c6cb;font-size:10px;border:0}.code-block code{font-size:11px;color:#9be5c7;overflow-wrap:anywhere}.code-block pre{font:11px/1.6 ui-monospace,SFMono-Regular,monospace;color:#d6e6e7;white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0}.code-note{font-size:10px;color:#8ba4ad}.code-note a{text-decoration:underline}footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:28px;padding-bottom:32px;font-size:10px;color:var(--muted)}.footer-brand{font-weight:750;font-size:12px;color:var(--ink)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[data-theme=dark]{color-scheme:dark;--bg:#0e1822;--surface:#17242f;--ink:#e7eef5;--muted:#a0b1c0;--line:#2b3b49;--green:#45c397;--soft:#18392f;--shadow:none}[data-theme=dark] .primary{color:#102a20}[data-theme=dark] .privacy{border-color:#295140}[data-theme=dark] .pill{border-color:#295140}@media(min-width:1250px){.ip-address{font-size:55px}}@media(max-width:900px){.wrap{width:calc(100% - 44px)}.ip-card{padding:25px 23px 0}.dashboard{grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);gap:16px}.ip-footer>span:last-child{display:none}.info-grid{gap:24px}.api-card{padding:26px;gap:22px}}@media(max-width:680px){.wrap{width:calc(100% - 36px)}.header{height:78px}nav{gap:19px;font-size:12px}.brand{font-size:21px;gap:8px}.brand-mark{width:30px;height:30px}.intro{padding:38px 0 26px}h1{font-size:33px;letter-spacing:-1.2px}.intro p{font-size:14px;max-width:310px}.dashboard{grid-template-columns:1fr}.ip-address{font-size:clamp(26px,7.5vw,46px);margin-top:27px}.ip-card{padding:24px 22px 0}.actions{margin-bottom:26px}.connection-card{padding:23px}.connection-card dl>div{font-size:12px}.privacy{margin-bottom:36px;align-items:flex-start}.info-grid{grid-template-columns:1fr;gap:25px;margin-top:25px}.section-heading h2{font-size:25px}.info-grid article{border-bottom:1px solid var(--line);padding-bottom:23px}.info-grid article:last-child{border:0;padding:0}.api-card{grid-template-columns:1fr;padding:25px 22px}.api-card h2{font-size:22px}footer{flex-wrap:wrap;row-gap:8px}footer p{order:3;flex-basis:100%}.eyebrow{font-size:9px;letter-spacing:1.3px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}