:root{--bg: oklch(.16 .012 235);--bg-2: oklch(.2 .014 235);--bg-3: oklch(.235 .016 235);--panel: oklch(.215 .014 235);--panel-2: oklch(.25 .016 235);--border: oklch(.32 .018 235);--border-strong: oklch(.42 .02 235);--text: oklch(.97 .003 235);--text-2: oklch(.82 .01 235);--text-3: oklch(.62 .014 235);--text-4: oklch(.48 .014 235);--accent: #C09BFF;--accent-2: oklch(from #C09BFF calc(l - .06) c h);--accent-fg: oklch(from #C09BFF .18 calc(c*.4) h);--accent-soft: color-mix(in oklch, #C09BFF 16%, transparent);--ok: oklch(.8 .16 155);--warn: oklch(.84 .15 80);--danger: oklch(.7 .18 25);--purple: oklch(.74 .16 295);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--pad-1: 8px;--pad-2: 12px;--pad-3: 16px;--pad-4: 24px;--pad-5: 32px;--pad-6: 48px;--font-sans: "Geist", ui-sans-serif, sans-serif;--font-mono: "Geist Mono", ui-monospace, monospace;--shadow-sm: 0 1px 0 oklch(.95 0 0 / .04) inset, 0 1px 2px oklch(0 0 0 / .3);--shadow-md: 0 1px 0 oklch(.95 0 0 / .05) inset, 0 8px 20px -8px oklch(0 0 0 / .45);--shadow-lg: 0 1px 0 oklch(.95 0 0 / .06) inset, 0 24px 60px -20px oklch(0 0 0 / .55)}:root[data-theme=light]{--bg: oklch(.985 .003 235);--bg-2: oklch(.96 .004 235);--bg-3: oklch(.93 .005 235);--panel: #ffffff;--panel-2: oklch(.975 .003 235);--border: oklch(.9 .006 235);--border-strong: oklch(.82 .008 235);--text: oklch(.2 .012 235);--text-2: oklch(.36 .012 235);--text-3: oklch(.5 .012 235);--text-4: oklch(.62 .01 235);--accent: oklch(from #C09BFF .58 calc(c + .02) h);--accent-2: oklch(from #C09BFF .48 calc(c + .02) h);--accent-fg: #ffffff;--accent-soft: oklch(from #C09BFF .92 calc(c*.6) h);--ok: oklch(.55 .16 155);--warn: oklch(.68 .15 70);--danger: oklch(.55 .2 25);--purple: oklch(.55 .18 295);--shadow-sm: 0 1px 0 oklch(1 0 0 / .6) inset, 0 1px 2px oklch(0 0 0 / .06);--shadow-md: 0 1px 0 oklch(1 0 0 / .6) inset, 0 8px 24px -8px oklch(0 0 0 / .1);--shadow-lg: 0 1px 0 oklch(1 0 0 / .6) inset, 0 24px 60px -20px oklch(0 0 0 / .18)}[data-density=compact]{--pad-3: 12px;--pad-4: 18px;--pad-5: 24px;--pad-6: 36px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}::selection{background:var(--accent-soft);color:var(--text)}.container{max-width:1240px;margin:0 auto;padding:0 var(--pad-4)}.container-narrow{max-width:880px;margin:0 auto;padding:0 var(--pad-4)}.header{position:sticky;top:0;z-index:40;background:color-mix(in oklch,var(--bg),transparent 20%);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;gap:var(--pad-4);height:60px}.brand{display:flex;align-items:center;gap:10px;font-weight:600;letter-spacing:-.01em;font-size:16px}.brand-mark{width:26px;height:26px;display:grid;place-items:center;color:var(--accent)}.brand sup{font-family:var(--font-mono);font-size:9px;letter-spacing:.04em;color:var(--text-3);margin-left:2px;font-weight:400}.nav{display:flex;gap:4px;margin-left:8px}.nav a{padding:7px 12px;border-radius:var(--radius-sm);font-size:14px;color:var(--text-2);transition:background .15s,color .15s;font-weight:500}.nav a:hover,.nav a.is-active{background:var(--bg-2);color:var(--text)}.header-right{margin-left:auto;display:flex;align-items:center;gap:6px}.icon-btn,.text-btn{height:34px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;border-radius:var(--radius-sm);background:transparent;border:1px solid transparent;color:var(--text-2);font-size:13px;font-weight:500;transition:background .15s,border-color .15s,color .15s}.icon-btn:hover,.text-btn:hover{background:var(--bg-2);color:var(--text)}.icon-btn-square{width:34px;padding:0;justify-content:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 14px;height:36px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;border:1px solid var(--border);background:var(--bg-2);color:var(--text);transition:background .15s,border-color .15s,transform .15s;letter-spacing:-.005em}.btn:hover{background:var(--bg-3);border-color:var(--border-strong)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.btn-primary:hover{background:var(--accent-2);border-color:var(--accent-2)}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover{background:var(--bg-2)}.btn-lg{height:44px;padding:0 20px;font-size:14px}.btn-sm{height:28px;padding:0 10px;font-size:12px;border-radius:var(--radius-xs)}.tag{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:999px;font-family:var(--font-mono);font-size:11px;font-weight:500;background:var(--bg-2);color:var(--text-2);border:1px solid var(--border);letter-spacing:.02em}.tag-accent{background:var(--accent-soft);color:var(--accent);border-color:color-mix(in oklch,var(--accent) 25%,transparent)}.tag-ok{background:color-mix(in oklch,var(--ok) 12%,transparent);color:var(--ok);border-color:color-mix(in oklch,var(--ok) 25%,transparent)}.tag-warn{background:color-mix(in oklch,var(--warn) 14%,transparent);color:var(--warn);border-color:color-mix(in oklch,var(--warn) 30%,transparent)}.tag-danger{background:color-mix(in oklch,var(--danger) 14%,transparent);color:var(--danger);border-color:color-mix(in oklch,var(--danger) 30%,transparent)}.tag-purple{background:color-mix(in oklch,var(--purple) 14%,transparent);color:var(--purple);border-color:color-mix(in oklch,var(--purple) 30%,transparent)}.dot{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md)}.card-pad{padding:var(--pad-4)}.mono{font-family:var(--font-mono);font-feature-settings:"ss01","ss02","cv11"}.muted{color:var(--text-3)}.muted-2{color:var(--text-4)}kbd{font-family:var(--font-mono);font-size:11px;padding:1px 6px;background:var(--bg-2);border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;color:var(--text-2)}.records{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.records th{text-align:left;font-weight:500;color:var(--text-3);font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--bg-2)}.records td{padding:12px 14px;border-bottom:1px solid var(--border);vertical-align:top}.records tr:last-child td{border-bottom:0}.records tr:hover td{background:color-mix(in oklch,var(--bg-2) 60%,transparent)}.records td.mono{font-family:var(--font-mono);font-size:12.5px}.copy-btn{opacity:0;height:22px;padding:0 6px;font-size:11px;border-radius:4px;background:var(--bg-3);border:1px solid var(--border);color:var(--text-2);transition:opacity .15s}tr:hover .copy-btn{opacity:1}.copy-btn:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.hero{padding:80px 0 56px;position:relative}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border:1px solid var(--border);border-radius:999px;background:var(--panel);font-size:12px;color:var(--text-2);margin-bottom:22px}.hero-eyebrow .badge{background:var(--accent-soft);color:var(--accent);padding:2px 8px;border-radius:999px;font-family:var(--font-mono);font-size:10.5px;font-weight:600;letter-spacing:.04em}.hero h1{font-size:64px;line-height:1.02;letter-spacing:-.035em;font-weight:600;margin:0 0 18px;text-wrap:balance}.hero h1 em{font-style:normal;color:var(--accent)}.hero-sub{font-size:18px;color:var(--text-2);max-width:620px;line-height:1.5;margin:0 0 32px}.search-shell{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:6px;display:flex;align-items:center;gap:6px;box-shadow:var(--shadow-md);transition:border-color .2s,box-shadow .2s;position:relative}.search-shell:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft),var(--shadow-md)}.search-shell input{flex:1;border:0;background:transparent;outline:0;color:var(--text);font-size:17px;padding:0 14px;height:52px;font-family:var(--font-mono);letter-spacing:-.01em}.search-shell input::placeholder{color:var(--text-4)}.search-type{display:inline-flex;align-items:center;background:var(--bg-2);border-radius:var(--radius-md);padding:4px;gap:2px;border:1px solid var(--border)}.search-type button{height:36px;padding:0 10px;border-radius:6px;background:transparent;border:0;color:var(--text-3);font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.04em;transition:background .15s,color .15s}.search-type button:hover{color:var(--text)}.search-type button.is-active{background:var(--panel);color:var(--text);box-shadow:var(--shadow-sm)}.hero-suggest{margin-top:16px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--text-3)}.suggest-chip{font-family:var(--font-mono);padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:var(--bg-2);color:var(--text-2);font-size:12px;cursor:pointer;transition:all .15s}.suggest-chip:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.hero-grid-bg{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to right,var(--border) 1px,transparent 1px),linear-gradient(to bottom,var(--border) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 60% 60% at 50% 30%,black 0%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 60% 60% at 50% 30%,black 0%,transparent 80%);opacity:.45}.section{padding:var(--pad-6) 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:var(--pad-4);margin-bottom:var(--pad-4)}.section-head h2{font-size:28px;font-weight:600;letter-spacing:-.02em;margin:0;text-wrap:balance}.section-head p{color:var(--text-3);margin:4px 0 0;font-size:14px}.kicker{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;color:var(--accent);text-transform:uppercase;margin-bottom:8px;display:flex;align-items:center;gap:6px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.feature{background:var(--panel);padding:var(--pad-4);display:flex;flex-direction:column;gap:12px;min-height:200px}.feature-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:var(--accent-soft);color:var(--accent)}.feature h3{font-size:15px;font-weight:600;margin:0;letter-spacing:-.01em}.feature p{font-size:13px;color:var(--text-3);margin:0;line-height:1.55}.feature .feature-meta{font-family:var(--font-mono);font-size:11px;color:var(--text-4);margin-top:auto}.footer{border-top:1px solid var(--border);padding:var(--pad-6) 0 var(--pad-4);margin-top:var(--pad-6);color:var(--text-3);font-size:13px;background:var(--bg)}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:var(--pad-5);margin-bottom:var(--pad-5)}.footer-col h4{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-4);margin:0 0 14px;font-weight:600}.footer-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.footer-col a{color:var(--text-2)}.footer-col a:hover{color:var(--text)}.footer-bot{border-top:1px solid var(--border);padding-top:var(--pad-3);display:flex;justify-content:space-between;font-size:12px;color:var(--text-4);align-items:center}.summary-bar{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--pad-4);display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:var(--pad-4);margin-bottom:var(--pad-4)}.summary-bar>div{display:flex;flex-direction:column;gap:6px}.summary-label{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;color:var(--text-4);text-transform:uppercase}.summary-value{font-size:18px;font-weight:600;letter-spacing:-.01em;display:flex;align-items:center;gap:8px}.summary-value.mono{font-size:14px;font-family:var(--font-mono);font-weight:500}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);margin-bottom:var(--pad-4);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{padding:10px 14px;font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.04em;color:var(--text-3);background:transparent;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;position:relative;display:flex;align-items:center;gap:8px;white-space:nowrap}.tab:hover{color:var(--text)}.tab.is-active{color:var(--text);border-bottom-color:var(--accent)}.tab .count{font-size:10px;background:var(--bg-2);padding:1px 6px;border-radius:999px;color:var(--text-3);border:1px solid var(--border)}.tab.is-active .count{background:var(--accent-soft);color:var(--accent);border-color:transparent}.results-layout{display:grid;grid-template-columns:1fr 340px;gap:var(--pad-4);align-items:start}.results-side .card+.card{margin-top:var(--pad-3)}.resolver-bar{display:flex;align-items:center;gap:var(--pad-3);margin-bottom:var(--pad-3);padding:10px var(--pad-3);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);font-size:13px;flex-wrap:wrap}.resolver-bar .label{font-family:var(--font-mono);font-size:11px;color:var(--text-4);letter-spacing:.08em;text-transform:uppercase}.resolver-pills{display:flex;gap:4px;flex-wrap:wrap}.resolver-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--border);background:var(--bg-2);border-radius:999px;font-size:12px;color:var(--text-2);cursor:pointer;transition:all .15s}.resolver-pill:hover{color:var(--text);border-color:var(--border-strong)}.resolver-pill.is-active{background:var(--accent-soft);color:var(--accent);border-color:color-mix(in oklch,var(--accent) 40%,transparent)}.resolver-pill .ip{font-family:var(--font-mono);font-size:10.5px;color:var(--text-4)}.resolver-pill.is-active .ip{color:color-mix(in oklch,var(--accent) 70%,var(--text-4))}.world-map{position:relative;width:100%;aspect-ratio:2 / 1;background:radial-gradient(circle at 50% 50%,color-mix(in oklch,var(--accent) 6%,transparent),transparent 60%),var(--bg-2);border-radius:var(--radius-md);border:1px solid var(--border);overflow:hidden}.world-map svg{width:100%;height:100%;display:block}.map-dot{position:absolute;width:12px;height:12px;border-radius:50%;transform:translate(-50%,-50%);display:grid;place-items:center;cursor:pointer}.map-dot:after{content:"";position:absolute;inset:-8px;border-radius:50%;background:currentColor;opacity:.18;animation:pulse 2.6s ease-out infinite}.map-dot.ok{color:var(--ok);background:var(--ok)}.map-dot.warn{color:var(--warn);background:var(--warn)}.map-dot.bad{color:var(--danger);background:var(--danger)}@keyframes pulse{0%{transform:scale(.6);opacity:.5}to{transform:scale(1.8);opacity:0}}.map-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:var(--panel);border:1px solid var(--border-strong);border-radius:8px;padding:8px 10px;font-size:11.5px;white-space:nowrap;box-shadow:var(--shadow-md);pointer-events:none;font-family:var(--font-mono)}.locations-table{font-size:13px;width:100%;border-collapse:separate;border-spacing:0}.locations-table th,.locations-table td{padding:10px 14px;border-bottom:1px solid var(--border);text-align:left}.locations-table th{font-size:11px;color:var(--text-4);font-weight:500;text-transform:uppercase;letter-spacing:.08em}.locations-table td.mono{font-family:var(--font-mono);font-size:12.5px}.flag{display:inline-block;width:18px;text-align:center;margin-right:8px}.bar-row{display:grid;grid-template-columns:110px 1fr 56px;gap:12px;align-items:center;font-size:12.5px;padding:6px 0}.bar-row .label{color:var(--text-2);font-family:var(--font-mono);font-size:11.5px}.bar-row .bar{height:6px;background:var(--bg-2);border-radius:4px;overflow:hidden}.bar-row .bar>i{display:block;height:100%;background:var(--accent);border-radius:4px}.bar-row .val{text-align:right;font-family:var(--font-mono);font-size:11.5px;color:var(--text-3)}.code{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:12.5px;line-height:1.6;color:var(--text);position:relative;overflow:hidden}.code-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:var(--panel-2);padding:8px 12px;font-size:11.5px;color:var(--text-3);font-family:var(--font-mono);letter-spacing:.04em}.code-body{padding:14px 16px;overflow-x:auto}.code-body .c-key{color:var(--accent)}.code-body .c-str{color:var(--ok)}.code-body .c-num{color:var(--warn)}.code-body .c-com{color:var(--text-4);font-style:italic}.code-body .c-tag{color:var(--purple)}.dnssec-chain{display:flex;flex-direction:column;gap:0;padding:var(--pad-3) 0}.dnssec-step{display:grid;grid-template-columns:30px 1fr auto;gap:14px;align-items:center;padding:14px 0;position:relative}.dnssec-step+.dnssec-step:before{content:"";position:absolute;left:15px;top:-16px;width:1px;height:28px;background:var(--border)}.dnssec-step .step-mark{width:30px;height:30px;border-radius:50%;background:var(--bg-2);border:1px solid var(--border);display:grid;place-items:center;color:var(--ok);z-index:1}.dnssec-step.bad .step-mark{color:var(--danger)}.dnssec-step .step-label{font-size:13px;font-weight:500}.dnssec-step .step-meta{color:var(--text-3);font-family:var(--font-mono);font-size:11.5px;margin-top:2px}.learn-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--pad-3)}.learn-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--pad-3);display:flex;flex-direction:column;gap:10px;transition:border-color .15s,transform .15s;cursor:pointer;min-height:140px}.learn-card:hover{border-color:var(--accent);transform:translateY(-2px)}.learn-card .rec-type{font-family:var(--font-mono);font-weight:600;font-size:22px;letter-spacing:-.02em;color:var(--accent)}.learn-card h4{margin:0;font-size:14px;font-weight:600}.learn-card p{margin:0;font-size:12.5px;color:var(--text-3);line-height:1.5}.article-body{font-size:16px;line-height:1.7;max-width:720px;color:var(--text-2)}.article-body h2{color:var(--text);margin:36px 0 12px;font-size:24px;letter-spacing:-.015em}.article-body h3{color:var(--text);margin:24px 0 8px;font-size:17px}.article-body p{margin:0 0 14px}.article-body code{background:var(--bg-2);padding:1px 6px;border-radius:4px;font-family:var(--font-mono);font-size:13.5px;color:var(--accent);border:1px solid var(--border)}.article-body ul{padding-left:18px}.article-body li{margin-bottom:6px}.row{display:flex;gap:var(--pad-3);align-items:center}.col{display:flex;flex-direction:column;gap:var(--pad-3)}.spacer{flex:1}.divider{height:1px;background:var(--border);margin:var(--pad-3) 0}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--panel);border:1px solid var(--border-strong);padding:10px 14px;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:13px;z-index:100;display:flex;align-items:center;gap:8px}.toast .dot{background:var(--ok);width:8px;height:8px}.btn,.text-btn,.icon-btn,.tag,kbd{white-space:nowrap}@media(max-width:1180px){.header .nav a{padding:7px 9px;font-size:13px}.summary-bar{grid-template-columns:repeat(3,1fr)}.summary-bar>div:nth-child(n+4){display:none}}@media(max-width:1060px){.header .nav{gap:0;margin-left:0}.header .nav a{padding:7px;font-size:12.5px}.header-inner{gap:12px}.results-layout{grid-template-columns:1fr 300px}}@media(max-width:980px){.header [data-collapse=api],.header [data-collapse=signin]{display:none}}@media(max-width:900px){.features{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.results-layout{grid-template-columns:1fr}.summary-bar,.learn-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:44px}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.live-pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--ok);box-shadow:0 0 color-mix(in oklch,var(--ok) 50%,transparent);animation:livePulse 1.6s infinite}@keyframes livePulse{0%{box-shadow:0 0 color-mix(in oklch,var(--ok) 60%,transparent)}to{box-shadow:0 0 0 8px transparent}}@keyframes spin{to{transform:rotate(360deg)}}