.opportunity-prioritizer{display:grid;grid-template-columns:minmax(0,.92fr) minmax(340px,1.08fr);gap:clamp(28px,5vw,72px);align-items:start}
.opportunity-controls{display:grid;gap:22px}
.opportunity-controls label{display:grid;gap:9px;font-size:.82rem;font-weight:650}
.opportunity-controls label>span{display:flex;justify-content:space-between;gap:18px;align-items:baseline}
.opportunity-controls b{font:600 .7rem/1.2 var(--mono,ui-monospace,SFMono-Regular,Menlo,monospace);letter-spacing:.08em;color:var(--muted,#6c7178);white-space:nowrap}
.opportunity-controls input[type="range"]{width:100%;accent-color:#111;cursor:pointer}
.opportunity-result{--priority-x:74%;--priority-y:38.8%;--priority-z:15px;--priority-rx:0deg;--priority-ry:0deg;position:sticky;top:120px;overflow:hidden;border-radius:32px;padding:clamp(24px,4vw,42px);background:linear-gradient(145deg,#111722,#080b11);color:#fff;border:1px solid rgba(255,255,255,.13);box-shadow:0 36px 90px rgba(0,0,0,.28);transform:perspective(1200px) rotateX(var(--priority-rx)) rotateY(var(--priority-ry));transform-style:preserve-3d;transition:transform .18s ease,box-shadow .25s ease}
.opportunity-result.has-pointer{box-shadow:0 44px 110px rgba(0,0,0,.34)}
.opportunity-top{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:end;margin-bottom:22px}
.opportunity-score{font-size:clamp(3rem,7vw,6.4rem);line-height:.8;letter-spacing:-.07em}
.opportunity-verdict{padding-bottom:4px}
.opportunity-verdict span{display:block;font:600 .68rem/1.2 var(--mono,ui-monospace,SFMono-Regular,Menlo,monospace);letter-spacing:.14em;color:rgba(255,255,255,.58);text-transform:uppercase}
.opportunity-verdict strong{display:block;margin-top:6px;font-size:clamp(1.15rem,2vw,1.55rem)}
.opportunity-result>p{max-width:58ch;color:rgba(255,255,255,.72)}
.opportunity-matrix{position:relative;aspect-ratio:1.18/1;margin:30px 0 26px;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px),radial-gradient(circle at var(--priority-x) var(--priority-y),rgba(255,255,255,.16),transparent 24%);background-size:25% 25%,25% 25%,auto;perspective:900px;transform-style:preserve-3d}
.opportunity-matrix::before,.opportunity-matrix::after{content:"";position:absolute;inset:12%;border:1px solid rgba(255,255,255,.09);border-radius:18px;transform:translateZ(-36px) rotateX(62deg)}
.opportunity-matrix::after{inset:23%;opacity:.7;transform:translateZ(-72px) rotateX(62deg)}
.opportunity-quadrant{position:absolute;font:600 .62rem/1.2 var(--mono,ui-monospace,SFMono-Regular,Menlo,monospace);letter-spacing:.12em;color:rgba(255,255,255,.44);text-transform:uppercase}
.opportunity-quadrant.q1{right:16px;top:14px}.opportunity-quadrant.q2{left:16px;top:14px}.opportunity-quadrant.q3{left:16px;bottom:14px}.opportunity-quadrant.q4{right:16px;bottom:14px}
.opportunity-dot{position:absolute;left:var(--priority-x);top:var(--priority-y);width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 0 0 9px rgba(255,255,255,.08),0 12px 28px rgba(0,0,0,.45);transform:translate(-50%,-50%) translateZ(var(--priority-z));transition:left .28s ease,top .28s ease,transform .28s ease}
.opportunity-dot::after{content:"";position:absolute;inset:5px;border-radius:50%;background:#111722}
.opportunity-axis{position:absolute;font-size:.65rem;color:rgba(255,255,255,.48);letter-spacing:.08em;text-transform:uppercase}
.opportunity-axis.axis-x{right:14px;bottom:-24px}.opportunity-axis.axis-y{left:-8px;top:14px;transform:rotate(-90deg);transform-origin:left top}
.opportunity-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 24px}
.opportunity-meta div{padding:14px 16px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.035)}
.opportunity-meta dt{font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.opportunity-meta dd{margin:5px 0 0;font-weight:700}
.opportunity-result .text-link{color:#fff}
@media(max-width:900px){.opportunity-prioritizer{grid-template-columns:1fr}.opportunity-result{position:relative;top:auto}}
@media(prefers-reduced-motion:reduce){.opportunity-result,.opportunity-dot,.opportunity-runway article{transition:none!important}.opportunity-result{transform:none!important}.opportunity-matrix::before,.opportunity-matrix::after{transform:none}.opportunity-dot{transform:translate(-50%,-50%)}.opportunity-runway article{transform:none!important;opacity:1}}
.opportunity-runway{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 26px;perspective:900px;transform-style:preserve-3d}
.opportunity-runway article{min-width:0;padding:15px 14px 16px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));transform:translateZ(-18px) translateY(3px);opacity:.62;transition:transform .32s cubic-bezier(.2,.75,.25,1),opacity .28s ease,border-color .28s ease,background .28s ease}
.opportunity-runway article span{display:block;margin-bottom:9px;font:600 .58rem/1.25 var(--mono,ui-monospace,SFMono-Regular,Menlo,monospace);letter-spacing:.12em;color:rgba(255,255,255,.46)}
.opportunity-runway article strong{display:block;font-size:.82rem;line-height:1.25}
.opportunity-runway article p{margin:7px 0 0;font-size:.72rem;line-height:1.45;color:rgba(255,255,255,.58)}
.opportunity-runway[data-runway-active="0"] article:nth-child(1),.opportunity-runway[data-runway-active="1"] article:nth-child(2),.opportunity-runway[data-runway-active="2"] article:nth-child(3){transform:translateZ(20px) translateY(-4px);opacity:1;border-color:rgba(255,255,255,.27);background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.045))}
.opportunity-runway[data-runway-active="1"] article:nth-child(1),.opportunity-runway[data-runway-active="2"] article:nth-child(-n+2){opacity:.78;transform:translateZ(0)}
@media(max-width:620px){.opportunity-runway{grid-template-columns:1fr}.opportunity-runway article{transform:none!important;opacity:1}}