.reality{background:#e9edf8;color:#101c47;padding:65px 6% 25px;overflow:hidden}.reality-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.reality-top>.eyebrow{color:#667499}.reality-skip,.reality-restart{background:none;border:0;border-bottom:1px solid #8996bb;color:#203d94;font-size:10px;padding:8px 0;cursor:pointer}.reality-intro{display:flex;justify-content:space-between;gap:30px;align-items:end;margin:35px 0}.reality-intro h2{font-size:clamp(36px,3.5vw,52px)}.reality-intro p{font-size:13px;color:#697798;line-height:1.8}.reality-board{height:470px;position:relative;background:#0b1231;color:white;border:1px solid #334584;overflow:hidden;isolation:isolate;--rx:0px;--ry:0px;--light-x:50%;--light-y:50%}.reality-board:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at var(--light-x) var(--light-y),#1c43ab55,transparent 60%),linear-gradient(#849aff0a 1px,transparent 1px),linear-gradient(90deg,#849aff0a 1px,transparent 1px);background-size:auto,35px 35px,35px 35px}.reality-board:after{content:'';position:absolute;inset:14px;border:1px solid #8197e322;pointer-events:none}.reality-wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.reality-wires path{fill:none;stroke-width:1}.wire-base{stroke:#6d88cd55;stroke-dasharray:4 7}.reality-wires .wire-active{stroke:#ffe053;stroke-width:2;stroke-dasharray:100;stroke-dashoffset:100;filter:drop-shadow(0 0 5px #ffe05388);transition:stroke-dashoffset 1s ease}.reality-board[data-step="1"] .wire-active{stroke-dashoffset:66}.reality-board[data-step="2"] .wire-active{stroke-dashoffset:33}.reality-board[data-step="3"] .wire-active{stroke-dashoffset:0;opacity:.25}.reality-shards{position:absolute;inset:0;transform:translate(var(--rx),var(--ry));transition:transform .5s ease-out;pointer-events:none}.shard{position:absolute;font-weight:700;font-size:clamp(40px,6vw,90px);letter-spacing:-5px;color:#819bff;transition:transform 1s cubic-bezier(.16,1,.3,1),opacity 1s,filter 1s;animation:shard-drift 6s ease-in-out infinite alternate;animation-play-state:paused}.s1{left:10%;top:12%;transform:rotate(-16deg);filter:blur(1px);opacity:.7}.s2{left:43%;top:18%;transform:rotate(12deg);opacity:.45}.s3{right:6%;top:48%;transform:rotate(-9deg);opacity:.8}.s4{left:27%;top:52%;color:#ffe053;transform:rotate(17deg);font-size:100px}.s5{right:17%;top:15%;font:12px monospace;letter-spacing:5px;opacity:.4}.s6{left:52%;top:58%;font-size:80px;color:#d3dcff;opacity:.4}.shard-line{position:absolute;width:120px;height:2px;background:#819bff66;transition:transform 1s,opacity 1s}.l1{left:20%;top:42%;transform:rotate(22deg)}.l2{right:13%;top:37%;transform:rotate(-35deg);background:#ffe05377}.l3{left:43%;top:77%;transform:rotate(12deg)}.connection-point{position:absolute;background:none;border:0;color:white;padding:0;cursor:pointer;z-index:3;display:flex;align-items:center;gap:12px;transition:opacity .4s,transform .4s}.connection-point>i{font:24px monospace;display:grid;place-items:center;font-style:normal;width:48px;height:48px;background:#102256;border:1px solid #ffe053;color:#ffe053;border-radius:50%;position:relative;box-shadow:0 0 0 8px #ffe05308,0 0 35px #ffe05318;transition:background .3s,box-shadow .3s}.connection-point:not(:disabled):hover>i{background:#ffe053;color:#0b1231;box-shadow:0 0 0 13px #ffe05312,0 0 45px #ffe05355}.connection-point:disabled{opacity:.35;cursor:default}.connection-point>span{font:8px monospace;letter-spacing:1px;background:#0b1231cc;padding:8px}.cp1{left:8%;top:43%}.cp2{left:39%;top:29%}.cp3{left:64%;top:69%}.connection-point.connected{opacity:.65}.connection-point.connected>i{background:#283e84;border-color:#86a4ff;color:#b3c8ff;box-shadow:none}.reality-hud{position:absolute;bottom:26px;left:30px;right:30px;display:flex;justify-content:space-between;gap:25px;font:9px monospace;color:#9daedb;z-index:2}.reality-count{color:#ffe053;white-space:nowrap}.reality-final{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;opacity:0;transform:translateY(35px) scale(.94);filter:blur(8px);transition:opacity .9s .2s,transform 1.1s .2s,filter .9s .2s;z-index:2;padding:35px}.reality-final>span{font:8px monospace;letter-spacing:3px;color:#91a9f1}.reality-final h3{font-size:clamp(30px,4vw,58px);font-weight:500;line-height:1.1;letter-spacing:-2px;margin:23px 0 30px}.reality-final em{color:#ffe053}.reality-routes{display:flex;gap:10px}.reality-routes a{border:1px solid #687dc0;background:#1b2e65;padding:12px 20px;font-size:11px;transition:background .25s,color .25s}.reality-routes a:hover{background:#ffe053;color:#0b1231}.reality-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:20px;min-height:30px}.reality-bottom>span{font:8px monospace;letter-spacing:1px;color:#7181a7}.reality-board[data-step="1"] .s1{transform:translate(50px,30px) rotate(0);filter:none;color:#c5d3ff}.reality-board[data-step="1"] .s4{opacity:.12;transform:scale(.7) rotate(0)}.reality-board[data-step="2"] .s1{transform:translate(90px,10px) rotate(0);opacity:.5}.reality-board[data-step="2"] .s2{transform:translate(20px,40px) rotate(0);opacity:.8}.reality-board[data-step="2"] .s3{transform:translate(-45px,-55px) rotate(0);opacity:.5}.reality-board[data-step="2"] .s4,.reality-board[data-step="2"] .s5{opacity:0;transform:scale(.5)}.reality-board[data-step="3"] .reality-shards{opacity:0;transform:scale(.8);transition:opacity .7s,transform 1s}.reality-board[data-step="3"] .connection-points{opacity:0;pointer-events:none;transition:opacity .4s}.reality-board[data-step="3"] .reality-final{opacity:1;transform:none;filter:none;pointer-events:auto}.connection-ripple{position:absolute;left:0;top:0;width:48px;height:48px;border:1px solid #ffe053;border-radius:50%;animation:connection-wave .9s ease-out forwards;pointer-events:none}.reality-scan{position:absolute;left:0;right:0;top:0;height:1px;background:#819bff55;box-shadow:0 -12px 25px #6388ff18;animation:reality-scan 9s linear infinite;animation-play-state:paused;pointer-events:none}.reality-inview .shard,.reality-inview .reality-scan{animation-play-state:running}.reality-hidden .shard,.reality-hidden .reality-scan{animation-play-state:paused}@keyframes connection-wave{to{transform:scale(5);opacity:0}}@keyframes shard-drift{to{translate:0 -10px}}@keyframes reality-scan{to{top:100%}}@media(max-width:720px){.reality{padding:50px 6% 22px}.reality-top{align-items:start}.reality-top .eyebrow{font-size:8px;max-width:155px}.reality-skip{font-size:8px;max-width:110px}.reality-intro{display:block;margin:25px 0}.reality-intro h2{font-size:36px}.reality-intro p{font-size:12px;margin-top:20px}.reality-board{height:500px}.reality-board:after{inset:8px}.shard{font-size:55px;letter-spacing:-3px}.s1{left:8%;top:9%}.s2{left:53%;top:16%}.s3{right:6%;top:54%;font-size:48px}.s4{top:40%;left:18%;font-size:80px}.s6{top:68%;left:40%;font-size:60px}.connection-point{flex-direction:column;gap:6px}.connection-point>i{width:44px;height:44px}.connection-point>span{font-size:6px;padding:5px;letter-spacing:.3px}.cp1{left:9%;top:26%}.cp2{left:58%;top:38%}.cp3{left:23%;top:70%}.reality-hud{left:18px;right:18px;bottom:20px;font-size:8px;line-height:1.6;gap:10px}.reality-final{padding:24px 15px 60px}.reality-final h3{font-size:35px;letter-spacing:-1.5px}.reality-final>span{font-size:7px;letter-spacing:1.6px}.reality-routes{gap:6px;width:100%;justify-content:center}.reality-routes a{font-size:10px;padding:11px 12px}.reality-bottom>span{font-size:7px;max-width:175px;line-height:1.8}.reality-restart{font-size:9px}.reality-board[data-step="2"] .s1{transform:translate(5px,20px)}.reality-board[data-step="2"] .s3{transform:translate(-10px,-15px)}}@media(prefers-reduced-motion:reduce){.reality *{animation:none!important;transition:none!important;filter:none!important}.reality-shards{transform:none!important}.reality-scan{display:none}}.effects-paused .reality-shards{transform:none!important}.effects-paused .reality-scan{display:none}