:root{--bg:#07101b;--panel:#0d1826;--panel2:#101f31;--text:#f7f9fc;--muted:#9cafc5;--line:#203249;--brand:#60e6be;--brand2:#79a8ff;--danger:#ff98a4;--max:1160px;--r:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% -20%,rgba(121,168,255,.14),transparent 34%),linear-gradient(180deg,#07101b 0,#09111d 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.wrap{width:min(calc(100% - 32px),var(--max));margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(7,16,27,.82);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06)}.nav{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:850;letter-spacing:-.025em}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#06111a;font-weight:950}.nav nav{display:flex;gap:20px;color:var(--muted);font-size:.95rem}.nav nav a:hover{color:var(--text)}.hero,.tool-hero{padding:86px 0 68px}.hero{max-width:960px;text-align:center}.eyebrow,.kicker{display:inline-block;color:var(--brand);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.76rem}.hero h1,.tool-hero h1{font-size:clamp(2.75rem,7vw,5.8rem);line-height:.98;letter-spacing:-.055em;margin:14px 0 20px}.tool-hero h1{font-size:clamp(2.55rem,5vw,4.7rem)}.lead{font-size:clamp(1.08rem,2.2vw,1.35rem);color:var(--muted);max-width:780px;margin:0 auto}.lead.compact{margin:0;max-width:740px}.hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:13px 18px;font-weight:850;cursor:pointer;transition:.16s transform,.16s opacity}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:wait}.btn.primary{background:linear-gradient(135deg,var(--brand),#87aaff);color:#06111a}.btn.ghost{background:#101d2d;color:var(--text);border:1px solid var(--line)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:46px}.metrics div{padding:18px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.metrics b,.metrics span{display:block}.metrics span{color:var(--muted);font-size:.88rem;margin-top:3px}.section{padding:70px 0}.section.alt{background:rgba(255,255,255,.022);border-block:1px solid rgba(255,255,255,.05)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:26px}.section-head h2,.prose h2{font-size:clamp(1.8rem,3vw,2.55rem);margin:5px 0}.section-head p{max-width:540px;color:var(--muted)}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tool-card{display:flex;gap:16px;padding:22px;border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.018));transition:.18s transform,.18s border-color}.tool-card.live:hover{border-color:#397061;transform:translateY(-2px)}.tool-card.muted{opacity:.7}.tool-card .icon{flex:0 0 52px;height:52px;display:grid;place-items:center;border-radius:14px;background:#14263a;color:var(--brand);font-weight:900;font-size:.78rem}.tool-card h3{margin:0 0 6px}.tool-card p{margin:0;color:var(--muted)}.tag{display:inline-block;margin-top:13px;padding:3px 8px;border-radius:99px;background:#12283a;color:var(--brand);font-size:.74rem;font-weight:850}.feature-grid,.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-grid article,.info-grid article{padding:22px;border:1px solid var(--line);border-radius:var(--r);background:var(--panel)}.feature-grid p,.info-grid p,.prose>p{color:var(--muted)}.crumb{display:flex;gap:8px;color:var(--muted);font-size:.9rem;margin-bottom:24px}.lookup{display:grid;grid-template-columns:1fr 130px auto;gap:10px;margin-top:30px;padding:10px;background:var(--panel);border:1px solid var(--line);border-radius:16px}.lookup input,.lookup select{min-width:0;border:0;outline:0;background:#081321;color:var(--text);border-radius:10px;padding:13px 14px}.lookup input:focus,.lookup select:focus{box-shadow:0 0 0 2px rgba(96,230,190,.3)}.quick-types{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.quick-types button,.text-btn{border:1px solid var(--line);background:#101d2d;color:var(--muted);padding:7px 11px;border-radius:9px;cursor:pointer}.quick-types button:hover,.text-btn:hover{color:var(--text);border-color:#3b5877}.result-card{margin-top:22px;border:1px solid var(--line);background:var(--panel);border-radius:16px;overflow:hidden}.result-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--brand);margin-right:8px;box-shadow:0 0 0 5px rgba(96,230,190,.08)}.record-table{width:100%;border-collapse:collapse;font-size:.93rem}.record-table th,.record-table td{text-align:left;padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.055);vertical-align:top}.record-table th{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.record-value{word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.empty{padding:24px;color:var(--muted)}.error{margin-top:18px;padding:14px 16px;border:1px solid rgba(255,152,164,.35);background:rgba(255,152,164,.08);color:#ffd9de;border-radius:12px}.prose{max-width:940px}.prose h2{margin-top:44px}.info-grid{grid-template-columns:repeat(2,1fr)}.trustbar{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:.9rem;margin-top:18px}.trustbar span:before{content:'✓';color:var(--brand);font-weight:900;margin-right:6px}footer{border-top:1px solid var(--line);padding:28px 0;color:var(--muted)}.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer-links{display:flex;gap:16px}.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:900px){.tool-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.nav nav a:not(:last-child){display:none}.hero,.tool-hero{padding-top:60px}.metrics,.feature-grid{grid-template-columns:1fr}.tool-grid{grid-template-columns:1fr}.section-head{display:block}.lookup{grid-template-columns:1fr 100px}.lookup .btn{grid-column:1/-1}.info-grid{grid-template-columns:1fr}.record-table{display:block;overflow-x:auto}.footer-inner{display:block}.footer-inner>*{margin:4px 0}.footer-links{margin-top:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.result-sub{padding:18px 16px;border-top:1px solid var(--line)}.result-sub strong{display:block;margin-bottom:10px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips span{padding:5px 9px;border:1px solid var(--line);border-radius:999px;background:#0a1725;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem}.related-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.related-tools a{padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--panel);font-weight:800}.related-tools a span{display:block;color:var(--muted);font-weight:500;font-size:.9rem;margin-top:4px}@media(max-width:760px){.related-tools{grid-template-columns:1fr}}
.json-tool-hero{width:min(calc(100% - 32px),1320px)}.json-toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:28px}.file-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:#101d2d;color:var(--text);padding:10px 13px;border-radius:10px;font-weight:750;cursor:pointer}.file-btn:hover{border-color:#3b5877}.json-workspace{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.editor-panel{border:1px solid var(--line);border-radius:16px;background:var(--panel);overflow:hidden;min-width:0}.editor-head{min-height:57px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 12px;border-bottom:1px solid var(--line)}.editor-head>div:first-child{display:flex;align-items:baseline;gap:9px}.editor-head span{color:var(--muted);font-size:.82rem}.editor-head select{border:1px solid var(--line);background:#081321;color:var(--text);border-radius:8px;padding:7px 9px}.editor-head label{color:var(--muted);font-size:.82rem;display:flex;align-items:center;gap:7px}.editor-actions{display:flex;gap:7px}.code-editor{display:block;width:100%;height:420px;resize:vertical;border:0;outline:0;background:#081321;color:#e9f1fb;padding:17px;font:14px/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;tab-size:2}.code-editor::placeholder{color:#60748a}.code-editor:focus{box-shadow:inset 0 0 0 2px rgba(96,230,190,.22)}#jsonStatus[data-kind="success"]{color:var(--brand)}#jsonStatus[data-kind="error"]{color:var(--danger)}.json-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:12px}.json-stats div{padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel);text-align:center}.json-stats b,.json-stats span{display:block}.json-stats b{font-size:1.02rem}.json-stats span{color:var(--muted);font-size:.76rem;margin-top:2px}@media(max-width:900px){.json-workspace{grid-template-columns:1fr}.code-editor{height:330px}}@media(max-width:620px){.json-toolbar>.btn,.json-toolbar>.file-btn{flex:1 1 calc(50% - 9px)}.json-stats{grid-template-columns:repeat(2,1fr)}.editor-head{align-items:flex-start;flex-wrap:wrap}.code-editor{height:300px}}

.catalog-search{margin:28px auto 0;max-width:760px;position:relative}.catalog-search input{width:100%;border:1px solid var(--line);background:#081321;color:var(--text);border-radius:14px;padding:15px 48px 15px 16px;outline:0}.catalog-search input:focus{box-shadow:0 0 0 2px rgba(96,230,190,.25);border-color:#397061}.catalog-search span{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:.8rem}.category-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:30px}.category-link{padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--panel);transition:.18s transform,.18s border-color}.category-link:hover{transform:translateY(-2px);border-color:#397061}.category-link b,.category-link span{display:block}.category-link span{color:var(--muted);font-size:.9rem;margin-top:5px}.tool-category{margin-top:42px}.tool-category-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}.tool-category-head h2{margin:0}.tool-category-head a{color:var(--brand);font-weight:750;font-size:.9rem}.tool-card[hidden]{display:none}.search-empty{display:none;padding:18px;border:1px dashed var(--line);border-radius:14px;color:var(--muted);text-align:center;margin-top:16px}.search-empty.show{display:block}.category-hero{padding-bottom:28px}.category-intro{max-width:820px;color:var(--muted)}.policy-copy{max-width:860px}.policy-copy h2{margin-top:38px}.policy-copy h3{margin-top:28px}.policy-copy p,.policy-copy li{color:var(--muted)}.policy-copy a{color:var(--brand)}.notice{padding:16px 18px;border:1px solid var(--line);background:var(--panel);border-radius:14px;color:var(--muted);margin:20px 0}.site-directory{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.site-directory article{border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:20px}.site-directory h2{margin-top:0}.site-directory ul{padding-left:20px}.site-directory a{color:var(--brand)}@media(max-width:900px){.category-nav{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.category-nav,.site-directory{grid-template-columns:1fr}.tool-category-head{display:block}.tool-category-head a{display:inline-block;margin-top:6px}}


/* Theme system + unified navigation */
:root{
  color-scheme:dark;
  --bg:#0a0f1e;
  --panel:#11182a;
  --panel2:#172139;
  --text:#f5f7ff;
  --muted:#a2aec4;
  --line:#28344c;
  --brand:#8b7cf6;
  --brand2:#22d3ee;
  --danger:#fb7185;
  --code-bg:#0a1220;
  --soft:#151f34;
  --header-bg:rgba(10,15,30,.86);
  --alt-bg:rgba(139,124,246,.035);
  --card-top:rgba(255,255,255,.055);
  --card-bottom:rgba(255,255,255,.018);
  --accent-soft:rgba(139,124,246,.13);
  --brand-text:#0b1020;
  --shadow:0 16px 42px rgba(0,0,0,.18);
  --focus:rgba(34,211,238,.28);
}
html[data-theme="light"]{
  color-scheme:light;
  --bg:#f7f8fc;
  --panel:#ffffff;
  --panel2:#f1f4fa;
  --text:#172033;
  --muted:#606c80;
  --line:#dce2ec;
  --brand:#6558d9;
  --brand2:#0789a8;
  --danger:#c24157;
  --code-bg:#f6f8fc;
  --soft:#f0f3f9;
  --header-bg:rgba(247,248,252,.9);
  --alt-bg:#f1f4fa;
  --card-top:#ffffff;
  --card-bottom:#f9faff;
  --accent-soft:rgba(101,88,217,.10);
  --brand-text:#ffffff;
  --shadow:0 14px 36px rgba(30,41,59,.08);
  --focus:rgba(101,88,217,.18);
}
html{background:var(--bg)}
body{
  background:
    radial-gradient(circle at 82% -10%, color-mix(in srgb,var(--brand) 16%, transparent), transparent 34%),
    radial-gradient(circle at 8% 12%, color-mix(in srgb,var(--brand2) 8%, transparent), transparent 28%),
    var(--bg);
  color:var(--text);
  transition:background-color .18s ease,color .18s ease;
}
.site-header{background:var(--header-bg);border-bottom-color:color-mix(in srgb,var(--line) 76%, transparent)}
.nav{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px}
.primary-nav{display:flex;justify-content:center;align-items:center;gap:8px}
.primary-nav a{padding:8px 11px;border-radius:9px;color:var(--muted);font-size:.92rem;font-weight:700}
.primary-nav a:hover,.primary-nav a:focus-visible{color:var(--text);background:var(--soft)}
.nav-actions{display:flex;align-items:center;gap:8px}
.theme-toggle,.menu-toggle{
  border:1px solid var(--line);
  background:var(--panel);
  color:var(--text);
  border-radius:10px;
  min-height:40px;
  padding:8px 11px;
  font:inherit;
  font-size:.86rem;
  font-weight:800;
  cursor:pointer;
  box-shadow:0 1px 0 rgba(255,255,255,.03);
}
.theme-toggle:hover,.menu-toggle:hover{border-color:color-mix(in srgb,var(--brand) 55%,var(--line));background:var(--soft)}
.theme-toggle:focus-visible,.menu-toggle:focus-visible,.primary-nav a:focus-visible,.btn:focus-visible,.text-btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.menu-toggle{display:none}
.brand-mark{background:linear-gradient(135deg,var(--brand2),var(--brand));color:#fff;box-shadow:0 8px 22px color-mix(in srgb,var(--brand) 24%, transparent)}
.btn.primary{background:linear-gradient(135deg,var(--brand2),var(--brand));color:#fff;box-shadow:0 8px 22px color-mix(in srgb,var(--brand) 22%, transparent)}
.btn.ghost,.file-btn,.quick-types button,.text-btn{background:var(--soft);color:var(--text);border-color:var(--line)}
.tool-card{background:linear-gradient(180deg,var(--card-top),var(--card-bottom));box-shadow:0 1px 0 rgba(255,255,255,.025)}
.tool-card.live:hover{border-color:color-mix(in srgb,var(--brand) 48%,var(--line));box-shadow:var(--shadow)}
.tool-card .icon{background:var(--accent-soft);color:var(--brand)}
.tag{background:var(--accent-soft);color:var(--brand)}
.section.alt{background:var(--alt-bg);border-block-color:var(--line)}
.feature-grid article,.info-grid article,.result-card,.editor-panel,.category-link,.site-directory article,.json-stats div{background:var(--panel);border-color:var(--line);box-shadow:0 1px 0 rgba(255,255,255,.02)}
.lookup{background:var(--panel);border-color:var(--line)}
.lookup input,.lookup select,.editor-head select,.code-editor,.catalog-search input{background:var(--code-bg);color:var(--text)}
.code-editor::placeholder,.lookup input::placeholder,.catalog-search input::placeholder{color:color-mix(in srgb,var(--muted) 75%,transparent)}
.chips span{background:var(--code-bg);border-color:var(--line);color:var(--muted)}
.record-table th,.record-table td{border-bottom-color:color-mix(in srgb,var(--line) 70%,transparent)}
.error{border-color:color-mix(in srgb,var(--danger) 38%,transparent);background:color-mix(in srgb,var(--danger) 9%,transparent);color:var(--danger)}
.category-link:hover{border-color:color-mix(in srgb,var(--brand) 48%,var(--line));box-shadow:var(--shadow)}
.catalog-search input:focus,.lookup input:focus,.lookup select:focus{box-shadow:0 0 0 3px var(--focus);border-color:var(--brand)}
footer{border-top-color:var(--line)}
footer a:hover{color:var(--text)}
.prose code{background:var(--soft);border:1px solid var(--line);border-radius:6px;padding:1px 5px}
.notice{background:var(--panel);border-color:var(--line)}
@media(max-width:760px){
  .nav{grid-template-columns:1fr auto;gap:12px;min-height:64px;position:relative}
  .brand span:last-child{font-size:.94rem}
  .nav .primary-nav{
    display:none;
    position:absolute;
    top:58px;
    left:0;
    right:0;
    z-index:30;
    flex-direction:column;
    align-items:stretch;
    padding:10px;
    border:1px solid var(--line);
    border-radius:14px;
    background:var(--panel);
    box-shadow:var(--shadow);
  }
  .nav .primary-nav.open{display:flex}
  .nav .primary-nav a,.nav nav a:not(:last-child){display:block}
  .nav-actions{justify-self:end}
  .menu-toggle{display:inline-flex;align-items:center;justify-content:center}
  .theme-label{display:none}
  .theme-toggle{min-width:42px;padding-inline:10px}
  .hero,.tool-hero{padding-top:48px}
}
@media(prefers-reduced-motion:reduce){body{transition:none}}


/* 2026 brand + UI refinement */
:root{
  --bg:#0b1120;
  --panel:#111827;
  --panel2:#172033;
  --text:#f8fafc;
  --muted:#94a3b8;
  --line:#25324a;
  --brand:#60a5fa;
  --brand2:#2dd4bf;
  --danger:#fb7185;
  --code-bg:#0a1220;
  --soft:#162033;
  --header-bg:rgba(11,17,32,.88);
  --alt-bg:rgba(96,165,250,.035);
  --card-top:rgba(255,255,255,.048);
  --card-bottom:rgba(255,255,255,.014);
  --accent-soft:rgba(96,165,250,.12);
  --brand-text:#08111f;
  --shadow:0 18px 48px rgba(0,0,0,.22);
  --focus:rgba(45,212,191,.28);
  --header-shadow:0 1px 0 rgba(255,255,255,.025),0 12px 34px rgba(0,0,0,.12);
}
html[data-theme="light"]{
  --bg:#f8fafc;
  --panel:#ffffff;
  --panel2:#f1f5f9;
  --text:#0f172a;
  --muted:#64748b;
  --line:#dbe3ee;
  --brand:#2563eb;
  --brand2:#0f9f8f;
  --danger:#be334b;
  --code-bg:#f8fafc;
  --soft:#f1f5f9;
  --header-bg:rgba(248,250,252,.92);
  --alt-bg:#f4f7fb;
  --card-top:#ffffff;
  --card-bottom:#fbfdff;
  --accent-soft:rgba(37,99,235,.08);
  --brand-text:#ffffff;
  --shadow:0 16px 42px rgba(15,23,42,.09);
  --focus:rgba(37,99,235,.20);
  --header-shadow:0 1px 0 rgba(15,23,42,.04),0 10px 28px rgba(15,23,42,.05);
}
body{
  min-height:100vh;
  background:
    radial-gradient(circle at 78% -8%,color-mix(in srgb,var(--brand) 13%,transparent),transparent 32rem),
    radial-gradient(circle at 10% 4%,color-mix(in srgb,var(--brand2) 7%,transparent),transparent 26rem),
    var(--bg);
}
.site-header{
  box-shadow:var(--header-shadow);
  backdrop-filter:saturate(150%) blur(18px);
  -webkit-backdrop-filter:saturate(150%) blur(18px);
}
.nav{min-height:72px}
.brand{gap:11px;font-weight:800;letter-spacing:-.03em;font-size:1rem}
.brand:hover{opacity:.96}
.brand-mark{
  width:38px;
  height:38px;
  flex:0 0 38px;
  border-radius:12px;
  background-color:#0b1220;
  background-image:url('/favicon.svg');
  background-repeat:no-repeat;
  background-position:center;
  background-size:100% 100%;
  color:transparent!important;
  font-size:0!important;
  overflow:hidden;
  box-shadow:0 8px 24px rgba(37,99,235,.16);
}
.primary-nav{gap:4px}
.primary-nav a{
  position:relative;
  padding:9px 13px;
  border:1px solid transparent;
  border-radius:10px;
  font-size:.9rem;
  font-weight:700;
  transition:background-color .15s ease,color .15s ease,border-color .15s ease;
}
.primary-nav a:hover,.primary-nav a:focus-visible{
  background:var(--soft);
  border-color:color-mix(in srgb,var(--line) 82%,transparent);
}
.primary-nav a[aria-current="page"]{
  color:var(--text);
  background:var(--accent-soft);
  border-color:color-mix(in srgb,var(--brand) 24%,var(--line));
}
.primary-nav a[aria-current="page"]::after{
  content:"";
  position:absolute;
  left:13px;
  right:13px;
  bottom:4px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--brand),var(--brand2));
}
.theme-toggle,.menu-toggle{
  min-height:42px;
  border-radius:11px;
  background:color-mix(in srgb,var(--panel) 94%,transparent);
}
.theme-toggle{min-width:86px}
.theme-icon{display:inline-grid;place-items:center;width:18px;margin-right:4px;font-size:1rem}
.hero,.tool-hero{padding-top:78px}
.hero h1,.tool-hero h1{color:var(--text);text-wrap:balance}
.hero h1{max-width:900px;margin-inline:auto}
.eyebrow,.kicker{color:var(--brand2)}
.lead{line-height:1.65}
.catalog-search input,.lookup input,.lookup select,.code-editor{
  border-color:var(--line);
}
.category-link,.tool-card,.feature-grid article,.info-grid article,.editor-panel,.result-card,.notice,.site-directory article{
  box-shadow:0 1px 0 rgba(255,255,255,.018);
}
.tool-card{
  position:relative;
  overflow:hidden;
}
.tool-card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:2px;
  opacity:0;
  background:linear-gradient(180deg,var(--brand),var(--brand2));
  transition:opacity .16s ease;
}
.tool-card.live:hover::before{opacity:1}
.tool-card.live:hover{transform:translateY(-2px)}
.tool-card .icon{
  border:1px solid color-mix(in srgb,var(--brand) 18%,var(--line));
  background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 12%,var(--panel)),color-mix(in srgb,var(--brand2) 8%,var(--panel)));
  color:var(--text);
}
.tag{
  border:1px solid color-mix(in srgb,var(--brand) 18%,var(--line));
  background:var(--accent-soft);
}
.btn.primary{
  background:linear-gradient(135deg,#3b82f6,#14b8a6);
  color:white;
  box-shadow:0 10px 24px rgba(37,99,235,.18);
}
.btn.primary:hover{box-shadow:0 12px 28px rgba(37,99,235,.23)}
.crumb a:hover,.tool-category-head a:hover,.policy-copy a:hover{text-decoration:underline;text-underline-offset:3px}
footer{background:color-mix(in srgb,var(--bg) 94%,var(--panel))}
.footer-links{flex-wrap:wrap;justify-content:flex-end}
@media(max-width:760px){
  .nav{min-height:66px}
  .brand{gap:9px}
  .brand-mark{width:35px;height:35px;flex-basis:35px;border-radius:11px}
  .theme-toggle{min-width:42px}
  .theme-icon{margin-right:0}
  .nav .primary-nav{top:61px}
  .nav .primary-nav a[aria-current="page"]::after{display:none}
}


/* Phase 2: homepage hierarchy, tool-page density, monetization-safe spacing */
.home-page .home-hero{
  max-width:var(--max);
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);
  gap:52px;
  align-items:center;
  text-align:left;
  padding-top:84px;
  padding-bottom:42px;
}
.home-page .hero-copy{min-width:0}
.home-page .home-hero h1{
  max-width:820px;
  margin:14px 0 20px;
  font-size:clamp(3rem,6vw,5.4rem);
}
.home-page .home-hero .lead{
  max-width:760px;
  margin:0;
}
.home-page .catalog-search{
  margin:30px 0 0;
  max-width:720px;
}
.hero-meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px;
  color:var(--muted);
  font-size:.84rem;
}
.hero-meta span{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:7px 10px;
  border:1px solid var(--line);
  border-radius:999px;
  background:color-mix(in srgb,var(--panel) 78%,transparent);
}
.hero-meta b{color:var(--text)}
.hero-panel{
  border:1px solid var(--line);
  border-radius:22px;
  padding:22px;
  background:linear-gradient(160deg,color-mix(in srgb,var(--panel) 96%,var(--brand) 4%),var(--panel));
  box-shadow:var(--shadow);
}
.hero-panel h2{
  margin:6px 0 17px;
  font-size:1.25rem;
  letter-spacing:-.025em;
}
.quick-tool-list{display:grid;gap:7px}
.quick-tool-list a{
  display:grid;
  grid-template-columns:44px 1fr auto;
  align-items:center;
  gap:11px;
  min-width:0;
  padding:10px;
  border:1px solid transparent;
  border-radius:13px;
  transition:background-color .15s ease,border-color .15s ease,transform .15s ease;
}
.quick-tool-list a:hover{
  background:var(--soft);
  border-color:var(--line);
  transform:translateX(2px);
}
.quick-tool-list a>span:nth-child(2){min-width:0}
.quick-tool-list b,.quick-tool-list small{display:block}
.quick-tool-list b{font-size:.9rem}
.quick-tool-list small{
  margin-top:1px;
  color:var(--muted);
  font-size:.76rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.quick-tool-list strong{color:var(--muted);font-size:1rem}
.quick-icon{
  display:grid;
  place-items:center;
  width:44px;
  height:40px;
  border:1px solid color-mix(in srgb,var(--brand) 18%,var(--line));
  border-radius:11px;
  background:var(--accent-soft);
  color:var(--text);
  font-size:.67rem;
  font-weight:900;
  letter-spacing:-.02em;
}
.category-strip{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  padding-bottom:24px;
}
.category-strip .category-link{
  position:relative;
  min-height:132px;
  padding:18px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-end;
}
.category-strip .category-link b{
  font-size:1rem;
  letter-spacing:-.015em;
}
.category-strip .category-link small{
  display:block;
  margin-top:5px;
  color:var(--muted);
  font-size:.78rem;
  line-height:1.45;
}
.category-index{
  position:absolute;
  top:16px;
  right:16px;
  color:color-mix(in srgb,var(--muted) 60%,transparent);
  font-size:.72rem;
  font-weight:850;
  letter-spacing:.08em;
}
.home-page #tools{padding-top:62px}
.home-page #tools>.section-head{margin-bottom:8px}
.home-page .tool-category{margin-top:34px}
.home-page .tool-category-head{
  padding-bottom:10px;
  border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent);
}
.home-page .tool-category-head .kicker{display:none}
.home-page .tool-category-head h2{
  font-size:1.25rem;
  letter-spacing:-.025em;
}
.home-page .tool-card{
  min-height:132px;
  padding:18px;
  gap:13px;
}
.home-page .tool-card .icon{
  flex-basis:44px;
  width:44px;
  height:44px;
  border-radius:12px;
  font-size:.7rem;
}
.home-page .tool-card h3{font-size:.98rem}
.home-page .tool-card p{font-size:.85rem;line-height:1.5}
.home-page .tool-card .tag{display:none}
.home-page #why{margin-top:20px}
.home-page #why .feature-grid article{
  min-height:190px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
.home-page #why .feature-grid h3{
  margin:0 0 8px;
  font-size:1.05rem;
}
.home-page #why .feature-grid p{margin:0;font-size:.9rem}

/* Tool pages: bring the utility above the fold and improve reading rhythm */
body:not(.home-page) .tool-hero:not(.category-hero){
  padding-top:52px;
  padding-bottom:46px;
}
body:not(.home-page) .tool-hero .crumb{margin-bottom:17px}
body:not(.home-page) .tool-hero>h1{
  max-width:980px;
  margin-top:10px;
  margin-bottom:14px;
  font-size:clamp(2.35rem,4.7vw,4.25rem);
}
body:not(.home-page) .tool-hero>.lead.compact{
  max-width:760px;
  font-size:clamp(1rem,1.8vw,1.18rem);
  line-height:1.65;
}
body:not(.home-page) .tool-hero>.lookup{max-width:960px}
body:not(.home-page) .tool-hero>.trustbar,
body:not(.home-page) .json-tool-hero>.trustbar{
  justify-content:flex-start;
  margin-top:14px;
}
body:not(.home-page) .section.wrap.prose{
  padding-top:56px;
  padding-bottom:62px;
}
.prose>p,.prose>ul,.prose>ol{max-width:78ch}
.prose h2{
  max-width:780px;
  margin-top:42px;
  margin-bottom:12px;
  letter-spacing:-.025em;
}
.prose h3{margin-bottom:8px}
.prose p{line-height:1.72}
.prose .info-grid{
  margin-top:22px;
  gap:14px;
}
.prose .info-grid article{padding:20px}
.related-tools a{
  transition:border-color .15s ease,background-color .15s ease,transform .15s ease;
}
.related-tools a:hover{
  border-color:color-mix(in srgb,var(--brand) 45%,var(--line));
  background:var(--soft);
  transform:translateY(-1px);
}

/* Reserved class for future AdSense units. It is intentionally unused until approval. */
.ad-slot{
  width:min(100%,970px);
  margin:28px auto;
  clear:both;
  text-align:center;
}
.ad-slot[data-format="rectangle"]{max-width:336px}
.ad-slot[data-format="leaderboard"]{max-width:970px}

@media(max-width:980px){
  .home-page .home-hero{
    grid-template-columns:1fr;
    gap:28px;
    padding-top:62px;
  }
  .home-page .hero-panel{
    max-width:760px;
    width:100%;
  }
  .category-strip{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .home-page .home-hero{
    padding-top:46px;
    padding-bottom:30px;
  }
  .home-page .home-hero h1{
    font-size:clamp(2.55rem,12vw,4rem);
    line-height:1.01;
  }
  .home-page .catalog-search{margin-top:24px}
  .hero-meta{gap:7px}
  .hero-meta span{font-size:.76rem}
  .hero-panel{padding:16px;border-radius:18px}
  .category-strip{padding-bottom:8px}
  .home-page #tools{padding-top:44px}
  body:not(.home-page) .tool-hero:not(.category-hero){
    padding-top:38px;
    padding-bottom:38px;
  }
  body:not(.home-page) .tool-hero>h1{font-size:clamp(2.15rem,10vw,3.25rem)}
  body:not(.home-page) .section.wrap.prose{padding-top:44px;padding-bottom:50px}
}
@media(max-width:560px){
  .category-strip{grid-template-columns:1fr}
  .category-strip .category-link{min-height:108px}
  .quick-tool-list a{grid-template-columns:40px 1fr auto;padding:9px 7px}
  .quick-icon{width:40px;height:38px}
  .home-page .tool-card{min-height:auto}
}