:root{color-scheme:dark;--bg:#0b1220;--panel:#111c2e;--panel-soft:#142238;--line:rgba(157,181,216,.13);--text:#f1f5fb;--muted:#91a2bb;--blue:#60a5fa;--cyan:#67e8f9;--green:#43d9a3;--font:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 50% -20%,rgba(37,99,235,.2),transparent 48%),var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}.site-header{height:76px;border-bottom:1px solid var(--line);background:rgba(11,18,32,.76);backdrop-filter:blur(16px)}.header-inner,.footer-inner{width:min(1080px,calc(100% - 48px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--text);font:700 19px var(--display);text-decoration:none;letter-spacing:-.7px}.brand-domain{color:var(--blue)}.brand-mark{width:29px;height:29px;border:1px solid rgba(96,165,250,.4);border-radius:9px;display:flex;align-items:center;justify-content:center;gap:3px;background:rgba(59,130,246,.12)}.brand-mark span{width:3px;border-radius:4px;background:var(--cyan)}.brand-mark span:nth-child(1){height:9px}.brand-mark span:nth-child(2){height:15px}.brand-mark span:nth-child(3){height:11px}.header-note{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(67,217,163,.65);display:inline-block}.page-shell{width:min(900px,calc(100% - 40px));margin:0 auto;padding:76px 0 82px}.hero{text-align:center;margin:0 auto 38px;max-width:690px}.eyebrow,.section-kicker{font-size:10px;font-weight:700;letter-spacing:1.8px;color:var(--blue)}.eyebrow{display:flex;justify-content:center;align-items:center;gap:10px}.eyebrow-line{width:22px;height:1px;background:var(--blue)}h1,h2,p{margin-top:0}.hero h1{font:600 clamp(36px,6vw,54px)/1.12 var(--display);letter-spacing:-2.1px;margin:17px 0 14px}.hero-copy{max-width:590px;margin:0 auto;color:var(--muted);font-size:15px;line-height:1.75}.ip-card{position:relative;overflow:hidden;padding:31px 36px 24px;border:1px solid rgba(96,165,250,.28);border-radius:18px;background:linear-gradient(120deg,rgba(22,42,69,.98),rgba(16,29,48,.98));box-shadow:0 24px 70px rgba(0,0,0,.2)}.ip-card:after{content:"";position:absolute;width:280px;height:280px;right:-100px;top:-180px;border-radius:50%;background:rgba(59,130,246,.12);filter:blur(5px);pointer-events:none}.card-topline{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.card-label,.detail-label{font-size:10px;font-weight:700;letter-spacing:1.2px;color:var(--muted)}.ip-address{font:600 clamp(27px,5.5vw,43px)/1.25 var(--display);letter-spacing:-1.4px;margin-top:9px;overflow-wrap:anywhere}.ip-version{position:relative;z-index:1;border:1px solid rgba(103,232,249,.22);border-radius:7px;padding:6px 10px;color:var(--cyan);font:600 10px var(--display);letter-spacing:.8px}.card-actions{display:flex;align-items:center;gap:22px;margin-top:23px}.copy-button{display:inline-flex;align-items:center;gap:9px;border:0;border-radius:8px;padding:10px 14px;background:#2563eb;color:#fff;font:600 12px var(--font);cursor:pointer;transition:background .2s,transform .2s}.copy-button:hover{background:#3478fa;transform:translateY(-1px)}.copy-button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.copy-button.is-copied{background:#16845f}.text-link{font-size:12px;font-weight:600;color:#9cc7ff;text-decoration:none}.text-link:hover{color:#fff}.copy-feedback{height:15px;margin-top:8px;color:var(--green);font-size:11px}.details-section{margin-top:47px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:17px}.section-kicker{font-size:9px;margin-bottom:7px}.section-heading h2,.lookup-content h2{font:600 22px var(--display);letter-spacing:-.5px;margin:0}.live-pill{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px;padding-bottom:3px}.live-pill .status-dot{width:6px;height:6px}.details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.detail-card{min-height:82px;display:flex;align-items:center;gap:15px;padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:rgba(17,28,46,.76);transition:border-color .2s,background .2s}.detail-card:hover{border-color:rgba(96,165,250,.35);background:var(--panel-soft)}.detail-icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:9px;background:rgba(96,165,250,.1);color:var(--blue);font-size:18px}.detail-label{font-size:9px;letter-spacing:1px;margin-bottom:5px}.detail-value{font-size:13px;font-weight:600;overflow-wrap:anywhere;color:#e6edf8}.lookup-panel{display:flex;align-items:center;gap:17px;margin-top:34px;padding:22px;border:1px solid var(--line);border-radius:14px;background:rgba(17,28,46,.58)}.lookup-icon{width:39px;height:39px;flex:0 0 39px;display:grid;place-items:center;border-radius:11px;background:rgba(96,165,250,.11);color:var(--cyan);font-size:27px}.lookup-content{flex:1;min-width:180px}.lookup-content h2{font-size:16px;margin-bottom:5px}.lookup-content p{font-size:11px;line-height:1.5;color:var(--muted);margin:0}.lookup-form{display:flex;gap:7px;width:42%;min-width:250px}.lookup-form input{width:100%;min-width:0;border:1px solid rgba(157,181,216,.2);border-radius:8px;background:#0b1525;padding:11px 12px;color:var(--text);font:12px var(--font);outline:none}.lookup-form input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(96,165,250,.12)}.lookup-form button{white-space:nowrap;border:0;border-radius:8px;padding:0 14px;background:#1d3555;color:#dbeafe;font:600 11px var(--font);cursor:pointer}.lookup-form button:hover{background:#284b76}.privacy-note{text-align:center;color:#71839e;font-size:10px;margin:19px 0 0}.privacy-note span{color:var(--green);font-size:14px;vertical-align:-1px}.site-footer{border-top:1px solid var(--line);height:75px}.footer-inner{font-size:10px;color:#71839e}.footer-brand{font:700 12px var(--display);color:#a9bad1;text-decoration:none}.footer-status{display:flex;align-items:center;gap:8px}.footer-status .status-dot{width:6px;height:6px}.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} @media(max-width:700px){.page-shell{padding:55px 0 60px}.hero{margin-bottom:29px}.ip-card{padding:25px 22px 18px}.details-section{margin-top:37px}.lookup-panel{align-items:flex-start;flex-wrap:wrap}.lookup-content{padding-top:2px}.lookup-form{width:100%;min-width:0;margin-top:5px}.footer-inner{width:calc(100% - 36px)}.footer-inner>span:nth-child(2){display:none}}@media(max-width:480px){.header-inner{width:calc(100% - 32px)}.header-note{font-size:0}.header-note .status-dot{width:8px;height:8px}.page-shell{width:calc(100% - 32px);padding-top:43px}.hero h1{letter-spacing:-1.5px}.hero-copy{font-size:13px}.ip-address{font-size:27px;letter-spacing:-.8px}.card-actions{gap:15px;flex-wrap:wrap}.details-grid{grid-template-columns:1fr;gap:8px}.detail-card{min-height:72px}.section-heading h2{font-size:20px}.live-pill{font-size:9px}.lookup-panel{padding:17px}.lookup-content{min-width:calc(100% - 60px)}.lookup-form button{padding:0 11px}}
.input-error{display:inline-block;margin:16px 0 0;padding:9px 13px;border:1px solid rgba(248,113,113,.3);border-radius:8px;background:rgba(127,29,29,.16);color:#fca5a5;font-size:12px}

/* Design 02 — clean, light and professional */
:root{color-scheme:light;--ink:#17243a;--muted:#68778d;--line:#e5eaf1;--blue:#2463eb;--blue-dark:#1749bd;--surface:#fff;--page:#f5f7fb;--green:#15966b}
*{box-sizing:border-box}
html{background:var(--page)}
body{margin:0;background:var(--page);color:var(--ink);font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased}
.site-header{height:76px;background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:2}
.header-inner{max-width:1120px;height:100%;margin:0 auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between}
.brand{display:inline-flex;align-items:center;gap:11px;color:#17243a;text-decoration:none;font:700 21px 'Space Grotesk',sans-serif;letter-spacing:-.8px}
.brand-domain{color:var(--blue)}
.brand-mark{width:31px;height:31px;border-radius:9px;background:#edf3ff;display:flex;align-items:center;justify-content:center;gap:3px}
.brand-mark span{display:block;width:3px;border-radius:4px;background:var(--blue)}.brand-mark span:nth-child(1){height:9px}.brand-mark span:nth-child(2){height:16px}.brand-mark span:nth-child(3){height:12px}
.header-note{display:flex;align-items:center;gap:9px;color:#66758a;font-size:13px;font-weight:500}
.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#20a779;box-shadow:0 0 0 3px #e6f6ef}
.page-shell{width:min(100% - 40px,920px);margin:0 auto;padding:68px 0 56px}
.hero{text-align:center;margin:0 auto 34px;max-width:680px}
.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--blue);font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:15px}
.eyebrow-line{width:19px;height:2px;border-radius:3px;background:var(--blue)}
.hero h1{font:700 clamp(34px,5vw,48px)/1.12 'Space Grotesk',sans-serif;letter-spacing:-1.8px;margin:0;color:#17243a}
.hero-copy{font-size:16px;line-height:1.7;color:var(--muted);margin:15px auto 0;max-width:560px}
.ip-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px 34px 24px;box-shadow:0 8px 30px rgba(25,45,80,.055);max-width:760px;margin:0 auto 45px}
.card-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.card-label,.detail-label{font-size:12px;color:#78869a;font-weight:600;letter-spacing:.25px}
.ip-address{font:700 clamp(30px,5.4vw,47px)/1.2 'Space Grotesk',sans-serif;letter-spacing:-1.4px;color:#17243a;margin-top:8px;overflow-wrap:anywhere}
.ip-version{background:#edf3ff;color:#245bd0;border:1px solid #dce7ff;border-radius:7px;padding:6px 10px;font-size:11px;font-weight:700;letter-spacing:.5px}
.card-actions{display:flex;align-items:center;gap:20px;margin-top:22px;padding-top:20px;border-top:1px solid #edf0f5}
.copy-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:8px;background:var(--blue);color:white;padding:11px 16px;font:600 13px 'DM Sans',sans-serif;cursor:pointer;transition:background .18s,transform .18s}
.copy-button:hover{background:var(--blue-dark);transform:translateY(-1px)}.copy-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.text-link{font-size:13px;font-weight:600;color:var(--blue);text-decoration:none}.text-link:hover{text-decoration:underline}
.copy-feedback{font-size:12px;color:var(--green);margin-top:10px;min-height:0}.copy-feedback:empty{display:none}
.details-section{max-width:760px;margin:0 auto 38px}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:17px}
.section-kicker{font-size:10px;letter-spacing:1.35px;text-transform:uppercase;color:#8a97a9;font-weight:700;margin-bottom:5px}
.section-heading h2,.lookup-content h2{font:700 21px 'Space Grotesk',sans-serif;letter-spacing:-.45px;color:#1d2a40;margin:0}
.live-pill{display:inline-flex;align-items:center;gap:8px;color:#64748a;background:#fff;border:1px solid var(--line);border-radius:30px;padding:7px 11px;font-size:11px;font-weight:600}
.live-pill .status-dot{width:7px;height:7px;box-shadow:none}
.details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.detail-card{display:flex;align-items:center;gap:14px;min-height:76px;padding:16px 18px;background:#fff;border:1px solid var(--line);border-radius:11px;transition:border-color .18s,box-shadow .18s}
.detail-card:hover{border-color:#cbd9f2;box-shadow:0 4px 14px rgba(25,45,80,.04)}
.detail-icon{width:36px;height:36px;flex:0 0 36px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#f0f4fb;color:#55719e;font-size:17px}
.detail-copy{min-width:0}.detail-value{font-size:14px;color:#24344d;font-weight:600;margin-top:5px;overflow-wrap:anywhere}
.lookup-panel{max-width:760px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px 24px;display:grid;grid-template-columns:auto 1fr;gap:0 16px;align-items:center}
.lookup-icon{width:40px;height:40px;border-radius:10px;background:#edf3ff;color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:24px;grid-row:span 2}
.lookup-content h2{font-size:17px}.lookup-content p{font-size:12px;color:var(--muted);margin:5px 0 0;line-height:1.5}
.lookup-form{grid-column:1/-1;display:flex;gap:9px;margin-top:18px}
.lookup-form input{flex:1;min-width:0;height:44px;border:1px solid #dce3ed;border-radius:8px;padding:0 13px;font:14px 'DM Sans',sans-serif;color:var(--ink);background:#fff;outline:none}
.lookup-form input:focus{border-color:#7da4f7;box-shadow:0 0 0 3px rgba(36,99,235,.1)}
.lookup-form button{height:44px;padding:0 18px;border:0;border-radius:8px;background:var(--blue);color:#fff;font:600 13px 'DM Sans',sans-serif;cursor:pointer;white-space:nowrap}.lookup-form button:hover{background:var(--blue-dark)}
.privacy-note{max-width:760px;margin:17px auto 0;text-align:center;color:#8491a3;font-size:11px}
.input-error{display:inline-block;color:#b42318;background:#fff0ef;border:1px solid #ffd8d5;border-radius:7px;padding:9px 13px;font-size:13px}
.site-footer{border-top:1px solid var(--line);background:#fff}.footer-inner{max-width:1120px;margin:0 auto;padding:22px 28px;display:flex;align-items:center;gap:18px;color:#8491a3;font-size:11px}.footer-brand{font:700 13px 'Space Grotesk',sans-serif;color:#42516a;text-decoration:none}.footer-status{margin-left:auto;display:flex;align-items:center;gap:8px}.footer-status .status-dot{width:7px;height:7px;box-shadow:none}
.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}
@media(max-width:640px){.site-header{height:66px}.header-inner{padding:0 19px}.brand{font-size:19px}.header-note{font-size:11px}.page-shell{width:min(100% - 32px,920px);padding:47px 0 40px}.hero{margin-bottom:27px}.hero h1{letter-spacing:-1.2px}.hero-copy{font-size:14px}.ip-card{padding:23px 20px 19px;margin-bottom:35px}.ip-address{font-size:clamp(27px,8vw,39px)}.details-grid{grid-template-columns:1fr;gap:9px}.detail-card{min-height:68px}.section-heading h2{font-size:19px}.lookup-panel{padding:19px 17px}.lookup-form{flex-direction:column}.lookup-form button{width:100%}.footer-inner{padding:20px;flex-wrap:wrap;gap:10px}.footer-inner>span:nth-child(2){width:100%;order:3}.footer-status{margin-left:auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* Language selector */
.header-tools{display:flex;align-items:center;gap:20px}
.language-switch{display:inline-flex;align-items:center;gap:3px;padding:3px;background:#f1f4f9;border:1px solid #e5eaf1;border-radius:8px}
.language-switch a{display:inline-flex;align-items:center;justify-content:center;min-width:34px;padding:6px 8px;border-radius:5px;color:#64748b;text-decoration:none;font-size:11px;font-weight:700;letter-spacing:.35px;transition:background .15s,color .15s}
.language-switch a:hover{color:var(--blue)}
.language-switch a.active{background:#fff;color:var(--blue);box-shadow:0 1px 3px rgba(25,45,80,.12)}
@media(max-width:640px){.header-tools{gap:10px}.header-note{display:none}.language-switch a{min-width:32px;padding:6px 7px}}