.production-intro-link { display: inline-block; font-size: 15px; color: var(--violet, #5b2bff); text-underline-offset: 4px; margin: 4px 0 22px; }
.hero-plan-choices { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 20px 0 24px; }
.hero-plan-choices a { display: grid; gap: 6px; padding: 15px; border: 1px solid #d7d3df; background: #fff; border-radius: 8px; color: #0a0a12; text-decoration: none; font-size: 15px; }
.hero-plan-choices a:hover, .hero-plan-choices a:focus-visible { border-color: #6037ff; }
.hero-plan-choices span { font-size: 13px; color: #6037ff; }
.production-mix input[readonly] { color: #baff39; border-style: dashed; }
.production-volume-summary { grid-column: 1 / -1; }
@media(max-width: 380px) { .hero-plan-choices { grid-template-columns: 1fr; } }
.production-section { background: #f7f6f2; }
.production-paths { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid #d7d3df; border-radius: 12px; overflow: hidden; background: white; }
.production-paths article { min-width: 0; padding: 28px 24px; }
.production-paths article + article { border-left: 1px solid #d7d3df; }
.production-paths article > span { display: block; font: 12px/1.5 monospace; color: #5b2bff; letter-spacing: .08em; }
.production-paths h3 { font-size: 25px; letter-spacing: -.04em; margin: 16px 0 12px; }
.production-paths p { color: #555262; font-size: 16px; line-height: 1.6; min-height: 78px; }
.production-paths dl { border-top: 1px solid #e6e1ec; padding-top: 20px; margin: 20px 0 0; }
.production-paths dt { font-size: 13px; font-weight: 700; color: #6b6578; margin-top: 12px; }
.production-paths dd { font-size: 15px; line-height: 1.5; margin: 5px 0 0; }
.production-handoff { display: flex; gap: 32px; align-items: center; justify-content: space-between; margin-top: 26px; }
.production-handoff p { max-width: 730px; color: #575363; font-size: 16px; line-height: 1.7; }
.production-handoff strong { color: #0a0a12; }
.production-handoff a { font-weight: 650; font-size: 15px; color: #5b2bff; }
.production-plan-request { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; padding: 32px; margin-top: 34px; background: #171127; border: 1px solid #9d85ff; border-radius: 12px; color: white; }
.production-plan-request h3 { font-size: 30px; letter-spacing: -.035em; line-height: 1.15; margin: 16px 0; }
.production-plan-request p { font-size: 16px; line-height: 1.65; color: #cbc4df; }
.production-mix { display: grid; gap: 14px; }
.production-mix label { display: grid; font-size: 16px; font-weight: 600; gap: 8px; min-width: 0; }
.production-mix input, .production-mix select { box-sizing: border-box; width: 100%; min-width: 0; border: 1px solid #675381; border-radius: 7px; background: #0a0a12; color: white; padding: 12px; font: inherit; }
.production-mix [hidden] { display: none; }
.production-mix button:disabled { opacity: .7; cursor: default; }
.production-mix p { font-size: 14px; margin: 2px 0 6px; }
.production-scope-note { grid-column: 1 / -1; border-top: 1px solid #4d3d64; padding-top: 22px; margin: 0; font-size: 14px !important; }
.production-walkthrough { background: #101019; color: #fafafc; }
.production-walkthrough .feature-copy p { color: #c6c1d5; }
.production-flow-demo { padding: 28px; border: 1px solid #514165; border-radius: 12px; background: #171321; }
.production-flow-demo > p { color: #a99abe; font: 12px/1.5 monospace; letter-spacing: .08em; }
.production-flow-demo ol { padding: 0; margin: 20px 0 0; list-style: none; counter-reset: stage; }
.production-flow-demo li { counter-increment: stage; padding: 18px 0; border-top: 1px solid #3d314e; display: grid; grid-template-columns: 28px 1fr; gap: 5px 12px; }
.production-flow-demo li::before { content: counter(stage, decimal-leading-zero); color: #bdff3d; font: 12px/1.8 monospace; }
.production-flow-demo strong { font-size: 16px; }
.production-flow-demo span { grid-column: 2; font-size: 14px; color: #c6c1d5; }
@media(max-width: 1100px) { .production-paths { grid-template-columns: 1fr 1fr; } .production-paths article:nth-child(3) { border-left: 0; } .production-paths article:nth-child(n+3) { border-top: 1px solid #d7d3df; } }
@media(max-width: 700px) { .production-plan-request { grid-template-columns: 1fr; padding: 24px; gap: 22px; } .production-handoff { display: block; } .production-paths { grid-template-columns: 1fr; } .production-paths article + article { border-left: 0; border-top: 1px solid #d7d3df; } .production-paths p { min-height: 0; } }