.product-detail{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(40px,6vw,100px);align-items:center}.product-detail-copy{min-width:0}.product-detail h2{font-size:clamp(2.5rem,4.1vw,4.5rem);line-height:1.08;letter-spacing:-.055em}.product-detail-copy>p{font-size:1.0625rem;line-height:1.7;max-width:39ch;margin-top:28px}.product-detail-copy .detail-secondary{font-size:.9375rem;color:var(--muted);margin-top:18px}.product-detail .text-link{margin-top:30px;display:inline-flex;gap:12px;align-items:center}.product-detail figure{min-width:0;margin:0}.product-detail video,.import-media>img{display:block;width:100%;height:auto;border-radius:16px;background:#11171b}.product-detail video{max-height:620px}.product-detail figcaption{font-size:.75rem;line-height:1.6;color:var(--muted);margin-top:16px}.import-detail{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.import-detail .product-detail-copy{grid-column:2;grid-row:1}.import-detail .import-media{grid-column:1;grid-row:1}.import-route{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px;font-size:.75rem;color:var(--muted)}.import-file{display:inline-grid;place-items:center;width:42px;height:48px;border:1px solid var(--muted);border-radius:7px;color:var(--ink);font-weight:600;font-size:1rem}.import-route-arrow{color:var(--accent);font-size:1.2rem;margin-inline:4px}.after-story h2{font-size:clamp(2.5rem,4.1vw,4.5rem);line-height:1.08}.after-story>div>p{line-height:1.7}.design-recording video{display:block;aspect-ratio:16/10;object-fit:cover;object-position:center}.graph-detail{padding-top:60px}.import-detail{padding-top:60px}#parameter-graph,#python-import{scroll-margin-top:100px}@media(max-width:800px){.product-detail,.import-detail{grid-template-columns:1fr;gap:32px}.import-detail .product-detail-copy,.import-detail .import-media{grid-column:1;grid-row:auto}.product-detail-copy>p{max-width:100%}.product-detail h2,.after-story h2{font-size:clamp(2.4rem,9vw,3.5rem)}.product-detail video{max-height:none}.graph-detail,.import-detail{padding-top:45px}.import-route{gap:9px;font-size:.7rem}.import-route-arrow{margin-inline:0}}

/* Export artwork follows the user's model + parameters → Plant 3D concept. */
.export-detail{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);padding-top:60px}
.export-detail h2{font-size:clamp(1.6rem,2.5vw,2.6rem);letter-spacing:-.04em}
.export-detail .product-detail-copy>p{max-width:48ch}
.export-media{background:var(--surface);border-radius:20px;overflow:hidden}
.export-diagram{display:block;width:100%;height:auto;color:var(--accent)}
.export-block{fill:var(--panel)}.export-destination{fill:var(--ink)}
.export-label{font:600 26px Montserrat,sans-serif;fill:var(--ink)}
.export-destination~.export-label{fill:var(--bg)}.export-small{font-size:16px;font-weight:400}
.export-media figcaption{padding:0 24px 20px;margin:0;font-size:.8125rem}
.import-media>img{background:#17251f}
#python-export,#ownership{scroll-margin-top:100px}
#ownership>div:first-child{max-width:850px}#ownership p{max-width:49ch}
@media(max-width:800px){.export-detail{grid-template-columns:1fr;padding-top:45px}.export-detail h2{font-size:clamp(1.25rem,4.8vw,2.6rem)}}
@media(max-width:650px){#ownership h2{font-size:clamp(1.5rem,7.6vw,2.1rem)}}
.design-recording video{aspect-ratio:1342/713;object-fit:contain}
/* Match the Parameter Graph backdrop in both appearance modes. */
:root{--diagram-surface:color-mix(in srgb,var(--surface) 85%,#71867b 15%)}
.export-media{background:var(--diagram-surface)}
.import-diagram{display:block;width:100%;height:auto;background:var(--diagram-surface);border-radius:20px}
.export-pieces path{stroke:var(--diagram-surface);stroke-width:4;stroke-linejoin:round}
.export-parameter-piece{fill:color-mix(in srgb,var(--panel) 82%,var(--accent) 18%)}
.export-label .export-destination-label{fill:var(--bg)}

.import-diagram text{font-family:Segoe UI,Arial,sans-serif;fill:#edf6ef;font-size:23px}.import-diagram .label{font-weight:600}.import-diagram .file-type{font-size:58px}.import-diagram .small{font-size:19px;fill:#bed0c3}.import-diagram .port{fill:#ffcf31}.import-diagram .green{fill:#9ef2b5}.import-diagram .tile{fill:#20362b}.import-diagram .field{fill:#202a34;stroke:#8d9ba5;stroke-width:1.4}