.lookup-top{
  position:relative;
  max-width:100%;
  overflow-x:clip;
  padding-top:76px;
  padding-bottom:82px;
  background:linear-gradient(180deg,var(--hero-top),var(--hero-bot));
  border-bottom:1px solid var(--border);
}
.lookup-intro{display:flex;align-items:center;justify-content:space-between;gap:32px}
.lookup-heading{max-width:720px;min-width:0}
.lookup-heading h1{margin:22px 0 18px;font-size:clamp(52px,5vw,64px)}
.lookup-heading p{max-width:610px;color:var(--text-muted);font-size:18px;line-height:1.75}
.lookup-caption{
  display:grid;
  place-items:center;
  flex-shrink:0;
  width:208px;
  height:208px;
  border:1px solid var(--border);
  border-radius:var(--r-xl);
  background:var(--bg-panel);
  box-shadow:var(--hl-inset),var(--lift-2);
  color:var(--accent);
}
.lookup-caption svg{width:112px;height:98px}
.lookup-caption span{font:12px var(--font-mono);letter-spacing:.14em;color:var(--text-muted)}
.lookup-content{position:relative;margin-top:-36px}
.lookup-result{padding:34px 40px;box-shadow:var(--hl-inset),var(--lift-2)}
.lookup-result-head,.lookup-primary,.lookup-result-foot{display:flex;align-items:center;justify-content:space-between;gap:20px}
.lookup-kicker{color:var(--accent-dark);font-size:12px;font-weight:700;letter-spacing:.1em}
.lookup-result h2{margin:5px 0 0;font-size:32px}
.lookup-state{
  display:inline-flex;
  align-items:center;
  gap:9px;
  max-width:100%;
  padding:6px 12px;
  border-radius:var(--r-pill);
  background:var(--bg-panel-2);
  color:var(--text-muted);
  font-size:13px;
  white-space:nowrap;
}
.lookup-state::before{content:"";width:7px;height:7px;flex-shrink:0;border-radius:50%;background:currentColor}
.lookup-state[data-state="ready"]{background:color-mix(in srgb,var(--success) 10%,var(--bg-panel));color:var(--success)}
.lookup-state[data-state="error"]{background:color-mix(in srgb,var(--warn) 12%,var(--bg-panel));color:var(--warn)}
.lookup-primary{
  min-width:0;
  margin-top:28px;
  padding:28px 0;
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
}
.lookup-address{min-width:0}
.lookup-field-label{display:block;margin-bottom:8px;color:var(--text-muted);font-size:13px}
.lookup-ip{
  display:block;
  max-width:100%;
  overflow-wrap:anywhere;
  color:var(--text);
  font:500 clamp(23px,3.2vw,38px)/1.3 var(--font-mono);
  font-variant-numeric:tabular-nums;
}
.lookup-copy{display:flex;align-items:center;gap:12px;flex-shrink:0}
.lookup-copy .btn-secondary{gap:8px}
.lookup-copy .btn-secondary:disabled{opacity:.55;cursor:not-allowed}
.lookup-copy-feedback{min-width:0;color:var(--accent-dark);font-size:13px}
.lookup-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0}
.lookup-fields>div{min-width:0;padding:24px 20px 18px;border-right:1px solid var(--border)}
.lookup-fields>div:first-child{padding-left:0}
.lookup-fields>div:last-child{padding-right:0;border-right:0}
.lookup-fields dt{color:var(--text-muted);font-size:13px}
.lookup-fields dd{margin:9px 0 0;overflow-wrap:anywhere;font-size:17px;font-weight:600}
.lookup-result-foot{padding-top:18px;border-top:1px solid var(--border)}
.lookup-result-foot p{color:var(--text-muted);font-size:13px}
.lookup-retry{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:40px;
  flex-shrink:0;
  padding:6px 10px;
  border-radius:var(--r-pill);
  color:var(--accent-dark);
  font-size:13px;
  font-weight:700;
}
.lookup-retry:hover{background:var(--bg-panel-2)}
.lookup-retry:disabled{opacity:.5;cursor:not-allowed}
.lookup-reading{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:70px}
.lookup-section-heading h2{margin:12px 0 18px}
.lookup-section-heading p{max-width:460px;color:var(--text-muted);line-height:1.8}
.lookup-explain{min-width:0}
.lookup-explain article{display:flex;gap:18px;padding:0 0 28px}
.lookup-explain article+article{padding-top:28px;border-top:1px solid var(--border)}
.lookup-explain h3,.lookup-dns-steps h3{margin:2px 0 10px;font-size:25px}
.lookup-explain p,.lookup-dns-steps p{color:var(--text-muted);line-height:1.85}
.lookup-explain .ico-box{width:42px;height:42px;border-radius:var(--r-sm)}
.lookup-dns{background:var(--bg-panel-2);border-block:1px solid var(--border)}
.lookup-dns-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:70px}
.lookup-dns-steps{min-width:0}
.lookup-dns-steps article{display:flex;gap:18px;padding:23px 0;border-bottom:1px solid var(--border)}
.lookup-dns-steps article:first-child{padding-top:0}
.lookup-dns-steps article:last-child{padding-bottom:0;border-bottom:0}
.lookup-step-mark{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  flex-shrink:0;
  border:1px solid var(--accent);
  border-radius:var(--r-sm);
  color:var(--accent-dark);
  font:500 17px var(--font-mono);
}
.lookup-privacy{padding-top:64px;padding-bottom:72px}
.lookup-privacy-card{
  display:flex;
  gap:20px;
  padding:28px;
  border:1px solid var(--border);
  border-radius:var(--r-lg);
  background:var(--bg-panel);
  box-shadow:var(--hl-inset),var(--lift-1);
}
.lookup-privacy-card>.ico-box{width:42px;height:42px;border-radius:var(--r-sm)}
.lookup-privacy-card h2{margin:0 0 8px;font-size:28px}
.lookup-privacy-card p{max-width:880px;color:var(--text-muted);line-height:1.8}
@media(max-width:900px){
  .lookup-reading,.lookup-dns-grid{gap:34px}
  .lookup-caption{width:160px;height:160px}
}
@media(max-width:768px){
  .lookup-top{padding-top:52px;padding-bottom:68px}
  .lookup-heading h1{font-size:clamp(28px,7vw,40px)}
  .lookup-heading p{font-size:16px}
  .lookup-caption{width:124px;height:124px}
  .lookup-caption svg{width:70px;height:62px}
  .lookup-caption span{font-size:10px}
  .lookup-result{padding:26px}
  .lookup-reading,.lookup-dns-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:640px){
  .lookup-intro{display:block}
  .lookup-caption{display:none}
  .lookup-content{margin-top:-24px}
  .lookup-result{padding:20px}
  .lookup-result h2{font-size:27px}
  .lookup-primary{align-items:flex-start;flex-direction:column;gap:18px;margin-top:22px;padding:22px 0}
  .lookup-copy{flex-wrap:wrap}
  .lookup-fields{grid-template-columns:minmax(0,1fr)}
  .lookup-fields>div,.lookup-fields>div:first-child,.lookup-fields>div:last-child{
    padding:14px 0;
    border-right:0;
    border-bottom:1px solid var(--border);
  }
  .lookup-fields>div:last-child{border-bottom:0}
  .lookup-fields dd{margin-top:4px}
  .lookup-result-foot{align-items:flex-start;flex-direction:column;gap:8px}
  .lookup-explain article,.lookup-dns-steps article{gap:12px}
  .lookup-explain h3,.lookup-dns-steps h3{font-size:23px}
  .lookup-privacy{padding-top:48px;padding-bottom:56px}
  .lookup-privacy-card{padding:20px;gap:12px}
}
@media(max-width:380px){
  .lookup-result-head{align-items:flex-start;flex-direction:column;gap:10px}
  .lookup-privacy-card{flex-direction:column}
}