:root {
  color-scheme: dark;
  --bg: #131514;
  --surface: #1c201e;
  --ink: #f6f7f5;
  --muted: #b9c2bc;
  --line: #3b433e;
  --orange: #ff854b;
  --mint: #b8e4d0;
  --sans: "Segoe UI", Arial, sans-serif;
  --mono: Consolas, monospace;
}
* { box-sizing: border-box; letter-spacing: 0; }
html { scroll-behavior: smooth; scroll-padding-top: 6rem; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 1rem/1.65 var(--sans); }
[hidden] { display: none !important; }
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; }
button, a, input, textarea, summary { -webkit-tap-highlight-color: transparent; }
a, button { touch-action: manipulation; }
button { cursor: pointer; }
img { max-width: 100%; height: auto; }
svg { display: block; }
::selection { background: var(--mint); color: var(--bg); }
:focus-visible { outline: 3px solid var(--orange); outline-offset: 5px; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { line-height: 1.12; overflow-wrap: break-word; }
h1 { font-size: 4.5rem; font-weight: 650; margin-bottom: 1.5rem; }
h2 { font-size: 2.75rem; font-weight: 600; margin-bottom: 1.5rem; }
h3 { font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; }
h1 em { color: var(--orange); font-style: normal; }
h2 span { color: var(--mint); }
p { margin-bottom: 1.25rem; }
.section-shell { width: min(76rem, calc(100% - 4rem)); margin-inline: auto; }
.skip-link { position: fixed; top: .5rem; left: 1rem; z-index: 100; padding: .75rem 1rem; background: var(--mint); color: var(--bg); transform: translateY(-200%); }
.skip-link:focus { transform: none; }
.eyebrow, .section-index, .kicker, .card-tag { font: 500 .875rem/1.5 var(--mono); }
.eyebrow, .kicker, .card-tag { color: var(--orange); }
.section-index { color: var(--muted); margin-bottom: 1rem; }
.nav-wrap { position: sticky; top: 0; z-index: 50; min-height: 5rem; display: flex; align-items: center; gap: 2rem; padding: .75rem max(2rem, calc((100% - 76rem) / 2)); background: var(--bg); border-bottom: 1px solid var(--line); }
.brand { display: inline-flex; align-items: center; gap: .7rem; margin-right: auto; flex-shrink: 0; }
.brand-icon { width: 2.75rem; height: 2.75rem; overflow: hidden; background: white; border-radius: 4px; }
.brand-icon img { display: block; width: 100%; height: 100%; object-fit: contain; }
.brand-copy b, .brand-copy small { display: block; line-height: 1.15; }
.brand-copy b { font-size: 1.1rem; }
.brand-copy small { margin-top: .25rem; font-size: .75rem; color: var(--muted); }
.nav-links { display: flex; align-items: center; gap: 1.75rem; }
.nav-links a { font-size: .9375rem; padding-block: .65rem; color: var(--muted); border-bottom: 2px solid transparent; }
.nav-links a:hover, .nav-links a[aria-current="page"] { color: var(--ink); border-bottom-color: var(--orange); }
.nav-cta, .primary-btn { display: inline-flex; justify-content: center; align-items: center; gap: 1.5rem; min-height: 3rem; padding: .85rem 1.25rem; border: 1px solid var(--orange); border-radius: 4px; font-size: .9375rem; font-weight: 650; line-height: 1.4; text-align: center; }
.primary-btn { color: #19130f; background: var(--orange); }
.primary-btn:hover { background: #ffa778; }
.nav-cta:hover { background: var(--surface); }
.primary-btn:disabled { opacity: .7; cursor: wait; }
.text-link { display: inline-flex; align-items: center; gap: .75rem; min-height: 2.75rem; text-decoration: underline; text-underline-offset: .35rem; }
.text-link:hover { color: var(--orange); }
.menu-toggle { display: none; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; padding: .6rem; background: none; border: 1px solid var(--line); border-radius: 4px; color: var(--ink); }
.menu-toggle svg { width: 1.5rem; height: 1.5rem; }
.hero { position: relative; isolation: isolate; min-height: min(43rem, calc(100svh - 9rem)); display: flex; align-items: center; padding: 4rem max(2rem, calc((100% - 76rem) / 2)); background: #202722; }
.hero-picture { position: absolute; inset: 0; z-index: -2; }
.hero-picture img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(12,19,15,.94), rgba(12,19,15,.8) 42%, rgba(12,19,15,.04) 85%); }
.hero-content { max-width: 44rem; }
.hero h1 { font-size: 4.75rem; }
.hero-lede { max-width: 35rem; font-size: 1.1875rem; color: #e4eae6; }
.hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1.5rem; margin-top: 2rem; }
.hero-proof { display: flex; flex-wrap: wrap; gap: 1.5rem; margin-top: 2.75rem; }
.hero-proof div { padding-right: 1.5rem; border-right: 1px solid #657369; }
.hero-proof div:last-child { border: 0; }
.hero-proof strong, .hero-proof span { display: block; }
.hero-proof strong { font-size: 1rem; color: var(--mint); }
.hero-proof span { font-size: .875rem; color: #d3ddd6; }
.service-strip { border-bottom: 1px solid var(--line); }
.service-strip .section-shell { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem 2rem; padding-block: 1.2rem; }
.service-strip a { font-size: .875rem; padding-block: .4rem; color: var(--muted); }
.service-strip a:hover { color: var(--orange); }
.manifesto, .solutions, .process, .page-section { padding-block: 5.5rem; }
.manifesto { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; }
.large-copy { color: var(--muted); font-size: 1.125rem; }
.before-after { display: grid; grid-template-columns: 1fr 1fr; align-content: start; gap: 1.5rem; }
.state-card { padding-block: 1.5rem; border-block: 1px solid var(--line); }
.state-card small { font-size: .875rem; color: var(--muted); }
.state-card ul { padding-left: 1.15rem; color: var(--muted); }
.state-card li { padding-block: .4rem; }
.state-card.after { border-color: var(--mint); }
.state-card.after small { color: var(--mint); }
.section-top, .page-heading { display: grid; grid-template-columns: 1.2fr 1fr; gap: 3rem; align-items: end; margin-bottom: 2.5rem; }
.section-top p, .page-heading > p { color: var(--muted); }
.section-top h2, .page-heading h2 { margin-bottom: 0; }
.section-top .eyebrow, .page-heading .eyebrow { color: var(--orange); }
.solution-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.solution-card { position: relative; padding: 2rem; background: var(--surface); border: 1px solid var(--line); border-radius: 6px; }
.solution-card h3 { margin-top: 1rem; font-size: 1.75rem; }
.solution-card p:not(.card-tag) { color: var(--muted); }
.solution-card .card-tag { margin-bottom: .5rem; }
.solution-card ul { display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; padding-left: 1.1rem; color: var(--muted); font-size: .875rem; }
.solution-card > a { display: inline-flex; min-height: 2.75rem; align-items: center; gap: .75rem; color: var(--mint); text-decoration: underline; text-underline-offset: .3rem; }
.website-service { grid-column: 1 / -1; background: var(--mint); color: #18251e; }
.website-service .card-tag { color: #295841; }
.website-service p:not(.card-tag) { color: #304d3d; max-width: 54rem; }
.website-service > a { color: #18251e; }
.why-section { background: #f1f4f1; color: #19271f; }
.why-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; padding-block: 5rem; }
.why-section h2 span { color: #3e7259; }
.why-section .eyebrow { color: #a94317; }
.why-section .section-index, .why-section p { color: #475b4d; }
.principle { display: grid; grid-template-columns: 2rem 1fr; gap: 1rem; padding-block: 1.25rem; border-bottom: 1px solid #bdcbbf; }
.principle:first-child { padding-top: 0; }
.principle > span { color: #536958; font: .875rem var(--mono); }
.principle h3 { font-size: 1.25rem; margin-bottom: .7rem; }
.principle p { margin: 0; }
.process-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2rem; }
.process-grid article { border-top: 1px solid var(--line); padding-top: 1.5rem; }
.process-grid b { display: block; margin-bottom: 1.5rem; color: var(--orange); font: 1.5rem var(--mono); }
.process-grid small { color: var(--muted); font-size: .875rem; }
.process-grid h3 { margin-top: .75rem; font-size: 1.25rem; }
.process-grid p { color: var(--muted); }
.industries, .module-cloud, .belief-band, .process-promise { padding-block: 3.5rem; background: #202923; border-block: 1px solid var(--line); }
.industry-list, .module-cloud .section-shell > div { display: flex; flex-wrap: wrap; gap: .75rem 1.75rem; }
.industry-list { list-style: none; padding: 0; margin: 0; font-size: 1.25rem; }
.module-cloud span { font-size: 1rem; color: var(--muted); }
.contact { padding-block: 5rem; border-top: 1px solid var(--line); }
.contact-layout, .contact-page-main { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: start; }
.contact-copy > p, .contact-page-copy > p { color: var(--muted); }
.contact-direct, .contact-options { display: flex; flex-direction: column; gap: 1rem; margin-top: 2rem; }
.contact-direct a, .contact-options a { overflow-wrap: anywhere; color: var(--mint); text-decoration: underline; text-underline-offset: .25rem; }
.contact-options small, .contact-options strong { display: block; }
.contact-options small { font-size: .875rem; color: var(--muted); }
.contact-options strong { font-size: 1rem; font-weight: 500; }
.contact-options > a, .contact-options > div { padding-bottom: 1rem; border-bottom: 1px solid var(--line); }
.contact-options > a > span { display: none; }
.contact-form { min-width: 0; }
.form-title { font-size: 1.25rem; font-weight: 600; }
.field-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.contact-form label { display: block; margin-bottom: 1.25rem; font-size: .9375rem; }
.contact-form label > span { display: block; margin-bottom: .5rem; }
.contact-form input, .contact-form textarea { width: 100%; min-height: 3rem; padding: .85rem; background: #202622; color: var(--ink); border: 1px solid #65736a; border-radius: 4px; font-size: 1rem; }
.contact-form textarea { resize: vertical; min-height: 8rem; }
.contact-form input::placeholder, .contact-form textarea::placeholder { color: #a5b4aa; opacity: 1; }
.contact-form input:focus, .contact-form textarea:focus { border-color: var(--mint); }
.contact-form input:user-invalid, .contact-form textarea:user-invalid { border-color: #ff9d9d; }
.contact-form .form-trap { position: absolute; width: 1px; height: 1px; min-height: 0; padding: 0; border: 0; clip-path: inset(50%); overflow: hidden; }
.contact-form .primary-btn { width: 100%; }
.form-note { font-size: .875rem; color: var(--muted); margin-top: 1rem; min-height: 2.5rem; }
.form-note.success { color: var(--mint); }
.form-note.error { color: #ffb0a6; }
.privacy-note { color: var(--muted); font-size: .875rem; }
.footer { display: flex; flex-wrap: wrap; align-items: center; gap: 2rem; padding-block: 2rem; border-top: 1px solid var(--line); }
.footer > p { color: var(--muted); font-size: .875rem; margin: 0; }
.footer > div { display: flex; flex-wrap: wrap; gap: 1rem; color: var(--muted); font-size: .875rem; }
.footer a:hover { color: var(--orange); }
.breadcrumb { padding-top: 1.5rem; font-size: .875rem; color: var(--muted); }
.breadcrumb a { text-decoration: underline; text-underline-offset: .25rem; }
.breadcrumb span { margin-left: .75rem; }
.page-hero { padding-block: 3rem 4rem; max-width: 76rem; border-bottom: 1px solid var(--line); }
.page-hero-copy { max-width: 56rem; }
.page-hero h1 { font-size: 3.75rem; }
.page-hero-copy > p:last-child { max-width: 48rem; font-size: 1.1875rem; color: var(--muted); }
.page-visual { display: none; }
.page-heading { grid-template-columns: .65fr 1.5fr 1fr; }
.capability-list { border-top: 1px solid var(--line); }
.capability-list article { display: grid; grid-template-columns: 3rem 1fr 12rem; align-items: center; gap: 1.5rem; padding-block: 2rem; border-bottom: 1px solid var(--line); scroll-margin-top: 6rem; }
.capability-list article > b { font: .875rem var(--mono); color: var(--muted); }
.capability-list small { font-size: .875rem; color: var(--orange); }
.capability-list h3 { margin-block: .5rem .75rem; }
.capability-list p { margin: 0; color: var(--muted); }
.capability-list a { text-decoration: underline; text-underline-offset: .35rem; color: var(--mint); font-size: .9375rem; min-height: 2.75rem; align-content: center; }
.capability-list ul { color: var(--muted); padding-left: 1.15rem; }
.page-cta { padding-block: 4rem; text-align: center; }
.page-cta h2 { max-width: 49rem; margin-inline: auto; }
.demo-showcase { padding-block: 4rem; }
.demo-grid, .reason-grid, .split-story { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; }
.demo-card { border: 1px solid var(--line); border-radius: 6px; overflow: hidden; }
.demo-browser { padding: 2rem; background: #24382b; border-bottom: 1px solid var(--line); }
.software-demo .demo-browser { background: #263139; }
.demo-browser > span { display: none; }
.demo-browser small, .demo-browser strong, .demo-browser i { display: block; }
.demo-browser small { font: .875rem var(--mono); color: var(--mint); }
.demo-browser strong { margin-block: .75rem; font-size: 1.5rem; line-height: 1.2; }
.demo-browser i { font-size: .875rem; font-style: normal; color: var(--muted); }
.demo-card-copy { padding: 2rem; }
.demo-card-copy > p, .demo-disclaimer { color: var(--muted); }
.demo-disclaimer { font-size: .875rem; margin-top: 1.5rem; }
.reason-grid article { padding: 2rem; border: 1px solid var(--line); border-radius: 6px; }
.reason-grid b { color: var(--orange); font: .875rem var(--mono); }
.reason-grid h3 { margin-top: 2rem; }
.reason-grid p, .split-story p { color: var(--muted); }
.belief-band blockquote { margin: 1rem 0 0; max-width: 60rem; font-size: 2rem; line-height: 1.4; }
.split-story { gap: 4rem; }
.roadmap article { display: grid; grid-template-columns: 5rem 1fr; gap: 2rem; padding-block: 2.5rem; border-top: 1px solid var(--line); }
.roadmap-no { font: 2rem var(--mono); color: var(--orange); }
.roadmap small { font-size: .875rem; color: var(--muted); }
.roadmap h3 { margin-top: .75rem; }
.roadmap p { color: var(--muted); max-width: 48rem; }
.roadmap ul { display: flex; flex-wrap: wrap; gap: .75rem 2rem; padding-left: 1rem; color: var(--mint); }
.roadmap > article > strong { display: none; }
.process-promise p:last-child { color: var(--muted); }
.contact-page-main { padding-block: 3rem 5rem; }
.contact-page h1 { font-size: 3.5rem; }
.success-dialog { position: fixed; max-width: min(30rem, calc(100% - 2rem)); max-height: calc(100svh - 2rem); overflow-y: auto; padding: 2rem; border: 1px solid var(--mint); border-radius: 6px; color: var(--ink); background: var(--surface); }
.success-dialog::backdrop { background: rgba(0,0,0,.75); }
.success-dialog h2 { font-size: 1.75rem; margin-top: 1rem; }
.success-dialog p { color: var(--muted); }
.success-dialog svg { width: 2rem; height: 2rem; color: var(--mint); }
.success-dialog form { margin: 1.5rem 0 0; }
@media (max-width: 65rem) {
  .nav-wrap { gap: 1rem; }
  .nav-cta { display: none; }
  .section-top, .page-heading { grid-template-columns: 1fr 1fr; gap: 1.5rem; }
  .page-heading > p:last-child { grid-column: 2; }
  .manifesto, .why-layout, .contact-layout, .contact-page-main { gap: 2.5rem; }
  .hero h1 { font-size: 4rem; }
  .process-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 50rem) {
  .section-shell { width: calc(100% - 2.5rem); }
  .nav-wrap { min-height: 4.5rem; padding-inline: 1.25rem; flex-wrap: wrap; }
  .nav-links { width: 100%; flex-wrap: wrap; gap: .5rem 1.25rem; }
  .nav-links a { padding-block: .4rem; }
  .menu-ready .menu-toggle { display: flex; }
  .menu-ready .nav-links { display: none; position: absolute; top: 100%; left: 0; padding: 1.25rem; background: var(--bg); border-bottom: 1px solid var(--line); max-height: calc(100svh - 5rem); overflow-y: auto; }
  .menu-ready.menu-open .nav-links { display: flex; flex-direction: column; align-items: stretch; gap: .5rem; }
  .menu-ready.menu-open .nav-links a { padding: .75rem; }
  .hero { min-height: 0; padding: 3rem 1.25rem; }
  .hero::before { background: rgba(12,19,15,.8); }
  .hero h1 { font-size: 3rem; }
  .hero-lede { font-size: 1.0625rem; }
  .hero-proof { margin-top: 2rem; gap: .75rem; }
  .hero-proof div { padding-right: .75rem; }
  .hero-actions { gap: .75rem 1.5rem; }
  .service-strip .section-shell { justify-content: flex-start; gap: .25rem 1.25rem; }
  h2 { font-size: 2.125rem; }
  .manifesto, .solutions, .process, .page-section { padding-block: 3.5rem; }
  .manifesto, .why-layout, .contact-layout, .contact-page-main, .split-story { grid-template-columns: 1fr; }
  .section-top, .page-heading { display: block; }
  .section-top h2, .page-heading h2 { margin-bottom: 1.5rem; }
  .solution-card, .demo-card-copy { padding: 1.5rem; }
  .solution-card h3 { font-size: 1.5rem; }
  .why-layout { padding-block: 3.5rem; }
  .contact { padding-block: 3.5rem; }
  .page-hero { padding-block: 2.5rem 3rem; }
  .page-hero h1, .contact-page h1 { font-size: 2.75rem; }
  .capability-list article { grid-template-columns: 2rem 1fr; gap: 1rem; }
  .capability-list article > a { grid-column: 2; }
  .demo-grid { grid-template-columns: 1fr; }
  .reason-grid article { padding: 1.5rem; }
  .footer { align-items: flex-start; gap: 1.5rem; }
  .footer > div { width: 100%; }
}
@media (max-width: 35rem) {
  .hero h1 { font-size: 2.625rem; }
  .hero-proof div { border: 0; }
  .hero-proof span { font-size: .8125rem; }
  .solution-grid, .reason-grid, .process-grid, .field-row { grid-template-columns: 1fr; }
  .before-after { gap: 1rem; }
  .roadmap article { grid-template-columns: 2.5rem 1fr; gap: 1rem; }
  .roadmap-no { font-size: 1.5rem; }
  .contact-page h1 { font-size: 2.375rem; }
  .page-hero h1 { font-size: 2.5rem; }
  .belief-band blockquote { font-size: 1.5rem; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}

/* Manufacturing solution landing pages */
.manufacturing-hero { padding-block: 4.5rem; border-bottom: 1px solid var(--line); }
.manufacturing-hero > div { max-width: 58rem; }
.manufacturing-hero h1 { max-width: 56rem; font-size: 4rem; }
.manufacturing-hero .hero-lede { max-width: 49rem; color: var(--muted); }
.trust-line { margin-top: 1.5rem; color: var(--muted); font-size: .875rem; }
.manufacturing-panel { margin-block: 4rem; padding: 2rem; background: #202923; border: 1px solid var(--line); border-radius: 6px; }
.manufacturing-panel .section-top { margin-bottom: 1.5rem; }
.sample-label { color: var(--mint); font: 500 .75rem/1.5 var(--mono); }
.metric-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1px; background: var(--line); border: 1px solid var(--line); }
.metric-grid article { min-width: 0; padding: 1.25rem; background: var(--surface); }
.metric-grid span, .metric-grid strong { display: block; }
.metric-grid span { min-height: 2.5rem; color: var(--muted); font-size: .8125rem; }
.metric-grid strong { margin-top: .75rem; color: var(--mint); font-size: 1.25rem; overflow-wrap: anywhere; }
.pain-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 2rem; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.pain-grid li { position: relative; padding: 1.25rem 1rem 1.25rem 2rem; border-bottom: 1px solid var(--line); color: var(--muted); }
.pain-grid li::before { content: ""; position: absolute; top: 1.85rem; left: .25rem; width: .5rem; height: .5rem; background: var(--orange); }
.feature-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.feature-grid article { min-height: 14rem; }
.feature-grid h3 { font-size: 1.25rem; }
.workflow-band { background: #f1f4f1; color: #19271f; }
.workflow-band .eyebrow { color: #a94317; }
.workflow-band p { color: #475b4d; }
.workflow-band h2 span { color: #3e7259; }
.workflow-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; padding: 0; list-style: none; border-top: 1px solid #bdcbbf; }
.workflow-steps li { display: grid; grid-template-columns: 2.5rem 1fr; gap: 1rem; padding: 1.5rem; border-right: 1px solid #bdcbbf; border-bottom: 1px solid #bdcbbf; }
.workflow-steps li:nth-child(3n) { border-right: 0; }
.workflow-steps span { color: #a94317; font: .875rem var(--mono); }
.workflow-steps p { margin: 0; }
.role-list { display: flex; flex-wrap: wrap; gap: .75rem; padding: 0; list-style: none; }
.role-list li { padding: .8rem 1rem; color: var(--mint); border: 1px solid var(--line); border-radius: 4px; }
.manufacturing-note { margin-block: 4rem; padding-block: 2rem; border-block: 1px solid var(--line); }
.manufacturing-note p:last-child { max-width: 60rem; margin-bottom: 0; color: var(--muted); }
.trace-flow { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; padding: 0; list-style: none; background: var(--line); border: 1px solid var(--line); }
.trace-flow li { min-height: 8rem; padding: 1.25rem; background: var(--surface); font-weight: 600; }
.trace-flow span { display: block; margin-bottom: 1rem; color: var(--orange); font: .875rem var(--mono); }
.related-solutions { padding-block: 4rem; border-block: 1px solid var(--line); }
.related-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; background: var(--line); border: 1px solid var(--line); }
.related-grid a { min-height: 5rem; padding: 1.25rem; background: var(--surface); color: var(--mint); text-decoration: underline; text-underline-offset: .3rem; }
.related-grid a:hover { color: var(--orange); }
.faq-list { border-top: 1px solid var(--line); }
.faq-list details { border-bottom: 1px solid var(--line); }
.faq-list summary { padding: 1.25rem 3rem 1.25rem 0; font-size: 1.125rem; font-weight: 600; cursor: pointer; }
.faq-list p { max-width: 60rem; color: var(--muted); }
.conversion-band { padding-block: 4rem; background: var(--mint); color: #18251e; }
.conversion-band .eyebrow { color: #295841; }
.conversion-band h2 { max-width: 52rem; }
.conversion-band p { max-width: 46rem; color: #304d3d; }
.conversion-band .primary-btn { background: #18251e; border-color: #18251e; color: var(--ink); }
.conversion-band .text-link { color: #18251e; }
.manufacturing-entry { padding-block: 4rem; border-block: 1px solid var(--line); }
.manufacturing-entry-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 4rem; align-items: center; }
.manufacturing-entry p { color: var(--muted); }
.manufacturing-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background: var(--line); border: 1px solid var(--line); }
.manufacturing-links a { padding: 1rem; background: var(--surface); color: var(--mint); text-decoration: underline; text-underline-offset: .3rem; }
@media (max-width: 65rem) {
  .metric-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 50rem) {
  .manufacturing-hero { padding-block: 3rem; }
  .manufacturing-hero h1 { font-size: 2.75rem; }
  .manufacturing-panel { width: calc(100% - 2.5rem); margin-block: 2.5rem; padding: 1.25rem; }
  .metric-grid, .trace-flow, .related-grid, .workflow-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .workflow-steps li:nth-child(3n) { border-right: 1px solid #bdcbbf; }
  .workflow-steps li:nth-child(2n) { border-right: 0; }
  .manufacturing-entry-grid { grid-template-columns: 1fr; gap: 2rem; }
}
@media (max-width: 35rem) {
  .manufacturing-hero h1 { font-size: 2.25rem; }
  .metric-grid, .pain-grid, .feature-grid, .trace-flow, .related-grid, .workflow-steps, .manufacturing-links { grid-template-columns: 1fr; }
  .workflow-steps li { border-right: 0 !important; }
  .metric-grid span { min-height: 0; }
}