.stage{--stage-shade:linear-gradient(90deg,rgba(8,16,22,.86) 0%,rgba(8,16,22,.55) 48%,rgba(8,16,22,.2) 100%)}
.stage .eyebrow{color:var(--teal-soft)}
.stage h1 em{font-style:normal;font-weight:500;color:#9FE3E6}
.stage .note{font-size:14px;color:rgba(255,255,255,.6)}
.duo-logos{display:flex;gap:14px;align-items:center}
.duo-logos img{height:62px;width:auto;border-radius:14px}

.steps-sec .l1{object-position:70% 50%}
.steps-sec .l2{object-position:72% 50%}

.uses{background:var(--paper);padding-block:clamp(88px,11vw,150px)}
.uses h2{font-size:clamp(36px,4.6vw,66px);max-width:18ch}
.use-grid{margin-top:48px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:16px}
.use{border-radius:26px;background:var(--mist);padding:30px;display:flex;flex-direction:column;gap:30px;min-height:230px;justify-content:space-between}
.use h3{font-size:24px;font-weight:500}
.use p{color:var(--muted);font-size:15.5px;margin-top:8px}
.use .tag{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--tc)}

#enseco-sec{background:var(--mist)}
#enseco-sec .eyebrow{color:#0058A0}
#nevoa-sec{background:var(--paper)}
#nevoa-sec .eyebrow{color:#C2410C}

/* Product palettes on the detail sections */
.pal-detail{position:relative;overflow:hidden}
.pal-detail .eyebrow{color:var(--acc)}
.pal-detail h2{color:var(--fg)}
.pal-detail .lead{color:var(--soft)}
.pal-detail .spec,.pal-detail .spec li{border-color:var(--line2)}
.pal-detail .spec li span:first-child{color:var(--soft)}
.pal-detail .detail-vis{background:rgba(255,255,255,.14);position:relative}
.d-logo{width:min(300px,70%);height:auto;margin-bottom:18px}
.foam{position:absolute;inset:0;pointer-events:none}
.foam span{position:absolute;bottom:-80px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.9),rgba(255,255,255,.22) 45%,rgba(255,255,255,.04) 70%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.55);animation:rise linear infinite}
@keyframes rise{to{transform:translateY(-130vh) translateX(var(--dx,30px))}}
.pal-detail .mist{position:absolute;left:58%;top:12%;width:50%;height:40%}
.pal-detail .mist i{position:absolute;border-radius:50%;background:rgba(255,255,255,.85);animation:spray 2.4s ease-out infinite}
@keyframes spray{0%{transform:translate(0,0) scale(.4);opacity:0}15%{opacity:.9}100%{transform:translate(var(--tx),var(--ty)) scale(1.5);opacity:0}}
@media (prefers-reduced-motion:reduce){.foam,.pal-detail .mist{display:none}}