.recon-device-showcase{--device-accent:#79a8ff;--device-accent-soft:#a9c5ff;--device-red:#ff6f78;--device-orange:#ffb45c;--device-lift:58px;--device-center-lift:44px;--device-spread:0px;--device-angle:0deg;--device-scale:.94;--device-brightness:.7;--device-floor-opacity:.14;--device-chart-dash:360;position:relative;z-index:2;width:100%;max-width:100vw;height:185svh;min-height:1180px;overflow:clip;border-top:1px solid rgba(255,255,255,.08);background:#071426;color:#eef4ff}
.recon-device-showcase *{box-sizing:border-box;letter-spacing:0}
.recon-device-showcase .device-stage{position:sticky;top:0;height:100svh;min-height:680px;overflow:hidden;background:linear-gradient(180deg,#02050a 0,#050b16 66%,#071426 100%)}
.recon-device-showcase .device-stage:before{content:'';position:absolute;inset:0;opacity:.2;background-image:linear-gradient(rgba(121,168,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(121,168,255,.09) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(180deg,transparent 2%,#000 42%,#000 100%)}
.recon-device-showcase .device-heading{position:absolute;z-index:8;top:84px;left:50%;width:min(850px,88vw);text-align:center;transform:translateX(-50%)}
.recon-device-showcase .device-code{display:inline-flex;align-items:center;gap:8px;color:#7d8da9;font:600 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace}
.recon-device-showcase .device-code i{width:6px;height:6px;border-radius:50%;background:var(--device-accent);box-shadow:0 0 12px var(--device-accent)}
.recon-device-showcase .device-heading h2{margin:16px 0 0;font:400 64px/.98 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.recon-device-showcase .device-heading h2 strong{color:#fff;font-weight:600}
.recon-device-showcase .device-heading p{margin:16px auto 0;color:#8998af;font-size:13px}
.recon-device-showcase .device-deck{position:absolute;z-index:5;left:50%;bottom:22px;width:min(1120px,98vw);height:570px;transform:translateX(-50%);perspective:1200px;transform-style:preserve-3d}
.recon-device-showcase .device-phone{position:absolute;left:50%;bottom:0;width:246px;aspect-ratio:9/18.55;border:5px solid #303846;border-radius:48px;background:#080b11;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),inset 0 0 0 6px #07090d,0 45px 85px rgba(0,0,0,.72);will-change:transform}
.recon-device-showcase .device-phone:before{content:'';position:absolute;z-index:12;inset:2px;border:1px solid rgba(255,255,255,.16);border-radius:40px;pointer-events:none}
.recon-device-showcase .device-phone-left{z-index:2;transform:translate3d(calc(-50% - 238px - var(--device-spread)),var(--device-lift),0) rotate(calc(-8deg + var(--device-angle)));filter:brightness(var(--device-brightness))}
.recon-device-showcase .device-phone-center{z-index:4;width:278px;transform:translate3d(-50%,var(--device-center-lift),70px) scale(var(--device-scale));border-color:#556174;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),inset 0 0 0 6px #07090d,0 52px 105px rgba(0,0,0,.85),0 0 55px rgba(121,168,255,.12)}
.recon-device-showcase .device-phone-right{z-index:3;transform:translate3d(calc(-50% + 238px + var(--device-spread)),var(--device-lift),0) rotate(calc(8deg - var(--device-angle)));filter:brightness(var(--device-brightness))}
.recon-device-showcase .floating-portfolio{position:absolute;z-index:3;width:168px;height:122px;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#0a1019;box-shadow:0 28px 60px rgba(0,0,0,.58),inset 0 0 0 1px rgba(255,255,255,.04);transform-style:preserve-3d;will-change:transform}
.recon-device-showcase .floating-portfolio:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 24%,rgba(3,7,13,.9) 100%)}
.recon-device-showcase .floating-portfolio img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(1.08)}
.recon-device-showcase .floating-portfolio span{position:absolute;z-index:2;left:12px;right:10px;bottom:10px;text-shadow:0 2px 10px rgba(0,0,0,.8)}
.recon-device-showcase .floating-portfolio span>*{display:block}.recon-device-showcase .floating-portfolio small{color:#a9c5ff;font:600 5px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.recon-device-showcase .floating-portfolio strong{margin:5px 0 3px;color:#fff;font-size:13px}.recon-device-showcase .floating-portfolio em{color:#a9b4c7;font-size:6px;font-style:normal}
.recon-device-showcase .floating-portfolio-ai{left:1%;top:236px;animation:recon-float-ai 8s ease-in-out infinite}
.recon-device-showcase .floating-portfolio-defense{right:1%;top:112px;animation:recon-float-defense 9.5s ease-in-out infinite}
.recon-device-showcase .device-side{position:absolute;left:-8px;width:3px;border-radius:2px 0 0 2px;background:#343e4d}.recon-device-showcase .device-side-a{top:82px;height:34px}.recon-device-showcase .device-side-b{top:128px;height:64px}
.recon-device-showcase .device-screen{position:absolute;inset:5px;overflow:hidden;border-radius:38px;background:#070b12;color:#eef4ff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.recon-device-showcase .device-screen:after{content:'';position:absolute;z-index:20;inset:0;pointer-events:none;background:linear-gradient(112deg,rgba(255,255,255,.09),transparent 17%,transparent 78%,rgba(255,255,255,.025));mix-blend-mode:screen}
.recon-device-showcase .device-island{position:absolute;z-index:25;left:50%;top:7px;width:88px;height:25px;transform:translateX(-50%);border-radius:16px;background:#010204}.recon-device-showcase .device-island i{position:absolute;right:13px;top:9px;width:6px;height:6px;border-radius:50%;background:#101b27;box-shadow:inset 0 0 3px #375068}
.recon-device-showcase .device-status{position:absolute;z-index:24;left:14px;right:14px;top:12px;display:flex;justify-content:space-between;font:500 6px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.recon-device-showcase .device-status b{font-weight:400}
.recon-device-showcase .mobile-brand{position:absolute;z-index:8;left:12px;right:12px;top:43px;height:30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1)}
.recon-device-showcase .mobile-brand img{width:72px;height:24px;object-fit:contain;object-position:left center}.recon-device-showcase .mobile-brand>span{color:#8292aa;font:500 5px/1 ui-monospace,SFMono-Regular,Menlo,monospace}
.recon-device-showcase .mobile-nav{position:absolute;z-index:15;left:0;right:0;bottom:0;height:46px;display:grid;grid-template-columns:repeat(4,1fr);place-items:center;border-top:1px solid rgba(255,255,255,.09);background:rgba(4,8,15,.9);backdrop-filter:blur(15px)}
.recon-device-showcase .mobile-nav svg{width:13px;color:#718099}.recon-device-showcase .mobile-nav svg:first-child{color:var(--device-accent)}
.recon-device-showcase .mobile-view-head{position:absolute;left:14px;right:14px;top:88px}.recon-device-showcase .mobile-view-head span,.recon-device-showcase .mobile-view-head em{color:#71819b;font:500 5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;font-style:normal}.recon-device-showcase .mobile-view-head h3{margin:7px 0 0;font-size:25px;font-weight:500}.recon-device-showcase .mobile-view-head em{position:absolute;right:0;bottom:4px;color:var(--device-accent)}
.recon-device-showcase .mobile-filter{position:absolute;left:14px;right:14px;top:142px;display:flex;gap:5px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08)}
.recon-device-showcase .mobile-filter span,.recon-device-showcase .mobile-filter b{padding:5px 7px;border:1px solid rgba(255,255,255,.08);border-radius:4px;color:#75849c;font:400 5px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.recon-device-showcase .mobile-filter b{border-color:rgba(121,168,255,.35);color:var(--device-accent);background:rgba(121,168,255,.08)}
.recon-device-showcase .mobile-intel-list{position:absolute;left:11px;right:11px;top:182px;display:grid;gap:7px}.recon-device-showcase .mobile-intel-list article{position:relative;min-height:77px;padding:10px 9px 9px 12px;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:#0c1320;box-shadow:inset 2px 0 var(--device-accent)}
.recon-device-showcase .mobile-intel-list article.critical{box-shadow:inset 2px 0 var(--device-red)}.recon-device-showcase .mobile-intel-list article.elevated{box-shadow:inset 2px 0 var(--device-orange)}.recon-device-showcase .mobile-intel-list span,.recon-device-showcase .mobile-intel-list em{display:block;color:#6f7f98;font:400 5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;font-style:normal}.recon-device-showcase .mobile-intel-list .critical span{color:var(--device-red)}.recon-device-showcase .mobile-intel-list b{display:block;margin:7px 0;color:#dfe8f8;font-size:8px;font-weight:500;line-height:1.3}
.recon-device-showcase .map-phone{background:#02050a}.recon-device-showcase .map-phone-copy{position:absolute;z-index:8;left:14px;top:91px}.recon-device-showcase .map-phone-copy span{color:#71819b;font:500 5px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.recon-device-showcase .map-phone-copy h3{margin:7px 0 0;font-size:28px;font-weight:500}.recon-device-showcase .map-phone-copy b{display:inline-block;margin-top:6px;padding:4px 6px;border:1px solid rgba(255,111,120,.38);border-radius:3px;color:var(--device-red);font:400 5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;background:rgba(255,111,120,.08)}
.recon-device-showcase .phone-globe{position:absolute;z-index:2;left:50%;top:111px;width:390px;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:url('earth-day-4k.jpg') center/cover no-repeat;filter:saturate(.68) brightness(.68) contrast(1.12);box-shadow:inset 25px -35px 70px #000,inset -16px 5px 40px rgba(121,168,255,.15),0 0 45px rgba(121,168,255,.14)}
.recon-device-showcase .phone-globe:after{content:'';position:absolute;inset:0;border-radius:50%;background:linear-gradient(90deg,rgba(0,0,0,.72),transparent 46%,rgba(0,0,0,.2));box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.recon-device-showcase .globe-ping{position:absolute;z-index:2;width:5px;height:5px;border-radius:50%;background:var(--device-red);box-shadow:0 0 0 4px rgba(255,111,120,.15),0 0 14px var(--device-red);animation:recon-phone-ping 2.4s ease-out infinite}.recon-device-showcase .ping-a{left:57%;top:32%}.recon-device-showcase .ping-b{left:67%;top:48%;animation-delay:-.8s}.recon-device-showcase .ping-c{left:42%;top:38%;background:var(--device-orange);animation-delay:-1.5s}
.recon-device-showcase .phone-alert{position:absolute;z-index:10;left:12px;right:12px;bottom:58px;padding:11px;border:1px solid rgba(255,255,255,.14);border-radius:7px;background:rgba(5,9,17,.82);backdrop-filter:blur(18px);box-shadow:0 18px 35px rgba(0,0,0,.45)}.recon-device-showcase .phone-alert span{display:flex;align-items:center;gap:5px;color:var(--device-red);font:500 5px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.recon-device-showcase .phone-alert span i{width:4px;height:4px;border-radius:50%;background:var(--device-red)}.recon-device-showcase .phone-alert b{display:block;margin-top:7px;font-size:9px;font-weight:500}.recon-device-showcase .phone-alert p{margin:6px 0;color:#8f9db1;font-size:6px;line-height:1.4}.recon-device-showcase .phone-alert em{color:var(--device-accent);font:400 5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;font-style:normal}
.recon-device-showcase .forecast-phone{background:linear-gradient(180deg,#070b13,#091321 58%,#050812)}.recon-device-showcase .forecast-head{position:absolute;left:14px;right:14px;top:91px}.recon-device-showcase .forecast-head span{color:#71819b;font:500 5px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.recon-device-showcase .forecast-head h3{margin:7px 0 0;font-size:25px;font-weight:500}.recon-device-showcase .forecast-head b{display:block;margin-top:7px;color:var(--device-accent);font:400 6px/1 ui-monospace,SFMono-Regular,Menlo,monospace}
.recon-device-showcase .phone-chart{position:absolute;left:12px;right:12px;top:165px;width:calc(100% - 24px);height:160px;overflow:visible}.recon-device-showcase .chart-grid{fill:none;stroke:rgba(255,255,255,.07);stroke-width:1}.recon-device-showcase .chart-range{fill:rgba(121,168,255,.13)}.recon-device-showcase .chart-line{fill:none;stroke:var(--device-accent-soft);stroke-width:2;filter:drop-shadow(0 0 4px rgba(121,168,255,.55));stroke-dasharray:360;stroke-dashoffset:var(--device-chart-dash)}.recon-device-showcase .phone-chart circle{fill:#fff;filter:drop-shadow(0 0 5px var(--device-accent))}
.recon-device-showcase .forecast-cases{position:absolute;left:12px;right:12px;top:331px;display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid rgba(255,255,255,.09)}.recon-device-showcase .forecast-cases span{padding:10px 7px;border-right:1px solid rgba(255,255,255,.08)}.recon-device-showcase .forecast-cases span:last-child{border:0}.recon-device-showcase .forecast-cases em{display:block;color:#687994;font:400 5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;font-style:normal}.recon-device-showcase .forecast-cases b{display:block;margin-top:5px;font:400 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace}
.recon-device-showcase .asset-impact{position:absolute;left:12px;right:12px;top:391px}.recon-device-showcase .asset-impact span{display:flex;justify-content:space-between;padding:9px 3px;border-bottom:1px solid rgba(255,255,255,.08);color:#8d9bb1;font:400 6px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.recon-device-showcase .asset-impact b{color:var(--device-accent);font-weight:400}.recon-device-showcase .asset-impact b.negative{color:var(--device-red)}
.recon-device-showcase .device-floor{position:absolute;z-index:1;left:-10%;right:-10%;bottom:-23%;height:58%;transform:perspective(650px) rotateX(67deg);transform-origin:center bottom;background-image:linear-gradient(rgba(121,168,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(121,168,255,.15) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,transparent 8%,#000 35%,#000 65%,transparent 92%);opacity:var(--device-floor-opacity)}
@keyframes recon-phone-ping{0%{box-shadow:0 0 0 0 rgba(255,111,120,.35),0 0 13px currentColor}75%,100%{box-shadow:0 0 0 12px rgba(255,111,120,0),0 0 17px currentColor}}
@keyframes recon-float-ai{0%,100%{transform:translate3d(0,0,-20px) rotateY(13deg) rotateZ(-3deg)}50%{transform:translate3d(10px,-16px,18px) rotateY(7deg) rotateZ(-1deg)}}
@keyframes recon-float-defense{0%,100%{transform:translate3d(0,0,5px) rotateY(-12deg) rotateZ(3deg)}50%{transform:translate3d(-9px,14px,25px) rotateY(-6deg) rotateZ(1deg)}}
@media(max-height:780px) and (min-width:701px){.recon-device-showcase .device-heading{top:34px}.recon-device-showcase .device-heading h2{margin-top:11px;font-size:50px}.recon-device-showcase .device-heading p{margin-top:10px}.recon-device-showcase .device-deck{bottom:10px;height:505px}.recon-device-showcase .device-phone{width:218px;border-radius:43px}.recon-device-showcase .device-phone-center{width:246px}.recon-device-showcase .device-screen{border-radius:33px}.recon-device-showcase .device-phone:before{border-radius:35px}.recon-device-showcase .floating-portfolio{width:150px;height:108px}.recon-device-showcase .floating-portfolio-ai{top:238px}.recon-device-showcase .floating-portfolio-defense{top:116px}}
@media(max-width:700px){.recon-device-showcase{height:160svh;min-height:1040px}.recon-device-showcase .device-stage{min-height:680px}.recon-device-showcase .device-heading{top:58px;left:18px;right:18px;width:auto;transform:none}.recon-device-showcase .device-heading h2{font-size:39px;line-height:1.02}.recon-device-showcase .device-heading p{max-width:310px;line-height:1.55}.recon-device-showcase .device-deck{bottom:12px;height:500px;width:100vw}.recon-device-showcase .device-phone{width:190px;border-radius:39px}.recon-device-showcase .device-phone-center{width:220px}.recon-device-showcase .device-phone-left{transform:translate3d(calc(-50% - 116px - var(--device-spread)),var(--device-lift),0) rotate(calc(-7deg + var(--device-angle)));filter:brightness(.66)}.recon-device-showcase .device-phone-right{transform:translate3d(calc(-50% + 116px + var(--device-spread)),var(--device-lift),0) rotate(calc(7deg - var(--device-angle)));filter:brightness(.66)}.recon-device-showcase .device-screen{border-radius:30px}.recon-device-showcase .device-phone:before{border-radius:32px}.recon-device-showcase .device-floor{bottom:-10%;height:40%;background-size:42px 42px}.recon-device-showcase .floating-portfolio{width:108px;height:82px}.recon-device-showcase .floating-portfolio-ai{left:-7px;top:270px}.recon-device-showcase .floating-portfolio-defense{right:-7px;top:152px}.recon-device-showcase .floating-portfolio span{left:8px;bottom:7px}.recon-device-showcase .floating-portfolio strong{margin:3px 0 0;font-size:9px}.recon-device-showcase .floating-portfolio em{display:none}}
@media(prefers-reduced-motion:reduce){.recon-device-showcase{--device-lift:0px;--device-center-lift:0px;--device-spread:34px;--device-angle:3deg;--device-scale:1;--device-brightness:.92;--device-floor-opacity:.64;--device-chart-dash:0}.recon-device-showcase .globe-ping,.recon-device-showcase .floating-portfolio{animation:none}}