:root {
  color-scheme: dark;
  --canvas: #090a0c;
  --surface: #101216;
  --surface-2: #15181d;
  --surface-3: #1a1e24;
  --line: #272b32;
  --line-strong: #3a3f48;
  --ink: #f3f1eb;
  --muted: #a7abb3;
  --quiet: #7f848e;
  --valid: #79b7a3;
  --invalid: #d47b6f;
  --risky: #c8a05e;
  --unknown: #898cab;
  --disposable: #b984a5;
  --infra: #6f96a7;
  --neutral: #9d968c;
  --font-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --shell: min(1240px, calc(100vw - 48px));
  --ease: cubic-bezier(.2,.75,.25,1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--canvas); }
body { margin: 0; min-width: 320px; background: var(--canvas); color: var(--ink); font-family: var(--font-sans); font-size: 16px; line-height: 1.55; text-rendering: optimizeLegibility; }
body::before { content: ""; position: fixed; inset: 0; pointer-events: none; opacity: .035; z-index: 20; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E"); }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { color: inherit; font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { border: 0; }
img, svg { max-width: 100%; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { letter-spacing: -.04em; line-height: 1.02; }
h1 { font-size: clamp(3.2rem, 7vw, 6.8rem); font-weight: 560; }
h2 { font-size: clamp(2.1rem, 4.2vw, 4.4rem); font-weight: 540; }
h3 { font-size: 1.18rem; font-weight: 580; }
code, pre, .mono, [data-mono] { font-family: var(--font-mono); }
::selection { background: rgba(121,183,163,.25); color: var(--ink); }

.shell { width: var(--shell); margin-inline: auto; }
.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; }
.skip-link { position: fixed; left: 16px; top: 12px; transform: translateY(-140%); z-index: 100; background: var(--ink); color: var(--canvas); padding: 10px 14px; border-radius: 6px; font-weight: 700; }
.skip-link:focus { transform: translateY(0); }
:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }
.tone-muted { color: var(--quiet); }
.eyebrow { margin: 0 0 20px; color: var(--muted); font-family: var(--font-mono); font-size: .75rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.microcopy { color: var(--quiet); font-size: .86rem; }
.text-link { color: var(--muted); transition: color .2s ease; }
.text-link:hover { color: var(--ink); }
.arrow-link { display: inline-flex; align-items: center; gap: 14px; margin-top: 32px; font-weight: 650; }
.arrow-link span { color: var(--valid); transition: transform .2s ease; }
.arrow-link:hover span { transform: translateX(4px); }

.ambient { position: fixed; width: 38vw; height: 38vw; border-radius: 50%; pointer-events: none; opacity: .11; filter: blur(120px); z-index: 0; }
.ambient-a { right: -18vw; top: 7vh; background: var(--infra); }
.ambient-b { left: -24vw; top: 56vh; background: var(--disposable); opacity: .07; }
main, .site-header, .site-footer { position: relative; z-index: 1; }

.site-header { height: 82px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; border-bottom: 1px solid var(--line); }
.wordmark { display: inline-flex; align-items: center; gap: 10px; width: max-content; font-weight: 700; letter-spacing: -.025em; }
.brand-glyph { display: grid; place-items: center; width: 29px; height: 29px; border: 1px solid var(--line-strong); border-radius: 5px; background: linear-gradient(145deg, var(--surface-3), var(--surface)); font-family: var(--font-mono); font-size: .8rem; }
.public-nav { display: flex; align-items: center; gap: 34px; color: var(--quiet); font-size: .9rem; }
.public-nav a { position: relative; padding: 30px 0; }
.public-nav a::after { content: ""; position: absolute; height: 1px; inset-inline: 0; bottom: -1px; background: var(--ink); transform: scaleX(0); transition: transform .2s ease; }
.public-nav a:hover, .public-nav .active { color: var(--ink); }
.public-nav a:hover::after, .public-nav .active::after { transform: scaleX(1); }
.header-actions { justify-self: end; display: flex; align-items: center; gap: 22px; font-size: .9rem; }
.nav-toggle { display: none; }

.button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; gap: 12px; padding: 0 19px; border: 1px solid var(--line-strong); border-radius: 7px; cursor: pointer; font-size: .9rem; font-weight: 670; transition: transform .2s var(--ease), background .2s ease, border-color .2s ease; }
.button:hover { transform: translateY(-2px); }
.button-light { color: #0b0c0f; background: var(--ink); border-color: var(--ink); }
.button-light:hover { background: #fff; }
.button-ghost { background: rgba(16,18,22,.72); color: var(--ink); }
.button-ghost:hover { border-color: var(--muted); background: var(--surface-2); }
.button-small { min-height: 40px; padding-inline: 15px; }
.button-full { width: 100%; margin-top: 10px; }
.button[disabled], button[disabled] { cursor: not-allowed; opacity: .48; transform: none; }
.button-row { display: flex; flex-wrap: wrap; gap: 12px; margin: 32px 0 22px; }
.icon-button { display: inline-grid; place-items: center; width: 42px; height: 42px; border: 1px solid var(--line); border-radius: 7px; background: var(--surface); cursor: pointer; }
.site-header .nav-toggle { display: none; }

.hero { min-height: calc(100vh - 82px); padding-block: clamp(80px, 11vw, 150px); align-items: center; }
.section-grid { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(440px, .98fr); gap: clamp(50px, 7vw, 100px); }
.hero-copy h1 { max-width: 780px; margin-bottom: 28px; }
.hero-lede { max-width: 670px; color: var(--muted); font-size: clamp(1.05rem, 1.5vw, 1.27rem); line-height: 1.65; }
.pulse-dot { display: inline-block; width: 7px; height: 7px; margin-right: 9px; border-radius: 50%; background: var(--valid); box-shadow: 0 0 0 6px rgba(121,183,163,.1); }
.validator-stage { overflow: hidden; border: 1px solid var(--line); border-radius: 10px; background: linear-gradient(145deg, rgba(21,24,29,.94), rgba(12,13,16,.96)); box-shadow: 0 30px 100px rgba(0,0,0,.38); }
.stage-header { display: flex; align-items: center; gap: 14px; min-height: 48px; padding: 0 16px; border-bottom: 1px solid var(--line); color: var(--quiet); font-family: var(--font-mono); font-size: .69rem; }
.stage-header .badge { margin-left: auto; }
.window-dots { color: var(--line-strong); letter-spacing: 3px; }
.email-command { display: flex; gap: 12px; align-items: center; padding: 24px 20px; border-bottom: 1px solid var(--line); font-family: var(--font-mono); font-size: .85rem; }
.prompt { color: var(--valid); }
.cursor { width: 7px; height: 16px; background: var(--muted); animation: blink 1.2s steps(2,end) infinite; }
.check-stream { list-style: none; padding: 0 20px; margin: 0; }
.check-row { display: grid; grid-template-columns: 28px 1fr auto; align-items: center; gap: 12px; min-height: 68px; border-bottom: 1px solid var(--line); }
.check-row strong, .check-row small { display: block; }
.check-row strong { font-size: .84rem; letter-spacing: -.01em; }
.check-row small { margin-top: 3px; color: var(--quiet); font-size: .72rem; }
.check-row code { color: var(--quiet); font-size: .67rem; }
.check-icon { display: grid; place-items: center; width: 23px; height: 23px; border-radius: 50%; border: 1px solid currentColor; font-size: .68rem; }
.check-valid .check-icon { color: var(--valid); }.check-infra .check-icon { color: var(--infra); }.check-risky .check-icon { color: var(--risky); }.check-neutral .check-icon { color: var(--neutral); }
.result-strip { display: grid; grid-template-columns: 1fr 1.8fr auto; align-items: center; gap: 12px; padding: 20px; background: rgba(200,160,94,.06); }
.result-strip span small, .result-strip span strong { display: block; }
.result-strip small { color: var(--quiet); font-size: .66rem; }
.result-strip strong { margin-top: 3px; font-family: var(--font-mono); font-size: .75rem; }
.score-ring { display: grid !important; place-items: center; width: 44px; height: 44px; border: 2px solid var(--risky); border-radius: 50%; color: var(--risky); font-family: var(--font-mono); font-size: .75rem; }

.badge { display: inline-flex; align-items: center; min-height: 24px; padding: 0 8px; border: 1px solid var(--line-strong); border-radius: 99px; color: var(--muted); background: rgba(9,10,12,.5); font-family: var(--font-mono); font-size: .62rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.badge-live { border-color: rgba(121,183,163,.4); color: var(--valid); }.badge-preview { border-color: rgba(200,160,94,.4); color: var(--risky); }.badge-sample { border-color: rgba(137,140,171,.45); color: var(--unknown); }
.signal { display: inline-flex; align-items: center; min-height: 25px; width: max-content; padding: 0 9px; border-radius: 4px; font-family: var(--font-mono); font-size: .63rem; text-transform: uppercase; }
.signal-valid { color: var(--valid); background: rgba(121,183,163,.1); }.signal-invalid { color: var(--invalid); background: rgba(212,123,111,.1); }.signal-risky { color: var(--risky); background: rgba(200,160,94,.1); }.signal-unknown { color: var(--unknown); background: rgba(137,140,171,.1); }.signal-infra { color: var(--infra); background: rgba(111,150,167,.1); }.signal-neutral { color: var(--neutral); background: rgba(157,150,140,.1); }

.trust-band { padding: 58px 0 72px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.trust-band h2 { max-width: 860px; font-size: clamp(2rem, 3.7vw, 3.8rem); }
.trust-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 48px; color: var(--muted); font-size: .82rem; }
.trust-list span { padding-top: 16px; border-top: 1px solid var(--line-strong); }
.trust-list span::before { content: "◇"; margin-right: 9px; color: var(--valid); }
.section { padding-block: clamp(90px, 12vw, 160px); border-bottom: 1px solid var(--line); }
.section-heading { max-width: 740px; margin-bottom: 54px; }
.section-heading h2 { margin-bottom: 22px; }
.section-heading > p:not(.eyebrow), .split-heading > p { color: var(--muted); font-size: 1.05rem; line-height: 1.65; }
.split-heading { display: grid; grid-template-columns: 1.2fr .8fr; gap: 10vw; max-width: none; align-items: end; }
.feature-ledger { border-top: 1px solid var(--line-strong); }
.feature-ledger article { display: grid; grid-template-columns: 70px 1fr auto; gap: 28px; align-items: start; padding: 32px 0; border-bottom: 1px solid var(--line); }
.feature-index { color: var(--quiet); font-family: var(--font-mono); font-size: .72rem; }
.feature-ledger h3 { margin-bottom: 8px; }.feature-ledger p { max-width: 650px; margin: 0; color: var(--muted); }
.code-section { display: grid; grid-template-columns: .8fr 1.2fr; gap: 9vw; align-items: center; }
.code-window { overflow: hidden; border: 1px solid var(--line); border-radius: 9px; background: #0d0f12; box-shadow: 0 24px 80px rgba(0,0,0,.3); }
.code-tabs { display: flex; gap: 2px; min-height: 48px; align-items: end; padding: 0 14px; border-bottom: 1px solid var(--line); }
.code-tabs button { height: 40px; padding: 0 13px; background: transparent; color: var(--quiet); cursor: pointer; font-family: var(--font-mono); font-size: .7rem; border-bottom: 1px solid transparent; }
.code-tabs button[aria-selected="true"] { color: var(--ink); border-bottom-color: var(--valid); }
pre { margin: 0; overflow: auto; padding: 26px; color: #c5c8cf; font-size: .77rem; line-height: 1.8; tab-size: 2; }
.code-dim { color: var(--infra); }.code-string { color: var(--valid); }.code-key { color: var(--disposable); }
.response-line { display: flex; align-items: center; gap: 14px; min-height: 52px; padding: 0 20px; border-top: 1px solid var(--line); color: var(--quiet); font-size: .7rem; }
.response-line span:last-child { margin-left: auto; }
.bulk-visual { display: grid; grid-template-columns: .9fr auto 1.4fr; gap: 32px; align-items: center; padding: 44px; border: 1px solid var(--line); border-radius: 9px; background: var(--surface); }
.upload-mini { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 2px 14px; }
.upload-mini .upload-symbol { grid-row: 1 / 3; display: grid; place-items: center; width: 48px; height: 48px; border: 1px solid var(--line-strong); border-radius: 7px; color: var(--infra); font-size: 1.3rem; }
.upload-mini strong { font-size: .88rem; }.upload-mini small { color: var(--quiet); font-size: .7rem; }
.flow-arrow { color: var(--line-strong); font-size: 1.4rem; }
.distribution-bars { display: grid; gap: 11px; }
.distribution-bars div { display: grid; grid-template-columns: 64px 1fr 38px; align-items: center; gap: 12px; font-family: var(--font-mono); font-size: .66rem; }
.distribution-bars b { color: var(--muted); font-weight: 500; text-align: right; }
.bar { height: 5px; background: var(--line); border-radius: 10px; overflow: hidden; }.bar::after { content: ""; display: block; height: 100%; border-radius: inherit; }
.valid-bar::after { width: 72%; background: var(--valid); }.invalid-bar::after { width: 13%; background: var(--invalid); }.risky-bar::after { width: 9%; background: var(--risky); }.unknown-bar::after { width: 6%; background: var(--unknown); }
.workflow-line { list-style: none; display: grid; grid-template-columns: repeat(4, 1fr); padding: 0; margin: 0; border-top: 1px solid var(--line-strong); }
.workflow-line li { min-height: 170px; padding: 22px 20px 22px 0; border-right: 1px solid var(--line); }
.workflow-line li:last-child { border: 0; padding-left: 20px; }.workflow-line li:not(:first-child) { padding-left: 20px; }
.workflow-line b { color: var(--quiet); font-family: var(--font-mono); font-size: .68rem; font-weight: 500; }
.workflow-line span { display: block; margin-top: 58px; }.workflow-line strong, .workflow-line small { display: block; }.workflow-line strong { font-size: 1rem; }.workflow-line small { margin-top: 5px; color: var(--quiet); }
.integration-grid { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--line); }
.integration-grid a { min-height: 210px; padding: 24px; border-right: 1px solid var(--line); transition: background .2s ease; }.integration-grid a:last-child { border: 0; }.integration-grid a:hover { background: var(--surface); }
.integration-grid strong, .integration-grid small { display: block; }.integration-grid strong { margin-top: 75px; }.integration-grid small { margin-top: 6px; color: var(--quiet); }
.integration-mark { font-family: var(--font-mono); font-size: .67rem; color: var(--infra); }
.pricing-teaser { display: grid; grid-template-columns: 1.3fr .7fr; gap: 10vw; align-items: center; }
.pricing-teaser p:not(.eyebrow) { max-width: 650px; color: var(--muted); }.price-line { display: grid; padding: 30px; border: 1px solid var(--line); background: var(--surface); }.price-line > span { color: var(--quiet); font-family: var(--font-mono); font-size: .7rem; text-transform: uppercase; }.price-line > strong { margin-top: 18px; font-size: 3.4rem; letter-spacing: -.06em; }.price-line > small { color: var(--muted); }.price-line .button { margin-top: 26px; }
.final-cta { padding-block: clamp(110px, 16vw, 220px); text-align: center; }.final-cta h2 { max-width: 850px; margin-inline: auto; }.final-cta .button-row { justify-content: center; }

.page-hero { padding-block: clamp(110px, 14vw, 190px) clamp(80px, 10vw, 130px); border-bottom: 1px solid var(--line); }.page-hero h1 { max-width: 1050px; margin-bottom: 32px; }.page-hero > p:not(.eyebrow) { max-width: 740px; color: var(--muted); font-size: 1.2rem; line-height: 1.65; }.page-hero .button { margin-top: 16px; }
.taxonomy-grid, .use-case-grid { display: grid; grid-template-columns: repeat(2, 1fr); border: 1px solid var(--line); }.taxonomy-grid article, .use-case-grid article { min-height: 270px; padding: 30px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }.taxonomy-grid article:nth-child(even), .use-case-grid article:nth-child(even) { border-right: 0; }.taxonomy-grid article:nth-last-child(-n+2), .use-case-grid article:nth-last-child(-n+2) { border-bottom: 0; }.taxonomy-grid small, .use-case-grid > article > span { color: var(--quiet); font-family: var(--font-mono); font-size: .68rem; text-transform: uppercase; }.taxonomy-grid h2, .use-case-grid h2 { margin-top: 90px; font-size: 2.3rem; }.taxonomy-grid p, .use-case-grid p { max-width: 500px; color: var(--muted); }.taxonomy-valid h2 { color: var(--valid); }.taxonomy-invalid h2 { color: var(--invalid); }.taxonomy-risky h2 { color: var(--risky); }.taxonomy-unknown h2 { color: var(--unknown); }
.workflow-stack { list-style: none; padding: 0; margin: 0; border-top: 1px solid var(--line-strong); }.workflow-stack li { display: grid; grid-template-columns: 80px 1fr auto; align-items: center; gap: 24px; padding: 30px 0; border-bottom: 1px solid var(--line); }.workflow-stack b { color: var(--quiet); font-family: var(--font-mono); font-size: .7rem; }.workflow-stack h2 { margin-bottom: 8px; font-size: 1.5rem; }.workflow-stack p { margin: 0; color: var(--muted); }
.demo-note { display: flex; align-items: center; gap: 12px; margin-bottom: 30px; color: var(--muted); }
.pricing-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }.pricing-grid article { padding: 34px; border: 1px solid var(--line); background: var(--surface); }.pricing-grid article > p { color: var(--quiet); font-family: var(--font-mono); font-size: .72rem; text-transform: uppercase; }.pricing-grid h2 { margin: 42px 0 32px; font-size: 3rem; }.pricing-grid h2 small { color: var(--quiet); font-size: .9rem; letter-spacing: 0; }.pricing-grid ul { min-height: 170px; padding: 0; list-style: none; color: var(--muted); }.pricing-grid li { padding: 9px 0; border-bottom: 1px solid var(--line); }.pricing-grid li::before { content: "✓"; margin-right: 10px; color: var(--valid); }.pricing-featured { border-color: var(--line-strong) !important; box-shadow: inset 0 2px var(--risky); }
.payment-methods { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 32px; border: 1px solid var(--line); }.payment-methods div { display: flex; min-height: 80px; align-items: center; justify-content: space-between; gap: 12px; padding: 18px; border-right: 1px solid var(--line); }.payment-methods div:last-child { border: 0; }
.metric-grid { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--line); }.metric-grid article { display: grid; min-height: 160px; align-content: space-between; padding: 24px; border-right: 1px solid var(--line); }.metric-grid article:last-child { border: 0; }.metric-grid strong { font-size: 1.3rem; }.metric-grid span { color: var(--quiet); font-size: .82rem; }
.docs-layout { display: grid; grid-template-columns: 230px 1fr; gap: 8vw; align-items: start; }.docs-layout aside { position: sticky; top: 110px; display: grid; gap: 4px; padding: 18px; border: 1px solid var(--line); background: var(--surface); }.docs-layout aside strong { padding: 8px; margin-bottom: 8px; }.docs-layout aside a { padding: 8px; color: var(--quiet); font-size: .86rem; }.docs-layout aside a:hover { color: var(--ink); background: var(--surface-2); }.docs-layout article { padding: 0 0 70px; margin-bottom: 70px; border-bottom: 1px solid var(--line); }.docs-layout article h2 { font-size: 2.4rem; }.docs-layout article > p:not(.eyebrow) { max-width: 700px; color: var(--muted); }.docs-layout pre { margin-top: 28px; border: 1px solid var(--line); background: #0d0f12; }
.manifesto { max-width: 1000px; }.manifesto p { padding: 28px 0; margin: 0; border-bottom: 1px solid var(--line); color: var(--muted); font-size: clamp(1.6rem, 3vw, 3rem); letter-spacing: -.04em; }.manifesto p:first-child { color: var(--valid); }.manifesto p:nth-child(2) { color: var(--infra); }.manifesto p:nth-child(3) { color: var(--risky); }
.support-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 8vw; align-items: start; }.support-layout h2 { font-size: 2rem; }.support-link { display: grid; gap: 7px; padding: 24px 0; border-bottom: 1px solid var(--line); }.support-link span { color: var(--quiet); }.form-panel { display: grid; gap: 10px; padding: 30px; border: 1px solid var(--line); background: var(--surface); }.form-panel .badge { margin-bottom: 12px; }.form-panel label, .field label { margin-top: 8px; color: var(--muted); font-size: .8rem; font-weight: 650; }
input, select, textarea { width: 100%; min-height: 48px; border: 1px solid var(--line-strong); border-radius: 6px; background: #0d0f12; padding: 11px 13px; outline: none; }.form-panel textarea { resize: vertical; }.form-panel input:focus, .form-panel select:focus, .form-panel textarea:focus, input:focus, select:focus, textarea:focus { border-color: var(--muted); box-shadow: 0 0 0 3px rgba(167,171,179,.08); }.form-status { min-height: 24px; margin: 8px 0 0; color: var(--valid); font-size: .83rem; }
.auth-layout { min-height: calc(100vh - 82px); display: grid; grid-template-columns: 1.1fr .9fr; gap: 10vw; align-items: center; padding-block: 90px; }.auth-context h1 { font-size: clamp(3.2rem, 6vw, 6rem); }.auth-context > p:not(.eyebrow) { max-width: 620px; color: var(--muted); font-size: 1.1rem; }.auth-proof { display: grid; gap: 9px; margin-top: 34px; color: var(--quiet); font-size: .83rem; }.auth-proof span::before { content: "◇"; margin-right: 10px; color: var(--valid); }.auth-panel { max-width: 480px; width: 100%; padding: 34px; border: 1px solid var(--line); border-radius: 9px; background: rgba(16,18,22,.94); }.auth-panel h2 { margin: 26px 0 10px; font-size: 2rem; }.auth-panel > p { color: var(--muted); }.auth-divider { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 12px; margin: 18px 0 8px; color: var(--quiet); font-size: .72rem; }.auth-divider::before, .auth-divider::after { content: ""; height: 1px; background: var(--line); }.auth-panel .microcopy { margin-top: 22px; }.auth-panel .microcopy a { color: var(--ink); text-decoration: underline; }
.auth-state-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }.auth-state-grid article { min-height: 310px; padding: 26px; border: 1px solid var(--line); background: var(--surface); }.auth-state-grid h2 { margin-top: 55px; font-size: 1.4rem; }.auth-state-grid p { min-height: 72px; color: var(--muted); }.state-icon { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid currentColor; border-radius: 50%; font-family: var(--font-mono); }.state-infra { color: var(--infra); }.state-neutral { color: var(--neutral); }.state-valid { color: var(--valid); }.state-risky { color: var(--risky); }.state-invalid { color: var(--invalid); }.spinner { color: var(--unknown); border-right-color: transparent; animation: spin .9s linear infinite; }

.site-footer { display: grid; grid-template-columns: 1.5fr repeat(4, 1fr); gap: 48px; padding-block: 70px 36px; }.site-footer > div:not(.footer-brand) { display: grid; align-content: start; gap: 9px; }.site-footer strong { margin-bottom: 8px; font-size: .78rem; }.site-footer a, .site-footer span { color: var(--quiet); font-size: .78rem; }.site-footer a:hover { color: var(--ink); }.footer-brand p { max-width: 280px; margin-top: 20px; color: var(--quiet); font-size: .82rem; }.footer-bottom { grid-column: 1 / -1; padding-top: 34px; margin: 20px 0 0; border-top: 1px solid var(--line); color: var(--quiet); font-size: .72rem; }

/* Authenticated application */
.app-body { min-height: 100vh; background: #0b0c0f; }
.app-header { position: sticky; top: 0; z-index: 15; height: 68px; display: grid; grid-template-columns: 240px 1fr auto; align-items: center; padding: 0 22px; border-bottom: 1px solid var(--line); background: rgba(9,10,12,.94); backdrop-filter: blur(18px); }
.workspace-switch { justify-self: start; display: flex; align-items: center; gap: 10px; min-height: 40px; padding: 0 12px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface); cursor: pointer; }.workspace-switch small { color: var(--quiet); }.workspace-switch strong { font-size: .82rem; }.workspace-switch span { color: var(--quiet); }
.app-header-actions { display: flex; align-items: center; gap: 9px; }.credit-pill { display: flex; align-items: center; gap: 9px; min-height: 40px; padding: 0 13px; border: 1px solid var(--line); border-radius: 6px; font-size: .77rem; }.credit-pill span { color: var(--quiet); }.credit-pill strong { font-family: var(--font-mono); font-weight: 600; }
.app-layout { display: grid; grid-template-columns: 238px minmax(0,1fr); min-height: calc(100vh - 68px); }
.app-sidebar { position: sticky; top: 68px; height: calc(100vh - 68px); display: flex; flex-direction: column; padding: 22px 14px; border-right: 1px solid var(--line); background: #0d0f12; }
.app-nav { display: grid; gap: 3px; }.app-nav-label { margin: 20px 10px 7px; color: var(--quiet); font-family: var(--font-mono); font-size: .63rem; letter-spacing: .07em; text-transform: uppercase; }.app-nav a { display: flex; align-items: center; min-height: 42px; gap: 11px; padding: 0 11px; border-radius: 5px; color: var(--muted); font-size: .82rem; }.app-nav a:hover { background: var(--surface-2); color: var(--ink); }.app-nav a.active { background: var(--surface-3); color: var(--ink); box-shadow: inset 2px 0 var(--valid); }.nav-icon { width: 17px; text-align: center; color: var(--quiet); font-family: var(--font-mono); font-size: .75rem; }
.sidebar-footer { margin-top: auto; padding: 14px 10px 0; border-top: 1px solid var(--line); }.sidebar-footer p { margin: 8px 0 0; color: var(--quiet); font-size: .68rem; }
.app-main { min-width: 0; padding: 34px clamp(22px, 4vw, 58px) 80px; }
.app-view { display: none; max-width: 1420px; margin-inline: auto; }.app-view.active { display: block; animation: view-in .3s var(--ease); }
.view-header { display: flex; justify-content: space-between; gap: 30px; align-items: end; margin-bottom: 32px; }.view-header h1 { margin: 0 0 8px; font-size: clamp(2rem, 3.5vw, 3.2rem); }.view-header p { margin: 0; color: var(--muted); }.view-actions { display: flex; gap: 9px; align-items: center; }
.panel { min-width: 0; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); }.panel-head { display: flex; min-height: 58px; align-items: center; justify-content: space-between; gap: 16px; padding: 0 18px; border-bottom: 1px solid var(--line); }.panel-head h2, .panel-head h3 { margin: 0; font-size: .92rem; letter-spacing: -.015em; }.panel-body { padding: 20px; }.panel-note { color: var(--quiet); font-size: .73rem; }
.dashboard-grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 14px; }.stat-panel { grid-column: span 3; min-height: 145px; padding: 19px; }.stat-panel .stat-label { display: flex; justify-content: space-between; color: var(--quiet); font-size: .72rem; }.stat-value { display: block; margin-top: 25px; font-size: 2rem; font-weight: 560; letter-spacing: -.05em; }.stat-delta { display: block; margin-top: 10px; color: var(--muted); font-size: .7rem; }.chart-panel { grid-column: span 8; min-height: 380px; }.quality-panel { grid-column: span 4; }.jobs-panel { grid-column: span 8; }.activity-panel { grid-column: span 4; }.quick-panel { grid-column: 1/-1; }
.chart-wrap { padding: 20px; }.chart-legend { display: flex; flex-wrap: wrap; gap: 18px; color: var(--quiet); font-size: .7rem; }.chart-legend span::before { content: ""; display: inline-block; width: 7px; height: 7px; margin-right: 6px; border-radius: 50%; background: var(--unknown); }.chart-legend .legend-valid::before { background: var(--valid); }.chart-legend .legend-invalid::before { background: var(--invalid); }.chart-legend .legend-risky::before { background: var(--risky); }.trend-chart { display: block; width: 100%; height: 230px; margin-top: 25px; }.chart-grid-line { stroke: var(--line); stroke-width: 1; }.chart-valid { fill: none; stroke: var(--valid); stroke-width: 2.2; }.chart-risky { fill: none; stroke: var(--risky); stroke-width: 2; }.chart-area { fill: url(#valid-area); opacity: .22; }
.quality-score { display: grid; place-items: center; padding: 28px 20px 20px; }.quality-ring { display: grid; place-items: center; width: 154px; height: 154px; border-radius: 50%; background: conic-gradient(var(--valid) 0 84%, var(--line) 84%); position: relative; }.quality-ring::after { content: ""; position: absolute; inset: 9px; border-radius: 50%; background: var(--surface); }.quality-ring strong, .quality-ring small { position: relative; z-index: 1; }.quality-ring strong { font-size: 2.1rem; }.quality-ring small { color: var(--quiet); }.quality-breakdown { width: 100%; margin-top: 30px; }.quality-breakdown div { display: flex; justify-content: space-between; padding: 9px 0; border-bottom: 1px solid var(--line); color: var(--muted); font-size: .74rem; }
.table-scroll { overflow-x: auto; }.data-table { width: 100%; border-collapse: collapse; font-size: .76rem; }.data-table th { padding: 11px 14px; color: var(--quiet); font-weight: 550; text-align: left; white-space: nowrap; border-bottom: 1px solid var(--line); }.data-table td { padding: 14px; color: var(--muted); border-bottom: 1px solid var(--line); white-space: nowrap; }.data-table tr:last-child td { border-bottom: 0; }.data-table tbody tr:hover { background: rgba(255,255,255,.015); }.data-table strong { color: var(--ink); font-weight: 550; }.row-actions { display: flex; justify-content: flex-end; gap: 6px; }
.activity-list { list-style: none; padding: 4px 18px; margin: 0; }.activity-list li { position: relative; padding: 16px 0 16px 20px; border-bottom: 1px solid var(--line); }.activity-list li::before { content: ""; position: absolute; left: 0; top: 22px; width: 7px; height: 7px; border-radius: 50%; background: var(--infra); }.activity-list strong, .activity-list small { display: block; }.activity-list strong { font-size: .76rem; }.activity-list small { margin-top: 4px; color: var(--quiet); font-size: .68rem; }
.quick-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; padding: 14px; }.quick-action { display: grid; min-height: 105px; align-content: space-between; padding: 14px; border: 1px solid var(--line); border-radius: 6px; background: #0e1013; }.quick-action:hover { border-color: var(--line-strong); background: var(--surface-2); }.quick-action span { color: var(--valid); font-family: var(--font-mono); }.quick-action strong { font-size: .8rem; }
.notification-panel, .workspace-menu, .user-menu { position: absolute; top: 58px; right: 22px; z-index: 30; width: min(360px, calc(100vw - 32px)); border: 1px solid var(--line-strong); border-radius: 8px; background: var(--surface-2); box-shadow: 0 22px 70px rgba(0,0,0,.5); }.notification-panel[hidden], .workspace-menu[hidden], .user-menu[hidden] { display: none; }.popover-head { display: flex; justify-content: space-between; padding: 15px; border-bottom: 1px solid var(--line); }.notification-list { list-style: none; padding: 0; margin: 0; }.notification-list li { padding: 14px 15px; border-bottom: 1px solid var(--line); }.notification-list strong, .notification-list small { display: block; }.notification-list strong { font-size: .77rem; }.notification-list small { margin-top: 3px; color: var(--quiet); font-size: .68rem; }
.form-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }.field { display: grid; gap: 8px; }.field-full { grid-column: 1/-1; }.field-hint { color: var(--quiet); font-size: .7rem; }
.verify-layout { display: grid; grid-template-columns: minmax(330px,.82fr) minmax(0,1.18fr); gap: 14px; }.verify-form-panel { padding: 22px; }.verify-form-panel h2 { font-size: 1.35rem; }.verify-form-panel > p { color: var(--muted); }.verification-progress { list-style: none; padding: 0; margin: 20px 0 0; }.verification-progress li { display: grid; grid-template-columns: 28px 1fr auto; gap: 10px; align-items: center; min-height: 52px; border-bottom: 1px solid var(--line); }.verification-progress li:last-child { border: 0; }.step-dot { display: grid; place-items: center; width: 22px; height: 22px; border: 1px solid var(--line-strong); border-radius: 50%; color: var(--quiet); font-family: var(--font-mono); font-size: .6rem; }.verification-progress strong, .verification-progress small { display: block; }.verification-progress strong { font-size: .77rem; }.verification-progress small { color: var(--quiet); font-size: .67rem; }.verification-progress code { color: var(--quiet); font-size: .64rem; }.verification-progress .checking .step-dot { color: var(--infra); border-color: var(--infra); animation: pulse 1s infinite; }.verification-progress .passed .step-dot { color: var(--valid); border-color: var(--valid); }.verification-progress .warned .step-dot { color: var(--risky); border-color: var(--risky); }.verification-progress .failed .step-dot { color: var(--invalid); border-color: var(--invalid); }
.result-hero { display: grid; grid-template-columns: auto 1fr auto; gap: 18px; align-items: center; padding: 24px; border-bottom: 1px solid var(--line); }.result-symbol { display: grid; place-items: center; width: 50px; height: 50px; border: 1px solid currentColor; border-radius: 50%; }.result-hero h2 { margin: 0; font-size: 1.6rem; }.result-hero p { margin: 5px 0 0; color: var(--muted); }.result-score { font-family: var(--font-mono); font-size: 1.7rem; }.result-valid { color: var(--valid); }.result-invalid { color: var(--invalid); }.result-risky { color: var(--risky); }.result-unknown { color: var(--unknown); }.result-details { display: grid; grid-template-columns: repeat(2,1fr); }.result-details section { padding: 22px; border-right: 1px solid var(--line); }.result-details section:last-child { border: 0; }.result-details h3 { font-size: .8rem; }.result-details p { color: var(--muted); font-size: .78rem; }.evidence-list { margin: 0; }.evidence-list div { display: grid; grid-template-columns: 120px 1fr; padding: 9px 0; border-bottom: 1px solid var(--line); font-size: .72rem; }.evidence-list dt { color: var(--quiet); }.evidence-list dd { margin: 0; font-family: var(--font-mono); }
.empty-state { display: grid; place-items: center; min-height: 340px; padding: 40px; text-align: center; }.empty-icon { display: grid; place-items: center; width: 62px; height: 62px; margin-bottom: 20px; border: 1px solid var(--line-strong); border-radius: 50%; color: var(--infra); }.empty-state h2 { font-size: 1.4rem; }.empty-state p { max-width: 440px; color: var(--muted); }.history-list { list-style: none; padding: 0; margin: 0; }.history-list li { display: grid; grid-template-columns: 1fr auto auto; gap: 14px; padding: 13px 18px; border-bottom: 1px solid var(--line); font-size: .75rem; }
.bulk-steps { display: flex; align-items: center; margin-bottom: 20px; }.bulk-steps span { display: flex; flex: 1; align-items: center; gap: 8px; color: var(--quiet); font-size: .7rem; }.bulk-steps span::after { content: ""; flex: 1; height: 1px; background: var(--line); }.bulk-steps span:last-child { flex: 0; }.bulk-steps span:last-child::after { display: none; }.bulk-steps b { display: grid; place-items: center; width: 24px; height: 24px; border: 1px solid var(--line); border-radius: 50%; font-family: var(--font-mono); font-size: .62rem; }.bulk-steps .active { color: var(--ink); }.bulk-steps .active b { border-color: var(--valid); color: var(--valid); }
.drop-zone { display: grid; place-items: center; min-height: 280px; padding: 34px; border: 1px dashed var(--line-strong); border-radius: 8px; background: #0e1013; text-align: center; transition: border-color .2s, background .2s; }.drop-zone.dragging { border-color: var(--infra); background: rgba(111,150,167,.06); }.drop-zone input { position: absolute; opacity: 0; pointer-events: none; width: 1px; height: 1px; }.drop-zone-icon { display: grid; place-items: center; width: 60px; height: 60px; margin-bottom: 18px; border: 1px solid var(--line-strong); border-radius: 50%; color: var(--infra); font-size: 1.5rem; }.drop-zone h2 { margin: 0 0 8px; font-size: 1.3rem; }.drop-zone p { color: var(--quiet); }.upload-kinds { display: flex; gap: 8px; }.upload-kinds span { padding: 5px 8px; border: 1px solid var(--line); border-radius: 4px; color: var(--quiet); font-family: var(--font-mono); font-size: .62rem; }
.preview-stats { display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid var(--line); border-radius: 7px; }.preview-stats div { min-height: 90px; padding: 16px; border-right: 1px solid var(--line); }.preview-stats div:last-child { border: 0; }.preview-stats small, .preview-stats strong { display: block; }.preview-stats small { color: var(--quiet); }.preview-stats strong { margin-top: 12px; font-size: 1.35rem; }.bulk-config { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 14px; }.terms-row { display: flex; align-items: flex-start; gap: 10px; color: var(--muted); font-size: .76rem; }.terms-row input { width: 17px; min-height: 17px; margin-top: 3px; }
.progress-track { height: 7px; border-radius: 8px; background: var(--line); overflow: hidden; }.progress-track span { display: block; width: 0; height: 100%; background: linear-gradient(90deg,var(--infra),var(--valid)); transition: width .4s var(--ease); }.job-state-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; margin-top: 18px; }.job-state { padding: 14px; border: 1px solid var(--line); border-radius: 6px; }.job-state strong, .job-state small { display: block; }.job-state strong { font-size: .76rem; }.job-state small { margin-top: 5px; color: var(--quiet); font-size: .67rem; }
.filter-row { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; padding: 12px 14px; border-bottom: 1px solid var(--line); }.filter-chip { min-height: 34px; padding: 0 12px; border: 1px solid var(--line); border-radius: 99px; background: transparent; color: var(--quiet); cursor: pointer; font-size: .7rem; }.filter-chip.active { border-color: var(--line-strong); background: var(--surface-3); color: var(--ink); }
.dev-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }.endpoint-card { padding: 20px; }.endpoint-method { color: var(--valid); font-family: var(--font-mono); font-size: .7rem; }.endpoint-card h2 { margin: 30px 0 8px; font-size: 1.25rem; }.endpoint-card p { color: var(--muted); }.language-tabs { display: flex; overflow-x: auto; border-bottom: 1px solid var(--line); }.language-tabs button { flex: 0 0 auto; min-height: 44px; padding: 0 14px; border-right: 1px solid var(--line); background: transparent; color: var(--quiet); cursor: pointer; font-family: var(--font-mono); font-size: .68rem; }.language-tabs button[aria-selected="true"] { background: var(--surface-2); color: var(--ink); box-shadow: inset 0 -1px var(--valid); }.code-panel pre { min-height: 270px; }.api-key-value { display: flex; align-items: center; gap: 10px; font-family: var(--font-mono); }.api-key-value code { max-width: 260px; overflow: hidden; text-overflow: ellipsis; }.secret-reveal { padding: 18px; border: 1px solid rgba(200,160,94,.35); border-radius: 6px; background: rgba(200,160,94,.06); }.secret-reveal code { display: block; margin-top: 10px; word-break: break-all; color: var(--risky); }
.billing-layout { display: grid; grid-template-columns: .85fr 1.15fr; gap: 14px; }.plan-options { display: grid; grid-template-columns: repeat(2,1fr); gap: 8px; margin-bottom: 18px; }.plan-option { position: relative; display: grid; min-height: 120px; align-content: space-between; padding: 15px; border: 1px solid var(--line); border-radius: 6px; cursor: pointer; }.plan-option:has(input:checked) { border-color: var(--valid); background: rgba(121,183,163,.05); }.plan-option input { position: absolute; right: 12px; top: 12px; width: 16px; min-height: 16px; }.plan-option strong { font-size: 1.4rem; }.plan-option small { color: var(--quiet); }.invoice-card { padding: 20px; }.invoice-card dl { margin: 0; }.invoice-card div { display: grid; grid-template-columns: 120px 1fr; padding: 11px 0; border-bottom: 1px solid var(--line); }.invoice-card dt { color: var(--quiet); }.invoice-card dd { margin: 0; font-family: var(--font-mono); font-size: .74rem; word-break: break-all; }
.settings-layout { display: grid; grid-template-columns: 220px 1fr; gap: 24px; }.settings-nav { display: grid; align-content: start; gap: 4px; }.settings-nav button { min-height: 40px; padding: 0 12px; border-radius: 5px; background: transparent; color: var(--quiet); text-align: left; cursor: pointer; font-size: .77rem; }.settings-nav button.active { background: var(--surface-2); color: var(--ink); }.setting-row { display: grid; grid-template-columns: 1fr auto; gap: 20px; align-items: center; padding: 18px 0; border-bottom: 1px solid var(--line); }.setting-row h3 { margin: 0 0 5px; font-size: .85rem; }.setting-row p { margin: 0; color: var(--quiet); font-size: .72rem; }.toggle { width: 42px; min-height: 24px; border-radius: 99px; background: var(--line-strong); position: relative; cursor: pointer; }.toggle::after { content: ""; position: absolute; width: 18px; height: 18px; top: 3px; left: 3px; border-radius: 50%; background: var(--ink); transition: transform .2s; }.toggle[aria-pressed="true"] { background: var(--valid); }.toggle[aria-pressed="true"]::after { transform: translateX(18px); }
.toast-region { position: fixed; right: 20px; bottom: 20px; z-index: 50; display: grid; gap: 8px; width: min(360px, calc(100vw - 40px)); }.toast { padding: 13px 15px; border: 1px solid var(--line-strong); border-radius: 7px; background: var(--surface-3); box-shadow: 0 18px 50px rgba(0,0,0,.4); font-size: .75rem; animation: toast-in .25s var(--ease); }.status-message { min-height: 24px; margin: 12px 0 0; color: var(--muted); font-size: .75rem; }.status-message.error { color: var(--invalid); }.status-message.success { color: var(--valid); }

.reveal { opacity: 0; transform: translateY(24px); transition: opacity .8s var(--ease), transform .8s var(--ease); }.reveal.is-visible { opacity: 1; transform: none; }
@keyframes blink { 50% { opacity: 0; } } @keyframes spin { to { transform: rotate(360deg); } } @keyframes pulse { 50% { box-shadow: 0 0 0 5px rgba(111,150,167,.08); } } @keyframes view-in { from { opacity: 0; transform: translateY(7px); } } @keyframes toast-in { from { opacity: 0; transform: translateY(8px); } }

@media (max-width: 1040px) {
  .site-header { grid-template-columns: 1fr auto; }.public-nav { position: absolute; top: 70px; right: 0; display: none; width: 260px; padding: 12px; border: 1px solid var(--line-strong); background: var(--surface-2); box-shadow: 0 20px 60px rgba(0,0,0,.4); }.public-nav.is-open { display: grid; }.public-nav a { padding: 12px; }.public-nav a::after { display: none; }.site-header .nav-toggle { display: grid; justify-self: end; }.nav-toggle span:not(.sr-only) { width: 17px; height: 1px; background: var(--ink); }.header-actions { display: none; }
  .section-grid, .code-section, .pricing-teaser, .auth-layout { grid-template-columns: 1fr; }.hero { min-height: auto; }.validator-stage { max-width: 700px; }.trust-list, .integration-grid, .metric-grid { grid-template-columns: repeat(2,1fr); }.integration-grid a { border-bottom: 1px solid var(--line); }.integration-grid a:nth-child(2) { border-right: 0; }.workflow-line { grid-template-columns: repeat(2,1fr); }.workflow-line li:nth-child(2) { border-right: 0; }.split-heading { grid-template-columns: 1fr; gap: 20px; }
  .site-footer { grid-template-columns: repeat(3,1fr); }.footer-brand { grid-column: span 3; }
  .app-layout { grid-template-columns: 76px minmax(0,1fr); }.app-sidebar { padding-inline: 10px; }.app-nav-label, .app-nav a span:not(.nav-icon), .sidebar-footer p, .sidebar-footer .badge { display: none; }.app-nav a { justify-content: center; }.app-header { grid-template-columns: 76px 1fr auto; }.app-header > .wordmark span:last-child { display: none; }.workspace-switch small { display: none; }.chart-panel, .jobs-panel { grid-column: span 7; }.quality-panel, .activity-panel { grid-column: span 5; }.stat-panel { grid-column: span 6; }
}

@media (max-width: 760px) {
  :root { --shell: min(100% - 32px, 1240px); }.ambient { display: none; } h1 { font-size: clamp(2.7rem, 14vw, 4.2rem); }.site-header { height: 70px; }.hero { padding-block: 78px 90px; }.section { padding-block: 82px; }.section-grid { gap: 48px; }.validator-stage { margin-inline: -8px; }.result-strip { grid-template-columns: 1fr auto; }.result-strip span:nth-child(2) { display: none; }.trust-list, .taxonomy-grid, .use-case-grid, .pricing-grid, .payment-methods, .auth-state-grid, .support-layout, .docs-layout { grid-template-columns: 1fr; }.trust-list { gap: 20px; }.feature-ledger article { grid-template-columns: 42px 1fr; }.feature-ledger .signal { grid-column: 2; }.bulk-visual { grid-template-columns: 1fr; padding: 24px; }.flow-arrow { transform: rotate(90deg); text-align: center; }.workflow-line { grid-template-columns: 1fr; }.workflow-line li, .workflow-line li:not(:first-child), .workflow-line li:last-child { min-height: 130px; padding: 20px 0; border-right: 0; border-bottom: 1px solid var(--line); }.workflow-line span { margin-top: 34px; }.integration-grid { grid-template-columns: 1fr; }.integration-grid a, .integration-grid a:nth-child(2), .integration-grid a:last-child { border-right: 0; border-bottom: 1px solid var(--line); }.integration-grid a:last-child { border-bottom: 0; }.taxonomy-grid article, .use-case-grid article, .taxonomy-grid article:nth-child(even), .use-case-grid article:nth-child(even), .taxonomy-grid article:nth-last-child(-n+2), .use-case-grid article:nth-last-child(-n+2) { border-right: 0; border-bottom: 1px solid var(--line); }.taxonomy-grid article:last-child, .use-case-grid article:last-child { border-bottom: 0; }.payment-methods div { border-right: 0; border-bottom: 1px solid var(--line); }.payment-methods div:last-child { border-bottom: 0; }.docs-layout aside { position: static; }.site-footer { grid-template-columns: 1fr 1fr; gap: 34px 22px; }.footer-brand { grid-column: 1/-1; }.footer-bottom { grid-column: 1/-1; }
  .app-header { height: 62px; grid-template-columns: auto 1fr auto; padding-inline: 12px; }.workspace-switch { justify-self: end; }.workspace-switch strong, .credit-pill span { display: none; }.app-layout { display: block; }.app-sidebar { position: fixed; z-index: 20; inset: auto 0 0; width: 100%; height: 62px; padding: 6px 8px; border: 1px solid var(--line); background: rgba(13,15,18,.97); overflow-x: auto; }.app-nav { display: flex; min-width: max-content; }.app-nav-label, .sidebar-footer { display: none; }.app-nav a { width: 50px; height: 50px; min-height: 50px; }.app-main { padding: 24px 14px 92px; }.view-header { align-items: flex-start; flex-direction: column; }.view-actions { width: 100%; overflow-x: auto; }.dashboard-grid { display: grid; grid-template-columns: 1fr; }.stat-panel, .chart-panel, .quality-panel, .jobs-panel, .activity-panel, .quick-panel { grid-column: 1; }.quick-grid { grid-template-columns: repeat(2,1fr); }.verify-layout, .dev-layout, .billing-layout, .settings-layout, .form-grid, .bulk-config { grid-template-columns: 1fr; }.field-full { grid-column: auto; }.result-details { grid-template-columns: 1fr; }.result-details section { border-right: 0; border-bottom: 1px solid var(--line); }.bulk-steps span { font-size: 0; }.bulk-steps b { font-size: .62rem; }.preview-stats, .job-state-grid { grid-template-columns: repeat(2,1fr); }.preview-stats div:nth-child(2) { border-right: 0; }.preview-stats div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }.plan-options { grid-template-columns: 1fr; }.settings-nav { display: flex; overflow-x: auto; }.settings-nav button { flex: 0 0 auto; }.notification-panel { right: 12px; top: 54px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
  .reveal { opacity: 1; transform: none; }
}