/* ERP hero: clear message + a connected, sculptural 3D system. */
.showcase-hero{position:relative;isolation:isolate;overflow:hidden;background:#fff;color:#252b34;min-height:650px;height:min(820px,calc(100svh - 94px))}
.showcase-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 78% 42%,#f5f7fc 0%,#fff 67%)}
.showcase-layout{height:100%;position:relative;display:flex;align-items:center}
.showcase-copy{width:43%;max-width:570px;position:relative;z-index:4;margin-top:-32px;pointer-events:none}
.showcase-eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:1.8px;font-weight:500;color:#7f8791;margin-bottom:27px}.showcase-eyebrow i{width:7px;height:7px;background:#f3433d;border-radius:50%;box-shadow:0 0 0 5px #f3433d0b}
.showcase-copy h1{font-size:clamp(46px,4.65vw,68px);line-height:1.20;font-weight:600;letter-spacing:-2.9px}.showcase-copy h1>span{color:#f3433d}
.showcase-description{max-width:405px;font-size:17px;line-height:1.95;color:#77808b;margin-top:25px}
.showcase-actions{display:flex;align-items:center;gap:23px;margin-top:31px;pointer-events:auto}.showcase-actions>.button{font-size:13px;min-height:54px;padding:14px 19px;gap:24px;border-radius:9px;box-shadow:0 8px 25px #f3433d18}.showcase-actions>a:not(.button){display:flex;align-items:center;gap:10px;font-size:12px;color:#626c7b}.showcase-actions>a:not(.button)>span{font-size:20px}.showcase-actions>a:not(.button):hover{color:#f3433d}
.showcase-note{margin-top:23px;font-size:11px;color:#959da7;display:flex;align-items:center;gap:9px}.showcase-note>span{color:#f3433d;font-size:16px}
.showcase-visual{position:absolute;width:66%;height:100%;right:-2%;top:0;z-index:2}
.showcase-stage{position:absolute;inset:33px 0 72px;isolation:isolate}.showcase-stage canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.showcase-aura{position:absolute;inset:20% 0 5%;background:radial-gradient(ellipse,#f7d8d34a,transparent 68%);z-index:0}.showcase-fallback-title{display:none}
#showcase-modules{position:absolute;inset:0;z-index:3;pointer-events:none}
.showcase-module{--label-bg:#fff;--label-border:#dce3ec;position:absolute;transform:translate(-50%,calc(-100% - 6px));display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;line-height:1.2;white-space:nowrap;background:var(--label-bg);border:1px solid var(--label-border);border-radius:5px;padding:5px 9px;color:#526175;box-shadow:0 2px 5px #2439510c;pointer-events:auto;transition:color .2s,border-color .2s,background .2s}
.showcase-module:after{content:"";position:absolute;left:50%;bottom:-4px;width:6px;height:6px;background:var(--label-bg);border-right:1px solid var(--label-border);border-bottom:1px solid var(--label-border);transform:translateX(-50%) rotate(45deg);pointer-events:none}
.showcase-module.is-connected{--label-bg:#fff4f0;--label-border:#ed9d91;color:#b23f36}
.showcase-module.is-inspected,.showcase-module:hover,.showcase-module:focus-visible{--label-bg:#f3433d;--label-border:#f3433d;color:#fff;z-index:5}
.showcase-fallback .showcase-module:after{display:none}

.showcase-visual-top{position:absolute;top:35px;left:22%;right:8%;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:20px}.showcase-visual-top>p{font-size:9px;letter-spacing:1.3px;color:#a0a8b5;display:flex;align-items:center;gap:8px}.showcase-visual-top>p>span{font-size:12px;color:#df756d}.showcase-tools{display:flex;align-items:center;gap:8px}.showcase-tools>button{background:none;font-size:11px;color:#929aa6;padding:5px}.showcase-tools>#showcase-motion{width:29px;height:29px;border:1px solid #dfe4ed;border-radius:50%;font-size:11px}.showcase-tools>button:hover{color:#f3433d}
.showcase-flow{position:absolute;bottom:64px;left:17%;right:8%;display:flex;flex-direction:column;align-items:center;gap:9px;z-index:4;pointer-events:none}.showcase-flow-title{font-size:10px;color:#929ba8;letter-spacing:.2px}.showcase-flow-steps{display:flex;align-items:center;gap:14px;font-size:12px;color:#697689}.showcase-flow-steps b{font-weight:500}.showcase-flow-steps i{font-style:normal;color:#e99c93}
.showcase-footer{position:absolute;bottom:26px;left:0;right:0;display:flex;align-items:center;gap:30px;font-size:10px;color:#939ba6;z-index:4}.showcase-footer>span{display:flex;align-items:center;gap:8px}.showcase-footer b{font-size:17px;line-height:1;color:#f3433d;font-weight:500}.showcase-footer>a{margin-left:auto;display:flex;align-items:center;gap:15px;pointer-events:auto;color:#667185;font-size:10px}.showcase-footer>a>i{font-size:18px;font-style:normal;color:#ef8175}
.showcase-fallback canvas,.showcase-fallback .showcase-aura{display:none}.showcase-fallback .showcase-fallback-title{display:block;position:absolute;top:15%;left:15%;font-size:30px;color:#f3433d}.showcase-fallback #showcase-modules{display:grid;grid-template-columns:repeat(3,1fr);inset:35% 10% 20%;gap:12px}.showcase-fallback .showcase-module{position:static;transform:none;justify-content:center;font-size:13px;white-space:normal}
@media(min-width:1650px){.showcase-hero{height:850px}.showcase-copy{width:40%}.showcase-copy h1{font-size:69px}.showcase-visual{width:75%;right:-13%}.showcase-stage{inset:20px 0 55px}.showcase-module{font-size:12px;padding:7px 9px}.showcase-flow{bottom:57px}.showcase-visual-top{top:40px}}
@media(max-width:1150px){.showcase-hero{min-height:660px}.showcase-copy{width:45%;margin-top:-20px}.showcase-copy h1{font-size:clamp(38px,4.5vw,49px);letter-spacing:-2.2px}.showcase-description{font-size:15px;max-width:350px}.showcase-actions{gap:16px;flex-wrap:wrap}.showcase-actions>.button{font-size:12px;padding:12px 15px;gap:15px}.showcase-actions>a:not(.button){font-size:11px}.showcase-visual{width:67%;right:-4%}.showcase-stage{inset:65px 0 70px}.showcase-module{font-size:10px;gap:4px;padding:5px 6px}.showcase-visual-top{left:22%;right:11%;top:45px}.showcase-footer{gap:20px}.showcase-flow{left:16%;right:6%;bottom:90px}.showcase-flow-steps{font-size:10px;gap:9px}}
@media(max-width:960px){.showcase-hero{height:auto;min-height:0}.showcase-layout{display:flex;flex-direction:column;align-items:start;padding-top:35px;padding-bottom:67px}.showcase-copy{width:100%;max-width:none;margin:0;display:contents}.showcase-eyebrow{font-size:9px;margin-bottom:18px;letter-spacing:1.3px}.showcase-copy h1{font-size:clamp(37px,7vw,58px);line-height:1.2;letter-spacing:-1.7px;position:relative;z-index:4}.showcase-copy h1>br:first-of-type{display:block}.showcase-copy h1>span{display:block}.showcase-description{font-size:14px;max-width:480px;margin-top:17px;line-height:1.8}.showcase-actions{order:4;margin-top:0;gap:23px}.showcase-actions>.button{font-size:12px;min-height:50px;padding:13px 17px;gap:19px}.showcase-actions>a:not(.button){font-size:11px}.showcase-note{order:5;margin-top:17px;font-size:10px}.showcase-visual{position:relative;order:3;width:calc(100% + 50px);margin-left:-25px;right:auto;height:450px;top:auto}.showcase-stage{inset:0 0 40px}.showcase-visual-top{top:13px;left:auto;right:7%;gap:10px}.showcase-visual-top>p{display:none}.showcase-tools{gap:5px}.showcase-tools>button{font-size:9px}.showcase-tools>#showcase-motion{width:26px;height:26px}.showcase-flow{left:0;right:0;bottom:22px;gap:5px}.showcase-flow-title{font-size:9px}.showcase-flow-steps{font-size:10px;gap:12px}.showcase-module{font-size:10px;padding:5px 6px}.showcase-footer{bottom:22px;font-size:9px;gap:20px}.showcase-footer>span:nth-child(2){display:none}.showcase-footer b{font-size:14px}.showcase-footer>a{font-size:9px;gap:8px}}
@media(max-width:480px){.showcase-layout{padding-top:25px;padding-bottom:65px}.showcase-copy h1{font-size:37px;letter-spacing:-1.8px}.showcase-eyebrow{font-size:8px;margin-bottom:16px}.showcase-description{font-size:13px;margin-top:15px;max-width:340px}.showcase-visual{height:355px;width:calc(100% + 40px);margin-left:-20px}.showcase-stage{inset:-6px 0 32px}.showcase-visual-top{top:5px;right:5%}.showcase-flow{bottom:18px;gap:4px}.showcase-flow-title{font-size:8px}.showcase-flow-steps{font-size:9px;gap:10px}.showcase-module{font-size:9px;padding:4px 5px;gap:3px;border-radius:4px}.showcase-actions{gap:17px}.showcase-actions>.button{font-size:11px;padding:12px 14px;min-height:47px;gap:15px}.showcase-actions>a:not(.button){font-size:10px;gap:7px}.showcase-note{font-size:9px;margin-top:14px}.showcase-footer{font-size:8px}.showcase-footer>a{font-size:8px}}
@media(max-width:365px){.showcase-copy h1{font-size:31px;letter-spacing:-1.5px}.showcase-description{font-size:12px}.showcase-visual{height:325px}.showcase-actions{gap:13px}.showcase-actions>.button{font-size:10px;padding:11px 12px;gap:10px}.showcase-actions>a:not(.button){font-size:9px}.showcase-module{font-size:8px;padding:4px}.showcase-note{font-size:8px}}
@media(prefers-reduced-motion:reduce){.showcase-module{transition:none}}