:root { color-scheme: dark; --canvas: #101112; --surface: #18191b; --raised: #202224; --border: #2b2d30; --text: #f1f2f3; --muted: #a3a7ae; --dim: #858b93; --green: #9bcaae; --sans: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; --mono: 'Cascadia Code', 'SFMono-Regular', Consolas, monospace; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 100px; }
body { margin: 0; background: var(--canvas); color: var(--text); font: 18px/1.6 var(--sans); -webkit-font-smoothing: antialiased; }
button, select { font: inherit; } button, a, summary { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; } a:hover { color: #fff; } button { cursor: pointer; }
button, a, summary, select { touch-action: manipulation; }
:focus-visible { outline: 2px solid #d4d8de; outline-offset: 5px; border-radius: 3px; }
::selection { color: #fff; background: #42484d; }
h1, h2, h3, p { margin: 0; } h1, h2, h3 { font-weight: 500; } p { color: var(--muted); }
[hidden] { display: none !important; }
.wrap { max-width: none; width: calc(100% - 80px); 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; top: -100px; left: 26px; z-index: 100; background: white; color: black; padding: 16px; }.skip-link:focus { top: 16px; }
.site-header { border-bottom: 1px solid var(--border); background: var(--canvas); }
.header-inner { min-height: 84px; display: flex; align-items: center; justify-content: space-between; gap: 26px; }
.brand { display: inline-flex; align-items: center; gap: 13px; font-weight: 600; font-size: 26px; letter-spacing: -.7px; flex-shrink: 0; }
.brand-divider, .nav-divider { height: 23px; width: 1px; background: var(--border); margin: 0 5px; }
.brand-caption { font-size: 15px; font-weight: 400; letter-spacing: 0; color: var(--dim); }
nav { display: flex; align-items: center; gap: 26px; font-size: 16px; color: var(--muted); }
.button { display: inline-flex; gap: 24px; align-items: center; justify-content: center; padding: 16px 23px; border: 1px solid transparent; border-radius: 5px; font-size: 16px; font-weight: 600; line-height: 1.4; transition: background .15s, border-color .15s; white-space: nowrap; }
.primary { color: #17191b; background: #e7e9eb; border-color: #e7e9eb; }.primary:hover { color: #111; background: #fff; border-color: #fff; }
.secondary { background: #1b1d1f; border-color: #36393d; color: #e0e2e5; }.secondary:hover { background: #292c2f; border-color: #656b73; }
.menu-toggle { display: none; }.account-link { max-width: 130px; overflow: hidden; text-overflow: ellipsis; }
.hero { padding-top: 68px; }
.eyebrow { display: flex; align-items: center; gap: 12px; font: 13px/1.5 var(--mono); letter-spacing: 1.1px; color: var(--muted); }
.status-dot { width: 5px; height: 5px; display: inline-block; background: var(--green); border-radius: 50%; flex-shrink: 0; }
.beta-tag { letter-spacing: 0; margin-left: 13px; padding: 2px 7px; border: 1px solid var(--border); border-radius: 3px; font: 13px/1.5 var(--sans); color: var(--muted); }
.hero-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 32px; padding: 27px 0 47px; }
h1 { font-size: clamp(38px, 4.2vw, 60px); letter-spacing: -2.8px; line-height: 1.12; font-weight: 500; } h1 span { color: #898e94; }
.hero-intro { padding-bottom: 3px; }.hero-intro p { font-size: 18px; line-height: 1.8; }
.actions { display: flex; align-items: center; gap: 24px; margin-top: 30px; }.text-link { font-size: 16px; display: inline-flex; gap: 23px; align-items: center; color: #d9dde1; }.text-link:hover { text-decoration: underline; text-underline-offset: 5px; }
.workspace { border: 1px solid #393c40; border-radius: 11px; overflow: hidden; background: #151618; box-shadow: 0 23px 40px #00000025; }
.workspace-top { height: 47px; padding: 0 26px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--border); background: #1b1d1f; }
.workspace-brand { display: flex; align-items: center; gap: 12px; font-size: 15px; color: #dce0e4; }.workspace-brand>span:last-child { color: var(--muted); }.slash { margin: 0 11px; color: #737981; }
.example-badge { font: 12px var(--mono); letter-spacing: .9px; color: var(--muted); }
.workspace-body { display: grid; grid-template-columns: 230px minmax(0, 1fr); }
.workspace-sidebar { padding: 30px 16px 20px; border-right: 1px solid var(--border); display: flex; flex-direction: column; background: #191a1c; }
.sidebar-label { display: block; font: 12px/1.5 var(--mono); letter-spacing: .8px; color: var(--muted); }.workspace-sidebar>.sidebar-label { padding: 0 13px; margin-bottom: 16px; }
.sidebar-item { display: flex; align-items: center; gap: 13px; padding: 11px 13px; color: var(--muted); font-size: 15px; }.sidebar-item.active { color: #eff1f3; background: #292b2e; border: 1px solid #34373b; border-radius: 4px; }.sidebar-item>span:first-child:not(.status-dot) { font-size: 19px; }.shortcut { margin-left: auto; font-size: 12px; color: var(--muted); border: 1px solid #4d5156; border-radius: 3px; padding: 0 4px; }
.sidebar-rule { border-top: 1px solid var(--border); margin: 26px 11px; }.sidebar-item.current { color: #e3e5e8; }.sidebar-bottom { display: flex; align-items: center; gap: 12px; margin-top: auto; padding: 25px 4px 0; font-size: 13px; }.avatar { background: #303337; padding: 5px 7px; border: 1px solid #44484c; border-radius: 4px; font-size: 12px; }.sidebar-bottom small { display: block; color: var(--dim); font-size: 12px; margin-top: 1px; }
.workspace-main { min-width: 0; }.run-heading { padding: 28px 25px 23px; display: flex; justify-content: space-between; gap: 16px; align-items: center; }.breadcrumb { font-size: 13px; color: var(--muted); }.breadcrumb span { padding: 0 11px; color: #6c7177; }.run-heading h2 { font-size: 24px; letter-spacing: -.4px; margin-top: 11px; }.success-badge { display: flex; align-items: center; gap: 7px; font-size: 12px; padding: 3px 11px; color: var(--green); background: #1d2923; border: 1px solid #35463c; border-radius: 4px; }
.prompt { display: flex; align-items: center; gap: 16px; padding: 16px 18px; margin: 0 25px 28px; background: #202224; border: 1px solid #33363a; border-radius: 4px; }.prompt p { color: #c5c9cf; font-size: 15px; flex: 1; }.prompt-icon { color: var(--muted); font-size: 22px; }.neutral-badge { font-size: 12px; padding: 2px 6px; border: 1px solid #363a3e; border-radius: 3px; color: var(--muted); white-space: nowrap; }
.result-layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; border-top: 1px solid var(--border); }.result-content { min-width: 0; }.tabs { height: 43px; display: flex; align-items: stretch; gap: 27px; padding: 0 28px; border-bottom: 1px solid var(--border); }.tabs button { border: 0; border-bottom: 2px solid transparent; padding: 0 2px; color: var(--muted); font-size: 15px; background: transparent; white-space: nowrap; }.tabs button[aria-selected=true] { color: #f1f2f3; border-bottom-color: #e2e5e8; }.tabs button:hover { color: #fff; }.tab-count { display: inline-block; padding: 0 4px; background: #2b2e31; border-radius: 3px; font: 12px var(--mono); margin-left: 4px; }.file-label { margin-left: auto; align-self: center; color: var(--dim); font: 12px var(--mono); }
.code-toolbar { display: flex; align-items: center; justify-content: space-between; padding: 17px 30px 7px; color: var(--dim); font: 12px var(--mono); letter-spacing: .6px; }.copy-button { background: transparent; border: 0; padding: 4px; color: var(--muted); font: 13px var(--sans); }.copy-button:hover { color: #fff; }.code { margin: 0; padding: 5px 26px 24px 0; overflow-x: auto; font: 15px/1.95 var(--mono); counter-reset: line; color: #d1d6db; }.code-line { counter-increment: line; }.code-line::before { content: counter(line); display: inline-block; width: 43px; padding-right: 22px; text-align: right; color: #818890; user-select: none; }.syntax-keyword { color: #b8ccdb; }.syntax-comment { color: #89918c; }.syntax-number { color: #cfc3a6; }.syntax-function { color: #aac8bb; }.code-bottom { display: flex; justify-content: space-between; padding: 12px 30px; border-top: 1px solid #222528; font-size: 12px; color: var(--dim); }
.verification { border-left: 1px solid var(--border); padding: 19px 23px 18px; background: #191b1d; }.verification-title { display: flex; justify-content: space-between; align-items: center; font-size: 15px; }.verification-status { display: flex; gap: 13px; align-items: center; font-size: 17px; margin: 27px 0 20px; }.check-ring { display: flex; align-items: center; justify-content: center; height: 29px; width: 29px; border: 1px solid #43584b; background: #213028; color: #acd4ba; border-radius: 50%; }.verification-status small { display: block; font-size: 12px; color: var(--muted); margin-top: 1px; }.compact-checks { list-style: none; padding: 0; margin: 0; }.compact-checks li { display: flex; justify-content: space-between; font-size: 13px; color: var(--muted); margin-bottom: 11px; }.pass { color: var(--green); font: 12px var(--mono); }.distribution { border-top: 1px solid var(--border); padding-top: 20px; margin-top: 24px; }.chart-bars { display: flex; justify-content: center; gap: 30px; padding-top: 16px; font: 12px var(--mono); color: var(--muted); }.chart-bars>div { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 6px; }.bar { height: var(--bar-height); width: 48px; background: #a1b6a8; border-radius: 2px 2px 0 0; }.muted-bar { background: #74867b; }.distribution-caption { display: flex; justify-content: space-between; font-size: 12px; margin-top: 13px; color: var(--muted); }.verification-note { font-size: 12px; line-height: 1.7; margin-top: 17px; color: var(--dim); }
.run-footer { display: flex; justify-content: space-between; padding: 13px 30px; border-top: 1px solid var(--border); font-size: 12px; color: var(--muted); }.run-footer>span { display: flex; align-items: center; gap: 7px; }.run-footer a { color: #dce1e5; }.run-footer a span { margin-left: 13px; }
.detail-panel { padding: 28px; min-height: 354px; }.detail-panel h3 { font-size: 22px; margin: 17px 0 28px; }.check-list { list-style: none; margin: 0; padding: 0; }.check-list li { display: flex; gap: 16px; margin-bottom: 26px; }.check-icon { color: var(--green); }.check-list strong { font-size: 16px; font-weight: 500; }.check-list p { font-size: 15px; margin-top: 4px; }.fine-print { font-size: 13px; color: var(--muted); }.run-details { font-size: 15px; }.run-details>div { padding: 12px 0; border-bottom: 1px solid var(--border); display: grid; grid-template-columns: 110px 1fr; gap: 19px; }.run-details dt { color: var(--muted); }.run-details dd { margin: 0; }.run-details+.fine-print { margin-top: 26px; }
.workspace-caption { display: flex; justify-content: space-between; align-items: center; gap: 26px; margin-top: 22px; color: var(--dim); font-size: 13px; }.workspace-caption>span { display: flex; align-items: center; gap: 12px; }.workspace-caption>span:last-child { font: 12px var(--mono); letter-spacing: .7px; }.workspace-caption img { filter: grayscale(1) brightness(2); margin-left: 6px; }.workspace-caption strong { font: 18px var(--sans); color: #bfc4ca; }.tiny-square { width: 5px; height: 5px; border: 1px solid #7e858d; }
.section { padding-top: 88px; padding-bottom: 80px; border-bottom: 1px solid var(--border); }.section-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 30px; margin-bottom: 40px; }.section h2 { font-size: 35px; line-height: 1.2; letter-spacing: -1.1px; margin-top: 23px; }.section-heading>p { font-size: 17px; }.workflow-grid { display: grid; grid-template-columns: repeat(4, 1fr); }.workflow-grid article { padding: 0 28px; border-left: 1px solid var(--border); }.workflow-grid article:first-child { border: 0; padding-left: 0; }.workflow-grid article:last-child { padding-right: 0; }.step-number { font: 15px var(--mono); color: var(--dim); }.workflow-grid h3 { font-size: 19px; margin: 23px 0 13px; }.workflow-grid p { font-size: 16px; line-height: 1.85; }.pipeline-details { margin-top: 32px; padding-top: 24px; border-top: 1px solid var(--border); }.pipeline-details summary { display: flex; align-items: center; justify-content: space-between; cursor: pointer; font-size: 15px; color: var(--muted); list-style: none; }.pipeline-details summary::-webkit-details-marker { display: none; }.pipeline-details[open] summary span { transform: rotate(45deg); }.pipeline-details p { font-size: 16px; margin-top: 23px; max-width: 900px; }
.evidence { display: grid; grid-template-columns: 1fr 1.15fr; align-items: center; gap: 100px; }.evidence-copy>p { margin: 27px 0 24px; font-size: 17px; max-width: 340px; line-height: 1.9; }.benchmark-panel { border: 1px solid var(--border); border-radius: 6px; background: #16181a; }.panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 24px; border-bottom: 1px solid var(--border); font-size: 15px; }.benchmark-empty { padding: 25px 30px 30px; text-align: center; }.chart-symbol { color: #818b85; font-size: 28px; }.benchmark-empty h3 { font-size: 22px; margin: 11px 0 12px; }.benchmark-empty p { max-width: 335px; margin: 0 auto 26px; font-size: 15px; }.benchmark-footer { display: flex; justify-content: space-between; border-top: 1px solid var(--border); color: var(--muted); padding: 15px 24px; font-size: 12px; }
.about { display: flex; align-items: center; justify-content: space-between; gap: 60px; }.about>div>p { font-size: 17px; line-height: 1.9; margin: 26px 0; max-width: 525px; }.founder { display: flex; align-items: center; gap: 23px; }.founder>img { object-fit: cover; filter: grayscale(1); border-radius: 6px; border: 1px solid #3f4449; }.founder h3 { font-size: 18px; }.founder p { font-size: 15px; margin-top: 3px; }.founder-links { display: flex; gap: 19px; font-size: 13px; color: var(--muted); margin-top: 13px; }
.closing { display: flex; justify-content: space-between; align-items: center; gap: 30px; padding-block: 74px; border-bottom: 1px solid var(--border); }.closing h2 { font-size: 36px; line-height: 1.25; letter-spacing: -1px; margin-top: 24px; }.footer { display: flex; align-items: center; gap: 24px; padding-block: 28px 65px; color: var(--dim); font-size: 13px; }.footer .brand { font-size: 22px; color: #d3d6da; }.footer>div { display: flex; gap: 25px; margin-left: auto; }


/* Full-width company identity and a readable product workspace. */
.header-inner { min-height: 104px; }
.brand { font-size: 28px; gap: 15px; letter-spacing: -1px; }
.brand img { object-fit: contain; }
nav { gap: 30px; font-size: 15px; }
.button { min-height: 48px; border-radius: 6px; padding: 14px 22px; font-size: 15px; }
.hero { padding-top: 60px; }
.hero-heading { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(330px, 1fr); align-items: end; gap: 60px; padding: 28px 0 64px; }
h1 { font-size: clamp(48px, 5.25vw, 106px); line-height: 1.07; letter-spacing: -.055em; }
h1 span { color: #a0a5ab; }
.hero-intro { max-width: 520px; justify-self: end; }
.hero-intro p { font-size: clamp(17px, 1.25vw, 22px); line-height: 1.65; }
.actions { gap: 26px; margin-top: 27px; }
.eyebrow { font-size: 12px; letter-spacing: 1.15px; }
.beta-tag { font-size: 12px; }
.text-link { font-size: 15px; }
.product-masthead { display: flex; align-items: center; gap: 40px; padding: 29px 0; border-top: 1px solid var(--border); }
.product-masthead h2 { font-size: 34px; line-height: 1.15; letter-spacing: -1px; margin-top: 8px; }
.product-period { color: var(--green); }
.product-masthead p { margin-left: auto; font-size: 15px; line-height: 1.65; }
.workspace { border-radius: 10px; }
.workspace-top { height: 60px; padding-inline: 26px; }
.workspace-brand { font-size: 15px; }
.workspace-sidebar { padding: 27px 16px 20px; }
.sidebar-item { min-height: 44px; padding: 10px 12px; font-size: 14px; }
.sidebar-label { font-size: 11px; }
.sidebar-bottom { font-size: 13px; }.sidebar-bottom small { font-size: 11px; }
.run-heading { padding: 27px 30px 23px; }.run-heading h2 { font-size: 27px; }
.prompt { margin-inline: 30px; padding: 16px; }.prompt p { font-size: 15px; }
.tabs { height: 54px; gap: 30px; }.tabs button { font-size: 15px; }
.code-toolbar { padding-top: 16px; }.copy-button { min-height: 38px; font-size: 13px; }
.code { font-size: clamp(14px, .9vw, 18px); line-height: 1.95; padding-bottom: 26px; }
.code-line::before { width: 58px; padding-right: 22px; }
.code-bottom { font-size: 12px; }.file-label { font-size: 12px; }
.verification { padding: 20px 23px; }.verification-title { font-size: 15px; }
.verification-status { font-size: 18px; margin-block: 25px; }.verification-status small { font-size: 12px; }
.compact-checks li { font-size: 13px; margin-bottom: 13px; }.pass { font-size: 12px; }
.bar { height: calc(var(--bar-height) * 1.35); width: 65px; }
.chart-bars { font-size: 12px; padding-top: 20px; gap: 38px; }
.verification-note { font-size: 12px; }.run-footer { min-height: 45px; align-items: center; font-size: 12px; }
.detail-panel { min-height: 430px; }.detail-panel h3 { font-size: 24px; }
.check-list strong { font-size: 16px; }.check-list p { font-size: 14px; }
.workspace-caption { font-size: 13px; margin-top: 22px; }
.section { padding-block: 100px; }.section h2 { font-size: clamp(36px, 3vw, 58px); letter-spacing: -1.5px; }
.section-heading>p { font-size: 17px; }.workflow-grid h3 { font-size: 23px; }.workflow-grid p { font-size: 16px; max-width: 40ch; }
.workflow-grid article { padding-inline: 36px; }.workflow-grid article:first-child { padding-left: 0; }
.pipeline-details { margin-top: 40px; padding-top: 25px; }.pipeline-details summary { font-size: 15px; min-height: 32px; }
.pipeline-details p { font-size: 16px; max-width: 1100px; }
.evidence { grid-template-columns: 1fr 1.2fr; gap: 8vw; }.evidence-copy>p { font-size: 18px; max-width: 48ch; }
.panel-heading { font-size: 15px; padding: 20px 25px; }.neutral-badge { font-size: 11px; }
.benchmark-empty { padding: 36px; }.benchmark-empty h3 { font-size: 25px; }.benchmark-empty p { font-size: 16px; max-width: 46ch; }
.chart-symbol { font-size: 40px; }.benchmark-footer { font-size: 12px; padding: 17px 25px; }
.about>div>p { font-size: 18px; max-width: 720px; }.founder { gap: 24px; }.founder>img { width: 96px; height: 96px; }
.founder h3 { font-size: 21px; }.founder p { font-size: 15px; }.founder-links { font-size: 14px; }
.closing h2 { font-size: clamp(36px, 3.5vw, 64px); }.closing { padding-block: 90px; }
.footer { font-size: 14px; padding-block: 32px 70px; }.footer .brand { font-size: 24px; }
.account-link { max-width: 180px; }
@media (min-width: 1900px) {
  .wrap { width: calc(100% - 112px); }
  .workspace-body { grid-template-columns: 270px minmax(0,1fr); }
  .result-layout { grid-template-columns: minmax(0,1fr) 350px; }
  .workspace-sidebar { padding-inline: 24px; }
  .verification { padding-inline: 30px; }
}
@media (max-width: 1250px) {
  .wrap { width: calc(100% - 56px); }
  .hero-heading { gap: 30px; grid-template-columns: minmax(0,1.4fr) minmax(300px,1fr); }
  nav { gap: 19px; font-size: 14px; }.brand { font-size: 25px; }
  .workspace-body { grid-template-columns: 185px minmax(0,1fr); }
  .result-layout { grid-template-columns: minmax(0,1fr) 255px; }
  .verification { padding-inline: 17px; }.sidebar-item { font-size: 13px; }
  .file-label { display: none; }.code-bottom>span:last-child { display: none; }
  .actions { flex-wrap: wrap; gap: 17px; }.workflow-grid article { padding-inline: 24px; }
  .workflow-grid h3 { font-size: 20px; }.workflow-grid p { font-size: 15px; }
  .about { gap: 45px; }.founder { min-width: 265px; }.founder>img { width: 74px; height: 74px; }
  .founder h3 { font-size: 18px; }.founder p,.founder-links { font-size: 13px; }
}
@media (max-width: 1000px) {
  .header-inner { min-height: 88px; flex-wrap: wrap; }
  .menu-toggle { display: inline-flex; font-size: 14px; }
  nav { display: none; width: 100%; flex-direction: column; align-items: stretch; gap: 0; padding: 0 0 22px; }
  nav.open { display: flex; }nav>a { padding: 13px; }.nav-divider { display: none; }nav .button { margin-top: 8px; }
  .hero-heading { grid-template-columns: 1fr; gap: 26px; padding-bottom: 42px; }
  h1 { font-size: clamp(49px, 7.6vw, 76px); }.hero-intro { max-width: 760px; justify-self: start; }
  .hero-intro p { font-size: 18px; }.actions { flex-wrap: nowrap; }
  .workspace-sidebar { display: none; }.workspace-body { grid-template-columns: minmax(0,1fr); }
  .product-masthead { gap: 28px; }.product-masthead p { font-size: 14px; }.product-masthead>.text-link { display: none; }
  .workflow-grid { grid-template-columns: repeat(2,1fr); gap: 34px; }
  .workflow-grid article:nth-child(3) { border: 0; padding-left: 0; }.workflow-grid article:nth-child(2) { padding-right: 0; }
  .section-heading { align-items: flex-start; flex-direction: column; gap: 18px; }
  .evidence { gap: 38px; }.evidence-copy>p { font-size: 16px; }.panel-heading { flex-direction: column; align-items: flex-start; }
  .about { align-items: flex-start; }.founder { min-width: 210px; flex-direction: column; align-items: flex-start; }
  .closing h2 { font-size: 39px; }.footer { flex-wrap: wrap; }.footer>div { gap: 20px; }
}
@media (max-width: 700px) {
  .wrap { width: calc(100% - 32px); }.header-inner { min-height: 82px; gap: 0; }
  .brand { font-size: 23px; gap: 10px; }.brand img { width: 42px; height: 42px; }
  .menu-toggle { min-height: 44px; padding: 10px 12px; font-size: 13px; gap: 8px; }
  .hero { padding-top: 34px; }.eyebrow { font-size: 10px; letter-spacing: .65px; gap: 6px; }.beta-tag { font-size: 10px; margin-left: auto; padding: 3px 6px; }
  .hero-heading { padding-top: 25px; gap: 23px; }h1 { font-size: clamp(35px, 8.7vw, 60px); letter-spacing: -.055em; line-height: 1.13; }
  .hero-intro p { font-size: 16px; line-height: 1.75; }.actions { gap: 20px; margin-top: 25px; }
  .button { padding: 13px 16px; font-size: 14px; gap: 17px; }.text-link { font-size: 13px; gap: 10px; }
  .product-masthead { padding-block: 24px; gap: 15px; align-items: flex-start; flex-direction: column; }
  .product-masthead h2 { font-size: 32px; }.product-masthead p { margin: 0; font-size: 14px; }.product-masthead p br { display: none; }
  .workspace-top { padding-inline: 15px; height: 52px; }.workspace-brand { font-size: 14px; gap: 8px; }
  .workspace-brand>span:last-child,.slash { display: none; }.example-badge { font-size: 9px; letter-spacing: .5px; }
  .run-heading { padding: 20px 16px; align-items: flex-start; flex-direction: column; gap: 12px; }.run-heading h2 { font-size: 24px; margin-top: 10px; }.breadcrumb { font-size: 12px; }.success-badge { font-size: 11px; }
  .prompt { margin: 0 16px 20px; padding: 13px; gap: 10px; align-items: flex-start; }.prompt p { font-size: 14px; }.prompt .neutral-badge { display: none; }
  .result-layout { grid-template-columns: minmax(0,1fr); }.tabs { padding-inline: 16px; gap: 27px; height: 55px; }.tabs button { font-size: 14px; }
  .code-toolbar { padding-inline: 16px; }.code { font-size: 13px; }.code-line::before { width: 37px; padding-right: 12px; }.code-bottom { padding: 12px 16px; }
  .verification { border-left: 0; border-top: 1px solid var(--border); padding: 20px 16px; display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px; }
  .verification-title { grid-column: 1/-1; font-size: 16px; }.verification-status { grid-column: 1; font-size: 14px; gap: 8px; margin: 22px 0; }.verification-status small { font-size: 11px; }.check-ring { width: 27px; height: 27px; flex-shrink: 0; }
  .compact-checks { grid-column: 1; }.compact-checks li { font-size: 11px; gap: 5px; }.pass { font-size: 10px; }
  .distribution { grid-column: 2; grid-row: 2/5; border: 0; padding: 0; margin-top: 24px; }.distribution .sidebar-label { font-size: 9px; }
  .chart-bars { font-size: 11px; gap: 23px; }.bar { width: 40px; height: var(--bar-height); }
  .distribution-caption { font-size: 10px; }.verification-note { grid-column: 1; font-size: 10px; margin-top: 10px; }
  .run-footer { font-size: 10px; padding: 12px 16px; }.run-footer a span { margin-left: 4px; }
  .workspace-caption { font-size: 11px; align-items: flex-start; gap: 12px; }.workspace-caption>span:first-child { max-width: 240px; align-items: baseline; }.workspace-caption>span:last-child { font-size: 0; gap: 5px; white-space: nowrap; }.workspace-caption strong { font-size: 14px; }.workspace-caption img { width: 18px; margin: 0; }
  .section { padding-block: 60px; }.section h2 { font-size: 33px; letter-spacing: -1px; }.section-heading>p { font-size: 16px; }
  .workflow-grid { grid-template-columns: 1fr; gap: 0; }.workflow-grid article,.workflow-grid article:nth-child(3) { padding: 24px 0; border: 0; border-bottom: 1px solid var(--border); }.workflow-grid article:last-child { border: 0; padding-bottom: 0; }
  .workflow-grid h3 { font-size: 21px; margin-block: 12px 8px; }.workflow-grid p { font-size: 16px; max-width: none; }
  .pipeline-details { margin-top: 28px; }.pipeline-details summary { font-size: 14px; }.pipeline-details p { font-size: 15px; }
  .evidence { grid-template-columns: 1fr; gap: 30px; }.evidence h2 br { display: none; }.evidence-copy>p { font-size: 16px; }
  .panel-heading { padding: 17px; gap: 10px; }.benchmark-empty { padding: 25px 18px; }.benchmark-empty h3 { font-size: 22px; }.benchmark-empty p { font-size: 15px; }.benchmark-footer { font-size: 10px; padding: 14px; gap: 8px; }
  .about { display: block; }.about>div>p { font-size: 16px; }.founder { flex-direction: row; gap: 20px; margin-top: 30px; padding-top: 25px; border-top: 1px solid var(--border); }.founder>img { width: 76px; height: 76px; }.founder h3 { font-size: 19px; }.founder p,.founder-links { font-size: 12px; }
  .closing { flex-direction: column; align-items: flex-start; gap: 28px; padding-block: 60px; }.closing h2 { font-size: 34px; }.closing .eyebrow { font-size: 9px; }
  .footer { gap: 17px; padding-block: 27px 90px; font-size: 12px; }.footer .brand { font-size: 22px; }.footer>div { width: 100%; margin: 0; justify-content: space-between; gap: 12px; }
  .detail-panel { padding: 22px 16px; }.detail-panel h3 { font-size: 22px; }.run-details>div { grid-template-columns: 90px 1fr; gap: 12px; }.run-details { font-size: 13px; }
  
}
/* Color has a job: blue for context, teal for evidence, amber for review. */
.skip-link { clip-path: inset(50%); }.skip-link:focus { clip-path: none; }
:root { --teal: #79dcc0; --blue: #83bafa; --amber: #c5c5c5; --coral: #a8a8a8; --green: #79dcc0; }
.primary { background: #a3ead5; border-color: #a3ead5; color: #10251e; }
.primary:hover { background: #c0f5e4; border-color: #c0f5e4; color: #10251e; }
.hero>.eyebrow { color: var(--teal); }.hero h1 span { color: #a8c4d5; }
.product-masthead .eyebrow,.accent-text { color: var(--teal); }
.brand:hover { color: var(--teal); }.text-link:hover { color: var(--teal); }
.syntax-keyword { color: #82bdff; }.syntax-type { color: #f0c985; }
.syntax-function { color: #7ee1c0; }.syntax-number { color: #f59f87; }
.syntax-comment { color: #859890; font-style: italic; }.syntax-module { color: #87d8e7; }
.syntax-variable { color: #dce6ef; }.syntax-punctuation { color: #a6b7c9; }
.syntax-operator { color: #90c4f8; }.syntax-string { color: #c4db96; }
.code { background: #121a20; }.code-toolbar,.code-bottom { background: #161f26; }
.tabs button[aria-selected=true] { color: var(--teal); border-bottom-color: var(--teal); }
.sidebar-item.active { background: #20322e; border-color: #36544b; }
.bar { background: var(--teal); }.muted-bar { background: #66a5c5; }
.workflow-grid article:nth-child(1) .step-number { color: var(--blue); }
.workflow-grid article:nth-child(2) .step-number { color: var(--teal); }
.workflow-grid article:nth-child(3) .step-number { color: var(--amber); }
.workflow-grid article:nth-child(4) .step-number { color: var(--coral); }
.evidence { grid-template-columns: .85fr 1.2fr; align-items: start; gap: 50px 7vw; }
.evidence-copy { padding-top: 30px; }.evidence-copy>.eyebrow { color: var(--teal); }
.benchmark-hero-stat { margin: 35px 0 28px; padding-block: 25px; border-block: 1px solid #31433b; }
.benchmark-hero-stat>strong { display: block; color: var(--teal); font-size: clamp(64px,6vw,112px); line-height: 1.05; letter-spacing: -.06em; font-weight: 500; }
.benchmark-hero-stat>strong>span { font-size: .5em; letter-spacing: -.02em; margin-left: 5px; }
.benchmark-hero-stat>div { margin-top: 16px; font-size: 18px; }.benchmark-hero-stat small { display: block; font-size: 13px; line-height: 1.7; margin-top: 6px; color: var(--muted); }
.benchmark-mini-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; margin: 0 0 34px; }
.benchmark-mini-stats strong { display: block; font-size: 28px; font-weight: 500; }
.benchmark-mini-stats span { display: block; color: var(--muted); font-size: 12px; line-height: 1.6; margin-top: 5px; }
.benchmark-panel { background: #151b1e; border-color: #334249; }
.panel-heading h3 { font-size: 19px; margin-top: 8px; }.panel-heading .eyebrow { font-size: 10px; color: var(--blue); }
.snapshot-badge { font-size: 10px; color: var(--amber); background: #2b2b2b; border: 1px solid #444444; border-radius: 4px; padding: 4px 8px; white-space: nowrap; }
.benchmark-chart { padding: 22px 26px 14px; }.chart-scale { display: flex; justify-content: space-between; font: 11px var(--mono); color: var(--muted); margin-bottom: 15px; }
.benchmark-row { padding: 14px 0; }.benchmark-row+.benchmark-row { border-top: 1px solid #263237; }
.benchmark-row-heading { display: flex; justify-content: space-between; gap: 15px; align-items: center; }.benchmark-row-heading>div { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.benchmark-row-heading strong { font-size: 14px; font-weight: 500; }.benchmark-row-heading>div>span { font-size: 11px; color: var(--muted); }
.benchmark-row-heading>b { font: 20px var(--mono); }.benchmark-row-heading small { font-size: 12px; color: var(--muted); margin-left: 2px; }
.benchmark-track { height: 8px; border-radius: 2px; background: #273239; margin-top: 12px; overflow: hidden; }.benchmark-track>span { display: block; height: 100%; background: var(--series-color); border-radius: 2px; }
.benchmark-row.featured .benchmark-row-heading strong,.benchmark-row.featured .benchmark-row-heading>b { color: var(--teal); }
.benchmark-row-meta { display: flex; justify-content: space-between; font-size: 10px; color: var(--muted); margin-top: 7px; }
.benchmark-source { display: flex; justify-content: space-between; gap: 16px; font-size: 11px; color: var(--muted); border-top: 1px solid #334249; padding: 17px 26px; }.benchmark-source a { color: var(--blue); }
.benchmark-method { grid-column: 1/-1; border-top: 1px solid var(--border); padding-top: 20px; margin-top: -10px; }
.benchmark-method summary,.faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 24px; cursor: pointer; list-style: none; min-height: 44px; }
.benchmark-method summary::-webkit-details-marker,.faq-list summary::-webkit-details-marker { display: none; }
.benchmark-method summary { color: #cad7df; font-size: 15px; }.benchmark-method[open] summary>span,.faq-list details[open] summary>span { transform: rotate(45deg); color: var(--teal); }
.benchmark-method>div { display: grid; grid-template-columns: repeat(3,1fr); gap: 40px; padding-top: 22px; }
.benchmark-method p { font-size: 14px; line-height: 1.85; }.benchmark-method strong { color: var(--text); font-weight: 500; }
.assurance .eyebrow { color: var(--blue); }.assurance-grid { display: grid; grid-template-columns: 1.25fr 1fr; gap: 6vw; align-items: center; }
.verification-map { background: #141d23; border: 1px solid #31434d; border-radius: 8px; padding: 28px; }
.map-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 30px; }.map-top .eyebrow { font-size: 10px; }
.map-source { display: flex; align-items: center; gap: 16px; border: 1px solid #375061; padding: 22px; border-radius: 5px; background: #1a2a35; }.map-icon { color: var(--blue); font: 27px var(--mono); }
.map-source strong,.map-result strong { display: block; font-size: 17px; font-weight: 500; }.map-source div>span,.map-result div>span { display: block; margin-top: 4px; color: var(--muted); font-size: 12px; }
.map-connector { text-align: center; color: #7498ac; font-size: 27px; height: 53px; }
.map-checks { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }.map-checks>div { display: flex; flex-direction: column; align-items: center; padding: 23px 12px; border: 1px solid #33464e; border-radius: 5px; background: #19262c; text-align: center; }
.map-node { display: inline-flex; justify-content: center; align-items: center; width: 36px; height: 36px; border: 1px solid currentColor; border-radius: 50%; font: 12px var(--mono); margin-bottom: 14px; }
.blue { color: var(--blue); }.teal { color: var(--teal); }.amber { color: var(--amber); }
.map-checks strong { font-size: 14px; font-weight: 500; }.map-checks div>span:last-child { font-size: 11px; color: var(--muted); margin-top: 5px; }
.map-result { display: flex; align-items: center; gap: 15px; background: #1b3029; border: 1px solid #3e5d4e; padding: 20px; border-radius: 5px; flex-wrap: wrap; }.map-loop { margin-left: auto; font-size: 11px; color: var(--amber); }
.verification-map>p { font-size: 11px; margin-top: 22px; text-align: center; }
.assurance-notes article { display: flex; gap: 25px; padding: 26px 0; }.assurance-notes article+article { border-top: 1px solid var(--border); }
.feature-index { font: 12px var(--mono); padding-top: 6px; }.assurance-notes h3 { font-size: 24px; letter-spacing: -.5px; }.assurance-notes p { font-size: 16px; margin-top: 12px; line-height: 1.85; max-width: 52ch; }
.use-cases .eyebrow { color: var(--amber); }.use-case-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }
.use-case-card { border: 1px solid #303a40; border-top: 2px solid var(--card-accent); border-radius: 7px; padding: 30px; background: #161c20; display: flex; flex-direction: column; }
.use-case-top { display: flex; align-items: center; gap: 14px; color: var(--card-accent); font: 10px var(--mono); letter-spacing: .6px; margin-bottom: 27px; }.case-icon { font-size: 23px; }
.use-case-card h3 { font-size: clamp(25px,2vw,36px); line-height: 1.25; letter-spacing: -.8px; }
.use-case-card>p { font-size: 16px; line-height: 1.85; margin: 20px 0 26px; }
.example-prompt { border-top: 1px solid #334047; padding-top: 23px; margin-top: auto; }.example-prompt>span { font: 10px var(--mono); color: var(--card-accent); letter-spacing: .6px; }.example-prompt p { font-size: 15px; color: #d2dee5; margin-top: 12px; }
.use-case-card .text-link { margin-top: 28px; color: var(--card-accent); font-size: 14px; }
.faq-section { display: grid; grid-template-columns: .7fr 1.3fr; gap: 7vw; }.faq-section>.eyebrow,.faq-section .eyebrow { color: var(--coral); }.faq-section>div>p { margin: 25px 0; font-size: 17px; }
.faq-list details { border-bottom: 1px solid #344047; padding: 20px 0; }.faq-list details:first-child { border-top: 1px solid #344047; }.faq-list summary { font-size: 18px; line-height: 1.6; }.faq-list summary>span { color: var(--blue); font-size: 23px; flex-shrink: 0; }
.faq-list p { margin: 14px 36px 8px 0; font-size: 16px; line-height: 1.85; }.faq-list p a { color: var(--teal); text-decoration: underline; }
.closing { border-top: 2px solid #436c5d; }.closing .eyebrow { color: var(--teal); }
@media (max-width: 1250px) {
  .evidence { gap: 35px 45px; }.benchmark-row-heading>div { display: block; }.benchmark-row-heading>div>span { display: block; margin-top: 3px; }
  .assurance-grid { gap: 35px; grid-template-columns: 1.15fr 1fr; }.verification-map { padding: 20px; }.map-checks { gap: 8px; }.map-checks strong { font-size: 12px; }.map-checks>div { padding: 20px 8px; }
  .assurance-notes h3 { font-size: 21px; }.assurance-notes p { font-size: 15px; }.use-case-card { padding: 23px; }.use-case-grid { gap: 18px; }.use-case-card>p { font-size: 15px; }
}
@media (max-width: 1000px) {
  .evidence { grid-template-columns: 1fr 1.15fr; gap: 35px; }.benchmark-mini-stats { gap: 13px; }.benchmark-mini-stats strong { font-size: 24px; }.benchmark-mini-stats span { font-size: 11px; }
  .benchmark-chart { padding-inline: 20px; }.benchmark-source { flex-direction: column; gap: 8px; padding-inline: 20px; }.benchmark-hero-stat>div { font-size: 16px; }
  .benchmark-method>div { grid-template-columns: 1fr; gap: 18px; }.assurance-grid { grid-template-columns: 1fr; gap: 25px; }.assurance-notes { display: grid; grid-template-columns: repeat(3,1fr); gap: 25px; }
  .assurance-notes article { display: block; }.assurance-notes article+article { border: 0; }.feature-index { display: block; margin-bottom: 15px; }.assurance-notes h3 { font-size: 19px; }.assurance-notes p { font-size: 14px; }
  .use-case-grid { grid-template-columns: 1fr; }.use-case-card { padding: 30px; }.use-case-card h3 br { display: none; }.use-case-card h3 { font-size: 30px; }.use-case-card>p { max-width: 65ch; font-size: 16px; }.use-case-top { margin-bottom: 20px; }
  .faq-section { grid-template-columns: 1fr; gap: 25px; }.faq-section h2 br { display: none; }.faq-list summary { font-size: 17px; }
}
@media (max-width: 700px) {
  .evidence { grid-template-columns: 1fr; gap: 30px; }.evidence-copy { padding: 0; }.benchmark-hero-stat>strong { font-size: 78px; }.benchmark-hero-stat { margin-block: 26px; }.benchmark-hero-stat>div { font-size: 17px; }
  .benchmark-mini-stats { gap: 20px; }.benchmark-mini-stats strong { font-size: 27px; }.benchmark-mini-stats span { font-size: 11px; }.benchmark-method { margin-top: 0; }
  .panel-heading h3 { font-size: 18px; }.benchmark-row-heading strong { font-size: 14px; }.benchmark-row-heading>b { font-size: 21px; }.benchmark-chart { padding-inline: 18px; }
  .benchmark-row-meta { font-size: 10px; }.benchmark-source { font-size: 12px; }.benchmark-method summary { font-size: 14px; }.benchmark-method p { font-size: 14px; }
  .verification-map { padding: 20px 14px; }.map-top { gap: 8px; }.map-top .eyebrow { font-size: 9px; }.map-top .neutral-badge { font-size: 9px; }
  .map-source { padding: 16px; gap: 13px; }.map-source strong,.map-result strong { font-size: 15px; }.map-source div>span,.map-result div>span { font-size: 11px; }
  .map-checks { grid-template-columns: 1fr; gap: 12px; }.map-checks>div { display: grid; grid-template-columns: 38px 1fr; text-align: left; padding: 15px; gap: 0 15px; align-items: center; }.map-node { grid-row: 1/3; margin: 0; }.map-checks strong { font-size: 15px; }.map-checks div>span:last-child { font-size: 12px; }
  .map-result { padding: 16px; gap: 10px; }.map-loop { width: 100%; margin-top: 10px; }.map-result .check-ring { flex-shrink: 0; }.verification-map>p { font-size: 11px; }
  .assurance-notes { grid-template-columns: 1fr; gap: 0; }.assurance-notes article { display: flex; gap: 18px; padding-block: 23px; }.assurance-notes article+article { border-top: 1px solid var(--border); }.assurance-notes h3 { font-size: 21px; }.assurance-notes p { font-size: 16px; }.feature-index { margin-top: 2px; }
  .use-case-card { padding: 25px 21px; }.use-case-card h3 { font-size: 28px; }.use-case-card>p { font-size: 16px; }.use-case-top { font-size: 9px; gap: 10px; }.example-prompt p { font-size: 15px; }
  .faq-section { gap: 25px; }.faq-list details { padding: 18px 0; }.faq-list summary { font-size: 16px; gap: 20px; }.faq-list p { font-size: 15px; margin-right: 10px; }
}
/* Visitor-facing finish: neutral actions, slate-blue detail, warm annotations. */
:root { --teal: #aec5e5; --blue: #91add8; --amber: #bbbbbb; --coral: #a3a3a3; --green: #bcc9a2; }
.primary { background: #ededed; border-color: #ededed; color: #191b20; }
.primary:hover { background: #fff; border-color: #fff; color: #101216; }
.hero h1 span { color: #a6b2c4; }.hero>.eyebrow { color: #aebbcf; }
.sidebar-item.active { background: #28313e; border-color: #404d61; }
.success-badge { background: #272c25; border-color: #464e3d; color: #c4cfae; }
.check-ring { background: #2a3025; border-color: #4d5842; color: #c4cfae; }
.syntax-function { color: #e7c89a; }.syntax-module { color: #acc6e8; }
.code { background: #161616; }.code-toolbar,.code-bottom { background: #1b1b1b; }
.muted-bar { background: #8a8a8a; }.benchmark-panel { background: #1a1a1a; border-color: #363636; }
.benchmark-hero-stat { border-color: #383838; }.benchmark-row+.benchmark-row { border-color: #2e2e2e; }
.benchmark-track { background: #2a2a2a; }.benchmark-source { border-color: #363636; }
.use-case-card { background: #1a1a1a; }.closing { border-top-color: #46546a; }
.assurance-grid { grid-template-columns: 1.45fr 1fr; gap: 5vw; }
.verification-graphic { margin: 0; border: 1px solid #374355; border-radius: 12px; background: #161c25; padding: 28px; min-width: 0; }
.graphic-header { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-bottom: 24px; border-bottom: 1px solid #313c4c; margin-bottom: 24px; }
.graphic-header .eyebrow { font-size: 10px; color: #8fa8ca; }.graphic-header h3 { font-size: 20px; margin-top: 8px; letter-spacing: -.5px; }
.graphic-label { font-size: 10px; color: #aebaca; white-space: nowrap; border: 1px solid #3c4758; border-radius: 4px; padding: 5px 7px; }
.source-artifact { background: #1b2431; border: 1px solid #3b4b63; border-radius: 7px; overflow: hidden; }
.artifact-file { display: flex; align-items: center; gap: 14px; padding: 17px 20px; border-bottom: 1px solid #303e53; }
.file-glyph { font: 22px var(--mono); color: #b5c9e5; }.artifact-file strong { display: block; font: 14px var(--mono); color: #dfE7f1; }.artifact-file div>span { display: block; font-size: 11px; color: #9dacc1; margin-top: 4px; }
.artifact-tag { margin-left: auto; font: 9px var(--mono); letter-spacing: 1px; color: #b4c3d7; border: 1px solid #45566f; padding: 5px 7px; border-radius: 3px; }
.circuit-art { display: block; width: calc(100% - 40px); height: auto; max-height: 115px; margin: 20px; }
.artifact-caption { display: flex; justify-content: space-between; gap: 15px; font: 10px var(--mono); color: #a1b1c7; padding: 0 20px 17px; }
.branch-rail { position: relative; height: 75px; display: flex; justify-content: center; align-items: center; }
.branch-rail::before { content: ''; position: absolute; left: 50%; top: 0; height: 100%; border-left: 1px solid #607896; }
.branch-rail::after { content: ''; position: absolute; bottom: 0; width: 69%; height: 20px; border: 1px solid #607896; border-bottom: 0; border-radius: 8px 8px 0 0; }
.branch-rail>span { position: relative; z-index: 1; background: #161c25; padding: 6px 12px; color: #91a5be; font: 9px var(--mono); letter-spacing: .7px; }
.inspection-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.inspection-card { min-width: 0; border: 1px solid #3c485b; border-top: 2px solid var(--inspection-color); border-radius: 6px; background: #202834; padding: 17px 14px; --inspection-color: #99b8e4; }
.execution-card { --inspection-color: #b5b5b5; }.reference-card { --inspection-color: #b2aecb; }
.inspection-heading { display: flex; justify-content: space-between; align-items: center; color: var(--inspection-color); }
.inspection-number { font: 10px var(--mono); }.inspection-icon { font: 19px var(--mono); }
.inspection-card h4 { font-size: 16px; font-weight: 500; margin: 15px 0 5px; letter-spacing: -.3px; }.inspection-card>p { font-size: 11px; color: #aab6c7; }
.inspection-card ul { padding: 13px 0 0; margin: 0; list-style: none; border-top: 1px solid #3b4556; font-size: 10px; color: #b9c4d3; line-height: 1.9; }
.inspection-card li::before { content: '·'; color: var(--inspection-color); margin-right: 6px; }
.mini-code,.mini-distribution,.reference-matrix { height: 70px; margin-block: 12px; }
.mini-code { display: flex; flex-direction: column; justify-content: center; gap: 9px; }.mini-code>span { display: flex; gap: 6px; }.mini-code i,.mini-code b,.mini-code em { display: block; height: 5px; border-radius: 2px; width: 24px; background: #91acd2; }.mini-code b { width: 45px; background: #596f8d; }.mini-code em { width: 34px; background: #a4a4a4; }
.mini-distribution { display: flex; align-items: flex-end; justify-content: center; gap: 9px; padding: 9px 8px 5px; border-bottom: 1px solid #596071; }.mini-distribution>span { width: 20px; height: var(--height); background: #aaaaaa; border-radius: 3px 3px 0 0; opacity: .85; }.mini-distribution>span:first-child,.mini-distribution>span:last-child { opacity: .4; }
.reference-matrix { display: flex; align-items: center; justify-content: center; gap: 12px; font: 23px Georgia,serif; color: #b8b5d0; }.reference-matrix>div { display: grid; grid-template-columns: repeat(2,14px); gap: 5px; border-inline: 1px solid #777891; padding: 6px; }.reference-matrix i { height: 14px; width: 14px; background: #626b83; border-radius: 2px; }.reference-matrix i:first-child,.reference-matrix i:last-child { background: #a6acc6; }
.merge-rail { height: 35px; position: relative; }.merge-rail::before { content: ''; position: absolute; left: 15.5%; right: 15.5%; top: 0; height: 17px; border: 1px solid #607896; border-top: 0; border-radius: 0 0 8px 8px; }.merge-rail::after { content: ''; position: absolute; left: 50%; top: 0; height: 35px; border-left: 1px solid #607896; }
.evidence-artifact { display: flex; align-items: center; gap: 15px; padding: 20px; border: 1px solid #53637b; border-radius: 6px; background: #293446; }.evidence-symbol { font-size: 30px; color: #b8cce6; }.evidence-artifact strong { font-size: 16px; font-weight: 500; display: block; }.evidence-artifact div>span { font-size: 11px; display: block; color: #afbed2; margin-top: 4px; }
.repair-path { display: flex; align-items: center; gap: 10px; padding: 18px 5px 0; }.repair-path>span:first-child { color: #b5b5b5; font-size: 25px; }.repair-path p { font-size: 11px; color: #aab6c5; }.repair-path strong { color: #b5b5b5; font-weight: 400; }.repair-line { flex: 1; border-top: 1px dashed #696969; min-width: 20px; }
.graphic-footnote { font-size: 10px; margin-top: 16px; color: #93a2b7; line-height: 1.7; }
.founder-section { display: block; }.founder-intro { display: grid; grid-template-columns: 1fr 1.15fr; gap: 0 7vw; align-items: center; }.founder-intro>.eyebrow { grid-column: 1; }.founder-intro h2 { grid-column: 1; grid-row: 2/4; font-size: clamp(42px,4vw,72px); }.founder-intro>p { grid-column: 2; grid-row: 2; max-width: 62ch; font-size: 20px; margin: 22px 0; }.founder-intro>.text-link { grid-column: 2; grid-row: 3; justify-self: start; }
.founder-profile { display: grid; grid-template-columns: minmax(260px, .7fr) minmax(0,1.4fr); align-items: center; gap: 5vw; background: #1a1f26; border: 1px solid #373f4b; border-radius: 10px; padding: 42px; margin-top: 48px; }
.founder-portrait { min-width: 0; }.founder-portrait img { width: 100%; aspect-ratio: 1 / 1; height: auto; max-height: 440px; object-fit: cover; border-radius: 6px; filter: grayscale(.15); display: block; }.founder-portrait>span { display: block; font: 11px var(--mono); letter-spacing: 1.2px; color: #a9b7ca; margin-top: 18px; }
.founder-bio h3 { font-size: clamp(36px,3.3vw,62px); line-height: 1.15; letter-spacing: -1.7px; margin: 14px 0 20px; }.founder-bio .eyebrow { color: #b3c4dc; }.founder-bio .founder-lead { font-size: clamp(20px,1.6vw,28px); color: #d4dce7; line-height: 1.5; margin-bottom: 20px; }.founder-bio>p { font-size: 17px; line-height: 1.8; max-width: 67ch; margin-bottom: 16px; }.founder-bio .founder-links { font-size: 16px; gap: 27px; margin-top: 30px; padding-top: 23px; border-top: 1px solid #3c4554; }.founder-links a:hover { color: #d6e5fb; }
@media (max-width: 1250px) { .assurance-grid { grid-template-columns: 1.3fr 1fr; gap: 32px; }.verification-graphic { padding: 20px; }.graphic-header { align-items: flex-start; flex-direction: column; gap: 12px; }.inspection-grid { gap: 8px; }.inspection-card { padding: 14px 10px; }.inspection-card h4 { font-size: 14px; }.inspection-card>p { font-size: 10px; }.reference-matrix { gap: 7px; }.founder-profile { padding: 32px; gap: 40px; }.founder-bio>p { font-size: 16px; } }
@media (max-width: 1000px) { .assurance-grid { grid-template-columns: 1fr; }.graphic-header { flex-direction: row; align-items: center; }.verification-graphic { padding: 26px; }.inspection-card { padding: 20px; }.inspection-card h4 { font-size: 18px; }.inspection-card>p,.inspection-card ul { font-size: 12px; }.source-artifact { max-width: 100%; }.founder-intro>p { font-size: 17px; }.founder-profile { grid-template-columns: .8fr 1.2fr; gap: 28px; padding: 28px; }.founder-bio h3 { font-size: 36px; }.founder-bio .founder-lead { font-size: 20px; }.founder-bio>p { font-size: 15px; }.founder-bio .founder-links { font-size: 14px; gap: 18px; flex-wrap: wrap; } }
@media (max-width: 700px) {
  .verification-graphic { padding: 20px 15px; }.graphic-header { flex-direction: column; align-items: flex-start; }.graphic-header h3 { font-size: 21px; }.artifact-file { padding: 15px 12px; gap: 10px; }.artifact-file strong { font-size: 13px; }.artifact-file div>span { font-size: 10px; }.artifact-tag { font-size: 8px; padding: 4px 5px; }.circuit-art { width: calc(100% - 20px); margin: 16px 10px; }.artifact-caption { font-size: 9px; padding-inline: 12px; gap: 8px; }
  .branch-rail { height: 57px; }.branch-rail>span { font-size: 8px; padding-inline: 7px; }.branch-rail::after { display: none; }
  .inspection-grid { grid-template-columns: 1fr; gap: 14px; }.inspection-card { display: grid; grid-template-columns: 1fr 105px; padding: 18px; column-gap: 14px; }.inspection-heading { grid-column: 1; }.inspection-card h4 { grid-column: 1; margin: 10px 0 5px; font-size: 19px; }.inspection-card>p { grid-column: 1; font-size: 12px; }.mini-code,.mini-distribution,.reference-matrix { grid-column: 2; grid-row: 1/4; align-self: center; }.inspection-card ul { grid-column: 1/-1; margin-top: 15px; display: flex; gap: 15px; flex-wrap: wrap; font-size: 11px; }.merge-rail::before { display: none; }.evidence-artifact { padding: 16px 12px; gap: 10px; }.evidence-artifact strong { font-size: 14px; }.evidence-artifact div>span { font-size: 10px; }.repair-path { align-items: flex-start; }.repair-path p { font-size: 11px; }.repair-line { display: none; }
  .founder-intro { display: block; }.founder-intro h2 { font-size: 42px; }.founder-intro h2 br { display: none; }.founder-intro>p { font-size: 16px; }.founder-profile { grid-template-columns: 1fr; padding: 23px; margin-top: 32px; gap: 30px; }.founder-portrait img { max-height: none; }.founder-portrait>span { font-size: 10px; }.founder-bio h3 { font-size: 39px; }.founder-bio .founder-lead { font-size: 21px; }.founder-bio>p { font-size: 16px; }.founder-bio .founder-links { font-size: 14px; gap: 21px; }
}
/* Neutral surfaces and status indicators keep the product, not decoration, in focus. */
:root { --green: #cecece; --teal: #cecece; }
.success-badge { background: #242424; border-color: #454545; color: #d5d5d5; }
.check-ring { background: transparent; border-color: #606060; color: #dbdbdb; }
.pass,.status-dot { color: #cecece; }.status-dot { background: #c4c4c4; }
.sidebar-item.active { background: #2b2b2a; border-color: #454543; }
.hero h1 span,.accent-text { color: #b4b4b4; }
.assurance .eyebrow,.assurance-notes .feature-index { color: #b1b1b1; }
.verification-graphic { background: #181818; border-color: #3a3a38; border-radius: 6px; }
.graphic-header { border-color: #373735; }.graphic-header .eyebrow,.graphic-label { color: #a8a8a8; }
.graphic-label { border-color: #414141; }.source-artifact { background: #20201f; border-color: #484848; }
.artifact-file { border-color: #393937; }.file-glyph,.artifact-file strong { color: #d5d5d5; }.artifact-file div>span { color: #a9a9a9; }
.artifact-tag { color: #b5b5b5; border-color: #505050; }.artifact-caption { color: #a8a8a8; }
.circuit-art { filter: grayscale(1); }
.branch-rail::before,.branch-rail::after,.merge-rail::before,.merge-rail::after { border-color: #717171; }
.branch-rail>span { background: #181818; color: #a6a6a6; }
.inspection-card { background: #222221; border-color: #474747; --inspection-color: #b9b9b9; border-top-width: 1px; }
.inspection-card>p,.inspection-card ul { color: #b0b0b0; }.inspection-card ul { border-color: #414141; }
.mini-code i { background: #a4a4a4; }.mini-code b { background: #686868; }.mini-code em { background: #b1b1b1; }
.mini-distribution { border-color: #656565; }.mini-distribution>span { background: #a4a4a4; }
.reference-matrix { color: #bbbbbb; }.reference-matrix>div { border-color: #787878; }.reference-matrix i { background: #6c6c6c; }.reference-matrix i:first-child,.reference-matrix i:last-child { background: #a6a6a6; }
.evidence-artifact { background: #292927; border-color: #5a5a5a; }.evidence-symbol { color: #c7c7c7; }.evidence-artifact div>span { color: #afafaf; }
.graphic-footnote { color: #a3a3a3; }.repair-path p { color: #a6a6a6; }
.use-case-card { background: transparent; border-top-width: 1px; }.use-case-top { color: #b9b9b9; }
.section { padding-block: 76px; }.closing { border-top-color: #464646; padding-block: 70px; }
.founder-section { display: grid; grid-template-columns: 1fr 1fr; gap: 6vw; align-items: center; padding-block: 60px; }
.founder-intro { display: block; }.founder-intro h2 { font-size: 32px; letter-spacing: -.8px; margin-top: 14px; }
.founder-intro>p { font-size: 16px; line-height: 1.8; max-width: 57ch; margin: 18px 0 0; }
.founder-profile { display: grid; grid-template-columns: 128px minmax(0,1fr); gap: 25px; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; align-items: start; }
.founder-portrait img { width: 128px; height: 128px; aspect-ratio: 1; object-fit: cover; border-radius: 5px; filter: grayscale(.3); }
.founder-bio h3 { font-size: 25px; letter-spacing: -.6px; margin: 0 0 5px; }
.founder-role { display: block; font-size: 13px; color: #a9a9a9; }.founder-bio>p { font-size: 15px; line-height: 1.7; margin: 13px 0 0; max-width: 38ch; }
.founder-bio .founder-links { margin-top: 16px; padding: 0; border: 0; font-size: 13px; gap: 20px; flex-wrap: wrap; }
@media (max-width: 1000px) { .founder-section { grid-template-columns: 1fr; gap: 30px; }.founder-intro>p { max-width: 70ch; }.founder-profile { max-width: 580px; }.section { padding-block: 62px; } }
@media (max-width: 700px) { .founder-section { padding-block: 44px; gap: 26px; }.founder-intro h2 { font-size: 29px; }.founder-intro>p { font-size: 15px; }.founder-profile { grid-template-columns: 100px minmax(0,1fr); gap: 18px; }.founder-portrait img { width: 100px; height: 100px; }.founder-bio h3 { font-size: 23px; }.founder-role { font-size: 11px; }.founder-bio>p { font-size: 13px; margin-top: 10px; }.founder-bio .founder-links { font-size: 12px; gap: 12px; margin-top: 14px; }.section { padding-block: 52px; }.closing { padding-block: 52px; } }
.ui-icon { display: inline-block; width: 20px; height: 20px; vertical-align: middle; flex-shrink: 0; }
.case-icon .ui-icon { width: 28px; height: 28px; }
.use-case-top { min-height: 32px; color: #c2c2c2; gap: 13px; }
.use-case-card h3 { font-size: clamp(24px,2vw,34px); max-width: 18ch; }
.use-case-card .text-link { color: #d8d8d8; }
.example-task-heading { display: flex; align-items: center; gap: 10px; margin: 6px 10px 12px; font-size: 17px; }.example-task-heading strong { font-weight: 500; }
.example-task-description { font-size: 12px; margin: 0 10px 22px; line-height: 1.8; }
.example-task-facts { margin: 0 10px; font-size: 12px; }.example-task-facts>div { padding-block: 12px; border-top: 1px solid var(--border); }.example-task-facts dt { color: var(--muted); font-size: 10px; margin-bottom: 4px; }.example-task-facts dd { margin: 0; color: #d0d0d0; }
.code-actions { display: flex; align-items: center; gap: 10px; }
.copy-button,.wrap-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 38px; padding: 6px 10px; border: 1px solid #494c51; background: #22262c; color: #dbdbdb; border-radius: 4px; font: 12px var(--sans); letter-spacing: 0; }
.copy-button .ui-icon { width: 15px; height: 15px; }.wrap-button[aria-pressed=true] { background: #3c4147; border-color: #777b80; color: #fff; }
.copy-button:hover,.wrap-button:hover { background: #373c43; }
.code.is-wrapped { overflow-x: hidden; padding-right: 20px; }
.code.is-wrapped code { white-space: normal; }
.code.is-wrapped .code-line { display: block; white-space: pre-wrap; overflow-wrap: anywhere; min-height: 1.95em; padding-left: 58px; position: relative; }
.code.is-wrapped .code-line::before { position: absolute; left: 0; top: 0; width: 44px; padding-right: 12px; font-size: 11px; line-height: 2.3; }
@media (max-width:700px) { .code-toolbar { gap: 10px; padding-inline: 12px; }.code-actions { gap: 7px; }.copy-button,.wrap-button { min-height: 44px; font-size: 11px; padding: 6px 8px; }.code.is-wrapped { padding-right: 14px; }.code.is-wrapped .code-line { padding-left: 46px; }.code.is-wrapped .code-line::before { width: 34px; padding-right: 10px; }.hero>.eyebrow { flex-wrap: wrap; }.hero .beta-tag { margin-left: 0; }.use-case-card h3 { font-size: 27px; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { transition: none !important; animation: none !important; } }
/* Color carries meaning only: GrayGate is the highlighted series, every other run shares one neutral. */
:root { --blue: #c9c9c9; --amber: #bdbdbd; --coral: #bdbdbd; --card-accent: #c2c2c2; }
.benchmark-track>span { background: #6e6e6e; }.benchmark-row.featured .benchmark-track>span { background: #e6e6e6; }
.benchmark-row.featured .benchmark-row-heading strong,.benchmark-row.featured .benchmark-row-heading>b { color: #f2f2f2; }
.workflow-grid .step-number,.feature-index { color: #8f8f8f !important; }
.faq-list summary>span,.benchmark-method[open] summary>span,.faq-list details[open] summary>span { color: #bdbdbd; }
.use-case-card { border-color: #333; border-top-color: #333; }.use-case-card:hover { border-color: #4a4a4a; }
.example-prompt { border-top-color: #333; }.example-prompt p { color: #d6d6d6; }
.faq-list details,.faq-list details:first-child { border-color: #333; }
/* Collapsed disclosures close their section without a tall empty band beneath them. */
.section:has(> .pipeline-details:last-child) { padding-bottom: 36px; }
.evidence.section { padding-bottom: 36px; }.benchmark-method { padding-top: 12px; }
/* Keep the explanation beside the diagram as it scrolls instead of floating mid-column. */
.assurance-grid { align-items: start; }
@media (min-width: 1001px) { .assurance-notes { position: sticky; top: 96px; } }
.hero>.eyebrow { color: #b4b4b4; }.benchmark-method summary { color: #d0d0d0; }