/* Reuse the original photographic neuron artwork without changing the landing page. */
.connection{position:relative;isolation:isolate;background:#14100e;overflow:hidden}
.connection::before{content:"";position:absolute;inset:0;z-index:-2;background:url("molt-hero.png") center 32%/cover no-repeat;opacity:.65}
.connection::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(12,10,10,.86),rgba(17,12,11,.52) 46%,rgba(12,10,10,.92))}
.connection .section-no{color:#ebbb82}.connection-intro{color:#dfd8d0}
.neural-diagram{margin:64px 0 40px;padding:36px;border:1px solid rgba(235,187,130,.36);border-radius:24px;background:rgba(17,13,12,.72);box-shadow:0 24px 80px rgba(0,0,0,.3);backdrop-filter:blur(9px)}
.diagram-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:38px}
.diagram-heading h3{font:300 clamp(1.9rem,3vw,3rem)/1.1 Newsreader,serif;margin:0}
.diagram-heading>span{font:400 .8rem DM Mono,monospace;color:#d0b490;white-space:nowrap}
.diagram-flow{display:grid;grid-template-columns:minmax(0,1fr) 85px minmax(0,1fr) 85px minmax(0,1fr);align-items:stretch}
.diagram-node{min-width:0;padding:26px 22px;border-radius:18px;border:1px solid rgba(231,181,120,.38);background:rgba(39,27,22,.93);display:flex;flex-direction:column}
.diagram-node .node-label{font:400 .8rem/1.5 DM Mono,monospace;color:#f0bf83;letter-spacing:.03em;margin:0 0 30px}
.diagram-node h4{font:300 clamp(1.8rem,2.6vw,2.8rem)/1.1 Newsreader,serif;margin:0 0 16px}
.diagram-node>p:not(.node-label){font-size:1rem;color:#e7dcd0;margin:0 0 24px}
.node-detail{margin-top:auto;padding-top:18px;border-top:1px solid rgba(231,181,120,.22);font-size:.875rem;line-height:1.6;color:#c7b7a9}
.living-node{background:rgba(55,35,24,.95);border-color:#e8a65a;box-shadow:0 0 34px rgba(232,166,90,.16)}
.diagram-arrow{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:7px;color:#ecc799;padding:0 4px}
.diagram-arrow span{font-size:.75rem;line-height:1.4;overflow-wrap:anywhere}.diagram-arrow b{font-weight:400;font-size:2.3rem;line-height:1}
.return-loop{display:flex;align-items:center;justify-content:center;gap:24px;margin:25px 5% 0;padding:18px 22px;border:1px solid rgba(232,166,90,.5);border-top:0;border-radius:0 0 28px 28px;color:#efc997}
.return-loop>span{font-size:2rem}.return-loop p{margin:0;text-align:center;font-size:.95rem;line-height:1.65;color:#d8c7b7}.return-loop strong{font-weight:500;color:#fff0dc}
.neural-diagram figcaption{font-size:.875rem;line-height:1.65;color:#c7b7a9;text-align:center;max-width:700px;margin:30px auto 0}
@media(max-width:1050px){.neural-diagram{padding:26px 20px}.diagram-flow{grid-template-columns:minmax(0,1fr) 62px minmax(0,1fr) 62px minmax(0,1fr)}.diagram-node{padding:20px 15px}}
@media(max-width:760px){.diagram-heading{display:block}.diagram-heading>span{display:block;margin-top:12px}.diagram-flow{grid-template-columns:1fr}.diagram-node{padding:25px}.diagram-node h4{font-size:2.3rem}.diagram-node .node-label{margin-bottom:15px}.diagram-arrow{min-height:88px;flex-direction:row;gap:15px}.diagram-arrow b{transform:rotate(90deg)}.diagram-arrow span{font-size:.875rem}.return-loop{margin-inline:0;padding-inline:10px;gap:12px}.connection::before{background-position:70% center}.neural-diagram{border-radius:18px}}