:root {
  --ink: #1c3028;
  --muted: #6d766f;
  --green: #174b3d;
  --green-dark: #103d34;
  --lime: #d4e9a5;
  --paper: #f8f9f5;
  --cream: #f2f3eb;
  --line: #e2e6dd;
  --white: #fff;
  --low: #2f7054;
  --low-bg: #eaf3eb;
  --medium: #956519;
  --medium-bg: #fbf1dc;
  --high: #a04e37;
  --high-bg: #faeae2;
  --radius: 12px;
  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  font-size: 15px;
  color: var(--ink);
  background: var(--paper);
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 30px; }
body { margin: 0; }
[hidden] { display: none !important; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button, a, input, textarea, select { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
button:disabled { cursor: wait; opacity: .65; }
button, input, select, textarea { color: var(--ink); }
button { border: 0; }
svg { display: block; }
img, svg { max-width: 100%; }
::selection { background: #d4e9a5; color: #103d34; }
:focus-visible { outline: 3px solid #689b78; outline-offset: 4px; }
h1, h2, h3, h4, p { margin-top: 0; }
h1, h2, h3 { font-weight: 550; }
h1, h2 { letter-spacing: -.045em; }
p { color: var(--muted); line-height: 1.7; }
code, pre { font-family: "Cascadia Code", "SFMono-Regular", Consolas, "Liberation Mono", monospace; }
code { font-size: .86em; }
pre { margin: 0; overflow: auto; }
.container { width: min(1240px, calc(100% - 96px)); margin-inline: auto; }
.skip-link { position: absolute; z-index: 50; left: 12px; top: -100px; padding: 12px 20px; background: var(--green); color: white; border-radius: 5px; }
.skip-link:focus { top: 12px; }
.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; }
.brand { display: inline-flex; align-items: center; gap: 9px; color: var(--green-dark); font-size: 29px; letter-spacing: -1.5px; font-weight: 700; line-height: 1; }
.brand-mark { width: 36px; height: 36px; flex-shrink: 0; }
.brand-dot { color: #6d9675; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 20px; min-height: 49px; padding: 13px 22px; border: 1px solid var(--green-dark); border-radius: 6px; background: var(--green-dark); color: white; font-size: 13px; font-weight: 600; line-height: 1.5; transition: background .16s, transform .16s, box-shadow .16s; white-space: nowrap; }
.button:hover { background: #1b5445; box-shadow: 0 3px 10px #103d3415; }
.button:active { transform: translateY(1px); }
.button span[aria-hidden] { font-size: 18px; font-weight: 400; line-height: 1; }
.button-small { min-height: 39px; padding: 9px 15px; font-size: 12px; gap: 13px; }
.button-secondary { background: var(--white); border-color: #d8dfd4; color: var(--ink); }
.button-secondary:hover { background: #f2f5ed; }
.button-lime { background: var(--lime); color: var(--green-dark); border-color: var(--lime); }
.button-lime:hover { background: #e1f0bb; }
.button-danger { color: #a04032; background: white; border-color: #e7c8bf; }
.button-danger:hover { background: #fff2ee; }
.text-link { display: inline-flex; align-items: center; gap: 12px; font-size: 13px; font-weight: 600; color: var(--green-dark); }
.text-link:hover { text-decoration: underline; text-underline-offset: 4px; }
.text-link span { font-size: 18px; font-weight: 400; }
.text-button { background: transparent; padding: 3px 0; font-size: 12px; font-weight: 600; color: var(--green); text-align: left; }
.text-button:hover { text-decoration: underline; text-underline-offset: 4px; }
.icon-button { display: inline-flex; width: 34px; height: 34px; align-items: center; justify-content: center; border: 1px solid transparent; border-radius: 5px; color: var(--muted); background: transparent; }
.icon-button:hover { border-color: var(--line); background: #f0f3ec; }
.icon-button svg { width: 21px; height: 21px; }
.eyebrow { display: flex; align-items: center; gap: 9px; font-size: 10px; font-weight: 650; line-height: 1.6; letter-spacing: 1.6px; color: #557460; }
.eyebrow > span:not(.status-dot) { opacity: .5; margin-inline: 5px; }
.status-dot { display: inline-block; width: 6px; height: 6px; border-radius: 100%; background: #6c9770; flex-shrink: 0; }
.serif-accent { font-family: Georgia, "Times New Roman", serif; font-style: italic; font-weight: 400; }
.small-label, .field-label { font-size: 9px; font-weight: 650; letter-spacing: 1.25px; color: #80907f; }
.muted { color: var(--muted); }
.small-text { font-size: 12px; line-height: 1.75; }
.site-header { position: relative; z-index: 20; border-bottom: 1px solid #e5e9df; }
.nav-row { min-height: 91px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.site-nav { display: flex; align-items: center; gap: 32px; font-size: 12px; color: #4b584e; font-weight: 500; }
.site-nav > a:not(.button):hover, .site-nav > a[aria-current] { color: var(--green); }
.site-nav .nav-login { margin-left: 35px; color: var(--ink); }
.nav-login span { margin-left: 7px; }
.nav-toggle { display: none; }
.hero { display: grid; grid-template-columns: 1.04fr 1fr; gap: 36px; align-items: center; padding-block: 82px 88px; }
.hero .eyebrow { margin-bottom: 27px; }
.hero h1 { font-size: clamp(58px, 5.7vw, 79px); line-height: 1.045; letter-spacing: -.06em; margin-bottom: 26px; font-weight: 520; }
.hero h1 .serif-accent { color: #5f7d58; }
.hero-description { max-width: 460px; font-size: 15px; line-height: 1.85; }
.hero-actions { display: flex; align-items: center; gap: 28px; margin-top: 30px; }
.hero-notes { display: flex; gap: 22px; margin-top: 27px; color: #7a8578; font-size: 10px; }
.hero-notes span { display: flex; align-items: center; gap: 6px; }
.hero-notes svg { width: 14px; height: 14px; fill: none; stroke: #6d8e60; stroke-width: 1.4; }
.hero-visual { position: relative; min-height: 448px; display: flex; align-items: center; justify-content: center; isolation: isolate; }
.visual-grid { position: absolute; inset: -12px -15px; background-image: radial-gradient(#bfc9b5 1px, transparent 1px); background-size: 21px 21px; opacity: .45; z-index: -2; mask-image: radial-gradient(ellipse, black 30%, transparent 69%); }
.visual-orbit { width: 430px; height: 430px; border: 1px solid #d5decb; border-radius: 100%; position: absolute; z-index: -1; }
.orbit-one { transform: rotate(-25deg) scaleX(1.12) scaleY(.72); }
.orbit-two { transform: rotate(37deg) scaleX(1.12) scaleY(.79); }
.assessment-card { width: 344px; background: white; border: 1px solid #e0e5d7; box-shadow: 0 25px 70px #3a503111, 0 4px 12px #3a503109; border-radius: 13px; transform: rotate(-3deg); }
.assessment-top { display: flex; align-items: center; gap: 9px; padding: 17px 20px; border-bottom: 1px solid var(--line); font-size: 12px; }
.mini-mark { display: grid; place-items: center; width: 25px; height: 25px; background: #edf3e6; color: #456b49; border-radius: 6px; }
.mini-mark svg { width: 20px; height: 20px; }
.sample-label { display: inline-flex; align-items: center; border: 1px solid #d9e2cc; padding: 3px 6px; border-radius: 4px; font-size: 7px; letter-spacing: 1px; line-height: 1.3; font-weight: 650; color: #6f815c; white-space: nowrap; }
.assessment-top .sample-label { margin-left: auto; }
.assessment-id { padding: 17px 20px 2px; display: grid; grid-template-columns: 1fr auto; gap: 6px; }
.assessment-id > span:first-child { grid-column: 1 / -1; font-size: 9px; color: #929a8e; }
.assessment-id code { font-size: 11px; }
.returning-pill { font-size: 8px; color: #5b7c48; border-radius: 10px; padding: 3px 7px; background: #eef4e7; }
.assessment-score { display: flex; justify-content: space-between; align-items: center; padding: 25px 20px 20px; }
.assessment-score > div { display: grid; justify-items: start; }
.assessment-score strong { font-size: 51px; font-weight: 500; line-height: 1.25; letter-spacing: -2px; }
.assessment-score strong span { color: #a4ab9e; font-size: 13px; letter-spacing: 0; margin-left: 5px; font-weight: 400; }
.assessment-score .field-label { font-size: 7px; }
.assessment-score .risk-badge { margin-top: 3px; font-size: 7px; }
.score-gauge { width: 134px; }
.assessment-reasons { padding: 0 20px 17px; display: grid; gap: 10px; font-size: 9px; }
.assessment-reasons > div { display: flex; justify-content: space-between; }
.assessment-reasons span { display: flex; align-items: center; gap: 7px; color: #75806d; }
.assessment-reasons i { width: 4px; height: 4px; background: #c7a880; border-radius: 100%; }
.assessment-reasons strong { font-family: Consolas, monospace; font-size: 9px; font-weight: 500; color: #9c6c3d; }
.assessment-bottom { background: #f9faf6; border-top: 1px solid var(--line); border-radius: 0 0 12px 12px; padding: 11px 20px; display: flex; gap: 6px; align-items: center; font-size: 8px; color: #8c9582; }
.assessment-bottom > span:last-child { margin-left: auto; color: #6e8260; font-size: 13px; }
.assessment-bottom .status-dot { width: 4px; height: 4px; }
.signal-chip { position: absolute; display: flex; align-items: center; padding: 12px 16px; gap: 10px; border: 1px solid #e2e7d8; background: #ffffffed; border-radius: 8px; box-shadow: 0 5px 20px #4b563b08; }
.chip-browser { top: 7px; right: -9px; transform: rotate(3deg); }
.chip-match { bottom: 6px; left: -9px; transform: rotate(3deg); }
.signal-icon { display: grid; place-items: center; font-size: 20px; color: #68865e; background: #f0f4e8; width: 33px; height: 33px; border-radius: 7px; }
.signal-chip div { display: grid; gap: 4px; }
.signal-chip strong { font-size: 10px; font-weight: 600; }
.signal-chip div > span { font-size: 8px; color: #8a9480; }
.chip-check { color: #6a8c53; font-size: 11px; padding-left: 5px; }
.use-strip { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: #f1f3eaf0; }
.use-strip > div { display: flex; justify-content: space-between; align-items: center; gap: 25px; min-height: 70px; }
.use-strip > div > span { font-size: 8px; letter-spacing: 1.5px; color: #8a947e; }
.use-strip > div > div { display: flex; gap: 25px; align-items: center; font-size: 12px; color: #657358; }
.use-strip i { font-style: normal; color: #b2bca4; }
.section { padding-block: 91px 84px; }
.section-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 60px; margin-bottom: 38px; }
.section-heading .eyebrow { margin-bottom: 14px; }
.section-heading h2 { font-size: 39px; line-height: 1.15; margin-bottom: 0; font-weight: 520; }
.section-heading > p { font-size: 13px; width: 335px; margin-bottom: 0; flex-shrink: 0; }
.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--line); border-radius: 10px; background: #fafbf7; overflow: hidden; }
.feature-card { padding: 27px 30px 30px; }
.feature-card + .feature-card { border-left: 1px solid var(--line); }
.feature-number { font-size: 8px; letter-spacing: 1.35px; color: #86937b; }
.feature-illustration { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 142px; margin-top: 12px; margin-bottom: 10px; }
.fingerprint-art svg { width: 165px; height: 110px; }
.feature-card h3 { font-size: 18px; letter-spacing: -.5px; margin-bottom: 12px; }
.feature-card p { font-size: 12px; line-height: 1.85; margin-bottom: 0; }
.mini-bars { display: flex; align-items: flex-end; height: 70px; width: 154px; justify-content: space-between; }
.mini-bars span { background: #9eb88d; width: 12px; border-radius: 3px 3px 0 0; }
.mini-bars span:nth-child(1) { height: 20px; }.mini-bars span:nth-child(2) { height: 30px; }.mini-bars span:nth-child(3) { height: 26px; }.mini-bars span:nth-child(4) { height: 42px; }.mini-bars span:nth-child(5) { height: 37px; }.mini-bars span:nth-child(6) { height: 53px; background: #d5c18b; }.mini-bars span:nth-child(7) { height: 68px; background: #bd8f62; }
.chart-note { font-size: 7px; color: #9aa48d; margin-top: 10px; }
.mini-response { display: grid; gap: 9px; padding: 20px; border: 1px solid #e3e8da; border-radius: 7px; background: white; font: 9px Consolas, monospace; color: #819272; }
.mini-response b { color: #427652; font-weight: 500; }
.integration-section { background: var(--green-dark); padding-block: 78px; color: white; overflow: hidden; }
.integration-grid { display: grid; grid-template-columns: 1fr 1.04fr; gap: 80px; align-items: center; }
.light-eyebrow { color: #b1ca9d; margin-bottom: 20px; }
.integration-section h2 { color: #fbfef5; font-size: 44px; line-height: 1.13; font-weight: 450; margin-bottom: 20px; }
.integration-section p { color: #a1b7a7; max-width: 340px; font-size: 13px; margin-bottom: 26px; }
.integration-note { color: #849e8d; font-size: 9px; margin-top: 23px; }
.integration-note span { margin-inline: 9px; opacity: .6; }
.code-window { background: #0c312b; border: 1px solid #365a48; border-radius: 10px; box-shadow: 0 10px 30px #001c1814; }
.code-window-top { display: flex; align-items: center; gap: 18px; padding: 14px 19px; border-bottom: 1px solid #274a3c; color: #789788; font: 9px Consolas, monospace; }
.code-window-top > span:last-child { margin-left: auto; font-size: 8px; color: #b5c590; }
.window-dots { display: flex; gap: 4px; }.window-dots i { width: 5px; height: 5px; border-radius: 100%; background: #607c63; }.window-dots i:first-child { background: #ab7d69; }.window-dots i:nth-child(2) { background: #ab9963; }
.code-window pre { padding: 25px 24px; font-size: 12px; line-height: 1.9; color: #d1dec9; }
.code-window code { font-size: 1em; }
.code-muted { color: #6f8d7d; }.code-purple { color: #c4b7c7; }.code-yellow { color: #dcc78d; }.code-green { color: #a5c390; }
.code-window-bottom { display: flex; align-items: center; gap: 7px; padding: 12px 20px; border-top: 1px solid #274a3c; font-size: 8px; color: #7f9c86; }
.use-case-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; margin-top: 45px; }
.use-case-grid article { border-top: 1px solid #cfd8c6; padding-top: 23px; }
.use-case-symbol { display: inline-flex; color: #7d966d; font-size: 28px; line-height: 1; height: 43px; }
.use-case-grid h3 { font-size: 17px; margin-bottom: 12px; letter-spacing: -.35px; }
.use-case-grid p { font-size: 12px; margin-bottom: 23px; }
.use-case-grid .small-label { font-size: 7px; }
.privacy-callout { display: grid; grid-template-columns: .9fr 1fr; align-items: center; padding-block: 52px; padding-inline: 80px; gap: 60px; background: #edf0e5; border: 1px solid #e0e5d7; border-radius: 12px; }
.privacy-symbol { display: grid; place-items: center; position: relative; height: 230px; color: #4c7052; }
.privacy-symbol::before, .privacy-symbol::after { content: ''; position: absolute; border: 1px solid #d2ddc4; border-radius: 100%; width: 180px; height: 180px; }.privacy-symbol::after { width: 230px; height: 230px; border-style: dashed; border-color: #d8e1ce; }
.privacy-symbol svg { width: 100px; height: 100px; }
.privacy-callout h2 { font-size: 33px; line-height: 1.15; margin-block: 15px 18px; font-weight: 500; }
.privacy-callout p { font-size: 12px; max-width: 370px; }
.privacy-callout .eyebrow { font-size: 8px; }
.privacy-callout .text-link { font-size: 11px; }
.closing-cta { text-align: center; padding-block: 91px 95px; }
.closing-cta .eyebrow { justify-content: center; font-size: 8px; }
.closing-cta h2 { font-size: 48px; line-height: 1.15; margin-block: 24px 29px; font-weight: 500; }
.closing-cta .serif-accent { color: #627d52; }
.site-footer { border-top: 1px solid var(--line); }
.footer-main { display: flex; align-items: flex-start; justify-content: space-between; padding-block: 38px 32px; }
.footer-main .brand { font-size: 23px; }.footer-main .brand-mark { width: 28px; height: 28px; }.footer-main p { font-size: 10px; margin-block: 15px 0; line-height: 1.7; }
.footer-main nav { display: flex; gap: 28px; font-size: 10px; padding-top: 8px; color: #6e7c64; align-items: center; }.footer-main .text-button { font-size: 10px; font-weight: 400; padding: 0; color: inherit; }
.footer-main nav a:hover { color: var(--green); }
.footer-bottom { border-top: 1px solid var(--line); display: flex; justify-content: space-between; padding-block: 17px; color: #98a08d; font-size: 8px; }
.cookie-banner { position: fixed; z-index: 40; bottom: 18px; left: 50%; transform: translateX(-50%); width: min(950px, calc(100% - 36px)); background: #fff; border: 1px solid #ccd9c7; box-shadow: 0 8px 50px #163e3426; border-radius: 11px; padding: 18px 22px; display: flex; gap: 30px; align-items: center; }
.cookie-banner strong { font-size: 12px; }.cookie-banner p { font-size: 10px; line-height: 1.65; margin: 6px 0 0; max-width: 540px; }.cookie-banner p a { text-decoration: underline; text-underline-offset: 3px; }
.cookie-actions { display: flex; align-items: center; gap: 9px; flex-shrink: 0; }.cookie-actions .button { min-width: 120px; font-size: 10px; }

/* Workspace */
.app-body { background: #f7f8f4; }
.sidebar { position: fixed; inset: 0 auto 0 0; width: 237px; padding: 28px 20px 0; border-right: 1px solid #e1e6db; background: #f0f3eb; display: flex; flex-direction: column; z-index: 30; }
.sidebar > .brand { font-size: 27px; gap: 8px; padding-left: 7px; }.sidebar > .brand .brand-mark { width: 33px; height: 33px; }
.workspace { margin-top: 36px; margin-bottom: 32px; display: flex; align-items: center; gap: 9px; padding: 12px 9px; border: 1px solid #dce2d5; border-radius: 7px; background: #f7f9f3; }
.workspace-avatar { flex-shrink: 0; width: 27px; height: 28px; display: grid; place-items: center; border-radius: 5px; background: #dfe8d5; color: #56714d; font-size: 11px; font-weight: 600; }.workspace > div { min-width: 0; }.workspace strong { font-size: 10px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }.workspace > div > span { display: block; margin-top: 3px; font-size: 8px; color: #9aab8d; }.workspace-chevron { margin-left: auto; color: #90a382; font-size: 13px; }
.nav-caption { display: block; font-size: 8px; letter-spacing: 1.4px; color: #99a48f; padding-left: 12px; margin-bottom: 11px; font-weight: 600; }
.dashboard-nav { display: grid; gap: 5px; }
.dashboard-nav a { display: flex; align-items: center; gap: 10px; border-radius: 6px; padding: 12px; font-size: 10px; color: #7c8973; font-weight: 500; }
.dashboard-nav a:hover { color: var(--green); background: #e9eee2; }.dashboard-nav a.active { background: #e0e8d7; color: #345b3e; }
.dashboard-nav svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.5; flex-shrink: 0; }.dashboard-nav .active svg { stroke: #4c7250; }.nav-external { margin-left: auto; color: #9cae8b; font-size: 12px; }
.sidebar-bottom { margin-top: auto; }
.environment-pill { margin: 25px 0 15px; border: 1px solid #dce4d3; border-radius: 5px; padding: 8px 9px; display: flex; align-items: center; gap: 6px; color: #8da07e; font-size: 8px; }.environment-pill .status-dot { width: 4px; height: 4px; background: #93aa7c; }
.sidebar-help { display: flex; justify-content: space-between; font-size: 9px; color: #8c9a7f; padding: 8px 5px 22px; }
.sidebar-profile { display: flex; align-items: center; gap: 8px; padding-block: 18px; border-top: 1px solid #dfe5d8; }.profile-avatar { display: grid; place-items: center; flex-shrink: 0; width: 29px; height: 29px; border: 1px solid #dce3d2; border-radius: 100%; color: #718669; background: #e6ecdF; font-size: 11px; }.sidebar-profile > div { min-width: 0; }.sidebar-profile strong { font-size: 9px; display: block; font-weight: 550; }.sidebar-profile > div > span { display: block; font-size: 7px; color: #9aa78e; margin-top: 3px; overflow: hidden; text-overflow: ellipsis; max-width: 116px; }.sidebar-profile form { margin-left: auto; }.sidebar-profile .icon-button { width: 25px; height: 29px; }.sidebar-profile .icon-button svg { width: 16px; height: 16px; }
.app-shell { margin-left: 237px; }
.app-topbar { height: 67px; border-bottom: 1px solid #e5e8df; display: flex; align-items: center; justify-content: space-between; padding-inline: 36px; gap: 18px; background: #fafbf7; }.app-topbar > div { display: flex; align-items: center; gap: 12px; }.breadcrumb { font-size: 10px; color: #a2ab97; }.breadcrumb > span { margin-inline: 13px; color: #bbc4b0; }.breadcrumb strong { font-weight: 500; color: #6d7e60; }.topbar-label { display: flex; align-items: center; gap: 6px; font-size: 8px; color: #94a684; }.topbar-label .status-dot { width: 4px; height: 4px; }.sidebar-toggle { display: none; }
.app-content { max-width: 1550px; margin-inline: auto; padding: 35px 36px 0; }
.page-heading { display: flex; justify-content: space-between; align-items: center; gap: 25px; margin-bottom: 27px; }.page-heading .eyebrow { font-size: 7px; letter-spacing: 1.35px; margin-bottom: 8px; }.page-heading h1 { font-size: 31px; line-height: 1.2; letter-spacing: -1.3px; margin-bottom: 8px; font-weight: 550; }.heading-dot { color: #96a87e; }.page-heading p { font-size: 11px; color: #9aa68e; margin-bottom: 0; }.page-heading > .button { font-size: 10px; background: #234c35; border-color: #234c35; }.page-heading .button-secondary { background: white; border-color: #d8dfd4; }
.notice { display: flex; align-items: flex-start; gap: 9px; font-size: 11px; padding: 13px 15px; border: 1px solid; border-radius: 7px; line-height: 1.6; margin-bottom: 20px; }.notice-success { background: #edf5e8; border-color: #d6e5cb; color: #5a7c46; }.notice-error { color: #9b4c3e; border-color: #edcbbf; background: #fff2ec; }.notice-warning { background: #fcf7e9; border-color: #e9dbb8; color: #967c40; }.notice-dot { width: 5px; height: 5px; background: #6c9054; border-radius: 50%; margin-top: 6px; flex-shrink: 0; }
.demo-notice { display: flex; align-items: center; gap: 10px; margin-block: -8px 24px; color: #94a087; font-size: 9px; }.demo-notice .sample-label { font-size: 6px; }
.stat-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-bottom: 28px; }
.stat-card { background: #fdfefb; border: 1px solid #e1e7d9; border-radius: 9px; padding: 19px 19px 16px; min-width: 0; }.stat-card > div { display: flex; align-items: center; justify-content: space-between; gap: 5px; font-size: 9px; color: #889a7b; }.stat-card svg { width: 15px; height: 15px; stroke: #9eae8d; fill: none; stroke-width: 1.5; }.stat-card > strong { display: flex; align-items: center; gap: 9px; font-size: 33px; font-weight: 500; line-height: 1.25; letter-spacing: -1.5px; margin-top: 17px; }.stat-card strong small { font-size: 13px; color: #a8b19e; font-weight: 400; letter-spacing: 0; align-self: flex-end; margin-bottom: 4px; }.stat-card p { margin: 9px 0 0; font-size: 8px; color: #a1ad94; }.stat-risk { background: #fcfaf4; border-color: #e8e1cf; }.stat-risk > strong { color: #926d42; }.stat-risk svg { stroke: #b29770; }.stat-dot { width: 5px; height: 5px; border-radius: 50%; background: #c4a57a; margin-left: 2px; }
.panel { border: 1px solid #e0e6d7; border-radius: 10px; background: #fdfefb; min-width: 0; overflow: hidden; }
.panel-heading { padding: 23px 24px 20px; display: flex; align-items: center; justify-content: space-between; gap: 15px; }.panel-heading h2 { margin: 0; font-size: 14px; letter-spacing: -.3px; font-weight: 600; }.panel-heading p { font-size: 9px; color: #a1ae94; margin: 6px 0 0; }
.quiet-badge { display: inline-flex; align-items: center; gap: 6px; border: 1px solid #e5e9dd; border-radius: 5px; background: #f8faf3; color: #98a98a; padding: 5px 7px; font-size: 7px; white-space: nowrap; }.quiet-badge .status-dot { width: 4px; height: 4px; background: #8ca16e; }
.table-toolbar { border-block: 1px solid #e9eddf; display: flex; align-items: center; gap: 12px; padding: 13px 24px; background: #fcfdf9; }.search-field { display: flex; align-items: center; gap: 7px; width: min(270px, 100%); background: #fff; border: 1px solid #e0e6d6; border-radius: 5px; padding-inline: 9px; min-height: 32px; }.search-field svg { width: 14px; height: 14px; color: #a6b297; }.search-field input { width: 100%; height: 30px; border: 0; background: transparent; font-size: 9px; outline: 0; color: #6a8060; }.search-field:focus-within { outline: 2px solid #b0c89c; outline-offset: 2px; }.search-field input::placeholder { color: #a6b19a; }.filter-field { margin-left: auto; display: flex; align-items: center; gap: 8px; font-size: 9px; color: #9aa98c; }.filter-field select { padding: 6px 23px 6px 10px; border: 1px solid #e0e6d6; background: white; border-radius: 5px; font-size: 9px; color: #849776; min-height: 32px; }.table-toolbar .button { min-height: 32px; font-size: 9px; padding: 6px 10px; }
.table-scroll { overflow-x: auto; width: 100%; }
table { border-collapse: collapse; width: 100%; text-align: left; white-space: nowrap; }th { padding: 12px 16px; color: #9da992; font-size: 8px; font-weight: 500; border-bottom: 1px solid #e9eddf; background: #fafcf5; }th:first-child, td:first-child { padding-left: 24px; }th:last-child, td:last-child { padding-right: 24px; }td { padding: 17px 16px; border-bottom: 1px solid #edf0e6; font-size: 9px; color: #8b9b7b; }tbody tr:last-child td { border-bottom: 0; }tbody tr:hover { background: #f9fbf4; }td strong { font-weight: 550; color: #56704c; }.table-muted { color: #b1bba5; font-size: 7px; margin-left: 3px; }
.visitor-link { display: flex; align-items: center; gap: 8px; color: #68845a; }.visitor-link:hover code { text-decoration: underline; text-underline-offset: 4px; }.visitor-link code { font-size: 8px; }.device-icon { width: 24px; height: 24px; border: 1px solid #e2e8d8; border-radius: 5px; display: grid; place-items: center; background: #f8faf2; }.device-icon svg { width: 13px; height: 13px; stroke: #97a981; stroke-width: 1.1; fill: none; }
.event-pill { display: inline-flex; border: 1px solid #e4e9db; border-radius: 4px; padding: 4px 6px; font: 7px Consolas, monospace; color: #8da17b; background: #fafcf5; }.risk-cell { display: flex; align-items: center; gap: 7px; }.risk-cell > strong { font-family: Consolas, monospace; font-size: 9px; font-weight: 400; min-width: 13px; }.risk-badge { display: inline-flex; align-items: center; border-radius: 4px; padding: 4px 6px; font-size: 7px; font-weight: 500; line-height: 1.25; text-transform: capitalize; white-space: nowrap; }.risk-badge.low { background: var(--low-bg); color: var(--low); }.risk-badge.medium { background: var(--medium-bg); color: var(--medium); }.risk-badge.high { background: var(--high-bg); color: var(--high); }.risk-badge.neutral { background: #eff1ec; color: #8c9684; }
.risk-meter { width: 33px; height: 4px; background: #e9eddf; border: 0; border-radius: 5px; overflow: hidden; appearance: none; } .risk-meter::-webkit-meter-bar { border: 0; background: #e9eddf; height: 4px; border-radius: 5px; }.risk-meter::-webkit-meter-optimum-value { background: #95b279; border-radius: 5px; }.risk-meter::-moz-meter-bar { background: #95b279; }.medium .risk-meter::-webkit-meter-optimum-value { background: #ccb16e; }.medium .risk-meter::-moz-meter-bar { background: #ccb16e; }.high .risk-meter::-webkit-meter-optimum-value { background: #c69973; }.high .risk-meter::-moz-meter-bar { background: #c69973; }
.recognition { display: inline-flex; align-items: center; gap: 4px; color: #a2af94; font-size: 8px; }.is-returning { color: #7d9c65; }.recognition > span { font-size: 11px; }.muted-code { color: #a5b197; font-size: 7px; }.time-cell { color: #a7b198; font-size: 8px; }.row-link { color: #9eb18b; font-size: 13px; }
.table-footer { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 13px 24px; border-top: 1px solid #e9eddf; color: #a3b096; font-size: 8px; }.pagination { display: flex; align-items: center; gap: 12px; }.pagination .button { font-size: 8px; min-height: 28px; padding: 5px 9px; }
.empty-state { min-height: 250px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 35px 22px; text-align: center; }.empty-icon { font-size: 30px; color: #9eb48a; margin-bottom: 10px; }.empty-state h3 { font-size: 17px; font-weight: 500; margin-bottom: 8px; }.empty-state p { font-size: 11px; max-width: 350px; margin-bottom: 18px; }
.dashboard-bottom { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 24px; }.info-card { display: flex; gap: 17px; padding: 22px; background: #f2f5eb; border: 1px solid #e2e8d8; border-radius: 8px; }.info-card-icon { display: grid; place-items: center; width: 31px; height: 31px; border: 1px solid #dae4cd; color: #83a065; background: #ebf1e1; border-radius: 7px; flex-shrink: 0; font-size: 19px; }.info-card h3 { font-size: 11px; letter-spacing: -.1px; margin-block: 0 7px; color: #6c845b; }.info-card p { font-size: 9px; margin-block: 0 10px; color: #9bad8b; line-height: 1.7; max-width: 315px; }.info-card .text-link { font-size: 8px; color: #7f9c67; gap: 9px; }.info-card .text-link span { font-size: 12px; }
.app-footer { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-block: 26px 20px; color: #aeb8a2; font-size: 8px; }.app-footer span[aria-hidden] { margin-inline: 8px; }.app-footer a { color: #9eaf8e; }
.back-link { display: inline-flex; font-size: 10px; color: #90a27f; margin-bottom: 22px; }.back-link:hover { color: var(--green); }.device-id-heading { display: flex; align-items: center; gap: 12px; }.device-id-heading code { word-break: break-all; font-size: 10px; }.device-id-heading .text-button { font-size: 9px; }.detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin-bottom: 24px; }.detail-list { margin: 0; padding: 0 24px 20px; }.detail-list > div { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding-block: 12px; border-bottom: 1px solid #edf0e5; }.detail-list dt { color: #8c9d7d; font-size: 10px; }.detail-list dd { margin: 0; color: #6c825c; font-size: 10px; text-align: right; }.panel-subsection { border-top: 1px solid #e9eddf; padding: 18px 24px; }.panel-subsection h3 { font-size: 11px; margin-bottom: 11px; font-weight: 550; }.panel-subsection p { font-size: 10px; margin: 5px 0 0; }.panel-subsection .section-hint { font-size: 8px; color: #a5b297; margin-bottom: 10px; }.context-list { margin: 0; padding: 0; list-style: none; }.context-list li { display: flex; justify-content: space-between; gap: 14px; padding-block: 9px; font-size: 9px; border-top: 1px solid #edf0e6; }.context-list li:first-child { border-top: 0; }.context-list code { font-size: 9px; color: #8c9d7c; }.context-list li > span { font-size: 8px; color: #a5b297; text-align: right; }
.signal-list { margin: 0; padding: 0 24px 22px; }.signal-list > div { display: grid; grid-template-columns: .8fr 1.2fr; gap: 14px; padding: 12px 0; border-bottom: 1px solid #edf0e6; }.signal-list dt { text-transform: capitalize; font-size: 9px; color: #8c9e7c; }.signal-list dd { margin: 0; font-size: 10px; word-break: break-word; text-align: right; }.signal-list code { color: #7c926b; font-size: 8px; }.panel-note { padding: 15px 24px; border-top: 1px solid #edf0e6; color: #a6b197; background: #fafcf5; font-size: 9px; line-height: 1.7; }
.history-list { padding: 0 24px; }.history-item { padding: 20px 0; border-top: 1px solid #e9eedf; }.history-summary { display: flex; align-items: center; gap: 12px; }.history-summary > strong { font-size: 11px; }.history-summary time { margin-left: auto; font-size: 8px; color: #a5b297; }.reason-list { margin: 17px 0; padding: 0; list-style: none; display: grid; gap: 8px; }.reason-list li { display: flex; gap: 11px; align-items: center; font-size: 10px; color: #8c9c7e; }.reason-points { font-family: Consolas, monospace; font-size: 9px; color: #a58d64; background: #f7f0df; border-radius: 4px; min-width: 30px; padding: 4px; text-align: center; }.history-no-reasons { font-size: 10px; margin-block: 14px; color: #9daf8d; }.history-meta { display: flex; gap: 24px; font-size: 8px; color: #acb79f; }.history-meta code { font-size: 8px; }.danger-zone { margin-top: 25px; border: 1px solid #e6dcd0; background: #fcfaf5; border-radius: 8px; padding: 21px 24px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }.danger-zone h3 { font-size: 12px; color: #947953; margin-bottom: 6px; }.danger-zone p { font-size: 9px; color: #b0a186; margin: 0; }

/* Forms, settings, and account access */
.stack-form { display: grid; gap: 19px; }.stack-form label { display: grid; gap: 8px; font-size: 11px; font-weight: 500; color: #617955; }.stack-form input:not([type=checkbox]), .stack-form textarea, .stack-form select { width: 100%; min-height: 43px; border: 1px solid #dce4d2; border-radius: 5px; background: #fff; padding: 11px 12px; font-size: 11px; color: #5e7851; outline: none; }.stack-form textarea { resize: vertical; line-height: 1.7; }.stack-form input:focus, .stack-form textarea:focus, .stack-form select:focus { border-color: #9db88b; box-shadow: 0 0 0 3px #b5ce9e20; }.stack-form input::placeholder, .stack-form textarea::placeholder { color: #b0bba4; }.stack-form .button { justify-self: start; font-size: 11px; min-height: 43px; padding-block: 11px; }.form-hint { margin: -9px 0 0; color: #9eae8d; font-size: 9px; line-height: 1.8; font-weight: 400; }.form-hint a { text-decoration: underline; text-underline-offset: 3px; }.panel-form { padding: 5px 24px 27px; }.settings-grid { display: grid; grid-template-columns: 1.15fr 1fr; gap: 35px; margin-bottom: 25px; }.settings-explainer { padding: 27px 15px 15px; }.settings-explainer .info-card-icon { margin-bottom: 18px; }.settings-explainer h2 { font-size: 25px; font-weight: 500; line-height: 1.25; margin-bottom: 14px; }.settings-explainer p { font-size: 11px; max-width: 320px; }.settings-explainer .small-text { color: #a0af8e; font-size: 9px; margin-top: 23px; }.check-list { list-style: none; padding: 0; margin: 19px 0 0; display: grid; gap: 11px; color: #8a9f76; font-size: 10px; }.check-list li::before { content: '✓'; color: #739d56; padding-right: 9px; }.keys-panel { margin-bottom: 25px; }.origins-cell { white-space: normal; min-width: 170px; }.origins-cell span { display: block; font-family: Consolas, monospace; font-size: 8px; margin-bottom: 3px; color: #9daf8c; }.danger-text { color: #b18a69; font-size: 9px; }.new-key-panel { padding: 25px; border: 1px solid #cbdcba; background: #eef6e4; border-radius: 9px; margin-bottom: 26px; }.new-key-panel .eyebrow { font-size: 8px; }.new-key-panel h2 { font-size: 22px; margin-block: 10px; }.new-key-panel p { font-size: 11px; margin-bottom: 15px; max-width: 620px; }.key-copy { display: flex; gap: 15px; align-items: center; padding: 12px; background: #fbfef8; border: 1px solid #dce8d0; border-radius: 5px; margin-bottom: 18px; }.key-copy code { color: #62844e; font-size: 11px; word-break: break-all; }.key-copy .button { margin-left: auto; min-width: 80px; flex-shrink: 0; }.new-key-panel .text-link { font-size: 10px; }
.privacy-settings-grid { display: grid; grid-template-columns: 1.15fr 1fr; gap: 35px; padding: 0 24px 25px; }.privacy-settings-grid h3 { font-size: 12px; margin-top: 8px; margin-bottom: 12px; }.privacy-settings-grid p { font-size: 10px; }.privacy-settings-grid .stack-form { margin-top: 20px; gap: 15px; }.privacy-settings-grid .button { font-size: 10px; }.retention-note { border-left: 1px solid #e5ebdc; padding: 14px 0 0 30px; }.retention-note .field-label { font-size: 8px; }.retention-note > strong { display: block; font-size: 30px; font-weight: 450; letter-spacing: -1px; margin-top: 8px; margin-bottom: 10px; }.retention-note p { color: #a1b18f; }.retention-note .text-link { font-size: 10px; }
.login-main { display: grid; grid-template-columns: 1fr 1fr; gap: 65px; max-width: 1050px; padding-block: 75px 90px; align-items: center; }.login-intro .eyebrow { font-size: 8px; }.login-intro h1 { font-size: 67px; line-height: 1.05; font-weight: 500; margin-block: 22px 20px; }.login-intro h1 span { color: #6c885a; }.login-intro > p { font-size: 13px; line-height: 1.9; }.login-art { width: 230px; height: 210px; margin-block: 12px -30px; }.login-card { background: #fefefb; border: 1px solid #dfe5d7; border-radius: 12px; padding: 36px; }.login-card > .small-label { font-size: 8px; }.login-card h2 { font-size: 26px; font-weight: 500; margin-block: 13px 10px; }.login-card > p { font-size: 11px; margin-bottom: 30px; }.login-card .stack-form .button { width: 100%; justify-self: stretch; margin-top: 6px; }.login-card .stack-form { gap: 23px; }.login-card .stack-form label { font-size: 11px; }.login-card .stack-form input { font-size: 11px; min-height: 46px; }.login-footnote { display: flex; gap: 7px; justify-content: center; align-items: center; margin-top: 25px; font-size: 8px; color: #a7b298; }.login-footnote svg { width: 13px; height: 13px; }.demo-credentials { margin-top: 22px; border: 1px solid #e3e9d9; border-radius: 6px; padding: 14px; background: #f8fbf1; }.demo-credentials p { font-size: 10px; margin-block: 10px 7px; line-height: 1.9; }.demo-credentials code { color: #81986a; }.demo-credentials > span:last-child { font-size: 8px; color: #a5b295; }

/* Developer documentation, privacy, and playground */
.docs-layout { display: grid; grid-template-columns: 190px minmax(0, 1fr); gap: 70px; padding-block: 60px 80px; max-width: 1140px; }.docs-sidebar { align-self: start; position: sticky; top: 35px; border-right: 1px solid var(--line); padding-right: 25px; }.docs-sidebar .nav-caption { font-size: 8px; padding-left: 0; margin-bottom: 20px; }.docs-sidebar nav { display: grid; gap: 18px; font-size: 11px; color: #849678; }.docs-sidebar nav a:hover { color: var(--green); }.docs-playground { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--line); padding-top: 20px; margin-top: 28px; font-size: 10px; color: #789460; }.docs-heading .eyebrow { font-size: 8px; }.docs-heading h1 { font-size: 48px; line-height: 1.1; font-weight: 500; margin-block: 23px; }.docs-heading h1 .serif-accent { color: #708d5d; }.docs-heading > p { font-size: 13px; max-width: 650px; line-height: 1.85; }.docs-section { padding-block: 30px 10px; scroll-margin-top: 22px; }.docs-section + .docs-section { border-top: 1px solid var(--line); margin-top: 30px; }.section-index { color: #a0ad91; font-size: 8px; letter-spacing: 1.1px; }.docs-section h2 { font-size: 28px; margin-block: 12px 22px; font-weight: 500; }.docs-section p { font-size: 12px; line-height: 1.9; }.docs-section p a, .prose-page p a { text-decoration: underline; text-underline-offset: 3px; color: #65864e; }.steps-list { list-style: none; padding: 0; counter-reset: steps; }.steps-list > li { padding-left: 35px; position: relative; counter-increment: steps; margin-bottom: 28px; }.steps-list > li::before { content: counter(steps); display: grid; place-items: center; width: 21px; height: 21px; border: 1px solid #d9e3cf; background: #eff4e8; border-radius: 100%; position: absolute; left: 0; top: -1px; color: #7b9865; font-size: 9px; }.steps-list > li > strong { font-size: 12px; font-weight: 600; }.steps-list p { margin-block: 9px 14px; }.docs-code { background: #f0f3eb; border: 1px solid #dfe7d5; border-radius: 7px; overflow: hidden; margin-block: 20px; }.docs-code > div { display: flex; align-items: center; justify-content: space-between; padding: 10px 15px; border-bottom: 1px solid #dfe7d5; font-size: 8px; color: #9baa8e; }.docs-code > div .text-button { font-size: 8px; color: #8ba078; }.docs-code pre { padding: 18px; font-size: 11px; line-height: 1.9; color: #6d8959; }.docs-code code { font-size: 1em; }.docs-note { border-left: 3px solid #bdcfaa; padding: 14px 18px; background: #edf3e6; border-radius: 0 5px 5px 0; margin-top: 25px; }.docs-note > strong { font-size: 11px; color: #6c8957; }.docs-note p { font-size: 10px; margin: 7px 0 0; }.docs-table { margin-block: 20px; white-space: normal; background: #fdfefb; border: 1px solid #e2e8d9; }.docs-table th { font-size: 10px; }.docs-table td { font-size: 10px; color: #91a27f; line-height: 1.7; padding-block: 15px; }.docs-table th:first-child, .docs-table td:first-child { padding-left: 17px; white-space: nowrap; }.docs-table th:last-child, .docs-table td:last-child { padding-right: 17px; }.docs-table code { font-size: 10px; color: #6d8c56; }.endpoint { display: flex; align-items: center; gap: 12px; padding: 13px 15px; border: 1px solid #d9e6ce; background: #eff5e8; border-radius: 6px; margin-bottom: 22px; overflow: auto; }.endpoint span { background: #dce9ce; padding: 5px 7px; border-radius: 4px; font-size: 8px; color: #6c8d52; font-weight: 650; }.endpoint code { font-size: 11px; white-space: nowrap; color: #65884a; }.docs-definitions { margin-block: 20px; }.docs-definitions > div { display: grid; grid-template-columns: 130px 1fr; gap: 20px; border-top: 1px solid var(--line); padding-block: 17px; }.docs-definitions dt code { font-size: 10px; color: #719258; }.docs-definitions dd { margin: 0; font-size: 11px; line-height: 1.8; color: #91a07f; }.risk-guide { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-block: 25px; }.risk-guide > div { border: 1px solid #e1e7d6; padding: 17px 13px; border-radius: 6px; background: #fdfefb; }.risk-guide p { font-size: 9px; margin: 10px 0 0; }
.prose-page { max-width: 840px; padding-block: 66px 80px; }.prose-page .docs-heading { padding-bottom: 22px; }.prose-page > section { border-top: 1px solid var(--line); padding-block: 25px 15px; }.prose-page h2 { font-size: 25px; font-weight: 500; margin-bottom: 18px; }.prose-page section p { font-size: 12px; line-height: 1.9; }.prose-page section .button { font-size: 11px; margin-block: 5px 10px; }
.playground-main { padding-block: 62px 65px; }.playground-heading { display: flex; justify-content: space-between; align-items: center; gap: 30px; margin-bottom: 37px; }.playground-heading .eyebrow { font-size: 8px; }.playground-heading h1 { font-size: 45px; line-height: 1.1; font-weight: 500; margin-block: 20px; }.playground-heading h1 span { color: #78955f; }.playground-heading p { font-size: 12px; max-width: 500px; }.playground-heading > .text-link { font-size: 11px; }.playground-grid { display: grid; grid-template-columns: 1fr 1.1fr; gap: 28px; align-items: start; }.playground-grid .panel-heading { padding-top: 25px; }.playground-grid .stack-form { gap: 22px; }.form-two-col { display: grid; grid-template-columns: 1fr 1.3fr; gap: 15px; }.label-optional { font-size: 8px; font-weight: 400; color: #adbaa0; display: inline; margin-left: 5px; }.form-two-col label { position: relative; }.form-two-col label .label-optional { position: absolute; top: 2px; left: 100px; white-space: nowrap; }.stack-form .checkbox-label { display: flex; gap: 10px; align-items: flex-start; }.checkbox-label input { accent-color: var(--green); width: 14px; height: 14px; margin: 3px 0 0; flex-shrink: 0; }.checkbox-label > span { color: #9cad8b; font-size: 10px; line-height: 1.8; font-weight: 400; }.playground-grid .stack-form .button { width: 100%; }.playground-grid .stack-form > .form-hint:last-child { font-size: 8px; }.response-panel { background: #103d34; border: 1px solid #365b47; border-radius: 10px; overflow: hidden; color: #d4e3c7; min-width: 0; }.response-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 21px 22px; border-bottom: 1px solid #315543; }.response-heading > div { display: flex; align-items: center; gap: 8px; }.response-heading h2 { margin: 0; font-size: 12px; letter-spacing: -.1px; font-weight: 500; }.response-heading > span { font-size: 8px; color: #88a173; }.response-heading .status-dot { width: 5px; height: 5px; background: #a5bf79; }.response-code { padding: 28px 24px; min-height: 365px; font-size: 11px; line-height: 1.9; color: #a1b98d; }.response-code code { font-size: 1em; }.response-footer { border-top: 1px solid #315543; display: flex; align-items: center; justify-content: space-between; padding: 13px 22px; font-size: 8px; color: #7c986b; }.response-footer .text-button { font-size: 8px; color: #a3be8a; }.response-panel .notice { margin: 18px 22px 0; font-size: 10px; background: #594c35; border-color: #8c7750; color: #e8cf9c; }.response-summary { display: grid; grid-template-columns: 1fr 1fr 1fr; padding: 20px 23px; border-bottom: 1px solid #315543; gap: 15px; }.response-summary > div > span { display: block; font-size: 8px; color: #8ba477; margin-bottom: 9px; }.response-summary strong { font-size: 14px; font-weight: 450; color: #d7e7bb; }.playground-note { display: flex; gap: 16px; align-items: center; margin-top: 25px; padding: 20px 24px; border: 1px solid #e1e8d5; border-radius: 8px; background: #f0f4e8; }.playground-note > span { font-size: 27px; color: #94ad79; }.playground-note p { font-size: 10px; margin: 0; color: #9aad88; }.playground-note strong { font-weight: 550; color: #7e9a66; }.error-page { padding-block: 100px 135px; min-height: 500px; }.error-page h1 { font-size: 52px; font-weight: 500; margin-block: 25px; }.error-page p { font-size: 15px; max-width: 600px; }

@media (min-width: 1600px) { .hero { padding-block: 100px 108px; }.hero-visual { min-height: 490px; }.assessment-card { width: 365px; }.hero h1 { font-size: 84px; }.signal-chip { padding: 14px 18px; }.chip-browser { right: 0; }.chip-match { left: 0; }.stat-card > strong { font-size: 39px; }.stat-card { padding: 24px; }.stat-card > div { font-size: 11px; }.stat-card p { font-size: 10px; }.panel-heading h2 { font-size: 16px; }.panel-heading p { font-size: 11px; }.app-content { padding: 44px 44px 0; }td { font-size: 11px; padding-block: 19px; }th { font-size: 9px; }.visitor-link code, .muted-code, .time-cell { font-size: 10px; }.risk-badge { font-size: 8px; }.event-pill { font-size: 9px; }.recognition { font-size: 10px; }.info-card h3 { font-size: 13px; }.info-card p { font-size: 11px; }.info-card .text-link { font-size: 10px; }.app-topbar { height: 74px; }.page-heading h1 { font-size: 36px; }.page-heading p { font-size: 13px; }.page-heading .eyebrow { font-size: 8px; }.page-heading > .button { font-size: 12px; }.table-toolbar { padding-block: 15px; }.search-field { width: 300px; min-height: 35px; }.search-field input { font-size: 11px; }.filter-field, .filter-field select { font-size: 11px; }.table-toolbar .button { font-size: 10px; }.sidebar { width: 255px; padding-inline: 22px; }.app-shell { margin-left: 255px; }.dashboard-nav a { font-size: 11px; }.workspace strong { font-size: 11px; }.workspace > div > span { font-size: 9px; }.breadcrumb { font-size: 11px; }.quiet-badge { font-size: 8px; }.table-footer { font-size: 9px; }.sidebar-profile strong { font-size: 10px; }.sidebar-profile > div > span { font-size: 8px; } }
@media (max-width: 1160px) { .container { width: calc(100% - 64px); }.site-nav { gap: 22px; }.site-nav .nav-login { margin-left: 12px; }.hero { gap: 15px; padding-block: 66px 74px; }.hero h1 { font-size: 62px; }.hero-description { font-size: 13px; max-width: 380px; }.hero-visual { min-height: 415px; }.assessment-card { width: 306px; }.signal-chip { padding: 10px 12px; }.chip-browser { top: 5px; right: -6px; }.chip-match { bottom: 6px; left: -8px; }.signal-chip strong { font-size: 9px; }.signal-chip div > span { font-size: 7px; }.visual-orbit { width: 365px; height: 365px; }.hero-actions { gap: 20px; }.hero-actions .button { font-size: 11px; padding-inline: 17px; gap: 15px; }.hero-actions .text-link { font-size: 11px; }.hero-notes { gap: 12px; font-size: 8px; }.use-strip > div > div { gap: 18px; font-size: 10px; }.use-strip > div > span { font-size: 7px; }.section-heading h2 { font-size: 34px; }.section-heading > p { font-size: 12px; width: 315px; }.feature-card { padding-inline: 24px; }.feature-card h3 { font-size: 16px; }.feature-card p { font-size: 11px; }.integration-grid { gap: 45px; }.integration-section h2 { font-size: 40px; }.code-window pre { font-size: 10px; padding-inline: 20px; }.use-case-grid { gap: 25px; }.use-case-grid h3 { font-size: 15px; }.use-case-grid p { font-size: 11px; }.privacy-callout { padding-inline: 60px; gap: 40px; }.privacy-callout h2 { font-size: 31px; }.footer-main nav { gap: 20px; }.app-content { padding-inline: 25px; }.app-topbar { padding-inline: 25px; }.stat-grid { gap: 11px; }.stat-card { padding-inline: 14px; }.stat-card > div { font-size: 8px; }.stat-card p { font-size: 7px; }.stat-card svg { width: 13px; height: 13px; }.dashboard-bottom { gap: 15px; }.info-card { padding: 18px 15px; gap: 11px; }.info-card h3 { font-size: 10px; }.info-card p { font-size: 8px; }.settings-grid { gap: 22px; }.docs-layout { gap: 40px; grid-template-columns: 160px minmax(0, 1fr); }.cookie-banner { gap: 20px; }.cookie-actions .button { min-width: 105px; }.playground-heading h1 { font-size: 41px; }.form-two-col { grid-template-columns: 1fr; gap: 19px; }.form-two-col label .label-optional { left: 103px; } }
@media (max-width: 960px) { .site-nav { gap: 20px; }.site-nav .nav-login { margin-left: 0; }.site-nav > a:nth-child(2) { display: none; }.hero h1 { font-size: 53px; }.hero-description { max-width: 345px; }.assessment-card { width: 280px; }.assessment-top { padding: 14px 15px; font-size: 10px; }.assessment-id { padding-inline: 15px; }.assessment-id code { font-size: 10px; }.assessment-score { padding: 22px 15px 18px; }.assessment-score strong { font-size: 43px; }.score-gauge { width: 116px; }.assessment-reasons { font-size: 8px; padding-inline: 15px; }.assessment-bottom { padding-inline: 15px; font-size: 7px; }.hero-visual { min-height: 385px; }.signal-chip { padding: 9px 10px; gap: 7px; }.signal-icon { width: 27px; height: 27px; font-size: 17px; }.chip-browser { right: -5px; top: 6px; }.chip-match { left: 0; bottom: 4px; }.visual-orbit { width: 315px; height: 315px; }.hero-notes { flex-direction: column; gap: 8px; }.hero-actions { gap: 16px; }.hero-actions .button { gap: 12px; padding-inline: 14px; font-size: 10px; }.hero-actions .text-link { font-size: 10px; gap: 7px; }.use-strip > div { flex-direction: column; align-items: flex-start; justify-content: center; gap: 10px; padding-block: 18px; }.section { padding-block: 70px; }.section-heading { gap: 30px; }.section-heading > p { width: 280px; font-size: 11px; }.feature-card { padding-inline: 20px; }.feature-card h3 { font-size: 15px; }.feature-card p { font-size: 10px; }.feature-number { font-size: 7px; }.integration-grid { gap: 30px; }.integration-section h2 { font-size: 35px; }.integration-section p { font-size: 12px; }.integration-note { font-size: 8px; }.integration-note span { margin-inline: 4px; }.code-window pre { font-size: 8px; line-height: 2; padding-inline: 15px; }.use-case-grid { gap: 20px; }.use-case-grid h3 { font-size: 14px; }.use-case-grid p { font-size: 10px; }.privacy-callout { padding: 40px; }.privacy-symbol { height: 200px; }.privacy-symbol::before { width: 150px; height: 150px; }.privacy-symbol::after { width: 200px; height: 200px; }.privacy-callout h2 { font-size: 27px; }.privacy-callout p { font-size: 11px; }.closing-cta { padding-block: 70px; }.closing-cta h2 { font-size: 42px; }.sidebar { width: 210px; padding-inline: 14px; }.app-shell { margin-left: 210px; }.sidebar .brand { font-size: 24px; }.sidebar .brand-mark { width: 30px; height: 30px; }.workspace { padding-inline: 7px; }.dashboard-nav a { font-size: 9px; padding-inline: 10px; gap: 8px; }.dashboard-nav svg { width: 14px; height: 14px; }.app-content { padding: 29px 21px 0; }.app-topbar { padding-inline: 21px; }.page-heading { gap: 15px; }.page-heading h1 { font-size: 28px; }.page-heading p { font-size: 10px; }.page-heading > .button { font-size: 9px; gap: 8px; padding-inline: 11px; }.page-heading .eyebrow { font-size: 6px; }.stat-grid { grid-template-columns: repeat(2, 1fr); gap: 13px; }.stat-card { padding: 18px; }.stat-card > div { font-size: 9px; }.stat-card p { font-size: 8px; }.stat-card > strong { margin-top: 11px; font-size: 34px; }.stat-card svg { width: 15px; height: 15px; }.stat-grid { margin-bottom: 23px; }.panel-heading { padding-inline: 20px; }.table-toolbar { padding-inline: 20px; }.table-toolbar { flex-wrap: wrap; }.search-field { width: calc(100% - 99px); }.filter-field { margin-left: 0; order: 2; }.table-toolbar .button { order: 1; margin-left: auto; }.table-footer { padding-inline: 20px; flex-wrap: wrap; }.dashboard-bottom { grid-template-columns: 1fr; gap: 13px; }.info-card { padding: 18px; gap: 14px; }.info-card h3 { font-size: 11px; }.info-card p { font-size: 9px; max-width: 370px; }.info-card .text-link { font-size: 9px; }.detail-grid { grid-template-columns: 1fr; }.history-summary { flex-wrap: wrap; gap: 8px; }.history-summary time { font-size: 7px; }.history-meta { flex-wrap: wrap; gap: 8px 17px; }.danger-zone { align-items: flex-start; flex-direction: column; gap: 15px; }.settings-grid { grid-template-columns: 1fr; }.settings-explainer { padding: 10px 6px; }.settings-explainer h2 br { display: none; }.settings-explainer h2 { font-size: 22px; }.settings-explainer p { max-width: none; }.settings-explainer .info-card-icon { display: none; }.settings-explainer .small-text { max-width: 480px; }.privacy-settings-grid { grid-template-columns: 1fr; gap: 25px; }.retention-note { border-top: 1px solid #e5ebdc; border-left: 0; padding: 22px 0 0; }.key-copy { align-items: flex-start; }.key-copy .button { min-width: 70px; font-size: 9px; }.login-main { gap: 45px; padding-block: 65px; }.login-intro h1 { font-size: 60px; }.login-intro > p { font-size: 12px; }.login-card { padding: 29px; }.login-card h2 { font-size: 24px; }.docs-layout { grid-template-columns: 145px minmax(0, 1fr); gap: 30px; }.docs-heading h1 { font-size: 42px; }.docs-section h2 { font-size: 26px; }.docs-definitions > div { grid-template-columns: 110px 1fr; }.risk-guide { gap: 8px; }.risk-guide > div { padding-inline: 10px; }.risk-guide .risk-badge { font-size: 6px; }.risk-guide p { font-size: 8px; }.cookie-banner { align-items: flex-start; }.cookie-banner p { font-size: 9px; }.cookie-actions { gap: 8px; flex-direction: column; }.cookie-actions .button { width: 115px; min-height: 33px; padding: 7px; font-size: 9px; }.playground-grid { gap: 20px; grid-template-columns: 1fr 1fr; }.playground-grid .panel-heading { padding-inline: 19px; }.panel-form { padding-inline: 19px; }.playground-grid .panel-heading p { font-size: 8px; }.playground-heading h1 { font-size: 38px; }.response-code { font-size: 9px; padding-inline: 20px; }.response-heading { padding-inline: 19px; }.response-summary { padding-inline: 19px; gap: 10px; }.response-summary strong { font-size: 11px; } }
@media (max-width: 760px) { .container { width: calc(100% - 40px); }.nav-row { min-height: 76px; }.brand { font-size: 26px; }.brand-mark { width: 32px; height: 32px; }.nav-toggle { display: inline-flex; }.site-nav { display: none; position: absolute; top: 75px; left: 0; right: 0; border-bottom: 1px solid var(--line); background: #f8f9f5; padding: 20px; gap: 20px; align-items: stretch; flex-direction: column; box-shadow: 0 10px 20px #103d3408; }.site-nav.is-open { display: flex; }.site-nav > a:nth-child(2) { display: block; }.site-nav > a:not(.button) { padding: 7px 5px; }.site-nav .button { align-self: flex-start; }.hero { grid-template-columns: 1fr; padding-block: 46px 39px; gap: 28px; }.hero .eyebrow { margin-bottom: 23px; font-size: 8px; }.hero h1 { font-size: clamp(50px, 9vw, 67px); max-width: 560px; margin-bottom: 20px; }.hero-description { max-width: 490px; font-size: 13px; line-height: 1.85; }.hero-actions { gap: 24px; margin-top: 26px; }.hero-actions .button { font-size: 11px; min-height: 44px; padding-inline: 19px; }.hero-actions .text-link { font-size: 11px; gap: 9px; }.hero-notes { flex-direction: row; gap: 20px; margin-top: 20px; font-size: 8px; }.hero-visual { width: 100%; max-width: 490px; margin-inline: auto; min-height: 435px; margin-top: 5px; }.assessment-card { width: 325px; }.assessment-top { padding: 16px 18px; font-size: 11px; }.assessment-id { padding-inline: 18px; }.assessment-id code { font-size: 11px; }.assessment-score { padding: 24px 18px 20px; }.assessment-score strong { font-size: 48px; }.score-gauge { width: 130px; }.assessment-reasons { font-size: 9px; padding-inline: 18px; }.assessment-bottom { padding-inline: 18px; font-size: 8px; }.visual-orbit { width: 390px; height: 390px; }.signal-chip { padding: 10px 13px; }.chip-browser { right: 3px; top: 8px; }.chip-match { left: 2px; bottom: 8px; }.signal-chip strong { font-size: 10px; }.signal-chip div > span { font-size: 8px; }.use-strip > div { gap: 10px; }.use-strip > div > div { font-size: 9px; gap: 12px; flex-wrap: wrap; }.use-strip > div > span { font-size: 6px; }.section { padding-block: 55px; }.section-heading { display: block; margin-bottom: 26px; }.section-heading .eyebrow { font-size: 8px; margin-bottom: 12px; }.section-heading h2 { font-size: 32px; }.section-heading > p { width: auto; max-width: 450px; font-size: 12px; margin-top: 17px; }.feature-grid { grid-template-columns: 1fr; }.feature-card { padding: 24px; }.feature-card + .feature-card { border-left: 0; border-top: 1px solid var(--line); }.feature-card h3 { font-size: 18px; }.feature-card p { font-size: 12px; max-width: 500px; }.feature-illustration { height: 127px; margin-top: 8px; }.feature-number { font-size: 8px; }.integration-section { padding-block: 50px; }.integration-grid { grid-template-columns: 1fr; gap: 33px; }.integration-section h2 { font-size: 37px; }.integration-section p { max-width: 430px; font-size: 12px; }.integration-note { font-size: 8px; }.code-window pre { font-size: 11px; padding-inline: 22px; }.code-window-top { font-size: 9px; }.use-case-grid { grid-template-columns: 1fr 1fr; gap: 28px; margin-top: 30px; }.use-case-grid h3 { font-size: 17px; }.use-case-grid p { font-size: 11px; margin-bottom: 17px; }.use-case-grid .small-label { font-size: 6px; }.privacy-callout { grid-template-columns: 1fr; padding: 30px; gap: 18px; }.privacy-symbol { height: 180px; }.privacy-symbol svg { width: 82px; height: 82px; }.privacy-symbol::before { width: 135px; height: 135px; }.privacy-symbol::after { width: 180px; height: 180px; }.privacy-callout h2 { font-size: 31px; }.privacy-callout p { font-size: 12px; max-width: 490px; }.privacy-callout h2 br { display: none; }.privacy-callout .text-link { font-size: 11px; }.closing-cta { padding-block: 58px; }.closing-cta h2 { font-size: 39px; }.closing-cta .eyebrow { font-size: 7px; }.closing-cta .button { font-size: 11px; min-height: 45px; }.footer-main { gap: 30px; }.footer-main nav { flex-direction: column; align-items: flex-start; gap: 15px; font-size: 9px; }.footer-main .text-button { font-size: 9px; }.footer-main .brand { font-size: 23px; }.footer-main p { font-size: 9px; }.footer-bottom { font-size: 7px; gap: 15px; }.cookie-banner { width: calc(100% - 24px); bottom: 12px; padding: 17px; gap: 14px; flex-direction: column; }.cookie-banner strong { font-size: 11px; }.cookie-banner p { font-size: 9px; max-width: none; }.cookie-actions { flex-direction: row; align-self: stretch; gap: 10px; }.cookie-actions .button { width: 50%; min-width: 0; min-height: 35px; font-size: 10px; }
  .sidebar { transform: translateX(-100%); transition: transform .2s; width: 237px; box-shadow: 7px 0 30px #103d3410; }.sidebar-open .sidebar { transform: translateX(0); }.app-shell { margin-left: 0; }.app-topbar { height: 60px; padding-inline: 17px; }.sidebar-toggle { display: inline-flex; margin-left: -5px; }.breadcrumb { font-size: 9px; }.breadcrumb > span { margin-inline: 9px; }.topbar-label { font-size: 7px; }.app-content { padding: 26px 20px 0; }.page-heading { gap: 18px; margin-bottom: 23px; }.page-heading h1 { font-size: 30px; }.page-heading .eyebrow { font-size: 6px; }.page-heading p { font-size: 10px; }.page-heading > .button { font-size: 9px; min-height: 35px; }.demo-notice { margin-block: -5px 21px; font-size: 8px; align-items: flex-start; line-height: 1.6; }.demo-notice .sample-label { margin-top: 2px; }.stat-grid { gap: 12px; }.stat-card { padding: 18px; }.stat-card > div { font-size: 9px; }.stat-card p { font-size: 7px; }.stat-card > strong { font-size: 33px; }.panel-heading { padding: 21px 20px 18px; }.panel-heading h2 { font-size: 13px; }.panel-heading p { font-size: 8px; }.quiet-badge { font-size: 6px; }.search-field { width: calc(100% - 94px); }.table-toolbar .button { padding-inline: 8px; font-size: 8px; }.table-footer { font-size: 7px; }.pagination { gap: 10px; }.pagination .button { font-size: 7px; padding-inline: 7px; }.app-footer { font-size: 7px; padding-block: 23px 18px; gap: 12px; }.app-footer > span:last-child { text-align: right; }.device-id-heading { flex-wrap: wrap; gap: 8px; }.device-id-heading code { font-size: 8px; }.device-id-heading .text-button { font-size: 8px; }.page-heading > form .button { font-size: 8px; min-height: 35px; padding-inline: 10px; }.detail-grid { gap: 20px; }.detail-list > div { gap: 16px; }.detail-list dd, .detail-list dt { font-size: 9px; }.history-summary time { width: 100%; margin-left: 0; margin-top: 2px; }.history-list { padding-inline: 20px; }.history-summary > strong { font-size: 10px; }.history-no-reasons { font-size: 9px; }.reason-list li { font-size: 9px; }.history-meta { font-size: 7px; gap: 8px 15px; }.history-meta code { font-size: 7px; }.danger-zone { padding: 20px; }.danger-zone h3 { font-size: 11px; }.danger-zone p { font-size: 9px; }.new-key-panel { padding: 20px; }.new-key-panel h2 { font-size: 20px; }.new-key-panel p { font-size: 10px; }.key-copy { flex-wrap: wrap; gap: 12px; }.key-copy .button { margin-left: 0; min-width: 85px; }.settings-grid { gap: 25px; }.privacy-settings-grid { padding-inline: 20px; }.privacy-settings-grid p { font-size: 10px; }.settings-explainer .small-text { font-size: 9px; }
  .login-main { grid-template-columns: 1fr; gap: 25px; padding-block: 40px 55px; max-width: 480px; }.login-intro h1 { font-size: 44px; margin-block: 15px; }.login-intro h1 br { display: none; }.login-intro .eyebrow { font-size: 7px; }.login-intro > p { font-size: 11px; }.login-intro > p br { display: none; }.login-art { display: none; }.login-card { padding: 28px; }.login-card > p { margin-bottom: 27px; }.login-card h2 { font-size: 24px; }.login-card .stack-form label { font-size: 11px; }
  .docs-layout { grid-template-columns: 1fr; gap: 25px; padding-block: 35px 50px; }.docs-sidebar { position: static; border-right: 0; border-bottom: 1px solid var(--line); padding: 0 0 20px; }.docs-sidebar .nav-caption { font-size: 7px; margin-bottom: 15px; }.docs-sidebar nav { display: flex; flex-wrap: wrap; gap: 13px 20px; font-size: 10px; }.docs-playground { display: none; }.docs-heading h1 { font-size: 41px; margin-block: 18px; }.docs-heading > p { font-size: 12px; }.docs-heading .eyebrow { font-size: 7px; }.docs-section { padding-top: 25px; }.docs-section h2 { font-size: 25px; margin-block: 10px 20px; }.docs-section p { font-size: 11px; }.docs-code pre { font-size: 9px; padding: 15px; }.docs-code > div { padding-inline: 13px; font-size: 7px; }.steps-list > li { padding-left: 30px; }.steps-list > li > strong { font-size: 11px; }.docs-definitions > div { gap: 13px; grid-template-columns: 102px 1fr; }.docs-definitions dd { font-size: 10px; }.docs-definitions dt code { font-size: 9px; }.endpoint { padding: 11px; gap: 8px; }.endpoint code { font-size: 9px; }.docs-note { padding-inline: 14px; }.docs-note > strong { font-size: 10px; }.docs-note p { font-size: 9px; }.docs-table td { font-size: 9px; padding-inline: 12px; }.docs-table th { font-size: 9px; }.docs-table code { font-size: 8px; }.risk-guide .risk-badge { font-size: 6px; }.risk-guide > div { padding: 14px 9px; }.risk-guide p { font-size: 8px; }.prose-page { padding-block: 40px 55px; }.prose-page h2 { font-size: 23px; }.prose-page section p { font-size: 11px; }
  .playground-main { padding-block: 39px 45px; }.playground-heading { display: block; margin-bottom: 28px; }.playground-heading h1 { font-size: 39px; margin-block: 18px; }.playground-heading .eyebrow { font-size: 7px; }.playground-heading p { font-size: 11px; max-width: 440px; }.playground-heading > .text-link { font-size: 10px; margin-top: 5px; }.playground-grid { grid-template-columns: 1fr; gap: 23px; }.form-two-col { grid-template-columns: 1fr 1.3fr; }.stack-form label { font-size: 11px; }.playground-grid .panel-heading h2 { font-size: 14px; }.playground-grid .panel-heading p { font-size: 9px; }.playground-grid .stack-form input:not([type=checkbox]), .playground-grid .stack-form select { font-size: 11px; }.response-code { min-height: 315px; font-size: 11px; }.response-summary strong { font-size: 14px; }.playground-note { padding: 17px; gap: 12px; }.playground-note p { font-size: 9px; }.error-page { padding-block: 70px 90px; min-height: 450px; }.error-page h1 { font-size: 39px; }.error-page p { font-size: 13px; }
}
@media (max-width: 390px) { .hero h1 { font-size: 46px; }.hero .eyebrow { font-size: 7px; }.hero-notes { font-size: 7px; gap: 10px; }.hero-visual { min-height: 415px; }.assessment-card { width: 282px; }.assessment-top { padding-inline: 15px; font-size: 10px; }.assessment-score { padding-inline: 15px; }.assessment-score strong { font-size: 43px; }.score-gauge { width: 112px; }.assessment-reasons { padding-inline: 15px; font-size: 8px; }.assessment-bottom { padding-inline: 15px; font-size: 7px; }.signal-chip { padding: 9px 11px; }.signal-chip strong { font-size: 9px; }.signal-chip div > span { font-size: 7px; }.signal-icon { width: 25px; height: 25px; font-size: 16px; }.chip-browser { right: -3px; top: 11px; }.chip-match { left: -3px; bottom: 9px; }.visual-orbit { width: 325px; height: 325px; }.hero-actions { gap: 16px; }.hero-actions .button { font-size: 10px; padding-inline: 14px; gap: 12px; }.hero-actions .text-link { font-size: 10px; }.section-heading h2 { font-size: 29px; }.use-strip > div > div { font-size: 8px; gap: 8px; }.closing-cta h2 { font-size: 34px; }.code-window pre { font-size: 9px; padding-inline: 15px; }.use-case-grid { gap: 24px 20px; }.use-case-grid h3 { font-size: 15px; }.use-case-grid p { font-size: 10px; }.privacy-callout { padding-inline: 24px; }.privacy-callout h2 { font-size: 29px; }.footer-main { gap: 20px; }.footer-main nav { font-size: 8px; }.footer-main .text-button { font-size: 8px; }.page-heading { align-items: flex-start; }.page-heading > .button { max-width: 115px; font-size: 8px; white-space: normal; padding: 8px 10px; gap: 6px; text-align: left; }.page-heading h1 { font-size: 28px; }.page-heading p { font-size: 9px; }.page-heading .eyebrow { font-size: 5px; }.stat-card { padding-inline: 14px; }.stat-card > div { font-size: 8px; }.stat-card p { font-size: 6px; }.stat-card > strong { font-size: 30px; }.topbar-label { display: none; }.table-footer { gap: 10px; }.table-footer > span { font-size: 6px; }.pagination { font-size: 6px; gap: 7px; }.pagination .button { font-size: 6px; padding-inline: 6px; }.info-card { padding: 16px; }.info-card h3 { font-size: 10px; }.info-card p { font-size: 8px; }.app-footer { font-size: 6px; }.app-footer span[aria-hidden] { margin-inline: 4px; }.history-meta { font-size: 6px; }.history-meta code { font-size: 6px; }.form-two-col { grid-template-columns: 1fr; }.docs-heading h1 { font-size: 36px; }.docs-definitions > div { grid-template-columns: 1fr; gap: 8px; }.risk-guide { grid-template-columns: 1fr; gap: 10px; }.risk-guide > div { display: flex; gap: 15px; align-items: center; }.risk-guide p { margin: 0; font-size: 9px; }.risk-guide .risk-badge { font-size: 7px; }.endpoint code { font-size: 8px; }.playground-heading h1 { font-size: 36px; }.response-code { font-size: 10px; }.prose-page .docs-heading h1 { font-size: 35px; }.login-card { padding: 24px; }.login-card h2 { font-size: 23px; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; }*, *::before, *::after { transition: none !important; } }

/* Readable data and controls at every workspace width. */
.sidebar .nav-caption, .workspace > div > span, .sidebar-help, .environment-pill { color: #687b5d; }
.dashboard-nav a { font-size: 12px; color: #63785a; }
.workspace strong, .sidebar-profile strong { font-size: 12px; }
.workspace > div > span, .sidebar-profile > div > span { font-size: 10px; color: #697c5f; }
.environment-pill, .sidebar-help { font-size: 10px; }
.breadcrumb { font-size: 12px; color: #6c7c62; }
.breadcrumb strong { color: #526a47; }
.topbar-label { color: #627c51; font-size: 10px; }
.page-heading .eyebrow { font-size: 9px; }
.page-heading p { color: #6c7b61; font-size: 13px; }
.page-heading > .button { font-size: 12px; }
.demo-notice { font-size: 11px; color: #687c5b; }
.stat-card > div { font-size: 12px; color: #627852; }
.stat-card p { font-size: 11px; color: #6c7d5f; line-height: 1.6; }
.panel-heading h2 { font-size: 16px; }
.panel-heading p { font-size: 12px; color: #6d7f5f; }
.quiet-badge { font-size: 10px; color: #63794f; }
.search-field { min-height: 37px; }
.search-field input { font-size: 12px; height: 35px; color: #526d44; }
.search-field input::placeholder { color: #718466; }
.filter-field, .filter-field select { font-size: 12px; color: #617851; }
.table-toolbar .button { font-size: 11px; min-height: 37px; }
th { color: #687b5c; font-size: 11px; }
td { font-size: 12px; color: #61794e; }
.table-muted { color: #6d805f; font-size: 9px; }
.visitor-link { color: #4e6e3e; }
.visitor-link code { font-size: 11px; }
.event-pill { font-size: 10px; color: #607b4b; }
.risk-cell > strong { font-size: 12px; }
.risk-badge { font-size: 10px; }
.recognition { font-size: 11px; color: #667e54; }
.is-returning { color: #4d7439; }
.muted-code, .time-cell { font-size: 10px; color: #6c7e5e; }
.table-footer { font-size: 11px; color: #667d53; }
.pagination .button { font-size: 10px; }
.info-card h3 { font-size: 13px; color: #4f6c3e; }
.info-card p { font-size: 12px; color: #687f53; }
.info-card .text-link { font-size: 11px; color: #52753b; }
.app-footer { font-size: 10px; color: #6b7f59; }
.app-footer a { color: #587840; }
.back-link { font-size: 12px; color: #617e4c; }
.device-id-heading code { font-size: 12px; }
.detail-list dt, .detail-list dd { font-size: 12px; color: #64794f; }
.panel-subsection h3 { font-size: 13px; }
.panel-subsection p, .panel-subsection .section-hint { font-size: 11px; color: #6c7f59; }
.context-list code, .context-list li > span { font-size: 11px; color: #657e50; }
.signal-list dt { font-size: 12px; color: #6a8056; }
.signal-list code { font-size: 11px; color: #5f7a4b; }
.panel-note { font-size: 11px; color: #6b8057; }
.history-summary > strong { font-size: 12px; }
.history-summary time, .history-meta, .history-meta code { font-size: 10px; color: #6b8056; }
.reason-list li, .history-no-reasons { font-size: 12px; color: #667e51; }
.reason-points { font-size: 11px; color: #84632d; }
.danger-zone h3 { font-size: 13px; color: #826039; }
.danger-zone p { font-size: 12px; color: #816d4d; }
.stack-form label { font-size: 12px; color: #566f46; }
.stack-form input:not([type=checkbox]), .stack-form textarea, .stack-form select { font-size: 13px; color: #4f6c3d; }
.stack-form input::placeholder, .stack-form textarea::placeholder { color: #7d8d6e; }
.form-hint { font-size: 11px; color: #6b8254; }
.settings-explainer p, .privacy-settings-grid p { font-size: 12px; }
.settings-explainer .small-text { font-size: 11px; color: #6e815c; }
.check-list { font-size: 12px; color: #67804f; }
.origins-cell span, .danger-text { font-size: 11px; color: #6a7f56; }
.danger-text { color: #985839; }
.retention-note p { color: #6b8055; }
.privacy-settings-grid h3 { font-size: 14px; }
.checkbox-label > span { font-size: 12px; color: #6b8058; }
.login-card .stack-form label { font-size: 12px; }
.login-card .stack-form input { font-size: 13px; }
.login-card > p, .login-footnote { font-size: 12px; }
.login-footnote { color: #6f815f; }
.demo-credentials p { font-size: 12px; }
.demo-credentials > span:last-child { font-size: 10px; color: #6b8058; }
.docs-section p, .prose-page section p { font-size: 14px; }
.docs-table td, .docs-table th { font-size: 12px; color: #657c50; }
.docs-table code, .docs-definitions dt code { font-size: 11px; }
.docs-definitions dd { font-size: 12px; color: #6c8156; }
.docs-code pre { font-size: 12px; }
.docs-note p { font-size: 12px; }
.risk-guide p { font-size: 11px; }
.risk-guide .risk-badge { font-size: 10px; }
.cookie-banner p { font-size: 12px; }
.cookie-banner strong { font-size: 13px; }
.cookie-actions .button { font-size: 11px; }
.playground-grid .stack-form input:not([type=checkbox]), .playground-grid .stack-form select { font-size: 13px; }
.playground-grid .stack-form > .form-hint:last-child { font-size: 11px; }
.playground-note p { font-size: 12px; color: #687f53; }
.response-heading > span, .response-footer, .response-footer .text-button { font-size: 11px; color: #afc599; }
.response-code { font-size: 12px; }
@media (max-width: 960px) {
  .stat-card > div { font-size: 12px; }
  .search-field { width: calc(100% - 112px); }
  .table-toolbar .button { font-size: 10px; }
}
@media (max-width: 760px) {
  .page-heading .eyebrow { font-size: 7px; }
  .page-heading > .button, .page-heading > form .button { font-size: 10px; }
  .page-heading p { font-size: 12px; }
  .stat-card > div { font-size: 11px; }
  .stat-card p { font-size: 10px; }
  .panel-heading p { font-size: 11px; }
  .quiet-badge { font-size: 9px; }
  .stat-card > div > .risk-badge { font-size: 8px; }
  .stack-form input:not([type=checkbox]), .stack-form textarea, .stack-form select,
  .playground-grid .stack-form input:not([type=checkbox]), .playground-grid .stack-form select,
  .login-card .stack-form input { font-size: 16px; }
  .context-list li { flex-wrap: wrap; gap: 5px; }
  .history-summary time { font-size: 10px; }
  .docs-section p, .prose-page section p { font-size: 13px; }
  .docs-code pre { font-size: 11px; }
  .docs-table td, .docs-table th { font-size: 11px; }
  .cookie-banner p { font-size: 11px; }
  .cookie-banner strong { font-size: 12px; }
  .cookie-actions .button { font-size: 11px; }
  .form-two-col label .label-optional { position: static; margin-left: 0; }
  .app-footer { font-size: 9px; }
}