.visual{min-height:610px;--px:0;--py:0}.visual:before{inset:5% -12% 0;background:radial-gradient(ellipse at 50% 60%,#3286942b,transparent 62%)}.visual-orbit{top:20%;width:100%;left:0;border-color:#78c79625;box-shadow:0 0 65px #7bbd8120,inset 0 0 40px #2dafaa0b;transform:rotateX(68deg) rotateZ(-10deg)}#scene{z-index:2}.scene-fallback{position:absolute;width:100%;height:100%;object-fit:contain;inset:0;display:none}.no-webgl .scene-fallback{display:block}.no-webgl canvas{display:none}.software-float{position:absolute;z-index:3;pointer-events:none;border:1px solid #659b9555;background:linear-gradient(140deg,#142c39e8,#0c1926ed);box-shadow:0 25px 50px #0005,5px 5px 0 #19394955;border-radius:9px;padding:17px;backdrop-filter:blur(8px);transform:perspective(800px) rotateY(calc(var(--px)*-14deg)) rotateX(calc(var(--py)*14deg));animation:panel-float 7s ease-in-out infinite}.float-code{top:12%;left:0;width:230px;transform-origin:center right}.float-app{right:0;bottom:13%;width:185px;animation-delay:-3.5s}.panel-caption{display:block;font-size:9px;letter-spacing:1.3px;color:#8ab2c5;margin-bottom:12px}.float-code code{font-size:12px;color:#ccd9e0;line-height:1.9}.float-code code b{color:#71ced5;font-weight:400}.float-code code i{color:var(--lime);font-style:normal}.float-code code>span{color:#8eae91}.mini-chart{height:53px;display:flex;align-items:flex-end;gap:8px;border-bottom:1px solid #46746b;padding:0 3px 7px}.mini-chart i{width:19px;background:linear-gradient(0deg,#5a9339,#c4eb86);border-radius:3px 3px 0 0;height:20px}.mini-chart i:nth-child(2){height:29px}.mini-chart i:nth-child(3){height:24px;background:linear-gradient(0deg,#2a787c,#79cdd5)}.mini-chart i:nth-child(4){height:39px}.mini-chart i:nth-child(5){height:45px}.mini-label{font-size:10px;color:#98b4c4;display:block;margin-top:10px}.label-top{top:3%;left:4%}.scene-controls{top:3%;right:0;z-index:5}.label-bottom{bottom:7%;right:3%;z-index:4}.motion{bottom:0;left:5%;z-index:5}.drag-hint{bottom:0;right:2%}.motion-paused .software-float{animation-play-state:paused}@keyframes panel-float{0%,100%{translate:0 0}50%{translate:0 -14px}}.service,.image-card,.industry{box-shadow:0 18px 36px #0004,0 4px 0 #1b2e37,0 5px 0 #49605355;position:relative}.service h3,.industry h3{transform:translateZ(22px)}.service p,.industry p{transform:translateZ(12px)}.card-top{transform:translateZ(35px)}.image-copy{transform:translateZ(15px)}.service:hover,.image-card:hover,.industry:hover{box-shadow:0 35px 65px #0007,0 5px 0 #29443f,0 6px 0 #79ac6766}.roadmap-index{transform:perspective(400px) rotateY(-18deg) rotateX(8deg);box-shadow:7px 6px 0 #14303a,12px 11px 25px #0004}.button{box-shadow:0 4px 0 #19271e,0 10px 22px #0003}.button:hover{box-shadow:0 7px 0 #19271e,0 18px 30px #0004}.software-stage{border-top:1px solid var(--line);background:radial-gradient(ellipse at 25% 70%,#2f7d8b15,transparent 62%);overflow:hidden}.software-showcase{display:grid;grid-template-columns:1.5fr 1fr;gap:85px;align-items:center}.workspace-demo{position:relative;perspective:1000px;padding:45px 30px 80px 0;min-height:450px}.workspace-panel{position:relative;border-radius:13px;border:1px solid #486679;background:linear-gradient(135deg,#132939,#0b1520);box-shadow:8px 9px 0 #1d3a4b,16px 18px 0 #0d2331,0 45px 80px #0007;transform:rotateY(12deg) rotateX(7deg) rotateZ(-3deg);animation:workspace-hover 9s ease-in-out infinite}.workspace-bar{display:flex;gap:15px;align-items:center;padding:15px;border-bottom:1px solid #294152;font-size:9px;letter-spacing:1px;color:#8eaab9}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;background:#78a589;border-radius:50%}.window-dots i:nth-child(2){background:#87cbd1}.window-dots i:nth-child(3){background:#bade74}.demo-label{margin-left:auto;font-size:8px;padding:3px 6px;border:1px solid #3f5e5f;border-radius:3px;white-space:nowrap}.workspace-body{display:grid;grid-template-columns:90px 1fr;min-height:310px}.workspace-body aside{border-right:1px solid #263d4b;padding:22px 10px;display:flex;flex-direction:column;gap:19px;font-size:10px;color:#839caa}.workspace-body aside>b{font-size:20px;color:var(--lime);margin-bottom:6px}.workspace-body aside .selected{color:var(--lime);background:#314c3c66;padding:6px;border-radius:4px}.workspace-content{padding:24px 20px}.workspace-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:23px}.workspace-heading small{font-size:8px;color:#799aaa;letter-spacing:1.1px}.workspace-heading h3{font-size:24px;letter-spacing:-.8px;margin:4px 0}.workspace-heading>span{font-size:9px;border:1px solid #3e5c66;color:#8fcac2;padding:5px 8px;border-radius:4px}.demo-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.demo-metrics>div{background:#18313d;border:1px solid #2a4652;border-radius:5px;padding:12px}.demo-metrics span{font-size:8px;display:block;color:#85a3b4}.demo-metrics b{font-size:13px;font-weight:500;display:block;margin:4px 0 12px}.demo-metrics i{display:block;height:3px;width:75%;background:var(--lime);border-radius:4px}.demo-metrics>div:nth-child(2) i{background:#5bafba}.demo-chart{margin-top:18px;padding:14px;background:#102734;border:1px solid #244451;border-radius:5px}.demo-chart>div:first-child{display:flex;justify-content:space-between;font-size:10px;color:#a3bfca}.demo-chart>div:first-child span:last-child{color:#81a49f}.chart-columns{height:90px;display:flex;align-items:flex-end;gap:8px;padding-top:18px;background:repeating-linear-gradient(0deg,transparent 0 23px,#29445255 24px 25px)}.chart-columns i{flex:1;height:35%;background:linear-gradient(0deg,#538c52,#bfe784);border-radius:3px 3px 0 0}.chart-columns i:nth-child(2n){height:60%;background:linear-gradient(0deg,#2c7582,#73c6cc)}.chart-columns i:nth-child(3n){height:80%}.chart-columns i:nth-child(5n){height:45%}.chart-columns i:nth-child(7n){height:100%}.demo-tasks{display:flex;justify-content:space-between;gap:7px;color:#7194a6;font-size:8px;margin-top:15px}.phone-demo{position:absolute;width:144px;min-height:256px;right:-5px;bottom:22px;border:5px solid #334c5b;border-radius:22px;background:linear-gradient(145deg,#152f3c,#080f19);box-shadow:7px 6px 0 #13222d,0 25px 50px #0009;transform:rotateY(-14deg) rotateZ(8deg);padding:25px 13px 18px;animation:phone-hover 8s ease-in-out infinite}.phone-speaker{position:absolute;top:8px;width:39px;height:4px;border-radius:5px;background:#020912;left:calc(50% - 20px)}.phone-brand{font-size:8px;letter-spacing:1px;color:var(--lime)}.phone-demo h3{font-size:17px;letter-spacing:-.6px;line-height:1.25;margin:14px 0}.phone-chart{display:flex;align-items:flex-end;gap:8px;height:51px;margin:10px 0 19px}.phone-chart i{flex:1;height:60%;background:#b9e66d;border-radius:3px}.phone-chart i:nth-child(2){height:40%;background:#69b9c6}.phone-chart i:nth-child(3){height:75%}.phone-chart i:nth-child(4){height:100%;background:#69b9c6}.phone-line{height:3px;width:90%;margin:8px 0;background:#345262}.phone-line.short{width:60%}.phone-pill{margin-top:18px;padding:7px 3px;color:var(--lime);background:#36544055;font-size:8px;border-radius:4px;text-align:center}.layer-tag{display:block;position:absolute;left:20px;bottom:8px;color:#8fb5be;border:1px solid #35565d;background:#10232c;padding:9px 14px;border-radius:30px;font-size:10px;letter-spacing:1.1px}.showcase-copy h3{font-size:32px;line-height:1.3;letter-spacing:-1px}.showcase-copy>p:not(.eyebrow){color:var(--muted);line-height:1.9}.showcase-copy ul{list-style:none;padding:0;color:#abc0cc;font-size:14px;margin:28px 0}.showcase-copy li{padding:10px 0;border-top:1px solid #233846}.showcase-copy li:before{content:'+';color:var(--lime);padding-right:10px}.showcase-copy .button{gap:18px;font-size:13px}.workspace-panel:hover{animation-play-state:paused}@keyframes workspace-hover{0%,100%{translate:0 0}50%{translate:0 -12px}}@keyframes phone-hover{0%,100%{translate:0 0}50%{translate:0 9px}}
@media(max-width:1100px){.software-showcase{gap:50px;grid-template-columns:1.3fr 1fr}.workspace-demo{min-height:405px}.workspace-body{grid-template-columns:65px 1fr}.workspace-content{padding:18px 13px}.workspace-body aside{font-size:9px;padding:18px 7px}.workspace-bar{padding:12px 10px;gap:8px;font-size:8px}.demo-label{display:none}.demo-metrics>div{padding:9px}.demo-metrics b{font-size:11px}.workspace-heading h3{font-size:21px}.workspace-heading>span{display:none}.phone-demo{width:123px;min-height:230px;right:-9px}.float-code{width:200px;padding:13px}.float-code code{font-size:11px}.float-app{width:155px;padding:12px}.visual{min-height:550px}.showcase-copy h3{font-size:27px}}
@media(max-width:700px){.visual{min-height:430px;margin-top:32px}.float-code{top:14%;left:0;width:160px;padding:11px;border-radius:6px}.float-code code{font-size:9px}.panel-caption{font-size:7px;letter-spacing:.8px;margin-bottom:8px}.float-app{right:0;bottom:15%;width:123px;padding:11px}.mini-chart{height:34px;gap:6px}.mini-chart i{width:12px;max-height:30px}.mini-label{font-size:8px}.label-top{top:2%!important;left:2%!important;font-size:9px}.scene-controls{top:2%;right:0;max-width:none}.scene-controls button{font-size:10px;padding:5px 8px}.label-bottom{font-size:9px;bottom:8%;right:3%}.label-bottom span{font-size:8px}.drag-hint{font-size:9px;right:1%;bottom:0}.motion{bottom:0;left:1%;font-size:10px}.software-showcase{grid-template-columns:1fr;gap:30px}.workspace-demo{min-height:390px;padding:25px 25px 68px 0}.workspace-content{padding:15px 12px}.workspace-heading small{font-size:7px}.workspace-heading h3{font-size:20px}.workspace-body{min-height:290px}.workspace-bar{font-size:7px}.demo-metrics{gap:7px}.demo-metrics>div{padding:8px 6px}.demo-metrics b{font-size:10px}.demo-metrics span{font-size:7px}.demo-tasks{font-size:7px}.phone-demo{right:2px;bottom:18px;width:115px;min-height:218px;padding:24px 11px 13px}.phone-demo h3{font-size:16px}.phone-chart{height:42px}.phone-pill{font-size:7px}.layer-tag{left:5px;bottom:0;font-size:8px;padding:7px 10px}.showcase-copy h3{font-size:29px}.showcase-copy ul{font-size:16px}.showcase-copy .button{font-size:14px}.workspace-panel{transform:rotateY(8deg) rotateX(5deg) rotateZ(-2deg)}.service h3,.industry h3,.card-top,.image-copy{transform:none}}
.visual .label-bottom{left:5%;right:auto;bottom:10%}.visual .float-app{bottom:15%}
@media(max-width:700px){.visual .label-bottom{left:3%;bottom:10%}.visual .float-app{bottom:17%}}
@media(prefers-reduced-motion:reduce){.software-float,.workspace-panel,.phone-demo{animation:none}.workspace-panel,.phone-demo{transform:none}.software-float{transform:none}.roadmap-index{transform:none}}