/* Shared presentation refinements. Product content and media remain in their source pages. */
:root {
  --polish-ink: #171717;
  --polish-muted: #595959;
  --polish-line: #e5e5e5;
  --polish-surface: #f8f8f8;
  --polish-shadow: 0 2px 5px rgb(0 0 0 / 3%), 0 16px 40px rgb(0 0 0 / 7%);
}

html { scroll-padding-top: 96px; }
body { font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important; }
body *, body *::before, body *::after { letter-spacing: 0 !important; }
h1, h2, h3 { text-wrap: balance; }
p { text-wrap: pretty; }
a, button { -webkit-tap-highlight-color: transparent; }
body a:focus-visible, body button:focus-visible, body summary:focus-visible {
  outline: 2px solid #3562c9 !important;
  outline-offset: 5px;
}
img, video { max-width: 100%; }

/* Homepage rhythm and typography */
html[data-theme="light"] { --text-2: #595959; --text-3: #686868; --border: #e5e5e5; --border-strong: #d6d6d6; }
html[data-theme="light"] .container,
html[data-theme="light"] .nav-inner { max-width: 1200px; padding-inline: 32px; }
html[data-theme="light"] .nav { background: rgb(255 255 255 / 96%); border-color: var(--polish-line); }
html[data-theme="light"] .nav-inner { height: 72px; }
html[data-theme="light"] .nav-links { gap: 22px; }
html[data-theme="light"] .logo { font-size: 19px; font-weight: 650; }
html[data-theme="light"] .logo-mark { box-shadow: none; }
html[data-theme="light"] .btn { min-height: 44px; padding-inline: 22px; box-shadow: none; }
html[data-theme="light"] .btn-lg { min-height: 48px; padding-inline: 26px; }
html[data-theme="light"] .btn:hover { box-shadow: 0 4px 12px rgb(0 0 0 / 8%); }
html[data-theme="light"] .hero { padding: 124px 0 48px; }
html[data-theme="light"] .grid-bg { opacity: .28; }
html[data-theme="light"] .eyebrow { margin-bottom: 24px; font-size: 12px; font-weight: 500; box-shadow: none; }
html[data-theme="light"] .hero h1 { max-width: 980px; font-size: 60px; line-height: 1.09; font-weight: 600; margin-bottom: 24px; }
html[data-theme="light"] .hero h1 .grad { display: block; color: #4b4b4b; -webkit-text-fill-color: #4b4b4b; }
html[data-theme="light"] .hero p.lede { max-width: 770px; font-size: 18px; line-height: 1.65; margin-bottom: 26px; }
html[data-theme="light"] .hero-ctas { gap: 12px; margin-bottom: 24px; }
html[data-theme="light"] .works-with { gap: 10px; }
html[data-theme="light"] .works-with .chip { padding: 4px 9px; border: 0; background: transparent; font-weight: 500; box-shadow: none; }
html[data-theme="light"] .startup-grid-proof { margin-top: 24px; padding: 9px 16px; border-radius: 6px; box-shadow: none; gap: 18px; }
html[data-theme="light"] .startup-grid-proof img { width: 230px; }
html[data-theme="light"] .team-trust-proof { margin-top: 20px; gap: 20px; }
html[data-theme="light"] .team-trust-proof > span { font-size: 10px; font-weight: 500; }
html[data-theme="light"] .trust-logo-row { gap: 24px; }
html[data-theme="light"] .trust-band { padding: 0 0 32px; }
html[data-theme="light"] .trust-band-inner { display: flex; align-items: center; justify-content: center; gap: 48px; }
html[data-theme="light"] .trust-band .startup-grid-proof { margin: 0; }
html[data-theme="light"] .trust-band .team-trust-proof { margin: 0; flex-direction: column; gap: 12px; }
html[data-theme="light"] section { padding: 80px 0; }
html[data-theme="light"] .kicker { font-size: 11px; font-weight: 600; margin-bottom: 16px; }
html[data-theme="light"] .sec-title { max-width: 840px; font-size: 40px; font-weight: 600; line-height: 1.17; margin-bottom: 20px; }
html[data-theme="light"] .sec-sub { max-width: 760px; font-size: 16px; line-height: 1.75; margin-bottom: 36px; }
html[data-theme="light"] .divider { max-width: 1136px; margin-inline: auto; background: var(--polish-line); }
html[data-theme="light"] .impact-strip { padding: 20px 0 36px; margin: 0; }
html[data-theme="light"] .impact-grid { padding: 0; gap: 0; border-color: var(--polish-line); }
html[data-theme="light"] .impact-stat { padding: 24px 20px; min-height: 0; border-color: var(--polish-line); }
html[data-theme="light"] .impact-stat:first-child { padding-left: 0; }
html[data-theme="light"] .impact-stat:last-child { padding-right: 0; }
html[data-theme="light"] .impact-stat strong { min-height: 66px; font-size: 18px; line-height: 1.25; font-weight: 600; margin-bottom: 12px; }
html[data-theme="light"] .impact-stat span { font-size: 13px; line-height: 1.65; }
html[data-theme="light"] .gap-card { padding: 28px; border-color: var(--polish-line); }
html[data-theme="light"] .gap-card h3 { font-size: 20px; line-height: 1.35; margin-bottom: 14px; }
html[data-theme="light"] .gap-card p { font-size: 14px; line-height: 1.75; }
html[data-theme="light"] .gap-card .num { margin-bottom: 20px; font-size: 11px; }

/* Operating model and product media */
html[data-theme="light"] .model-layout { max-width: 920px; }
html[data-theme="light"] .steps { display: grid; grid-template-columns: minmax(0, 1fr); }
html[data-theme="light"] .step { grid-template-columns: 36px minmax(0, 1fr); gap: 18px; padding: 28px 0; border-radius: 0; align-items: start; }
html[data-theme="light"] .step .sn { width: 32px; height: 32px; background: #f5f5f5; border: 1px solid var(--polish-line); border-radius: 6px; font-size: 11px; box-shadow: none; }
html[data-theme="light"] .step-head { gap: 8px; }
html[data-theme="light"] .step-head h3 { width: auto; margin-bottom: 0; font-size: 19px; }
html[data-theme="light"] .step p { font-size: 14px; line-height: 1.75; max-width: 820px; }
html[data-theme="light"] .agent-badge { box-shadow: none; border-color: #dedede; font-weight: 500; animation: none; }
html[data-theme="light"] .agent-badge::after { display: none; }
html[data-theme="light"] .step-tags .tag { color: #28744d; background: #f4faf6; border-color: #d7e8dc; }
html[data-theme="light"] .step-tags .tag.violet { color: #535353; background: #f8f8f8; border-color: #ddd; }
html[data-theme="light"] .dashboard-glimpse.media-depth { margin-top: 40px; border: 1px solid #dedede; border-radius: 8px; box-shadow: var(--polish-shadow); transform: none; }
html[data-theme="light"] .dashboard-glimpse.media-depth::before,
html[data-theme="light"] .dashboard-glimpse.media-depth::after { display: none; }
html[data-theme="light"] .dashboard-glimpse.media-depth .dashboard-glimpse-head { border-radius: 8px 8px 0 0; padding: 16px 20px; background: #fafafa; }
html[data-theme="light"] .dashboard-glimpse-status { color: #357454; }
html[data-theme="light"] .session-demo-media,
html[data-theme="light"] .dashboard-glimpse.media-depth video { border-radius: 0 0 7px 7px; }
html[data-theme="light"] .developer-feature-list { margin-top: 40px; }
html[data-theme="light"] .developer-feature { grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 72px; padding: 48px 0; border-color: var(--polish-line); }
html[data-theme="light"] .developer-feature-copy h3 { font-size: 28px; line-height: 1.25; font-weight: 600; margin-bottom: 16px; }
html[data-theme="light"] .developer-feature-copy p { font-size: 15px; line-height: 1.75; }
html[data-theme="light"] .developer-feature-copy small { font-size: 11px; font-weight: 500; margin-bottom: 16px; }
html[data-theme="light"] .developer-feature-media { padding: 0; border: 1px solid #dedede; background: #fff; border-radius: 8px; box-shadow: var(--polish-shadow); transform: none; overflow: hidden; }
html[data-theme="light"] .developer-feature-media:hover { transform: none; box-shadow: var(--polish-shadow); }
html[data-theme="light"] .developer-feature-media::before,
html[data-theme="light"] .developer-feature-media::after { display: none; }
html[data-theme="light"] .developer-feature-media img { border: 0; border-radius: 7px; box-shadow: none; filter: none; }
html[data-theme="light"] .developer-feature-session .developer-feature-media { width: min(100%, 304px); }
html[data-theme="light"] .developer-session-crop { border: 0; border-radius: 7px; }
html[data-theme="light"] .developer-agent-board,
html[data-theme="light"] .developer-ops-panel { padding: 24px; border: 0; border-radius: 0; background: #fafafa; }
html[data-theme="light"] .developer-agent-node { box-shadow: none; }
html[data-theme="light"] .developer-context-card,
html[data-theme="light"] .developer-evolution-card { padding: 40px 0; margin-top: 16px; gap: 72px; border: 0; border-bottom: 1px solid var(--polish-line); border-radius: 0; background: transparent; box-shadow: none; }
html[data-theme="light"] .developer-evolution-step b { font-size: 13px; }
html[data-theme="light"] .developer-evolution-step { padding: 20px 14px; }
html[data-theme="light"] .developer-context-metrics b { font-size: 42px; font-weight: 600; }

/* Lower page content: readable without inactive-state fading or oversized panels. */
html[data-theme="light"] .slop-section { padding: 20px 0 36px; }
html[data-theme="light"] .slop-card { padding: 32px 0; }
html[data-theme="light"] .slop-card h3 { font-size: 28px; line-height: 1.25; }
html[data-theme="light"] .flywheel-card { padding: 28px; }
html[data-theme="light"] .flywheel-card h3 { font-size: 20px; line-height: 1.3; }
html[data-theme="light"] .architecture-link-card { padding: 32px 0; border-left: 0; border-right: 0; border-radius: 0; box-shadow: none; background: transparent; }
html[data-theme="light"] .architecture-link-copy h2 { font-size: 30px; line-height: 1.25; }
html[data-theme="light"] .capability-scroll { grid-template-columns: 250px minmax(0, 1fr); gap: 64px; }
html[data-theme="light"] .capability-detail { min-height: 0; padding: 32px 0 48px; opacity: 1; }
html[data-theme="light"] .capability-detail h3 { font-size: 30px; font-weight: 600; line-height: 1.25; }
html[data-theme="light"] .capability-detail > p { font-size: 15px; line-height: 1.75; }
html[data-theme="light"] .capability-detail .capability-panel-outcomes { margin-top: 28px; }
html[data-theme="light"] .capability-topics li { opacity: 1; }
html[data-theme="light"] .capability-topics li.is-active { transform: none; }
html[data-theme="light"] .memory-benchmark { padding: 24px 0; border: 0; border-block: 1px solid var(--polish-line); background: transparent; box-shadow: none; }
html[data-theme="light"] .memory-benchmark-head { align-items: start; gap: 20px; }
html[data-theme="light"] .memory-benchmark-head > span { font-size: 26px; line-height: 1.25; font-weight: 600; }
html[data-theme="light"] .memory-benchmark-meta { flex-direction: column; align-items: flex-end; }
html[data-theme="light"] .memory-benchmark-head p { font-size: 13px; }
html[data-theme="light"] .memory-benchmark-content { min-width: 0; min-height: 72px; padding: 0 16px; }
html[data-theme="light"] .memory-benchmark-bar { min-height: 74px; border-radius: 4px; }
html[data-theme="light"] .memory-benchmark-fill { background: #000; }
html[data-theme="light"] .memory-benchmark-content { width: var(--score); color: #fff; }
html[data-theme="light"] .int .li img { width: 26px; height: 26px; display: block; object-fit: contain; filter: none; }
html[data-theme="light"] .memory-benchmark-content b { font-size: 34px; }
html[data-theme="light"] .metrics-band { margin-top: 48px; }
html[data-theme="light"] .metrics-head h3 { font-size: 28px; line-height: 1.3; }
html[data-theme="light"] .metric-card strong { font-size: 40px; }
html[data-theme="light"] .compare-row { grid-template-columns: 180px 1fr 1fr; }
html[data-theme="light"] .compare-row > div { padding: 20px; font-size: 14px; line-height: 1.65; }
html[data-theme="light"] .int .li { box-shadow: none; border-color: var(--polish-line); }
html[data-theme="light"] .cta-wrap { padding: 24px 0; grid-template-columns: minmax(0, 740px) auto; background: transparent; border: 0; border-radius: 0; box-shadow: none; }
html[data-theme="light"] .cta-wrap .form { align-items: center; }
html[data-theme="light"] .cta-wrap .form .btn { min-width: 180px; }
html[data-theme="light"] .cta-wrap h2 { font-size: 38px; line-height: 1.2; }
html[data-theme="light"] .footer { background: #fafafa; }
html[data-theme="light"] .foot { display: grid; grid-template-columns: 1fr 1.2fr; gap: 40px 64px; }
html[data-theme="light"] .foot-links { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px 24px; align-items: start; }
html[data-theme="light"] .foot-links a { font-size: 13px; }
.reveal { opacity: 1; transform: none; }

/* Shared page chrome and reading surfaces */
body:not([id="top"]) { background: #fff !important; }
body .topbar { padding-inline: max(24px, calc((100% - 1136px) / 2)) !important; min-height: 72px !important; border-color: var(--polish-line) !important; background: rgb(255 255 255 / 96%) !important; }
body .primary-nav { gap: 20px; }
body .primary-nav a { font-size: 13px !important; }
body .primary-nav a:last-child { min-height: 44px; padding-inline: 20px; border-radius: 999px !important; box-shadow: none !important; }
body .mark { box-shadow: none !important; }
body .article-shell { width: min(100% - 64px, 960px) !important; padding-top: 64px !important; }
body .article-hero { margin: 0 0 40px; }
body .article-hero h1,
body .blog-index-hero h1,
body .faq-hero h1 { font-size: 48px !important; line-height: 1.14 !important; font-weight: 600 !important; }
body .article-hero > p:not(.eyebrow):not(.article-meta):not(.meta) { font-size: 19px !important; line-height: 1.65 !important; }
body .article-hero .meta { display: block !important; width: auto !important; margin: 18px 0 24px !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; text-transform: none !important; text-align: center; font-size: 12px !important; font-weight: 400 !important; line-height: 1.7 !important; }
body .article-hero .meta time, body .article-hero .meta a { display: inline; }
body .article-meta { display: flex !important; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px !important; margin: 18px 0 24px !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; font-size: 11px !important; line-height: 1.6; }
body .article-body { max-width: 760px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
body .article-body p,
body .article-body li { font-size: 17px !important; line-height: 1.85 !important; }
body .article-body h2 { margin-top: 48px !important; font-size: 29px !important; line-height: 1.3 !important; }
body .article-body h3 { font-size: 22px !important; line-height: 1.35 !important; }
body .article-body p { margin-bottom: 22px !important; }
body .article-body a { text-underline-offset: 4px; }
body .article-body pre { overflow-x: auto; }
body .blog-card { border-color: var(--polish-line) !important; box-shadow: none !important; transition: border-color .2s, box-shadow .2s; }
body .blog-card:hover { border-color: #bcbcbc !important; box-shadow: 0 8px 24px rgb(0 0 0 / 5%) !important; }
body .article-cta, body .faq-cta { box-shadow: none !important; border-radius: 0 !important; border-inline: 0 !important; background: transparent !important; }
body .answer-topbar { padding-inline: max(24px, calc((100% - 1136px) / 2)); }
body .answer-hero h1 { font-size: 48px; line-height: 1.14; font-weight: 600; }
body .answer-eyebrow { color: #555; }
body .answer-summary { background: #fafafa; border-color: var(--polish-line); border-left-color: #333; font-size: 18px; }
body:not([id="top"]) .hero h1,
body.architecture-page .architecture-hero h1 { font-size: 48px !important; font-weight: 600 !important; line-height: 1.14 !important; }
body:not([id="top"]) .hero > p:not(.eyebrow),
body .blog-index-hero > p:not(.eyebrow) { font-size: 19px !important; line-height: 1.65 !important; }
body .security-panel, body .security-card { box-shadow: none !important; padding: 28px; }
body.security-page .security-panel h2,
body.security-page .security-callout h2 { font-size: 30px !important; line-height: 1.25 !important; }
body.security-page .security-section > h2 { font-size: 36px !important; line-height: 1.25 !important; }
body .security-callout { border-inline: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
body.architecture-page .architecture-shell { box-shadow: var(--polish-shadow); }
body .button { box-shadow: none !important; border-radius: 6px !important; }

.site-menu-toggle { display: none; }
@media (max-width: 1060px) {
  body .has-site-menu { position: relative; }
  body .topbar.has-site-menu { position: sticky !important; }
  .site-menu-toggle { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 8px 12px; margin-left: auto; border: 1px solid #ddd; border-radius: 6px; background: #fff; color: #171717; font: 500 13px 'Geist', sans-serif; cursor: pointer; }
  body .has-site-menu > .nav-mobile-cta { margin-left: 12px; }
  body .has-site-menu > .primary-nav,
  body .has-site-menu > .answer-nav { gap: 0; }
  body .has-site-menu .primary-nav a:not(:last-child),
  body .has-site-menu .answer-nav a { display: none !important; }
  body .has-site-menu > .is-mobile-open { display: flex !important; position: absolute; top: 100%; left: 0; right: 0; z-index: 200; flex-direction: column; align-items: stretch; gap: 0; max-height: calc(100dvh - 80px); overflow-y: auto; padding: 12px 24px 20px; background: #fff; border-bottom: 1px solid #ddd; box-shadow: 0 14px 20px rgb(0 0 0 / 6%); }
  body .has-site-menu > .is-mobile-open a:nth-child(n) { display: flex !important; align-items: center; min-height: 44px; padding: 10px 12px !important; margin: 0; color: #222 !important; font: 500 14px 'Geist', sans-serif !important; border: 0 !important; border-radius: 4px !important; background: transparent !important; box-shadow: none !important; text-decoration: none; }
  body .has-site-menu > .is-mobile-open a:hover { background: #f5f5f5 !important; }
  body .has-site-menu > .is-mobile-open a:last-child { margin-top: 8px; background: #f4f4f4 !important; }
}

@media (max-width: 1060px) {
  html[data-theme="light"] .hero h1 { font-size: 50px; max-width: 840px; }
  html[data-theme="light"] .sec-title { font-size: 36px; }
  html[data-theme="light"] .developer-feature { gap: 40px; }
  body .topbar .primary-nav { gap: 12px; }
}
@media (max-width: 900px) {
  html[data-theme="light"] .developer-feature,
  html[data-theme="light"] .developer-context-card,
  html[data-theme="light"] .developer-evolution-card { grid-template-columns: 1fr; gap: 28px; }
  html[data-theme="light"] .developer-feature-media { width: 100%; max-width: 620px; justify-self: center; }
  html[data-theme="light"] .developer-feature-copy { max-width: 640px; }
  html[data-theme="light"] .capability-scroll { grid-template-columns: 1fr; gap: 32px; }
  html[data-theme="light"] .impact-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html[data-theme="light"] .impact-stat:nth-child(n) { padding: 20px; border: 0; border-bottom: 1px solid var(--polish-line); }
  html[data-theme="light"] .impact-stat strong { min-height: 0; }
  html[data-theme="light"] .impact-stat:last-child { grid-column: 1 / -1; border-bottom: 0; }
}
@media (max-width: 760px) {
  html[data-theme="light"] .container,
  html[data-theme="light"] .nav-inner { padding-inline: 24px; }
  html[data-theme="light"] .nav-inner { height: 64px; }
  html[data-theme="light"] .hero { padding: 96px 0 36px; }
  html[data-theme="light"] .hero h1 { font-size: 38px; line-height: 1.13; }
  html[data-theme="light"] .hero p.lede { font-size: 16px; line-height: 1.7; }
  html[data-theme="light"] .eyebrow { font-size: 11px; padding-inline: 10px; }
  html[data-theme="light"] .hero-ctas { gap: 10px; }
  html[data-theme="light"] .hero-ctas .btn { font-size: 13px; padding-inline: 18px; }
  html[data-theme="light"] .startup-grid-proof { flex-direction: column; gap: 6px; width: auto; padding: 12px 20px; }
  html[data-theme="light"] .team-trust-proof { flex-direction: column; gap: 12px; }
  html[data-theme="light"] .trust-band-inner { flex-direction: column; gap: 24px; }
  html[data-theme="light"] section { padding: 56px 0; }
  html[data-theme="light"] .sec-title { font-size: 32px; line-height: 1.2; }
  html[data-theme="light"] .sec-sub { font-size: 15px; margin-bottom: 28px; }
  html[data-theme="light"] .steps { grid-template-columns: 1fr; }
  html[data-theme="light"] .step:nth-child(n) { padding: 24px 0; border-left: 0; gap: 14px; }
  html[data-theme="light"] .gap-card { padding: 24px 0; }
  html[data-theme="light"] .developer-feature-copy h3 { font-size: 26px; }
  html[data-theme="light"] .developer-feature { padding: 36px 0; }
  html[data-theme="light"] .developer-context-card,
  html[data-theme="light"] .developer-evolution-card { padding: 32px 0; }
  html[data-theme="light"] .developer-context-metrics b { font-size: 30px; }
  html[data-theme="light"] .developer-agent-node:nth-child(n+5) { display: flex; }
  html[data-theme="light"] .developer-agent-board,
  html[data-theme="light"] .developer-ops-panel { padding: 18px; }
  html[data-theme="light"] .memory-benchmark-head { flex-direction: column; }
  html[data-theme="light"] .memory-benchmark-meta { align-items: start; }
  html[data-theme="light"] .memory-benchmark-head p { text-align: left; }
  html[data-theme="light"] .memory-benchmark-content { padding: 0 12px; gap: 8px; }
  html[data-theme="light"] .memory-benchmark-content b { font-size: 26px; }
  html[data-theme="light"] .memory-benchmark-content strong { font-size: 11px; }
  html[data-theme="light"] .compare-row { grid-template-columns: 1fr; }
  html[data-theme="light"] .compare-row > div { padding: 18px; }
  html[data-theme="light"] .flywheel-card { padding: 24px 0; }
  html[data-theme="light"] .cta-wrap h2 { font-size: 30px; }
  html[data-theme="light"] .cta-wrap { grid-template-columns: 1fr; gap: 24px; }
  html[data-theme="light"] .cta-wrap .form { align-items: flex-start; }
  html[data-theme="light"] .foot { grid-template-columns: 1fr; gap: 28px; }
  html[data-theme="light"] .foot-links { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body .article-shell { width: calc(100% - 40px) !important; padding-top: 40px !important; }
  body .article-hero h1, body .blog-index-hero h1, body .faq-hero h1,
  body .answer-hero h1 { font-size: 34px !important; line-height: 1.2 !important; }
  body .article-hero > p:not(.eyebrow):not(.article-meta):not(.meta) { font-size: 17px !important; }
  body .article-body p, body .article-body li { font-size: 16px !important; line-height: 1.8 !important; }
  body .article-body h2 { font-size: 26px !important; }
  body .answer-shell { width: calc(100% - 40px); padding-top: 36px; }
  body .answer-summary { font-size: 16px; padding: 20px; }
  body:not([id="top"]) .hero h1, body.architecture-page .architecture-hero h1 { font-size: 34px !important; }
  body:not([id="top"]) .hero > p:not(.eyebrow) { font-size: 17px !important; }
  body.security-page .security-panel h2, body.security-page .security-callout h2 { font-size: 26px !important; }
  body.security-page .security-section > h2 { font-size: 30px !important; }
  body .topbar.has-site-menu { gap: 12px !important; padding-inline: 20px !important; }
  body .has-site-menu .primary-nav a:last-child { min-height: 40px !important; padding-inline: 12px !important; font-size: 12px !important; }
}
@media (max-width: 420px) {
  html[data-theme="light"] .hero h1 { font-size: 34px; }
  html[data-theme="light"] .impact-grid { grid-template-columns: 1fr; }
  html[data-theme="light"] .impact-stat:nth-child(n) { padding: 22px 0; }
  html[data-theme="light"] .hero-ctas .btn { padding-inline: 16px; }
}
@media (max-width: 360px) {
  body .has-site-menu > .nav-mobile-cta,
  body .has-site-menu > .primary-nav:not(.is-mobile-open) { display: none !important; }
  html[data-theme="light"] .developer-usage-row { grid-template-columns: minmax(0, 1fr) minmax(0, .9fr) auto; gap: 8px; }
  html[data-theme="light"] .developer-agent-board-head { gap: 12px; flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

@supports (color: definitely-not-a-color) {
/* Unified dark theme for every public Prinevo page. This stays last so it wins
   over older page-specific light styles while preserving each page's layout. */
:root {
  --polish-ink: #f5f5f2;
  --polish-muted: #aaa9a2;
  --polish-line: rgba(245, 245, 242, 0.13);
  --polish-surface: #111113;
  --polish-shadow: 0 18px 44px rgb(0 0 0 / 22%);
  --sub-bg: #0a0a0b;
  --sub-bg-2: #111113;
  --sub-surface: #121214;
  --sub-surface-2: #19191c;
  --sub-border: rgba(245, 245, 242, 0.13);
  --sub-border-strong: rgba(245, 245, 242, 0.22);
  --sub-text: #f5f5f2;
  --sub-muted: #aaa9a2;
  --sub-faint: #77767b;
  --sub-accent: #deded8;
  --sub-accent-2: #a8a8a2;
  --sub-cyan: #d0d0ca;
  --answer-bg: #0a0a0b;
  --answer-surface: #121214;
  --answer-text: #f5f5f2;
  --answer-muted: #aaa9a2;
  --answer-border: rgba(245, 245, 242, 0.14);
  --answer-accent: #cfd3ff;
}

html { background: #0a0a0b !important; color-scheme: dark; }
html[data-theme="dark"] {
  --accent: #f5f5f2;
  --accent-2: #d6d6d1;
  --cyan: #c4c4bf;
  --accent-rgb: 245, 245, 242;
  --accent-2-rgb: 214, 214, 209;
  --cyan-rgb: 196, 196, 191;
  --brand-gradient: linear-gradient(135deg, #f5f5f2, #cfcfca);
  --brand-gradient-line: linear-gradient(90deg, #f5f5f2, #7f7f7b);
  --brand-gradient-text: linear-gradient(100deg, #fff 8%, #f4f4ef 50%, #c9c9c4 100%);
}
body,
body:not([id="top"]),
body.answer-page {
  color: #f5f5f2 !important;
  background: #0a0a0b !important;
}

body:not([id="top"])::before {
  display: block !important;
  background:
    linear-gradient(rgba(255, 255, 255, 0.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px) !important;
  background-size: 56px 56px !important;
}

body .topbar,
body .answer-topbar,
body .footer,
body .site-footer {
  color: #f5f5f2 !important;
  background: rgb(10 10 11 / 92%) !important;
  border-color: var(--polish-line) !important;
  box-shadow: none !important;
}

body .brand,
body .brand span,
body .topbar strong,
body .answer-brand,
body .mark { color: #f5f5f2 !important; }
body .mark { background: #151517 !important; border-color: rgba(245, 245, 242, 0.18) !important; }
body .mark path { stroke: #f5f5f2 !important; }
body .mark circle { fill: #f5f5f2 !important; stroke: #151517 !important; }

body .primary-nav a,
body .nav a,
body .nav-links a,
body .answer-nav a,
body .site-footer nav a,
body .footer nav a { color: #aaa9a2 !important; }
body .primary-nav a:hover,
body .primary-nav a.active,
body .primary-nav a[aria-current="page"],
body .nav a:hover,
body .nav-links a:hover,
body .answer-nav a:hover,
body .site-footer nav a:hover,
body .footer nav a:hover { color: #f5f5f2 !important; }

body .primary-nav a:last-child,
body .nav-links a.button,
body .button,
body .button.primary,
body .answer-button {
  color: #0a0a0b !important;
  background: #f5f5f2 !important;
  border-color: #f5f5f2 !important;
  box-shadow: none !important;
}
body .button.secondary,
body .primary-nav a.active,
body .primary-nav a[aria-current="page"] {
  color: #f5f5f2 !important;
  background: transparent !important;
  border-color: var(--polish-line) !important;
}

body .hero h1,
body .faq-hero h1,
body .article-hero h1,
body .blog-index-hero h1,
body .answer-hero h1,
body h1,
body h2,
body h3,
body h4,
body .card h2,
body .card h3,
body .gap-card h3,
body .use-card h3,
body .pipe-card h3,
body .integration-card strong,
body .comparison-head .comparison-winner { color: #f5f5f2 !important; -webkit-text-fill-color: currentColor !important; }

body .hero p,
body .faq-hero p,
body .article-hero p,
body .blog-index-hero p,
body p,
body li,
body .hero-sub,
body .hero-meta,
body .section p,
body .definition p,
body .article-body p,
body .article-body li,
body .faq-item p,
body .card p,
body .gap-card p,
body .use-card p,
body .pipe-card p,
body .panel p,
body .panel li,
body .list li,
body .integration-card span,
body .site-footer p,
body .footer p,
body .answer-content p,
body .answer-content li { color: #aaa9a2 !important; }

body .eyebrow,
body .label,
body .blog-card .label,
body .article-hero .meta,
body .blog-card .meta,
body .hero-badge,
body .artifact-label,
body .section-kicker,
body .badge,
body .chip,
body .answer-eyebrow {
  color: #deded8 !important;
  background: rgb(245 245 242 / 7%) !important;
  border-color: rgb(245 245 242 / 16%) !important;
}
body .eyebrow::before,
body .badge-dot { background: #deded8 !important; }

body .faq-list,
body .article-body,
body .definition,
body .panel,
body .card,
body .faq-item,
body .article-cta,
body .faq-cta,
body .cta,
body .blog-card,
body .artifact-card,
body .artifact-body,
body .metric,
body .comparison,
body .comparison-row,
body .gap-card,
body .integration-card,
body .use-card,
body .pipe-card,
body .output-card,
body .waitlist,
body .proof-card,
body .stat-card,
body .security-panel,
body .security-card,
body .security-callout,
body .answer-summary,
body .answer-links a {
  color: #f5f5f2 !important;
  background: #121214 !important;
  border-color: var(--polish-line) !important;
  box-shadow: var(--polish-shadow) !important;
}
body .faq-item { background: transparent !important; box-shadow: none !important; }
body .panel.dark,
body .comparison,
body .output-card,
body .answer-cta { background: #171719 !important; border-color: var(--polish-line) !important; }

body .article-body strong,
body .definition strong,
body .panel strong,
body .card strong,
body .faq-item strong,
body .list strong,
body .answer-content h2,
body .answer-content h3 { color: #f5f5f2 !important; }
body .article-body a,
body .breadcrumbs,
body .breadcrumbs a { color: #deded8 !important; text-decoration-color: #a8a8a2 !important; }
body .article-body blockquote,
body .note,
body .direct-answer {
  color: #d7d7d2 !important;
  background: #171719 !important;
  border-color: var(--polish-line) !important;
}

body .waitlist-form input,
body input,
body textarea {
  color: #f5f5f2 !important;
  background: #121214 !important;
  border-color: var(--polish-line) !important;
}
body .waitlist-form input::placeholder,
body input::placeholder,
body textarea::placeholder { color: #77767b !important; }
body .answer-footer { color: #aaa9a2 !important; background: #0a0a0b !important; border-color: var(--polish-line) !important; }

@media (max-width: 1060px) {
  body .site-menu-toggle { color: #f5f5f2 !important; background: #151517 !important; border-color: var(--polish-line) !important; }
  body .has-site-menu > .is-mobile-open { background: #101012 !important; border-color: var(--polish-line) !important; box-shadow: 0 18px 36px rgb(0 0 0 / 35%) !important; }
  body .has-site-menu > .is-mobile-open a:nth-child(n) { color: #f5f5f2 !important; }
  body .has-site-menu > .is-mobile-open a:hover,
  body .has-site-menu > .is-mobile-open a:last-child { background: #1b1b1e !important; }
}
}
