.op-opportunity-feature{background:radial-gradient(ellipse at 75% 50%,#09282e66,transparent 60%),#0b1417}.op-opportunity-feature .op-lab-copy h2{font-size:clamp(48px,5.8vw,82px);line-height:1.03;letter-spacing:-.055em;margin:28px 0}.op-opportunity-feature .op-lab-copy>p{max-width:390px;font-size:16px;line-height:1.75}.op-opportunity-feature .op-lab-copy>small{font-size:8px;letter-spacing:.1em}.op-opportunity-art{background:radial-gradient(ellipse at 50% 48%,#0b4b4e66,#071217 70%);border:1px solid #00efdf27;border-radius:16px;aspect-ratio:1.12;isolation:isolate}.op-opportunity-art .op-lab-art-top{font-size:9px;letter-spacing:.14em;color:#91b7bc;top:25px;left:25px}.op-opportunity-art .op-lab-art-bottom{font-size:8px;letter-spacing:.11em;color:#a2c4c8;bottom:23px}.op-message-space{position:absolute;inset:11% 0 10%;perspective:950px;overflow:visible}.op-message-orbit{position:absolute;border:1px solid #00efdf18;border-radius:50%;width:78%;aspect-ratio:1;left:11%;top:2%;transform:rotateX(58deg) rotateZ(-22deg);pointer-events:none}.orbit-two{width:96%;left:2%;top:-7%;border-color:#00efdf0c;transform:rotateX(58deg) rotateZ(22deg)}.op-message-signal{position:absolute;top:6%;left:50%;transform:translateX(-50%);font:9px/1.4 Arial,sans-serif;letter-spacing:.16em;white-space:nowrap;color:#c1e7e6;display:flex;align-items:center;gap:9px}.op-message-signal>i{display:block;width:6px;height:6px;border-radius:50%;background:#00efdf;box-shadow:0 0 12px #00efdf;animation:op-signal 3s infinite}.op-message-depth{position:absolute;width:79%;left:10.5%;top:22%;transform-style:preserve-3d;transform:rotateX(calc(7deg + var(--cover-y,0deg))) rotateY(calc(-8deg + var(--cover-x,0deg))) rotateZ(-5deg);transition:transform .28s ease-out}.op-message-shadow{position:absolute;inset:12px -5px -12px 5px;border:1px solid #00efdf22;border-radius:22px;background:#05191b55;transform:translateZ(-35px)}.op-message-card{position:relative;background:linear-gradient(135deg,#1a363bee,#091a20f5);border:1px solid #76c6c869;box-shadow:0 30px 70px #0006,0 0 45px #00efdf0b,inset 0 1px 0 #d2ffff20;border-radius:22px;padding:clamp(20px,3vw,36px);color:#f1fcfa;animation:op-message-float 5s ease-in-out infinite;transform-style:preserve-3d}.op-message-head{display:flex;align-items:center;gap:14px}.op-message-icon{position:relative;width:43px;height:43px;display:grid;place-items:center;border:1px solid #00efdf4d;background:#00efdf0a;border-radius:13px;flex-shrink:0;color:#00efdf}.op-message-icon svg{width:28px;height:28px}.op-message-icon b{position:absolute;top:-7px;right:-7px;background:#00efdf;color:#04302d;border:3px solid #18353a;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;font:700 10px Arial}.op-message-head strong{font:400 19px/1.2 Arial,sans-serif;letter-spacing:-.03em}.op-message-head small{display:block;font:7px/1.5 Arial,sans-serif;letter-spacing:.1em;color:#9cbec1;margin-top:5px}.op-message-head time{font:10px/1 Arial,sans-serif;color:#9dbfc2;margin-left:auto;align-self:flex-start;padding-top:3px}.op-message-card>p{font:400 clamp(20px,2.4vw,34px)/1.28 Arial,sans-serif;letter-spacing:-.035em;margin:27px 0 24px;max-width:none;color:#edfafa}.op-message-card>p span{color:#00efdf}.op-message-status{display:flex;align-items:center;gap:5px;border-top:1px solid #ffffff12;padding-top:18px}.op-message-status>span{width:25px;height:1px;background:#00efdf55;margin-right:auto}.op-message-status>i{width:4px;height:4px;border-radius:50%;background:#8ad4cf;animation:op-dot 1.8s infinite}.op-message-status>i:nth-child(3){animation-delay:.2s}.op-message-status>i:nth-child(4){animation-delay:.4s}.op-message-question{position:absolute;left:0;right:0;bottom:5%;text-align:center;font:9px/1.5 Arial,sans-serif;letter-spacing:.18em;color:#91c0c3}.op-opportunity-art:hover{border-color:#00efdf72}.op-opportunity-art:hover .op-message-signal{color:#00efdf}.op-opportunity-art:hover .op-lab-art-bottom svg{transform:translateX(5px)}.op-lab-art-bottom svg{transition:transform .25s}.op-opportunity-feature .op-lab-feature-grid{gap:7%;grid-template-columns:.95fr 1.2fr}
/* Preserve the keyboard shortcut without displaying it over the experiment. */
body.ep-game-landing>.skip-content{position:fixed;left:16px;top:12px;z-index:10000;padding:12px 18px;background:#00efdf;color:#042523;transform:translateY(-160%);font:14px Arial;border-radius:5px}body.ep-game-landing>.skip-content:focus{transform:none;outline:2px solid white;outline-offset:3px}
@keyframes op-message-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes op-signal{0%,70%,100%{box-shadow:0 0 0 0 #00efdf00,0 0 12px #00efdf55}35%{box-shadow:0 0 0 7px #00efdf00,0 0 18px #00efdf}}@keyframes op-dot{0%,70%,100%{opacity:.3}35%{opacity:1}}
@media(max-width:900px){.op-opportunity-feature .op-lab-feature-grid{grid-template-columns:1fr;gap:35px}.op-opportunity-feature .op-lab-copy h2{font-size:clamp(47px,9vw,72px)}.op-opportunity-feature .op-lab-copy>p{font-size:15px}.op-opportunity-art{max-width:620px;aspect-ratio:1.05}.op-message-card>p{font-size:clamp(22px,5vw,32px)}.op-message-card{padding:27px}.op-message-head small{font-size:7px}.op-message-question{bottom:3%}}
@media(max-width:480px){.op-opportunity-art{aspect-ratio:.97;min-height:340px}.op-message-depth{width:83%;left:8.5%;top:23%}.op-message-card{padding:21px 18px;border-radius:17px}.op-message-card>p{font-size:23px;margin:23px 0 18px}.op-message-icon{width:34px;height:34px;border-radius:10px}.op-message-head{gap:10px}.op-message-head strong{font-size:17px}.op-message-head small{font-size:6px;max-width:105px}.op-message-head time{font-size:9px}.op-message-status{padding-top:14px}.op-message-signal{font-size:8px;top:8%}.op-message-question{font-size:8px;bottom:3%}.op-opportunity-art .op-lab-art-top{font-size:7px;top:18px;left:18px}.op-opportunity-art .op-lab-art-bottom{font-size:7px;left:18px;right:18px;bottom:15px}.op-opportunity-feature .op-lab-copy>small{font-size:7px}.op-opportunity-feature .op-lab-topline{font-size:6px;letter-spacing:.07em}}
@media(prefers-reduced-motion:reduce){.op-message-card,.op-message-signal>i,.op-message-status>i{animation:none}.op-message-depth,.op-lab-art-bottom svg{transition:none}}
@media(max-width:480px){.op-opportunity-art{min-height:400px;aspect-ratio:.86}.op-message-depth{top:18%}}
/* Nexo: layered photographic theatre, separate from the entrance inside. */
.op-opportunity-art{aspect-ratio:1.04;background:radial-gradient(ellipse at 55% 55%,#07535b66,transparent 65%);border:0;overflow:hidden;border-radius:0;perspective:1000px}.op-opportunity-feature .op-lab-copy>.nexo-question{font-size:clamp(24px,2.7vw,35px);line-height:1.2;letter-spacing:-.03em;color:#edfffd}.nexo-scene{position:absolute;inset:13% 0 12%;perspective:1000px}.nexo-room{position:absolute;inset:8% 5% 10%;transform-style:preserve-3d;transform:rotateY(var(--cover-x,-5deg)) rotateX(var(--cover-y,0deg));transition:transform .35s ease-out;animation:nexo-float 8s ease-in-out infinite}.nexo-back{position:absolute;left:9%;right:0;top:0;height:66%;background:linear-gradient(145deg,#233d47,#0b1e29);border:1px solid #6eabb544;transform:translateZ(-70px);box-shadow:0 0 50px #00efdf0c inset}.nexo-side{position:absolute;left:0;width:10%;top:0;height:66%;background:linear-gradient(90deg,#06111a,#25444b);transform:skewY(-35deg);transform-origin:right bottom;border-left:1px solid #00efdf55}.nexo-floor{position:absolute;left:0;right:0;top:60%;height:38%;background:linear-gradient(160deg,#273f49,#0a1921);transform:skewX(-13deg);border-bottom:8px solid #030c12;border-right:1px solid #34656a;box-shadow:0 25px 30px #0008,0 8px 0 #31505b;background-image:linear-gradient(#86c9cf0c 1px,transparent 1px),linear-gradient(90deg,#86c9cf0c 1px,transparent 1px),linear-gradient(160deg,#273f49,#0a1921);background-size:32px 32px,32px 32px,100% 100%}.nexo-neon{position:absolute;left:9%;top:12%;font:500 clamp(30px,4vw,55px)/1 Arial;letter-spacing:.16em;color:#bdfff9;text-shadow:0 0 5px #00efdf,0 0 18px #00efdf,0 0 50px #00efdf88}.nexo-neon i{display:block;font:5px/2 Arial;letter-spacing:.16em;color:#70b3b4;font-style:normal;text-shadow:none;margin-top:8px}.nexo-window{position:absolute;right:8%;top:14%;width:27%;height:42%;border:3px solid #09141c;background:repeating-linear-gradient(0deg,#00efdf05 0 12px,#5d969e33 13px 14px),linear-gradient(135deg,#527b8c,#0c2837);box-shadow:0 0 20px #70faff12}.nexo-window:after{content:'';position:absolute;left:50%;top:0;bottom:0;width:2px;background:#0b1921}.nexo-actor{position:absolute;filter:drop-shadow(0 12px 7px #0006);transform-style:preserve-3d}.nexo-actor img{width:100%;height:auto;display:block}.nexo-sales{width:43%;left:49%;top:23%;transform:translateZ(-18px)}.nexo-marketing{width:53%;left:1%;top:29%;transform:translateZ(45px)}.nexo-ping{position:absolute;left:20%;bottom:-8px;background:#081b24e8;border:1px solid #00efdf55;color:#b8ede8;padding:6px 10px;font:7px/1 Arial;letter-spacing:.1em;display:flex;align-items:center;gap:7px;box-shadow:0 0 15px #00efdf13;animation:nexo-dept 6s infinite}.nexo-ping i{width:4px;height:4px;border-radius:50%;background:#00efdf;box-shadow:0 0 8px #00efdf}.nexo-sales .nexo-ping{animation-delay:2s}.nexo-incoming{position:absolute;left:17%;right:3%;top:2%;display:flex;align-items:center;gap:12px;padding:15px 18px;background:linear-gradient(125deg,#29434bed,#0b2028f5);border:1px solid #83f5e966;border-radius:12px;box-shadow:0 18px 30px #0006,0 0 30px #00efdf10;transform:translateZ(100px) rotate(-4deg);animation:nexo-message 6s infinite}.nexo-incoming-icon{color:#00efdf;width:31px;flex-shrink:0}.nexo-incoming-icon svg{display:block;width:100%}.nexo-incoming small{display:block;color:#84bdbd;font:7px/1 Arial;letter-spacing:.1em;margin-bottom:7px}.nexo-incoming strong{display:block;font:400 17px/1.3 Arial;color:#fff}.nexo-incoming span>span{display:block;font:11px/1.5 Arial;color:#c4dfdf;margin-top:2px}.nexo-incoming>b{margin-left:auto;align-self:flex-start;background:#00efdf;border-radius:50%;color:#052b29;font:700 9px/20px Arial;width:20px;text-align:center;flex-shrink:0}.nexo-scene-status{position:absolute;bottom:-2%;left:0;right:0;text-align:center;font:7px/1.5 Arial;letter-spacing:.16em;color:#a9d2d2}.nexo-scene-status>i{display:inline-block;width:4px;height:4px;margin-right:8px;background:#00efdf;border-radius:50%;box-shadow:0 0 8px #00efdf}.nexo-route{position:absolute;top:66%;left:30%;right:27%;display:flex;justify-content:space-between;transform:rotate(-15deg);color:#00efdf}.nexo-route i{width:4px;height:4px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor;animation:nexo-route 3s infinite}.nexo-route i:nth-child(2){animation-delay:.3s}.nexo-route i:nth-child(3){animation-delay:.6s}.nexo-route i:nth-child(4){animation-delay:.9s}.nexo-route i:nth-child(5){animation-delay:1.2s}@keyframes nexo-route{0%,70%,100%{opacity:.1;scale:.6}30%{opacity:1;scale:1.5}}@keyframes nexo-dept{0%,30%,100%{border-color:#548e9222;filter:brightness(.7)}45%,60%{border-color:#00efdf;filter:brightness(1.3);box-shadow:0 0 20px #00efdf33}}@keyframes nexo-message{0%,100%{translate:0 0;filter:brightness(1)}12%{translate:0 -7px;filter:brightness(1.25)}30%{translate:0 0}}@keyframes nexo-float{0%,100%{translate:0 0}50%{translate:0 -7px}}@media(max-width:900px){.op-opportunity-art{width:100%;max-width:650px;aspect-ratio:1.04}.nexo-neon{font-size:48px}}@media(max-width:480px){.op-opportunity-art{min-height:400px;aspect-ratio:.86}.nexo-scene{inset:17% 0 15%}.nexo-neon{font-size:32px}.nexo-neon i{font-size:4px;letter-spacing:.05em}.nexo-incoming{left:13%;right:0;padding:11px;gap:8px;top:-3%}.nexo-incoming small{font-size:6px}.nexo-incoming strong{font-size:14px}.nexo-incoming span>span{font-size:9px}.nexo-incoming-icon{width:25px}.nexo-back,.nexo-side{height:64%}.nexo-actor{top:34%}.nexo-ping{font-size:5px;padding:5px 7px;bottom:-12px}.nexo-scene-status{font-size:6px;bottom:-4%}.nexo-floor{top:63%;height:29%}}@media(prefers-reduced-motion:reduce){.nexo-scene *{animation:none!important;transition:none!important}}
.nexo-floor{transform:translateZ(-80px) skewX(-13deg)}.nexo-back{transform:translateZ(-100px)}.nexo-incoming{top:-10%;left:13%;right:7%}.nexo-neon{top:18%}@media(max-width:480px){.nexo-incoming{top:-12%;left:6%;right:3%}.nexo-neon{top:20%}}
.nexo-incoming{top:0;left:17%;right:3%}.op-opportunity-art .op-lab-art-top{z-index:3}@media(max-width:480px){.nexo-incoming{top:-3%;left:6%;right:3%}}
