.sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.exact-hero{padding:0;background:#03091b;position:relative;overflow:hidden}.reference-art{position:relative;width:100%;isolation:isolate}.reference-full{display:block;width:100%;height:auto}.reference-hotspot{position:absolute;z-index:3;border-radius:9px;border:1px solid transparent;transition:border-color .2s,box-shadow .2s}.reference-hotspot:hover{border-color:#91b7ff90;box-shadow:0 0 20px #6a8bff35}.reference-hotspot:focus-visible{outline:2px solid #fff;outline-offset:2px;background:#5276ff15}.reference-energy{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;mix-blend-mode:screen}.reference-energy path{fill:none;stroke:url(#energy-gradient);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:18 982;filter:drop-shadow(0 0 6px #77a8ff);animation:energy-flow 8s linear infinite;animation-delay:var(--delay);opacity:.8}.reference-toolbar{display:flex;align-items:center;justify-content:space-between;padding:14px 5%;border-top:1px solid #ffffff0a;color:#7e90be;font-size:8px;letter-spacing:2px;background:#03091b}.reference-toolbar button{border:0;background:none;color:#97a8cf;font:inherit;letter-spacing:0;font-size:10px;cursor:pointer;display:flex;gap:9px;align-items:center}.reference-toolbar button:hover{color:#fff}.motion-paused .reference-energy path{animation-play-state:paused}@keyframes energy-flow{from{stroke-dashoffset:1000}to{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){.reference-energy{display:none}.reference-toolbar button{display:none}}@media(max-width:700px){.reference-toolbar{font-size:6px;letter-spacing:1px;padding:12px 18px}.reference-toolbar button{font-size:8px}.reference-hotspot{border-radius:3px}}

.reference-toolbar{justify-content:flex-end;border-top:0;padding:8px 3%;background:#03091b}.reference-toolbar button{opacity:.65}

.module-hotspot{--glow:110,155,255;cursor:pointer;transition:background .25s,border-color .25s,box-shadow .25s;transform:translateZ(0)}.module-hotspot[title="Envanter"]{--glow:255,185,70}.module-hotspot[title="CRM"],.module-hotspot[title="Muhasebe"]{--glow:196,100,255}.module-hotspot[title="Satın Alma"],.module-hotspot[title="Finans"]{--glow:40,220,255}.module-hotspot[title="Demirbaş Yönetimi"]{--glow:65,255,192}.module-hotspot[title="Satış"]{--glow:234,95,255}.module-hotspot:hover,.module-hotspot:focus-visible{border-color:rgba(var(--glow),.95);background:rgba(var(--glow),.12);box-shadow:0 0 18px rgba(var(--glow),.65),0 0 42px rgba(var(--glow),.25),inset 0 0 25px rgba(var(--glow),.17);outline:none}.module-hotspot:after{content:'↗';position:absolute;right:8%;bottom:10%;color:white;font-size:clamp(12px,1.4vw,24px);opacity:0;transform:translate(-4px,4px);transition:.25s}.module-hotspot:hover:after,.module-hotspot:focus-visible:after{opacity:1;transform:none}

.login-cover{position:absolute;z-index:4;left:72.1%;top:1.55%;width:5.15%;height:4.9%;background:linear-gradient(110deg,#030819,#05091d);pointer-events:none}
/* Follow each perspective card rather than painting a rectangular overlay. */
.module-hotspot,.module-hotspot:hover,.module-hotspot:focus-visible{border:0;background:transparent;box-shadow:none;outline:none;border-radius:0}.module-hotspot:after{content:none;display:none}.module-silhouette{position:absolute;inset:0;overflow:hidden;opacity:0;pointer-events:none;transition:opacity .28s ease;clip-path:polygon(3% 4%,97% 22%,98% 96%,2% 78%);border-radius:12px}.module-silhouette img{position:absolute;max-width:none;height:auto;display:block;filter:brightness(1.38) saturate(1.24);user-select:none}.module-hotspot:hover .module-silhouette,.module-hotspot:focus-visible .module-silhouette{opacity:1}.module-hotspot[title="Demirbaş Yönetimi"] .module-silhouette{clip-path:polygon(2% 7%,98% 25%,98% 98%,2% 79%)}.module-hotspot[title="İnsan Kaynakları"] .module-silhouette{clip-path:polygon(4% 2%,97% 22%,98% 98%,3% 78%)}.module-hotspot[title="Envanter"] .module-silhouette{clip-path:polygon(2% 2%,98% 22%,98% 98%,2% 81%)}.module-hotspot[title="CRM"] .module-silhouette{clip-path:polygon(3% 4%,98% 10%,97% 86%,3% 98%)}.module-hotspot[title="Satın Alma"] .module-silhouette{clip-path:polygon(2% 24%,98% 3%,98% 80%,2% 98%)}.module-hotspot[title="Satış"] .module-silhouette{clip-path:polygon(2% 24%,98% 2%,98% 80%,2% 98%)}.module-hotspot[title="Finans"] .module-silhouette{clip-path:polygon(2% 17%,98% 2%,98% 82%,2% 98%)}.module-hotspot[title="Muhasebe"] .module-silhouette{clip-path:polygon(3% 3%,97% 6%,98% 98%,2% 80%)}@media(prefers-reduced-motion:reduce){.module-silhouette{transition:none}}

/* Clear, live trial call to action over the original artwork */
.reference-art{container-type:inline-size}.reference-hotspot.trial-cta{display:flex;align-items:center;justify-content:center;opacity:1;background:linear-gradient(105deg,#244bff,#9651f6);border:1px solid #a19bff80;border-radius:.8cqw;color:white;box-shadow:0 0 22px #7556ff55;text-decoration:none;z-index:5;transition:box-shadow .2s,filter .2s}.trial-cta>span{font-size:.78cqw;font-weight:500;white-space:nowrap;letter-spacing:-.02em}.trial-cta strong{font-weight:800}.reference-hotspot.trial-cta:hover{background:linear-gradient(105deg,#3762ff,#a669ff);filter:brightness(1.12);box-shadow:0 0 30px #8b68ff90}.reference-hotspot.trial-cta:focus-visible{outline:2px solid #fff;outline-offset:3px}.trial-cta[style*="38.4%"]>span{font-size:.88cqw}.trial-cta[style*="77.5%"]{left:75.7%!important;width:10.5%!important}.trial-cta[style*="77.5%"]>span{font-size:.78cqw}@media(prefers-reduced-motion:reduce){.reference-hotspot.trial-cta{transition:none}}