/* 0.5.6: connected module previews, isolated from previous product cards. */
header{background:rgba(0,0,0,.94)}
.hero.hero-panorama{background:#000}
.problem:after{background:linear-gradient(#000,rgba(0,0,0,.35) 57%,transparent)}
.platform-modules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.module-card{--module-accent:#9bc580;display:flex;flex-direction:column;min-width:0;background:#101812;border:1px solid #344337;border-top:3px solid var(--module-accent);border-radius:4px;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.module-card.module-nova{background:#1b2c1b;border-color:#56904e}
.module-card.module-h2{--module-accent:#89b5d0}
.module-card.module-ch4{--module-accent:#c2b738}
.module-status{padding:18px 20px;font:600 10px/1.4 Inter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em;color:var(--module-accent)}
.module-picture{aspect-ratio:2;overflow:hidden;background:#f5f5ed}
.module-picture img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .35s}
.module-picture .module-nova-image{transform:scale(1.22);transform-origin:15% 55%}
.module-copy{padding:22px 20px 24px;display:flex;flex-direction:column;flex:1}
.module-copy h3{font:600 clamp(26px,2.5vw,38px)/1.1 'Barlow Condensed',Arial,sans-serif;margin:0 0 6px;color:var(--module-accent)}
.module-role{font-size:13px;color:#d9e1d6}
.path .module-copy p{font-size:13px;line-height:1.6;margin:16px 0 22px;color:#bbc6b9}
.module-cta{margin-top:auto;font-size:10px;line-height:1.5;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--module-accent)}
.module-card:hover{border-color:var(--module-accent);box-shadow:0 8px 22px #0005}
.module-card:hover .module-picture img{transform:scale(1.035)}
.module-card:hover .module-picture .module-nova-image{transform:scale(1.255)}
.module-card:focus-visible{outline:2px solid var(--module-accent);outline-offset:5px}
.platform-connections{margin:0;width:100%}
.platform-connections svg{display:block;width:100%;height:auto}
.path .module-illustration-note{font-size:10px;color:#93a08f;margin:0;text-align:right}
@media(max-width:800px){
 .platform-modules{grid-template-columns:1fr;gap:24px}
 .module-picture{aspect-ratio:2.25}
 .module-copy h3{font-size:32px}
 .module-card{position:relative}
 .platform-connections{margin-top:24px;overflow-x:auto}
 .platform-connections svg{min-width:540px}
}
@media(prefers-reduced-motion:reduce){.module-card,.module-picture img{transition:none}}
