@font-face {
  font-family: "Atlas Sans";
  src: url("/growingniche/assets/traffic-clone/serif-display.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Atlas Mono";
  src: url("/growingniche/assets/traffic-clone/archivo-display.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root,
html.light {
  --canvas: #fafaf8;
  --surface: #ffffff;
  --surface-raised: #fbfcfb;
  --surface-selected: #fff3f0;
  --ink: #121619;
  --ink-soft: #5d6469;
  --ink-faint: #848b8f;
  --rule: #d8dedf;
  --rule-strong: #aeb7b9;
  --coral: #f45143;
  --coral-soft: #ff8b7c;
  --traffic: #0872f5;
  --revenue: #00a884;
  --verified: #008f74;
  --inferred: #ef7600;
  --missing: #747d82;
  --negative: #e23844;
  --header-h: 64px;
  --page-pad: 28px;
  --container: 1536px;
  --background: 60 17% 98%;
  --foreground: 195 16% 8%;
  --muted-foreground: 200 6% 39%;
  --input: 190 9% 70%;
  --ring: 213 96% 50%;
  --accent: 10 100% 97%;
  --accent-foreground: 195 16% 8%;
  color-scheme: light !important;
}

html.dark {
  --canvas: #081012;
  --surface: #0d1518;
  --surface-raised: #121c1f;
  --surface-selected: #171d20;
  --ink: #f3f2ed;
  --ink-soft: #b5b9b8;
  --ink-faint: #858c8e;
  --rule: #2d3639;
  --rule-strong: #505a5d;
  --coral: #ff7862;
  --coral-soft: #ff8d78;
  --traffic: #2e86ff;
  --revenue: #22c3a1;
  --verified: #43c6a5;
  --inferred: #f2a23c;
  --missing: #929a9e;
  --negative: #ff7085;
  --background: 192 38% 5%;
  --foreground: 45 20% 94%;
  --muted-foreground: 160 3% 72%;
  --input: 195 12% 35%;
  --ring: 214 100% 59%;
  --accent: 195 24% 10%;
  --accent-foreground: 45 20% 94%;
  color-scheme: dark !important;
}

* { box-sizing: border-box; }
html { min-width: 320px; scroll-behavior: smooth; -webkit-font-smoothing: antialiased; }
html.light, html.light body, html.dark, html.dark body { color: var(--ink); background-color: var(--canvas) !important; }
body { margin: 0; color: var(--ink); background: var(--canvas); font-family: "Atlas Sans", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.growingniche-root, .growingniche-root * { font-family: "Atlas Sans", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.growingniche-root .section-label, .growingniche-root .quality-stamp, .growingniche-root .field-note > b, .growingniche-root .atlas-footer > b, .growingniche-root .ledger-rank, .growingniche-root .ledger-row strong, .growingniche-root .metric > strong { font-family: "Atlas Mono", ui-monospace, SFMono-Regular, Menlo, monospace; }
button, input, select { color: inherit; font: inherit; }
button, select { cursor: pointer; }
a { color: inherit; text-decoration: none; }
[data-open-domain] { cursor: pointer; transition: background-color 160ms ease; }
[data-open-domain]:hover, [data-open-domain]:focus-visible { background: var(--surface-selected); }
[aria-busy="true"] { cursor: progress; opacity: .72; }
img, svg { display: block; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, summary:focus-visible { outline: 2px solid var(--traffic); outline-offset: 2px; }
.growingniche-root :is(button, a, input, select, summary):focus-visible { --tw-ring-color: transparent; outline-color: var(--traffic); box-shadow: none; }
.growingniche-root { min-height: 100vh; color: var(--ink); background: var(--canvas); }
.atlas-icon { flex: none; }

.site-header { position: sticky; z-index: 40; top: 0; height: var(--header-h); border-bottom: 1px solid var(--rule); background: var(--canvas); }
.header-inner { width: min(var(--container), 100%); height: 100%; display: flex; align-items: center; gap: 30px; padding: 0 18px; margin: auto; }
.brand { flex: none; display: inline-flex; align-items: center; gap: 9px; font-size: 22px; font-weight: 700; letter-spacing: -.04em; }
.brand img { width: 34px; height: 34px; border-radius: 5px; }
.desktop-nav { height: 100%; display: flex; align-items: center; gap: 28px; }
.desktop-nav a { position: relative; height: 100%; display: grid; place-items: center; color: var(--ink); font-size: 14px; white-space: nowrap; }
.desktop-nav a::after { content: ""; position: absolute; left: 0; right: 0; bottom: 5px; height: 2px; background: transparent; }
.desktop-nav a:hover, .desktop-nav a.active { color: var(--coral); }
.desktop-nav a.active::after { background: var(--coral); }
.header-search { position: relative; width: 235px; height: 38px; margin-left: auto; }
.growingniche-root .header-search-control { height: 38px; border-color: var(--rule-strong); border-radius: 4px; background: var(--surface); box-shadow: none; }
.header-search input { width: 100%; height: 100%; min-width: 0; padding-inline: 0 12px; color: var(--ink); background: transparent; font-size: 13px; }
.header-search input::placeholder { color: var(--ink-faint); opacity: 1; }
.growingniche-root .header-search input:focus-visible { outline: 0; box-shadow: none; }
.growingniche-root .header-search-control:has(input:focus-visible) { border-color: var(--traffic); outline: 0; box-shadow: 0 0 0 3px color-mix(in srgb, var(--traffic) 18%, transparent); }
.header-search [data-slot="input-group-addon"] { padding-left: 12px; color: var(--ink); }
.growingniche-root[data-domain-lookup-enabled="false"] .header-inner > .atlas-access-button { margin-left: auto; }
.atlas-access-button { min-width: 76px; height: 36px; display: inline-flex; align-items: center; justify-content: center; padding: 0 13px; border: 1px solid var(--coral); border-radius: 4px; color: var(--coral); background: transparent; font-size: 12px; font-weight: 700; white-space: nowrap; }
.atlas-access-button:hover { color: #fff; background: var(--coral); }
.atlas-access-button.is-pro { color: var(--verified); border-color: var(--verified); }
.search-results { position: absolute; z-index: 120; top: 44px; right: 0; width: 330px; overflow: hidden; border: 1px solid var(--rule-strong); background: var(--surface); }
.search-results[hidden] { display: none; }
.search-results a { display: flex; align-items: center; gap: 10px; padding: 11px; border-bottom: 1px solid var(--rule); }
.search-results a:hover { background: var(--surface-selected); }
.search-results img { width: 30px; height: 30px; border-radius: 5px; object-fit: cover; }
.search-results span { min-width: 0; display: grid; }
.search-results b, .search-results small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.search-results small { color: var(--ink-soft); }
.search-results p { display: grid; gap: 3px; padding: 14px; margin: 0; color: var(--ink-soft); }
.search-results p b { color: var(--ink); }
.theme-button, .mobile-menu-trigger, #mobileMenuClose { width: 38px; height: 38px; display: grid; place-items: center; padding: 0; border: 0; color: var(--ink); background: transparent; }
.theme-button:hover, .mobile-menu-trigger:hover, #mobileMenuClose:hover { color: var(--ink); background: var(--surface-raised); }
.theme-button .theme-icon { grid-area: 1 / 1; }
.theme-button .theme-icon-dark { display: none; }
html.dark .theme-button .theme-icon-light { display: none; }
html.dark .theme-button .theme-icon-dark { display: block; }
.mobile-menu-trigger svg, #mobileMenuClose svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }
.mobile-menu-trigger { display: none; }
.mobile-drawer, .drawer-scrim { display: none; }
.drawer-scrim { padding: 0; border: 0; }

#app { min-height: calc(100vh - var(--header-h)); }
.loading { min-height: 60vh; display: grid; place-items: center; color: var(--ink-soft); font: 12px "Atlas Mono", monospace; letter-spacing: .14em; }
.client-enhancement-error { width: min(var(--container), calc(100% - 36px)); display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 10px 14px; margin: 12px auto; border: 1px solid var(--coral); color: var(--coral); background: var(--surface-selected); font-size: 12px; }
.client-enhancement-error button { flex: none; padding: 6px 10px; border: 1px solid currentColor; border-radius: 4px; color: inherit; background: transparent; font-weight: 700; }
.client-enhancement-error button:hover { color: #fff; background: var(--coral); }
.ssr-landing-hero { min-height: 610px; }
.ssr-ranking-intro { align-self: center; padding: 44px; border: 1px solid var(--rule); border-radius: 6px; background: var(--surface); }
.ssr-ranking-intro h2 { max-width: 620px; margin: 0 0 16px; font-size: clamp(30px, 3vw, 48px); line-height: 1.04; letter-spacing: -.04em; }
.ssr-ranking-intro > p { color: var(--ink-soft); font-size: 15px; line-height: 1.6; }
.ssr-ranking-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.ssr-ranking-actions a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px; border: 1px solid var(--rule-strong); border-radius: 4px; color: var(--coral); font-weight: 700; }
.ssr-ranking-actions a:hover { border-color: var(--coral); background: var(--surface-selected); }
.ssr-ranking-actions svg, .ssr-ranking-entry svg, .ssr-home-page .domain-analyzer svg { width: 18px; height: 18px; }
.ssr-ranking-grid { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); }
.ssr-ranking-entry { min-height: 220px; display: flex; flex-direction: column; justify-content: space-between; gap: 28px; padding: 34px 28px; }
.ssr-ranking-entry + .ssr-ranking-entry { border-left: 1px solid var(--rule); }
.ssr-ranking-entry h2 { margin: 0 0 10px; font-size: 28px; }
.ssr-ranking-entry p, .ssr-board-summary p { max-width: 620px; margin: 0; color: var(--ink-soft); line-height: 1.6; }
.ssr-ranking-entry a { display: inline-flex; align-items: center; gap: 8px; color: var(--coral); font-weight: 700; }
.ssr-ranking-page { padding-top: 44px; }
.ssr-board-summary { min-height: 320px; padding: 34px 0; border-top: 1px solid var(--rule); }
.atlas-page { width: min(var(--container), 100%); min-height: calc(100vh - var(--header-h)); margin: auto; padding: 0 var(--page-pad) 28px; }
.section-label { display: flex; align-items: center; gap: 8px; margin: 0 0 14px; color: var(--coral); font: 700 13px "Atlas Mono", monospace; letter-spacing: .02em; text-transform: uppercase; }
.section-label b { font: inherit; }
.quality-stamp { display: inline-grid; align-content: center; min-width: 108px; min-height: 48px; padding: 8px 12px; border: 1px solid var(--rule-strong); border-radius: 4px; font: 700 12px "Atlas Mono", monospace; text-align: center; text-transform: uppercase; }
.quality-stamp small { display: block; margin-top: 3px; font-size: 10px; font-weight: 500; }
.quality-verified { color: var(--verified); border-color: var(--verified); }
.quality-preview { color: var(--traffic); border-color: var(--traffic); }
.evidence { display: inline-flex; align-items: center; gap: 8px; min-width: 0; color: var(--ink-soft); font-size: 12px; white-space: nowrap; }
.evidence i { flex: none; width: 10px; height: 10px; display: inline-block; }
.evidence b { color: inherit; font-weight: 500; }
.evidence small { color: var(--ink-faint); }
.evidence-observed i { border-radius: 50%; background: var(--traffic); }
.evidence-inferred i { width: 9px; height: 9px; transform: rotate(45deg); background: var(--inferred); }
.evidence-missing i { border: 1.5px solid var(--missing); border-radius: 50%; background: transparent; }
.traffic-tone { color: var(--traffic) !important; }
.revenue-tone { color: var(--revenue) !important; }
.negative { color: var(--negative) !important; }
.field-note { height: 56px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--rule); color: var(--ink-soft); font-size: 12px; }
.field-note > b { color: var(--coral); font: 700 13px "Atlas Mono", monospace; white-space: nowrap; }
.field-note > span { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; }
.field-note .quality-stamp { min-width: auto; min-height: 0; padding: 0; border: 0; text-align: left; }
.field-note .evidence { font-size: 12px; }
.primary-button, .secondary-button { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 0 18px; border: 1px solid var(--rule-strong); border-radius: 4px; background: var(--surface); transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease, transform 160ms ease; }
.primary-button { border-color: var(--coral); color: #fff; background: var(--coral); }
html.dark .primary-button { color: #111719; }
.primary-button:hover, .secondary-button:hover { transform: translateY(-1px); }
.secondary-button:hover { border-color: var(--coral); color: var(--coral); }
.text-link { display: inline-flex; align-items: center; gap: 7px; margin: 14px 0 0; font-size: 13px; }
.evidence-legend { display: flex; align-items: center; flex-wrap: wrap; gap: 28px; }
.atlas-footer, .data-footer { min-height: 74px; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 16px 8px; border-top: 1px solid var(--rule); color: var(--ink-soft); font-size: 12px; }
.atlas-footer > b { color: var(--coral); font: 700 12px "Atlas Mono", monospace; }
.atlas-footer p { max-width: 480px; margin: 0; line-height: 1.55; }
.data-footer p { margin: 0; }
.site-avatar { width: 38px; height: 38px; border-radius: 6px; object-fit: cover; background: var(--surface-raised); }

/* Home */
.overview-header { min-height: 124px; display: flex; align-items: center; justify-content: space-between; gap: 36px; padding: 18px 4px 14px; border-bottom: 1px solid var(--rule); }.overview-header .section-label { margin-bottom: 7px; }.overview-header h1 { margin: 0 0 5px; font-size: clamp(28px, 2.2vw, 35px); line-height: 1.05; letter-spacing: -.035em; }.overview-header p { margin: 0; color: var(--ink-soft); font-size: 13px; }.overview-header .domain-analyzer { width: min(480px, 42vw); margin: 0; }
.overview-quick-links { min-height: 54px; display: grid; grid-template-columns: repeat(2, minmax(180px, 1fr)); align-items: stretch; border-bottom: 1px solid var(--rule); }.overview-quick-links > * { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 0 18px; border-right: 1px solid var(--rule); }.overview-quick-links > *:first-child { padding-left: 4px; }.overview-quick-links > *:last-child { border-right: 0; }.overview-quick-links a:hover b { color: var(--coral); }.overview-quick-links span { color: var(--ink-soft); font-size: 11px; }
.home-hero-grid { min-height: 272px; display: grid; grid-template-columns: 1fr .82fr; border-bottom: 1px solid var(--rule); }
.home-copy { padding: 26px 32px 20px 10px; border-right: 1px solid var(--rule); }
.home-copy h1 { margin: 0; font-size: clamp(35px, 2.55vw, 42px); line-height: 1.08; letter-spacing: -.035em; }
.home-copy > p { max-width: 560px; margin: 13px 0 18px; color: var(--ink-soft); font-size: 15px; line-height: 1.45; }
.domain-analyzer { max-width: 540px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 9px; }
.domain-analyzer > span { margin-right: -44px; margin-left: 14px; z-index: 1; }
.domain-analyzer input { width: 100%; min-width: 0; height: 48px; padding: 0 16px 0 43px; border: 1px solid var(--rule-strong); border-radius: 4px; background: var(--surface); }
.domain-analyzer button { height: 48px; display: inline-flex; align-items: center; gap: 16px; padding: 0 20px; border: 1px solid var(--coral); border-radius: 4px; color: #fff; background: var(--coral); white-space: nowrap; }
html.dark .domain-analyzer button { color: #111719; }
.domain-analyzer.not-found input { border-color: var(--negative); }
.domain-analyzer-status { grid-column: 2 / 4; min-height: 14px; margin: -3px 0 0; color: var(--negative); font-size: 11px; line-height: 1.25; }
.scope-facts { display: flex; gap: 28px; margin-top: 18px; color: var(--ink-soft); font-size: 12px; }
.scope-facts span::before { content: "•"; margin-right: 8px; color: var(--ink); }
.home-board-index { padding: 26px 8px 18px 30px; }
.home-board-index > a { min-height: 56px; display: grid; grid-template-columns: 1fr auto 20px; align-items: center; gap: 18px; border-top: 1px solid var(--rule); }
.home-board-index > a:last-of-type { border-bottom: 1px solid var(--rule); }
.home-board-index > a:hover b { color: var(--coral); }
.home-board-index > a span { display: grid; gap: 3px; }.home-board-index small, .home-board-index > p { color: var(--ink-soft); font-size: 11px; }
.home-board-index strong { font: 600 18px "Atlas Mono", monospace; }.home-board-index > p { margin: 13px 0 0; line-height: 1.5; }
.brief-grid { display: grid; grid-template-columns: 1fr 1fr; border-bottom: 1px solid var(--rule); }
.brief-grid > div { padding: 20px 28px 18px 8px; }
.brief-grid > div + div { padding-left: 32px; border-left: 1px solid var(--rule); }
.brief-grid h2 { margin: 0 0 10px; font-size: 18px; }
.brief-grid h2 small { font-size: 11px; font-weight: 400; }
.board-heading { min-height: 34px; display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }.board-heading .section-label { margin: 0; }.board-heading > a { display: inline-flex; align-items: center; gap: 7px; color: var(--ink-soft); font-size: 12px; }.board-heading > a:hover { color: var(--coral); }

/* GrowingNiche landing */
.home-page { padding-bottom: 0; }
.landing-hero { min-height: 540px; display: grid; grid-template-columns: minmax(420px, .92fr) minmax(620px, 1.2fr); border-bottom: 1px solid var(--rule); }
.landing-hero-copy { display: flex; flex-direction: column; justify-content: center; padding: 54px 58px 50px 8px; border-right: 1px solid var(--rule); }
.landing-hero-copy .section-label { margin-bottom: 20px; }
.landing-hero-copy h1 { max-width: 670px; margin: 0; font-size: clamp(46px, 4.1vw, 68px); font-weight: 720; line-height: .98; letter-spacing: -.055em; text-wrap: balance; }
.landing-hero-copy h1 em { color: var(--coral); font-style: normal; }
.landing-hero-copy > p { max-width: 610px; margin: 24px 0 26px; color: var(--ink-soft); font-size: 16px; line-height: 1.55; }
.hero-analyzer { max-width: 650px; }
.hero-trust { display: flex; flex-wrap: wrap; gap: 13px 28px; margin-top: 20px; color: var(--ink-soft); font-size: 12px; }
.hero-trust span { display: inline-flex; align-items: center; gap: 8px; }
.hero-trust span::before { width: 7px; height: 7px; border: 1px solid var(--coral); border-radius: 50%; content: ""; }
.hero-ranking { align-self: center; min-width: 0; margin: 34px 0 34px 34px; border: 1px solid var(--rule); border-radius: 6px; background: var(--surface); overflow: hidden; transition: border-color 180ms ease, transform 180ms ease; }
.hero-ranking:hover { border-color: var(--rule-strong); transform: translateY(-2px); }
.hero-ranking-head, .landing-board-head { min-height: 62px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 10px 16px; border-bottom: 1px solid var(--rule); }
.hero-ranking-head > a, .landing-board-head > a, .signal-explainer-grid article > a { display: inline-flex; align-items: center; gap: 7px; color: var(--coral); font-size: 12px; font-weight: 700; white-space: nowrap; }
.signal-switch, .home-mode-tabs { display: flex; align-items: center; gap: 3px; }
.signal-switch button, .home-mode-tabs button { min-height: 34px; padding: 0 13px; border: 1px solid transparent; border-radius: 4px; color: var(--ink-soft); background: transparent; font-size: 12px; transition: color 140ms ease, background-color 140ms ease, border-color 140ms ease; }
.signal-switch button:hover, .home-mode-tabs button:hover { color: var(--ink); background: var(--surface-raised); }
.signal-switch button.active, .home-mode-tabs button.active { border-color: var(--rule-strong); color: var(--ink); background: var(--surface-raised); }
.hero-ranking > .home-mode-tabs { min-height: 45px; padding: 5px 14px; border-bottom: 1px solid var(--rule); }
.hero-ranking-labels, .landing-board-labels { min-height: 34px; display: grid; grid-template-columns: 44px minmax(175px, 1.35fr) minmax(100px, .9fr) .75fr .72fr; align-items: center; gap: 12px; padding: 0 10px; color: var(--ink-soft); font-size: 10px; }
.hero-ranking-row { min-height: 64px; padding: 0 10px; }
.hero-ranking-row .site-avatar, .landing-board-row .site-avatar { width: 30px; height: 30px; border-radius: 4px; }

.monthly-rankings, .signal-explainer, .domain-proof, .pro-preview, .landing-faq { border-bottom: 1px solid var(--rule); }
.landing-section-head { min-height: 154px; display: flex; align-items: flex-end; justify-content: space-between; gap: 50px; padding: 34px 8px 26px; border-bottom: 1px solid var(--rule); }
.landing-section-head .section-label { margin-bottom: 10px; }
.landing-section-head h2, .domain-proof h2, .pro-preview h2, .landing-faq h2, .landing-final h2 { max-width: 760px; margin: 0; font-size: clamp(30px, 2.7vw, 43px); line-height: 1.06; letter-spacing: -.04em; text-wrap: balance; }
.landing-section-head p { max-width: 560px; margin: 0; color: var(--ink-soft); font-size: 14px; line-height: 1.55; }
.landing-section-head > span { color: var(--ink-soft); font: 11px "Atlas Mono", monospace; text-transform: uppercase; white-space: nowrap; }
.landing-board-grid, .signal-explainer-grid { display: grid; grid-template-columns: 1fr 1fr; }
.landing-board { min-width: 0; padding: 0 22px 24px 0; }
.landing-board + .landing-board { padding: 0 0 24px 22px; border-left: 1px solid var(--rule); }
.landing-board-head { padding-inline: 8px; }
.landing-board-head h3 { margin: 0 0 3px; font-size: 20px; }
.landing-board-head p { margin: 0; color: var(--ink-soft); font-size: 11px; }
.landing-board > .home-mode-tabs { min-height: 46px; padding: 6px 7px; border-bottom: 1px solid var(--rule); }
.landing-board-labels { padding-inline: 8px; }
.landing-board-row { min-height: 54px; }

.signal-explainer .landing-section-head { align-items: center; }
.signal-explainer-grid > article { min-width: 0; padding: 36px 38px 38px 8px; }
.signal-explainer-grid > article + article { padding-left: 38px; border-left: 1px solid var(--rule); }
.signal-index { font: 700 12px "Atlas Mono", monospace; letter-spacing: .04em; }
.signal-explainer-grid h3 { max-width: 520px; margin: 15px 0 10px; font-size: 25px; line-height: 1.14; }
.signal-explainer-grid p { max-width: 590px; margin: 0 0 20px; color: var(--ink-soft); font-size: 13px; line-height: 1.55; }
.explainer-row { margin-bottom: 18px; border-bottom: 1px solid var(--rule); }

.domain-proof { min-height: 440px; display: grid; grid-template-columns: .82fr 1.18fr; }
.domain-proof-copy { display: flex; flex-direction: column; justify-content: center; padding: 48px 48px 48px 8px; border-right: 1px solid var(--rule); }
.domain-proof-copy > p { max-width: 530px; margin: 18px 0 25px; color: var(--ink-soft); line-height: 1.55; }
.proof-analyzer { max-width: 590px; }
.domain-proof-copy > small { margin-top: 14px; color: var(--ink-faint); }
.domain-proof-card { align-self: center; margin-left: 38px; border: 1px solid var(--rule); border-radius: 6px; background: var(--surface); transition: border-color 180ms ease, transform 180ms ease; }
.domain-proof-card:hover { border-color: var(--rule-strong); transform: translateY(-2px); }
.proof-site { min-height: 78px; display: flex; align-items: center; gap: 13px; padding: 14px 18px; border-bottom: 1px solid var(--rule); }
.proof-site > span { display: grid; }
.proof-site b { font-size: 17px; }
.proof-site small { margin-top: 3px; color: var(--ink-soft); }
.proof-site > a { display: inline-flex; align-items: center; gap: 7px; margin-left: auto; color: var(--coral); font-size: 12px; font-weight: 700; }
.proof-metrics { display: grid; grid-template-columns: 1fr 1fr; }
.proof-metrics > div { padding: 22px; }
.proof-metrics > div + div { border-left: 1px solid var(--rule); }
.proof-metrics span, .proof-metrics small { display: block; color: var(--ink-soft); font-size: 11px; }
.proof-metrics strong { display: block; margin: 8px 0 4px; font: 650 27px "Atlas Mono", monospace; }
.proof-metrics .sparkline { height: 80px; margin-top: 20px; }
.profile-gate-list { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--rule); }
.profile-gate-list span { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 74px; padding: 16px 18px; border-right: 1px solid var(--rule); border-bottom: 1px solid var(--rule); color: var(--ink-soft); }
.profile-gate-list span:nth-child(2n) { border-right: 0; }
.profile-gate-list b { color: var(--verified); font: 700 11px/1 "Atlas Mono", monospace; text-transform: uppercase; letter-spacing: .04em; }

.pro-preview { min-height: 460px; display: grid; grid-template-columns: .7fr 1.3fr; align-items: center; gap: 56px; padding: 46px 8px; }
.pro-preview-copy > p { max-width: 520px; margin: 20px 0 26px; color: var(--ink-soft); line-height: 1.55; }
.unlock-comparison { min-width: 0; display: grid; grid-template-columns: 1fr 50px 1fr; align-items: stretch; border: 1px solid var(--rule); border-radius: 6px; background: var(--surface); overflow: hidden; }
.unlock-comparison > div > header { min-height: 62px; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 12px 16px; border-bottom: 1px solid var(--rule); }
.unlock-comparison header span { color: var(--ink-soft); font-size: 10px; }
.unlock-row { min-height: 62px; display: grid; grid-template-columns: 38px minmax(150px, 1fr) auto; align-items: center; gap: 10px; padding: 8px 14px; border-bottom: 1px solid var(--rule); }
.unlock-row:last-child { border-bottom: 0; }
.unlock-row > span:first-child { font: 12px "Atlas Mono", monospace; }
.unlock-row > strong { color: var(--ink-soft); font: 600 12px "Atlas Mono", monospace; }
.unlock-row.unlocked > b { font-size: 13px; }
.unlock-row.unlocked > strong { color: var(--revenue); }
.unlock-divider { display: grid; place-items: center; border-inline: 1px solid var(--rule); color: var(--coral); font: 700 10px "Atlas Mono", monospace; writing-mode: vertical-rl; letter-spacing: .12em; }

.landing-faq { min-height: 420px; display: grid; grid-template-columns: .75fr 1.25fr; gap: 60px; padding: 54px 8px; }
.faq-list { border-top: 1px solid var(--rule); }
.faq-list details { border-bottom: 1px solid var(--rule); }
.faq-list summary { min-height: 70px; display: flex; align-items: center; justify-content: space-between; gap: 20px; cursor: pointer; font-size: 17px; font-weight: 700; list-style: none; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after { color: var(--coral); content: "+"; font: 400 24px "Atlas Mono", monospace; }
.faq-list details[open] summary::after { content: "−"; }
.faq-list p { max-width: 720px; margin: -5px 40px 22px 0; color: var(--ink-soft); font-size: 13px; line-height: 1.6; }
.landing-final { min-height: 210px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(480px, .78fr); align-items: center; gap: clamp(36px, 5vw, 88px); padding: 36px clamp(32px, 4vw, 64px); color: #fff; background: var(--coral); }
html.dark .landing-final { color: #121619; }
.landing-final span { display: block; margin-bottom: 8px; font: 700 11px "Atlas Mono", monospace; text-transform: uppercase; }
.landing-final-copy { min-width: 0; }
.landing-final-copy h2 { max-width: 690px; }
.landing-final-actions { min-width: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.landing-final-actions a { min-width: 0; min-height: 56px; padding-inline: 22px; font-size: 15px; font-weight: 650; white-space: nowrap; }
.landing-final .primary-button { color: var(--coral); background: #fff; border-color: #fff; }
html.dark .landing-final .primary-button { color: var(--coral); }
.landing-final .secondary-button { color: inherit; border-color: currentColor; background: transparent; }
.landing-final .primary-button:hover { background: #fff8f6; }
.landing-final .secondary-button:hover { color: inherit; background: rgb(255 255 255 / 10%); }
.landing-footer { min-height: 134px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 18px 32px; padding: 24px 8px; }
.footer-brand { display: inline-flex; align-items: center; gap: 9px; font-size: 18px; }
.footer-brand img { width: 30px; height: 30px; border-radius: 4px; }
.landing-footer p, .landing-footer small { color: var(--ink-soft); font-size: 11px; }
.landing-footer nav { display: flex; justify-content: flex-end; gap: 22px; font-size: 12px; }
.landing-footer nav a:hover { color: var(--coral); }
.landing-footer small { grid-column: 2 / 4; text-align: right; }

/* Ledgers */
.ledger-row { min-height: 58px; display: grid; grid-template-columns: 44px minmax(175px, 1.35fr) minmax(100px, .9fr) .75fr .72fr; align-items: center; gap: 12px; border-top: 1px solid var(--rule); font-size: 12px; }
.ledger-row.selected { border-left: 3px solid var(--coral); background: var(--surface-selected); }
.ledger-rank { padding-left: 8px; font: 14px "Atlas Mono", monospace; }
.ledger-site { min-width: 0; display: flex; align-items: center; gap: 10px; }
.ledger-site span { min-width: 0; display: grid; }.ledger-site a { overflow: hidden; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }.ledger-site small, .ledger-row > div > small { display: block; margin-top: 3px; color: var(--ink-soft); }
.mobile-metric-label { display: none !important; }
.ledger-row strong { font: 600 14px "Atlas Mono", monospace; }
.sparkline { width: 100%; height: 44px; overflow: visible; }
.spark-path { fill: none; stroke: var(--traffic); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.sparkline circle { fill: var(--traffic); }
.partial-trace { color: var(--ink-soft); font: 11px "Atlas Mono", monospace; letter-spacing: .02em; }
.spark-revenue .spark-path, .spark-revenue circle, .revenue-line { stroke: var(--revenue); }
.spark-revenue circle, .revenue-dot { fill: var(--revenue); }
.traffic-line { stroke: var(--traffic); }.traffic-dot { fill: var(--traffic); }

/* Landing motion is progressive enhancement: content remains visible without JS. */
.landing-motion-ready .home-page [data-reveal-item] { opacity: 0; transform: translateY(14px); transition: opacity 520ms cubic-bezier(.2, .7, .2, 1) var(--reveal-delay, 0ms), transform 520ms cubic-bezier(.2, .7, .2, 1) var(--reveal-delay, 0ms); }
.landing-motion-ready .home-page [data-reveal-item].is-visible { opacity: 1; transform: translateY(0); }
.landing-motion-ready .home-page [data-reveal-item] .spark-path:not(.inferred) { stroke-dasharray: 100; stroke-dashoffset: 100; transition: stroke-dashoffset 760ms cubic-bezier(.2, .7, .2, 1) calc(var(--reveal-delay, 0ms) + 100ms); }
.landing-motion-ready .home-page [data-reveal-item].is-visible .spark-path:not(.inferred) { stroke-dashoffset: 0; }
.landing-motion-ready .home-page [data-reveal-item] .sparkline circle { opacity: 0; transition: opacity 220ms ease calc(var(--reveal-delay, 0ms) + 620ms); }
.landing-motion-ready .home-page [data-reveal-item].is-visible .sparkline circle { opacity: 1; }
.spark-path.inferred { stroke-dasharray: 5 4; }

.metric { min-width: 0; }.metric > span { display: block; color: var(--ink-soft); font-size: 12px; }.metric > strong { display: block; margin-top: 6px; font: 600 24px "Atlas Mono", monospace; }.metric > small { display: block; margin-top: 4px; color: var(--ink-soft); }

/* Data pages */
.ranking-page-header { min-height: 112px; display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: 18px 4px 14px; border-bottom: 1px solid var(--rule); }
.ranking-page-header .section-label { margin-bottom: 7px; }.ranking-page-header h1 { margin: 0 0 4px; font-size: clamp(28px, 2.15vw, 34px); line-height: 1.05; letter-spacing: -.035em; }.ranking-page-header p { margin: 0; color: var(--ink-soft); font-size: 13px; }
.ranking-header-meta { display: flex; align-items: center; gap: 20px; }.ranking-header-meta > b { font: 600 14px "Atlas Mono", monospace; white-space: nowrap; }.ranking-header-meta .quality-stamp { min-width: 104px; }
.ranking-toolbar { min-height: 56px; display: flex; align-items: center; gap: 12px; padding: 9px 0; border-bottom: 1px solid var(--rule); }
.toolbar-spacer { flex: 1; }.toolbar-context { flex: 0 0 auto; color: var(--ink-soft); font: 11px "Atlas Mono", monospace; white-space: nowrap; }
.toolbar-evidence { display: flex; align-items: center; gap: 8px; color: var(--ink-soft); font-size: 11px; white-space: nowrap; }
.segment-tabs { flex: 0 0 auto; display: flex; border: 1px solid var(--rule); border-radius: 4px; overflow: hidden; }.segment-tabs button { min-width: 88px; height: 36px; padding: 0 18px; border: 0; border-right: 1px solid var(--rule); background: var(--surface); }.segment-tabs button:last-child { border-right: 0; }.segment-tabs button.active { color: #fff; background: var(--coral); }html.dark .segment-tabs button.active { color: #111719; }
.provider-filter { height: 36px; display: flex; align-items: center; gap: 8px; padding-left: 11px; border-left: 1px solid var(--rule); color: var(--ink-soft); font: 10px "Atlas Mono", monospace; text-transform: uppercase; white-space: nowrap; }.provider-filter select { height: 36px; min-width: 170px; padding: 0 30px 0 10px; border: 1px solid var(--rule); border-radius: 4px; color: var(--ink); background: var(--surface); font-size: 12px; text-transform: none; }
.month-stepper { height: 36px; display: flex; align-items: stretch; border: 1px solid var(--rule); border-radius: 4px; overflow: hidden; color: var(--ink); background: var(--surface); }.month-stepper button { width: 36px; padding: 0; border: 0; color: var(--ink); background: transparent; }.month-stepper button:first-child { border-right: 1px solid var(--rule); }.month-stepper button:last-child { border-left: 1px solid var(--rule); }.month-stepper button:disabled { opacity: .35; cursor: default; }.month-stepper select { min-width: 190px; padding: 0 30px 0 12px; border: 0; color: var(--ink); background: var(--surface); font: 11px "Atlas Mono", monospace; text-transform: uppercase; }
.ranking-boundary { min-height: 32px; display: flex; align-items: center; gap: 8px; margin: 0; padding: 6px 4px; border-bottom: 1px solid var(--rule); color: var(--ink-soft); font-size: 11px; }

.leaderboard-primary { margin-top: 0; }
.leaderboard-primary > header { min-height: 48px; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 7px 4px; border-bottom: 1px solid var(--rule); }
.leaderboard-primary > header h2 { margin: 0 0 3px; font-size: 19px; }
.leaderboard-primary > header p { margin: 0; color: var(--ink-soft); font-size: 11px; }
.leaderboard-primary > header > span { color: var(--ink-soft); font: 11px "Atlas Mono", monospace; text-transform: uppercase; }
.board-coverage { color: var(--ink-soft); font: 10px "Atlas Mono", monospace; white-space: nowrap; }
.board-paywall-note { min-height: 42px; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 7px 12px; border: 1px solid color-mix(in srgb, var(--coral) 46%, var(--rule)); border-top: 0; background: var(--surface-selected); }
.board-paywall-note p { margin: 0; color: var(--ink-soft); font-size: 11px; }.board-paywall-note p b { margin-right: 8px; color: var(--coral); font: 700 11px "Atlas Mono", monospace; text-transform: uppercase; }.board-paywall-note a { flex: none; display: inline-flex; align-items: center; gap: 7px; color: var(--coral); font-size: 11px; font-weight: 700; }
.locked-board-row { color: var(--ink-soft); }.locked-identity { min-width: 0; display: grid !important; grid-template-columns: auto minmax(0, 1fr) !important; align-items: center; gap: 10px !important; }.locked-identity > span:last-child { min-width: 0; display: grid; overflow: hidden; }.locked-identity b, .locked-identity small { min-width: 0; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.locked-identity b { color: var(--ink-soft); font-size: 12px; }.locked-identity small { margin-top: 3px; color: var(--ink-faint) !important; font-size: 10px; }.locked-avatar { width: 30px; height: 30px; border: 1px solid var(--rule); border-radius: 4px; background: repeating-linear-gradient(135deg, transparent 0 5px, var(--rule) 5px 7px); }
.locked-trace { position: relative; height: 30px; display: grid; place-items: center; overflow: hidden; border: 1px solid var(--rule); color: var(--ink-faint); font: 9px "Atlas Mono", monospace; text-transform: uppercase; }.locked-trace i { position: absolute; inset: 0; opacity: .65; background: repeating-linear-gradient(135deg, transparent 0 7px, var(--rule) 7px 9px); }.locked-trace span { position: relative; padding: 2px 5px; background: var(--surface); }.locked-rails { min-height: 26px; display: grid; place-items: center; border: 1px dashed var(--rule-strong); color: var(--ink-faint); font: 9px "Atlas Mono", monospace; text-transform: uppercase; }
.traffic-table { background: var(--surface); }.traffic-table-head, .traffic-table-row { display: grid; grid-template-columns: 68px minmax(220px, 1.6fr) minmax(130px, 1fr) .72fr .72fr .64fr .9fr; align-items: center; gap: 12px; min-height: 42px; padding: 0 12px; border: 1px solid var(--rule); border-top: 0; }.traffic-table-head { min-height: 32px; color: var(--ink-soft); font-size: 11px; }.traffic-table-row > div:first-of-type { min-width: 0; display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-rows: auto auto; align-items: center; column-gap: 10px; }.traffic-table-row > div:first-of-type .site-avatar { grid-row: 1 / 3; }.traffic-table-row > div:first-of-type b { min-width: 0; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.traffic-table-row > div:first-of-type small { min-width: 0; grid-column: 2; display: block; overflow: hidden; color: var(--ink-soft); text-overflow: ellipsis; white-space: nowrap; }.traffic-table-row > strong { font: 600 14px "Atlas Mono", monospace; }.traffic-table-row > time, .revenue-row > time { color: var(--ink-soft); font: 11px "Atlas Mono", monospace; white-space: nowrap; }
.traffic-table-row > div:first-of-type small, .revenue-row > div:first-of-type small { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.revenue-table { background: transparent; }.revenue-head, .revenue-row { display: grid; grid-template-columns: 64px minmax(220px, 1.55fr) minmax(120px, .85fr) .82fr .8fr .62fr .85fr .62fr; align-items: center; gap: 10px; min-height: 42px; padding: 0 12px; border: 1px solid var(--rule); border-top: 0; background: var(--surface); }.revenue-head { min-height: 31px; color: var(--ink-soft); font-size: 11px; }.revenue-row > span:first-child { font: 14px "Atlas Mono", monospace; }.revenue-row > div:first-of-type { min-width: 0; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 2px 10px; }.revenue-row > div:first-of-type .site-avatar { grid-row: 1 / 3; }.revenue-row > div:first-of-type b { min-width: 0; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.revenue-row > div:first-of-type small { grid-column: 2; color: var(--ink-soft); }.revenue-row > strong { font: 600 14px "Atlas Mono", monospace; }.rail-badges { display: flex; gap: 5px; }.rail-badges i { width: 22px; height: 22px; display: grid; place-items: center; border: 1px solid var(--rule-strong); border-radius: 4px; color: var(--revenue); font: 700 10px "Atlas Mono", monospace; font-style: normal; }
.sort-button { display: inline-flex; align-items: center; gap: 5px; padding: 0; border: 0; color: inherit; background: transparent; font: inherit; white-space: nowrap; }.sort-button span { color: var(--ink-faint); font: 10px "Atlas Mono", monospace; }.sort-button:hover, .sort-button.active { color: var(--coral); }.sort-button.active span { color: var(--coral); }
.board-pagination { min-height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 10px 4px; border-bottom: 1px solid var(--rule); color: var(--ink-soft); font-size: 12px; }.board-pagination > div { display: flex; align-items: center; gap: 12px; }.board-pagination button { min-width: 82px; height: 34px; border: 1px solid var(--rule); border-radius: 4px; color: var(--ink); background: var(--surface); }.board-pagination button:disabled { opacity: .4; cursor: default; }.board-pagination b { min-width: 112px; text-align: center; font: 11px "Atlas Mono", monospace; }
.ranking-footnote { min-height: 54px; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 8px 4px; color: var(--ink-soft); font-size: 11px; }.ranking-footnote p { margin: 0; }.ranking-footnote .evidence-legend { display: flex; gap: 18px; }
/* Profile */
.profile-top { min-height: 136px; display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; padding: 14px 0 12px; border-bottom: 1px solid var(--rule); }.breadcrumb { margin: 0 0 12px; color: var(--coral); font: 700 13px "Atlas Mono", monospace; }.profile-identity { display: flex; align-items: center; gap: 18px; }.profile-avatar { width: 62px; height: 62px; border-radius: 8px; object-fit: cover; }.profile-identity span { display: grid; }.profile-identity h1 { margin: 5px 0 3px; font-size: 31px; }.profile-identity p { max-width: 600px; margin: 0; color: var(--ink-soft); }.profile-actions { display: flex; align-items: center; gap: 12px; }
.profile-columns { display: grid; grid-template-columns: minmax(320px, .72fr) minmax(600px, 1.8fr); border-bottom: 1px solid var(--rule); }.profile-columns > * { min-width: 0; padding: 22px 18px; border-right: 1px solid var(--rule); }.profile-columns > *:last-child { border-right: 0; }.thesis-column h2 { margin: 0 0 15px; font-size: 26px; line-height: 1.15; }.thesis-column > p { color: var(--ink-soft); line-height: 1.55; }.profile-metric-list { margin-top: 15px; border-top: 1px solid var(--rule); }.profile-metric-list .metric { min-height: 50px; display: grid; grid-template-columns: 1fr auto; align-items: center; border-bottom: 1px solid var(--rule); }.profile-metric-list .metric > strong { margin: 0; font-size: 17px; }.profile-metric-list .metric > small { grid-column: 1 / 3; margin: -5px 0 8px; text-align: right; }.thesis-column h3, .weave-column h3 { margin: 17px 0 9px; font-size: 15px; }
.chart-legend { display: flex; gap: 25px; margin-bottom: 10px; font-size: 12px; }.signal-chart { padding: 8px 0 0; border-bottom: 1px solid var(--rule); }.signal-chart svg { width: 100%; height: 245px; overflow: visible; }.chart-grid line { stroke: var(--rule); stroke-width: 1; }.signal-chart .traffic-line, .signal-chart .revenue-line { fill: none; stroke-width: 2.2; stroke-linejoin: round; stroke-linecap: round; }.chart-months { display: flex; justify-content: space-between; padding: 0 12px 10px; color: var(--ink-soft); font: 10px "Atlas Mono", monospace; }
.profile-subgrid { display: grid; grid-template-columns: 1fr 1fr; }.profile-subgrid > section { padding: 0 15px 16px 0; }.profile-subgrid > section + section { padding-left: 15px; border-left: 1px solid var(--rule); }.bar-row { min-height: 32px; display: grid; grid-template-columns: 105px 1fr 52px; align-items: center; gap: 10px; font-size: 12px; }.bar-row i { height: 6px; background: var(--rule); }.bar-row i b { display: block; height: 100%; background: var(--traffic); }.bar-row strong { text-align: right; font: 12px "Atlas Mono", monospace; }.profile-snapshot-note { margin: 0; padding: 12px 0 0; border-top: 1px solid var(--rule); color: var(--ink-soft); font-size: 11px; line-height: 1.5; }
.domain-facts { margin-top: 20px; }.domain-facts dl { display: grid; grid-template-columns: minmax(74px, auto) minmax(0, 1fr); gap: 0 18px; margin: 8px 0 0; border-top: 1px solid var(--rule); }.domain-facts dt, .domain-facts dd { min-width: 0; margin: 0; padding: 9px 0; border-bottom: 1px solid var(--rule); font-size: 12px; }.domain-facts dt { color: var(--ink-soft); }.domain-facts dd { overflow: hidden; font-family: "Atlas Mono", monospace; text-align: right; text-overflow: ellipsis; white-space: nowrap; }
.profile-keywords { padding: 22px 18px 18px; border-bottom: 1px solid var(--rule); }
.profile-keywords > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; margin-bottom: 16px; }
.profile-keywords h2 { margin: 5px 0 4px; font-size: 24px; }
.profile-keywords header p, .keyword-boundary { margin: 0; color: var(--ink-soft); font-size: 11px; line-height: 1.5; }
.keyword-summary { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--rule); border-bottom: 0; }
.keyword-summary > div { min-width: 0; padding: 11px 13px; border-right: 1px solid var(--rule); }
.keyword-summary > div:last-child { border-right: 0; }
.keyword-summary span { display: block; margin-bottom: 5px; color: var(--ink-soft); font-size: 10px; }
.keyword-summary strong { font: 600 16px "Atlas Mono", monospace; }
.keyword-table-wrap { overflow-x: auto; }
.keyword-table-head, .keyword-table-row { min-width: 980px; display: grid; grid-template-columns: minmax(210px, 1.4fr) 82px 74px 86px 58px 72px 98px minmax(220px, 1.2fr); align-items: center; gap: 12px; min-height: 42px; padding: 0 13px; border: 1px solid var(--rule); border-bottom: 0; }
.keyword-table-head { min-height: 32px; color: var(--ink-soft); font-size: 10px; }
.keyword-table-row { font-size: 12px; }
.keyword-table-row strong, .keyword-table-row span:last-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.keyword-table-row > span:not(:last-child) { font-family: "Atlas Mono", monospace; }
.search-term-head, .search-term-row { min-width: 620px; grid-template-columns: minmax(260px, 1.8fr) repeat(3, minmax(110px, .7fr)); }
.keyword-boundary { padding: 9px 13px; border: 1px solid var(--rule); }
.keyword-missing { padding: 24px; border: 1px solid var(--rule); background: var(--surface-selected); }
.keyword-missing h3 { margin: 0 0 7px; font-size: 16px; }
.keyword-missing p { max-width: 720px; margin: 0; color: var(--ink-soft); font-size: 12px; line-height: 1.55; }

.not-found-page { max-width: 720px; margin: 120px auto; padding: 48px; border: 1px solid var(--rule); text-align: center; }.not-found-page .section-label { justify-content: center; }.not-found-page h1 { font-size: 42px; }.not-found-page p { color: var(--ink-soft); }.not-found-page .primary-button { margin-top: 18px; }

@media (max-width: 1280px) {
  :root { --page-pad: 20px; }
  .header-inner { gap: 18px; }.desktop-nav { gap: 18px; }.desktop-nav a { font-size: 12px; }.header-search { width: 190px; }
  .profile-columns { grid-template-columns: 320px minmax(500px, 1fr) 330px; }
  .ledger-row { grid-template-columns: 42px minmax(150px, 1fr) .8fr .68fr .64fr; }
  .landing-hero { grid-template-columns: .9fr 1.1fr; }.landing-hero-copy { padding-right: 36px; }.hero-ranking { margin-left: 24px; }
  .hero-analyzer { grid-template-columns: auto minmax(0, 1fr); }
  .hero-analyzer button { grid-column: 1 / 3; justify-content: center; }
  .hero-analyzer .domain-analyzer-status { grid-column: 1 / 3; }
  .hero-ranking-labels, .landing-board-labels { grid-template-columns: 42px minmax(145px, 1.2fr) minmax(86px, .75fr) .7fr .65fr; }
  .landing-board { padding-right: 14px; }.landing-board + .landing-board { padding-left: 14px; }
  .landing-final { grid-template-columns: minmax(0, .9fr) minmax(430px, 1.1fr); gap: 32px; padding-inline: 32px; }
  .landing-final-actions a { padding-inline: 16px; font-size: 13px; }
}

@media (min-width: 1281px) {
  .home-page .brief-grid .ledger-row { min-height: 46px; }
  .home-page .brief-grid > div { padding-top: 14px; padding-bottom: 12px; }

  .data-page .ranking-page-header { min-height: 96px; padding-block: 14px 12px; }
  .data-page .ranking-toolbar { min-height: 50px; padding-block: 7px; }
  .data-page .traffic-table-row, .data-page .revenue-row { min-height: 36px; }
  .data-page .leaderboard-primary > header { min-height: 44px; }
  .data-page .traffic-table-row { min-height: 34px; }
  .data-page .traffic-table-row .site-avatar { width: 30px; height: 30px; }

  .profile-page .profile-columns > * { padding-top: 16px; padding-bottom: 14px; }
  .profile-page .profile-metric-list .metric { min-height: 43px; }
  .profile-page .signal-chart svg { height: 205px; }
}

@media (max-width: 1020px) {
  .desktop-nav, .header-search { display: none; }.mobile-menu-trigger { display: grid; }.brand { margin-right: auto; }.header-inner { gap: 10px; }.growingniche-root[data-domain-lookup-enabled="false"] .header-inner > .atlas-access-button { margin-left: 0; }
  .mobile-drawer { position: fixed; z-index: 130; inset: 0 auto 0 0; width: min(340px, 88vw); height: 100dvh; display: none; flex-direction: column; padding: 20px; margin: 0; border: 0; border-right: 1px solid var(--rule); color: var(--ink); background: var(--surface); }.mobile-drawer[data-state="open"] { display: flex; }.mobile-drawer-head { display: flex; align-items: center; justify-content: space-between; }.mobile-drawer nav { display: grid; gap: 4px; margin-top: 28px; }.mobile-drawer nav a { padding: 13px; border-bottom: 1px solid var(--rule); }.mobile-drawer-foot { margin-top: auto; display: flex; align-items: center; justify-content: space-between; }
  .field-note { overflow-x: auto; justify-content: flex-start; }.overview-header { align-items: flex-start; flex-direction: column; }.overview-header .domain-analyzer { width: 100%; }.overview-quick-links { grid-template-columns: 1fr 1fr; }.home-hero-grid, .brief-grid, .profile-columns { grid-template-columns: 1fr; }.home-copy, .profile-columns > * { border-right: 0; }.home-board-index { border-top: 1px solid var(--rule); }.profile-columns > * { border-bottom: 1px solid var(--rule); }.ranking-toolbar { overflow-x: auto; }.ranking-toolbar .toolbar-spacer { min-width: 20px; }.traffic-table, .revenue-table { overflow-x: auto; }.traffic-table-head, .traffic-table-row { min-width: 930px; }.revenue-head, .revenue-row { min-width: 1080px; }
  .landing-hero, .landing-board-grid, .signal-explainer-grid, .domain-proof, .pro-preview, .landing-faq { grid-template-columns: 1fr; }
  .landing-hero-copy, .domain-proof-copy { border-right: 0; border-bottom: 1px solid var(--rule); }
  .landing-hero-copy { min-height: 520px; padding-inline: 8px; }
  .hero-ranking, .domain-proof-card { margin: 28px 0; }
  .landing-board, .landing-board + .landing-board { padding-inline: 0; }.landing-board + .landing-board { border-left: 0; border-top: 1px solid var(--rule); }
  .signal-explainer-grid > article, .signal-explainer-grid > article + article { padding-inline: 8px; }.signal-explainer-grid > article + article { border-left: 0; border-top: 1px solid var(--rule); }
  .domain-proof-copy { padding-inline: 8px; }
  .pro-preview { gap: 34px; }
  .landing-faq { gap: 36px; }
  .landing-final { grid-template-columns: 1fr; gap: 24px; }
  .landing-final-copy h2 { max-width: 760px; }
  .landing-final-actions { width: 100%; max-width: 720px; }
  .ssr-landing-hero { min-height: 0; }
  .ssr-ranking-intro { margin: 28px 0; }
}

@media (max-width: 520px) {
  .client-enhancement-error { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 640px) {
  .ranking-toolbar .toolbar-context { white-space: normal; line-height: 1.45; }
  :root { --page-pad: 14px; }.snapshot-button { display: none; }.site-header { height: 58px; }.brand { font-size: 19px; }.brand img { width: 30px; height: 30px; }.field-note { height: 48px; }.overview-header { min-height: 160px; }.overview-quick-links { grid-template-columns: 1fr; }.overview-quick-links > * { min-height: 48px; padding-inline: 4px; border-right: 0; border-bottom: 1px solid var(--rule); }.home-copy h1 { font-size: 38px; }.domain-analyzer { grid-template-columns: auto 1fr; }.domain-analyzer button { grid-column: 1 / 3; justify-content: center; }.domain-analyzer-status { grid-column: 1 / 3; }.scope-facts { flex-wrap: wrap; }.ledger-row { min-width: 760px; }.brief-grid > div { overflow-x: auto; }.ranking-page-header { min-height: 0; align-items: flex-start; flex-direction: column; gap: 10px; padding-block: 18px 14px; }.ranking-header-meta { width: 100%; padding-top: 0; }.ranking-header-meta > b { white-space: normal; }.ranking-header-meta .quality-stamp { display: none; }.ranking-toolbar { align-items: flex-start; flex-wrap: wrap; overflow: visible; }.ranking-toolbar .toolbar-spacer { display: none; }.ranking-toolbar .toolbar-context { width: 100%; }.provider-filter { padding-left: 0; border-left: 0; }.month-stepper { width: 100%; }.month-stepper select { flex: 1; min-width: 0; }.leaderboard-primary > header { align-items: flex-start; flex-direction: column; gap: 6px; }.board-coverage { width: 100%; white-space: normal; line-height: 1.45; }.board-pagination { align-items: flex-start; flex-direction: column; }.board-pagination > div { width: 100%; justify-content: space-between; }.ranking-footnote { align-items: flex-start; flex-direction: column; }.profile-top { align-items: flex-start; }.profile-actions { flex-wrap: wrap; }.profile-subgrid { grid-template-columns: 1fr; }.atlas-footer, .data-footer { align-items: flex-start; flex-direction: column; }
  .landing-hero-copy { min-height: 500px; padding-block: 42px; }.landing-hero-copy h1 { font-size: 43px; }.landing-hero-copy > p { font-size: 14px; }
  .profile-keywords { padding-inline: 0; }.profile-keywords > header { padding-inline: 4px; }.keyword-summary { grid-template-columns: 1fr 1fr; }.keyword-summary > div:nth-child(2) { border-right: 0; }.keyword-summary > div:nth-child(-n + 2) { border-bottom: 1px solid var(--rule); }.keyword-missing { padding: 18px 14px; }
  .hero-ranking, .landing-board { overflow: hidden; }
  .hero-ranking > *, .landing-board > * { min-width: 0; }
  .hero-ranking-head, .landing-board-head { min-width: 0; }
  .hero-ranking-labels, .landing-board-labels { grid-template-columns: 34px minmax(0, 1fr); gap: 10px; padding-inline: 8px; }
  .hero-ranking-labels > span:nth-child(n + 3), .landing-board-labels > span:nth-child(n + 3) { display: none; }
  .hero-ranking-row, .landing-board-row { min-width: 0; min-height: 118px; grid-template-columns: 34px minmax(0, 1fr) minmax(84px, .75fr); grid-template-rows: auto auto auto; grid-template-areas: "rank site site" "rank current growth" "rank trend trend"; gap: 7px 10px; align-content: center; padding: 10px 8px; }
  .hero-ranking-row .ledger-rank, .landing-board-row .ledger-rank { grid-area: rank; align-self: start; padding-top: 4px; }
  .hero-ranking-row .ledger-site, .hero-ranking-row .locked-identity, .landing-board-row .ledger-site, .landing-board-row .locked-identity { grid-area: site; }
  .hero-ranking-row .ledger-trend, .landing-board-row .ledger-trend { grid-area: trend; min-width: 0; display: grid; grid-template-columns: 58px minmax(0, 1fr); align-items: center; gap: 8px; }
  .hero-ranking-row > div:nth-child(4), .landing-board-row > div:nth-child(4) { grid-area: current; min-width: 0; }
  .hero-ranking-row > div:nth-child(5), .landing-board-row > div:nth-child(5) { grid-area: growth; min-width: 0; text-align: right; }
  .hero-ranking-row .mobile-metric-label, .landing-board-row .mobile-metric-label { display: block !important; margin: 0; color: var(--ink-soft); font-size: 10px; white-space: nowrap; }
  .hero-ranking-row .ledger-trend > svg, .landing-board-row .ledger-trend > svg, .hero-ranking-row .locked-trace, .landing-board-row .locked-trace { width: 100%; min-width: 0; }
  .hero-ranking-row .ledger-site a, .landing-board-row .ledger-site a { white-space: normal; overflow-wrap: anywhere; }
  .hero-ranking-row .locked-identity small, .landing-board-row .locked-identity small { white-space: normal; }
  .landing-section-head { min-height: 0; align-items: flex-start; flex-direction: column; gap: 16px; padding-block: 30px 22px; }
  .landing-section-head h2, .domain-proof h2, .pro-preview h2, .landing-faq h2, .landing-final h2 { font-size: 31px; }
  .domain-proof { min-height: 0; }.domain-proof-copy { padding-block: 38px; }.domain-proof-card { overflow: hidden; }.proof-site { align-items: flex-start; flex-wrap: wrap; }.proof-site > a { width: 100%; margin-left: 51px; }.proof-metrics, .profile-gate-list { grid-template-columns: 1fr; }.proof-metrics > div + div { border-top: 1px solid var(--rule); border-left: 0; }.profile-gate-list span { border-right: 0; }
  .pro-preview { min-height: 0; padding-block: 40px; }.unlock-comparison { grid-template-columns: 1fr; }.unlock-divider { min-height: 34px; border-block: 1px solid var(--rule); border-inline: 0; writing-mode: initial; }
  .landing-faq { min-height: 0; padding-block: 40px; }.faq-list summary { min-height: 64px; font-size: 15px; }
  .landing-final { min-height: 300px; align-items: center; gap: 24px; padding: 34px 22px; }.landing-final-actions { grid-template-columns: 1fr; }.landing-final a { width: 100%; }
  .landing-footer { grid-template-columns: 1fr; }.landing-footer p, .landing-footer nav, .landing-footer small { grid-column: 1; text-align: left; }.landing-footer nav { justify-content: flex-start; flex-wrap: wrap; }
  .signal-explainer-grid > article { overflow: hidden; }
  .explainer-row { min-width: 0; grid-template-columns: 28px minmax(105px, 1fr) 72px 68px; gap: 6px; }
  .explainer-row .ledger-trend { display: none; }
  .explainer-row .ledger-rank { padding-left: 0; }
  .explainer-row .site-avatar { width: 30px; height: 30px; }
  .explainer-row .ledger-site { gap: 7px; }
  .explainer-row strong { font-size: 11px; }
  .ssr-ranking-intro { padding: 28px 20px; }
  .ssr-ranking-grid { grid-template-columns: 1fr; }
  .ssr-ranking-entry + .ssr-ranking-entry { border-top: 1px solid var(--rule); border-left: 0; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .growingniche-root *, .growingniche-root *::before, .growingniche-root *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; transition-delay: 0ms !important; }
  .landing-motion-ready .home-page [data-reveal-item] { opacity: 1; transform: none; }
  .landing-motion-ready .home-page [data-reveal-item] .spark-path:not(.inferred) { stroke-dashoffset: 0; }
  .landing-motion-ready .home-page [data-reveal-item] .sparkline circle { opacity: 1; }
}