.digital-transformation-container{position:relative;width:100%;height:100vh;display:flex;justify-content:space-between;align-items:center;overflow:hidden;background:linear-gradient(135deg,#030712,#081125);font-family:Inter,sans-serif;padding:3rem 6.5rem;box-sizing:border-box}.digital-transformation-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,245,212,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,245,212,.035) 1px,transparent 1px);background-size:32px 32px;pointer-events:none;z-index:1}.text-column-left,.text-column-right{width:270px;display:flex;flex-direction:column;gap:12px;z-index:10;-webkit-user-select:none;user-select:none}.text-column-left{align-items:flex-start;text-align:left}.text-column-right{align-items:flex-end;text-align:right}.pill-badge{display:inline-flex;align-items:center;padding:6px 14px;border-radius:9999px;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:6px;box-shadow:0 4px 12px #0000001a;transition:transform .3s cubic-bezier(.25,1,.5,1),box-shadow .3s ease}.pill-badge:hover{transform:translateY(-2px)}.pill-badge.red{background:#ef44441f;border:1.5px solid rgba(239,68,68,.3);color:#ef4444;box-shadow:0 0 15px #ef44441a}.pill-badge.green{background:#10b9811f;border:1.5px solid rgba(16,185,129,.3);color:#10b981;box-shadow:0 0 15px #10b9811a}.column-title{font-size:26px;font-weight:800;line-height:1.25;margin:0}.column-title.white{color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.4)}.column-title.green{color:#00f5d4;text-shadow:0 2px 15px rgba(0,245,212,.25)}.column-desc{color:#94a3b8;font-size:13.5px;line-height:1.6;font-weight:400;margin:0}.central-3d-stage{flex:1;height:100%;display:flex;justify-content:center;align-items:center;perspective:1200px;position:relative;z-index:5}.phone-mockup{width:200px;height:380px;border-radius:32px;border:2px solid rgba(0,245,212,.6);background:#08143080;box-shadow:0 0 35px #00f5d440,inset 0 0 20px #00f5d426;position:relative;transform:rotateY(20deg) rotateX(12deg) rotate(-2deg);transform-style:preserve-3d;display:flex;flex-direction:column;justify-content:space-between;padding:22px 18px;box-sizing:border-box;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);animation:phoneFloat 6s ease-in-out infinite;z-index:5}@keyframes phoneFloat{0%,to{transform:rotateY(20deg) rotateX(12deg) rotate(-2deg) translateY(0)}50%{transform:rotateY(20deg) rotateX(12deg) rotate(-2deg) translateY(-8px)}}.phone-mockup:after{content:"";position:absolute;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,#00f5d4,#00f5d4,transparent);box-shadow:0 0 10px #00f5d4,0 0 4px #00f5d4;z-index:12;pointer-events:none;animation:scanSweep 6s ease-in-out infinite}@keyframes scanSweep{0%,to{top:6%;opacity:.3}50%{top:94%;opacity:1}}.phone-scanner-bg{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%) translateZ(-10px);width:110px;height:110px;border-radius:50%;border:1px dashed rgba(0,245,212,.25);display:flex;justify-content:center;align-items:center;pointer-events:none}.phone-scanner-bg:before,.phone-scanner-bg:after{content:"";position:absolute;border-radius:50%;border:1.5px solid rgba(0,245,212,.08)}.phone-scanner-bg:before{width:82px;height:82px;border-top-color:#00f5d4a6;animation:radarClockwise 8s linear infinite}.phone-scanner-bg:after{width:52px;height:52px;border-bottom-color:#00f5d4a6;animation:radarCounterClockwise 6s linear infinite}@keyframes radarClockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes radarCounterClockwise{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.phone-scanner-core{width:14px;height:14px;border-radius:50%;background:#00f5d4;box-shadow:0 0 15px #00f5d4,0 0 6px #00f5d4cc;animation:corePulse 4.5s ease-in-out infinite}@keyframes corePulse{0%,to{transform:scale(.9);opacity:.7;box-shadow:0 0 8px #00f5d480}50%{transform:scale(1.15);opacity:1;box-shadow:0 0 20px #00f5d4,0 0 8px #00f5d4cc}}.phone-top-notch{width:45px;height:4px;background:#ffffff26;border-radius:10px;align-self:center}.phone-bottom-label{text-align:center;color:#ffffff73;font-size:8px;font-weight:900;letter-spacing:.25em;text-transform:uppercase;text-shadow:0 0 6px rgba(0,245,212,.3);margin-top:auto;align-self:center}.flowing-cards-stage{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;transform-style:preserve-3d;z-index:auto}.flow-card{position:absolute;top:calc(50% - 82.5px);left:calc(50% - 62.5px);width:125px;height:165px;border-radius:12px;padding:14px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 12px 30px #0006;transform-style:preserve-3d}.classic-paper-card{background:#fcfbfa;border:1px solid #ebdcb9;z-index:3}.classic-paper-card .card-logo{width:20px;height:20px;background:#d1a153;border-radius:4px;display:flex;justify-content:center;align-items:center;color:#fff}.classic-paper-card .paper-fields{display:flex;flex-direction:column;gap:6px;margin-top:12px}.classic-paper-card .paper-line{height:5px;background:#eae2d0;border-radius:3px}.classic-paper-card .paper-line.short{width:45%}.classic-paper-card .paper-line.medium{width:75%}.classic-paper-card .paper-line.full{width:90%}.classic-paper-card .red-stamp{width:32px;height:32px;border:1.5px dashed #ef4444;border-radius:50%;color:#ef4444;display:flex;justify-content:center;align-items:center;font-size:8px;font-weight:900;align-self:flex-end;transform:rotate(-15deg);margin-top:auto}.digital-glow-card{background:#060b18;border:1.5px solid #00f5d4;box-shadow:0 0 25px #00f5d459;z-index:7}.digital-glow-card .card-header{display:flex;justify-content:space-between;align-items:center}.digital-glow-card .doc-icon{color:#00f5d4;filter:drop-shadow(0 0 4px rgba(0,245,212,.6))}.digital-glow-card .card-badge{background:#00f5d41f;border:.5px solid rgba(0,245,212,.45);color:#00f5d4;padding:2.5px 6px;border-radius:4px;font-size:8px;font-weight:800;letter-spacing:.5px}.digital-glow-card .digital-fields{display:flex;flex-direction:column;gap:6px;margin-top:12px}.digital-glow-card .digital-line{height:4px;background:#00f5d433;border-radius:2px}.digital-glow-card .digital-line.active{background:#00f5d4;box-shadow:0 0 6px #00f5d499}.digital-glow-card .digital-line.short{width:50%}.digital-glow-card .digital-line.medium{width:70%}.digital-glow-card .card-footer{margin-top:auto;display:flex;align-items:center;gap:5px;color:#0fc;font-size:8px;font-weight:800}.pipeline-fatura-classic{animation:classicCardFlow 8s infinite linear;animation-delay:0s;animation-fill-mode:both}.pipeline-fatura-digital{animation:digitalCardFlow 8s infinite linear;animation-delay:0s;animation-fill-mode:both}.pipeline-ekstre-classic{animation:classicCardFlow 8s infinite linear;animation-delay:4s;animation-fill-mode:both}.pipeline-ekstre-digital{animation:digitalCardFlow 8s infinite linear;animation-delay:4s;animation-fill-mode:both}@keyframes classicCardFlow{0%{opacity:0;filter:blur(0px);transform:perspective(1000px) rotateY(35deg) rotateX(12deg) rotate(2deg) translate3d(-260px,35px,-110px) scale(.62)}4%{opacity:1}35%{opacity:1;filter:blur(0px);transform:perspective(1000px) rotateY(25deg) rotateX(10deg) rotate(1deg) translate3d(-90px,12px,-30px) scale(.85)}40%{opacity:.9;filter:blur(1.5px) brightness(.9);transform:perspective(1000px) rotateY(20deg) rotateX(12deg) rotate(-2deg) translate3d(-20px,4px,-15px) scale(.95)}44%{opacity:.6;filter:blur(4px) brightness(.8);transform:perspective(1000px) rotateY(20deg) rotateX(12deg) rotate(-2deg) translateZ(-20px) scale(1)}47%{opacity:0;filter:blur(8px) brightness(.6);transform:perspective(1000px) rotateY(20deg) rotateX(12deg) rotate(-2deg) translate3d(10px,-4px,-25px) scale(1)}to{opacity:0;filter:blur(8px);transform:perspective(1000px) rotateY(20deg) rotateX(12deg) rotate(-2deg) translate3d(10px,-4px,-25px) scale(1)}}@keyframes digitalCardFlow{0%,45%{opacity:0;filter:blur(4px) brightness(2);transform:perspective(1000px) rotateY(20deg) rotateX(12deg) rotate(-2deg) translate3d(-10px,2px,15px) scale(.9)}48%{opacity:.95;filter:blur(1.5px) brightness(1.8) drop-shadow(0 0 15px #00f5d4);transform:perspective(1000px) rotateY(20deg) rotateX(12deg) rotate(-2deg) translateZ(20px) scale(1)}51%{opacity:1;filter:blur(0px) brightness(1);transform:perspective(1000px) rotateY(15deg) rotateX(10deg) rotate(-1deg) translate3d(30px,-8px,25px) scale(1)}88%{opacity:1;filter:blur(0px)}94%{opacity:.8}to{opacity:0;transform:perspective(1000px) rotateY(-20deg) rotateX(10deg) rotate(-3deg) translate3d(250px,-55px,-110px) scale(.62)}}@media(max-width:900px){.digital-transformation-container{padding:1.5rem}.text-column-left,.text-column-right{width:25%}.column-title{font-size:20px}.column-desc{font-size:11px}.phone-mockup{width:170px;height:330px}.flow-card{width:100px;height:140px}}