#opportunity{padding-top:80px;padding-bottom:80px}.op-lab{position:relative;border:1px solid #35334f;border-radius:28px;padding:34px;background:radial-gradient(ellipse at 85% 15%,#8b6bf215,transparent 45%),radial-gradient(ellipse at 0 80%,#35e2e00b,transparent 50%),#090c15;overflow:hidden;box-shadow:0 30px 100px #0004}.op-topline{display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:1.7px;color:var(--text-muted);padding-bottom:26px;border-bottom:1px solid var(--border)}.op-topline i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);margin-right:8px;box-shadow:0 0 14px var(--cyan)}.op-choices{border:0;margin:28px 0 0;padding:0;display:flex;gap:10px;flex-wrap:wrap}.op-choices legend,.op-caption{font-size:12px;color:var(--text-muted);margin-bottom:16px}.op-choices button{flex:1;min-width:190px;background:#111422;border:1px solid #33364b;border-radius:14px;padding:16px;color:var(--text-muted);font:inherit;font-size:13px;line-height:1.5;cursor:pointer;text-align:left;transition:background .2s,border-color .2s,transform .2s}.op-choices button:hover{transform:translateY(-2px);border-color:var(--cyan)}.op-choices button[aria-pressed=true]{background:linear-gradient(110deg,#35e2e018,#8b6bf225);border-color:var(--cyan);color:var(--text)}.op-story{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:38px 0}.op-kicker{font-size:10px;letter-spacing:1.6px;color:var(--cyan)}.op-story h3,.op-controls h3{font-family:var(--font-display);font-size:clamp(23px,3vw,32px);line-height:1.2;margin:12px 0}.op-story p{color:var(--text-muted);font-size:15px;line-height:1.7;max-width:610px;margin:0}.op-story .btn{white-space:nowrap;min-height:48px}.op-flow{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:28px 0}.op-flow::before{content:'';position:absolute;top:34px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,var(--cyan),var(--violet));opacity:.6}.op-flow button{position:relative;border:0;background:none;color:var(--text-muted);font:inherit;text-align:center;cursor:pointer;padding:0 4px}.op-orb{display:grid;place-items:center;border:1px solid #484d67;width:68px;height:68px;border-radius:50%;margin:0 auto 18px;background:#101422;color:var(--text-muted);font-family:var(--font-display);font-size:20px;transition:box-shadow .3s,transform .3s,border-color .3s}.op-flow strong{display:block;color:var(--text);font-size:15px;margin-bottom:6px}.op-flow small{font-size:11px;line-height:1.5;display:block}.op-flow button:hover .op-orb{transform:translateY(-4px);border-color:var(--cyan)}.op-flow button[aria-pressed=true] .op-orb{background:linear-gradient(140deg,#13353f,#27213f);border-color:var(--cyan);box-shadow:0 0 0 7px #35e2e009,0 0 32px #35e2e033;color:var(--cyan)}.op-flow .op-complete .op-orb{border-color:var(--violet);color:#bba7ff}.op-running .op-flow button[aria-pressed=true] .op-orb{animation:op-pulse 1.6s ease-in-out infinite}.op-detail{border-left:2px solid var(--cyan);background:linear-gradient(110deg,#35e2e009,#8b6bf209);padding:24px 26px;margin:30px 0 0;min-height:210px;border-radius:0 16px 16px 0}.op-detail>span{font-size:10px;letter-spacing:1.5px;color:var(--cyan)}.op-detail h4{font-family:var(--font-display);font-size:23px;margin:12px 0}.op-detail p{color:var(--text-muted);font-size:14px;line-height:1.7;margin:0;max-width:760px}#op-artifact{font-size:12px;color:#c8c8ed;margin-top:18px;padding-top:14px;border-top:1px solid var(--border);line-height:1.7}.op-impact{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;padding:40px 0;border-bottom:1px solid var(--border)}.op-controls label{display:flex;justify-content:space-between;gap:16px;font-size:13px;color:var(--text-muted);margin-top:22px}.op-controls label output{color:var(--cyan);font-weight:700}.op-controls input{display:block;width:100%;accent-color:var(--cyan);margin:14px 0;cursor:pointer;min-height:26px}.op-controls p,.op-result small{font-size:11px;line-height:1.65;color:var(--text-muted)}.op-result{align-self:center;padding:30px;border-radius:22px;background:radial-gradient(ellipse at 20% 30%,#35e2e013,transparent 70%);border:1px solid #35e2e027}.op-result>span{font-size:10px;letter-spacing:1.4px;color:var(--text-muted)}.op-result output{display:block;font-family:var(--font-display);font-size:clamp(50px,6vw,76px);letter-spacing:-3px;color:var(--cyan);line-height:1.2;margin-top:14px}.op-result b{font-size:15px;font-weight:500;color:var(--text)}.op-result p{font-size:15px;color:var(--text);line-height:1.65}.op-result small{display:block}.op-next{display:flex;gap:25px;justify-content:space-between;align-items:center;padding-top:28px}.op-next strong{font-family:var(--font-display);font-size:20px}.op-next p{font-size:13px;color:var(--text-muted);line-height:1.6;margin:8px 0 0}.op-next a{white-space:nowrap;min-height:48px}@keyframes op-pulse{50%{box-shadow:0 0 0 12px #35e2e006,0 0 38px #35e2e044}}
@media(max-width:760px){.op-lab{padding:24px 18px;border-radius:20px}.op-topline{font-size:8px;letter-spacing:1px}.op-topline>span:last-child{display:none}.op-choices{flex-direction:column}.op-choices button{min-width:0;width:100%}.op-story{display:block;margin:30px 0}.op-story .btn{margin-top:22px;width:100%;justify-content:center}.op-flow{gap:4px}.op-orb{width:48px;height:48px;font-size:16px}.op-flow::before{top:24px}.op-flow strong{font-size:11px}.op-flow small{display:none}.op-detail{padding:20px 17px;min-height:275px}.op-detail h4{font-size:21px}.op-impact{grid-template-columns:1fr;gap:24px}.op-next{flex-direction:column;align-items:stretch}.op-next a{white-space:normal;justify-content:center;text-align:center}.op-result{padding:24px}.op-caption{line-height:1.7}}
@media(prefers-reduced-motion:reduce){.op-running .op-orb{animation:none!important}.op-flow button:hover .op-orb,.op-choices button:hover{transform:none}}
/* ROI: yearly value headline + supporting stats */
#op-value{font-size:clamp(44px,5.4vw,70px)}
.op-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0 6px}
.op-stats>div{padding:12px 12px 10px;border-radius:14px;border:1px solid var(--border);background:rgba(255,255,255,.03)}
.op-result .op-stats output{font-size:26px;letter-spacing:-.5px;margin:0;line-height:1.1}
.op-result .op-stats small{font-size:11.5px;margin-top:4px;color:var(--text-muted)}
.op-result .op-payback{font-size:13.5px;color:var(--text-muted);border-left:2px solid var(--violet);padding-left:12px;margin:14px 0}
@media(max-width:760px){.op-stats{grid-template-columns:1fr 1fr 1fr;gap:6px}.op-result .op-stats output{font-size:20px}.op-stats>div{padding:10px 8px}}