/* BAMI Procesul Nostru v3 — Horizontal Carousel */
.pr-section{position:relative;padding:5rem 0 4rem;background:#000000;overflow:hidden;isolation:isolate}
.pr-bg{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 0%,rgba(0,212,255,.06),transparent 45%),radial-gradient(ellipse at 50% 100%,rgba(124,58,237,.05),transparent 45%)}
.pr-inner{position:relative;z-index:2}

/* Header */
.pr-hd{text-align:center;max-width:720px;margin:0 auto 3rem}
.pr-label{display:inline-flex;align-items:center;gap:.65rem;font-family:'Exo 2',sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#00d4ff;padding:.5rem 1rem;border-radius:100px;background:rgba(0,212,255,.06);border:1px solid rgba(0,212,255,.22);margin-bottom:1.25rem}
.pr-label-dot{width:6px;height:6px;border-radius:50%;background:#00d4ff;box-shadow:0 0 10px #00d4ff;animation:prPulse 1.6s ease-in-out infinite}
.pr-label-line{width:24px;height:1px;background:linear-gradient(90deg,#00d4ff,transparent)}
@keyframes prPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}
.pr-title{font-family:'Orbitron',monospace;font-weight:800;font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.1;color:#fff;margin-bottom:.85rem}
.pr-title-grad{background:linear-gradient(110deg,#00d4ff 0%,#7c3aed 50%,#ff6a35 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:prShimmer 4s ease-in-out infinite}
@keyframes prShimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.pr-sub{font-family:'Rajdhani',sans-serif;font-size:1rem;color:rgba(255,255,255,.55);line-height:1.6}

/* Track wrapper + nav arrows */
.pr-track-wrap{position:relative;padding:0 48px}
.pr-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:42px;height:42px;border-radius:50%;background:rgba(12,20,36,.9);border:1px solid rgba(0,212,255,.3);color:#00d4ff;font-size:.85rem;display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(8px);transition:all .25s}
.pr-nav:hover{background:rgba(0,212,255,.12);border-color:#00d4ff;transform:translateY(-50%) scale(1.08);box-shadow:0 0 22px rgba(0,212,255,.4)}
.pr-nav-prev{left:0}.pr-nav-next{right:0}
.pr-nav:disabled{opacity:.3;cursor:not-allowed}

/* Track */
.pr-track{display:flex;gap:1.25rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:1rem .25rem 1.5rem;scroll-behavior:smooth;scrollbar-width:none}
.pr-track::-webkit-scrollbar{display:none}

/* Card */
.pr-card{position:relative;flex:0 0 calc(25% - 1rem);scroll-snap-align:start;min-width:240px;padding:1.6rem 1.3rem 1.4rem;border-radius:16px;background:linear-gradient(180deg,rgba(12,20,36,.92),rgba(8,14,28,.96));border:1px solid rgba(255,255,255,.05);overflow:hidden;isolation:isolate;transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .35s,box-shadow .35s}
.pr-card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--pc);box-shadow:0 0 14px var(--pc);opacity:.7}
.pr-card:hover{transform:translateY(-6px);border-color:rgba(var(--pr),.35);box-shadow:0 20px 48px rgba(0,0,0,.5),0 0 26px rgba(var(--pr),.2)}
.pr-card::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 0%,rgba(var(--pr),.08),transparent 60%);opacity:.8;pointer-events:none}

.pr-c-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem}
.pr-c-num{font-family:'Orbitron',monospace;font-size:1.8rem;font-weight:900;color:rgba(var(--pr),.25);letter-spacing:-.02em;line-height:1}
.pr-c-tag{display:inline-flex;align-items:center;font-family:'Exo 2',sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--pc);padding:4px 10px;border-radius:100px;background:rgba(var(--pr),.08);border:1px solid rgba(var(--pr),.3)}

/* Animation slot */
.pr-c-anim{position:relative;height:90px;margin-bottom:1rem;border-radius:10px;background:radial-gradient(ellipse at 50% 50%,rgba(var(--pr),.06),transparent 70%);border:1px solid rgba(var(--pr),.1);color:var(--pc);display:flex;align-items:center;justify-content:center;overflow:hidden}

/* Anim 1: Chat */
.pr-anim-chat .pr-ch{position:absolute;display:flex;gap:3px;padding:5px 10px;background:rgba(var(--pr),.15);border:1px solid rgba(var(--pr),.35);border-radius:12px}
.pr-anim-chat .pr-ch1{top:20%;left:18%;animation:prFadeIn .4s ease 0s both,prFadeOut .4s ease 4s both}
.pr-anim-chat .pr-ch2{bottom:20%;right:18%;animation:prFadeIn .4s ease 1.2s both,prFadeOut .4s ease 4s both}
.pr-anim-chat .pr-ch span{width:4px;height:4px;border-radius:50%;background:var(--pc);animation:prDot 1.2s ease-in-out infinite}
.pr-anim-chat .pr-ch span:nth-child(2){animation-delay:.2s}.pr-anim-chat .pr-ch span:nth-child(3){animation-delay:.4s}
@keyframes prDot{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(-3px);opacity:1}}
@keyframes prFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes prFadeOut{from{opacity:1}to{opacity:0}}
.pr-anim-chat .pr-ring{position:absolute;width:56px;height:56px;border-radius:50%;border:1.5px solid rgba(var(--pr),.4);animation:prPulseRing 2.5s ease-out infinite}
@keyframes prPulseRing{0%{transform:scale(.7);opacity:1}100%{transform:scale(1.3);opacity:0}}

/* Anim 2: Doc */
.pr-anim-doc{gap:14px}
.pr-doc{position:relative;width:50px;height:64px;background:rgba(var(--pr),.08);border:1.5px solid rgba(var(--pr),.35);border-radius:4px;animation:prFloat 4s ease-in-out infinite}
.pr-doc::before{content:"";position:absolute;top:0;right:0;width:11px;height:11px;background:linear-gradient(225deg,rgba(var(--pr),.5) 50%,transparent 50%)}
.pr-line{position:absolute;left:6px;height:1.8px;background:rgba(var(--pr),.5);border-radius:2px;transform-origin:left;animation:prLine 2s ease-in-out infinite}
.pr-l1{top:14px;width:30px}.pr-l2{top:24px;width:24px;animation-delay:.2s}
.pr-l3{top:34px;width:32px;animation-delay:.4s}.pr-l4{top:44px;width:20px;animation-delay:.6s}
@keyframes prLine{0%,100%{transform:scaleX(.7);opacity:.4}50%{transform:scaleX(1);opacity:.9}}
.pr-check{position:absolute;bottom:-8px;right:-8px;width:22px;height:22px;border-radius:50%;background:var(--pc);color:#0c1424;display:flex;align-items:center;justify-content:center;font-size:.6rem;box-shadow:0 0 12px rgba(var(--pr),.6);animation:prStamp 3s ease-in-out infinite}
@keyframes prStamp{0%,85%,100%{transform:scale(1) rotate(-12deg);opacity:1}90%{transform:scale(1.3) rotate(-6deg)}}
.pr-pen{color:var(--pc);font-size:1.2rem;animation:prPen 3s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(var(--pr),.5))}
@keyframes prPen{0%,100%{transform:translateY(0) rotate(-20deg)}50%{transform:translateY(-4px) rotate(-15deg)}}
@keyframes prFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}

/* Anim 3: Code */
.pr-anim-code{gap:6px;font-family:'Orbitron',monospace;font-weight:800}
.pr-code{display:inline-flex;align-items:center;gap:2px;font-size:1.4rem;color:var(--pc);filter:drop-shadow(0 0 12px rgba(var(--pr),.5))}
.pr-bracket{animation:prBlink 1.5s ease-in-out infinite}
.pr-bracket:last-child{animation-delay:.75s}
@keyframes prBlink{0%,100%{opacity:.6}50%{opacity:1}}
.pr-tag{font-size:.9rem;padding:2px 6px;border:1px solid rgba(var(--pr),.4);border-radius:4px;background:rgba(var(--pr),.1);letter-spacing:.05em}
.pr-typing{position:absolute;bottom:14px;left:18px;display:flex;gap:4px}
.pr-typing span{width:4px;height:4px;border-radius:50%;background:var(--pc);animation:prDot 1.2s ease-in-out infinite}
.pr-typing span:nth-child(2){animation-delay:.2s}.pr-typing span:nth-child(3){animation-delay:.4s}
.pr-gear{position:absolute;top:14px;right:14px;color:rgba(var(--pr),.5);font-size:1rem;animation:prSpinGear 4s linear infinite}
@keyframes prSpinGear{to{transform:rotate(360deg)}}

/* Anim 4: Rocket */
.pr-anim-rocket{overflow:visible}
.pr-rocket{position:relative;color:var(--pc);font-size:1.8rem;filter:drop-shadow(0 0 14px rgba(var(--pr),.6));animation:prLaunch 3s ease-in-out infinite;transform:rotate(-45deg);z-index:2}
@keyframes prLaunch{0%,100%{transform:translate(0,6px) rotate(-45deg)}50%{transform:translate(4px,-6px) rotate(-45deg)}}
.pr-trail{position:absolute;width:30px;height:3px;background:linear-gradient(90deg,transparent,rgba(var(--pr),.7),var(--pc));border-radius:3px;bottom:28px;left:22%;transform:rotate(45deg);transform-origin:right;animation:prTrail 3s ease-in-out infinite;filter:blur(.5px)}
@keyframes prTrail{0%,100%{opacity:.4;transform:rotate(45deg) scaleX(.6)}50%{opacity:1;transform:rotate(45deg) scaleX(1)}}
.pr-star{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--pc);box-shadow:0 0 8px var(--pc);animation:prStar 2s ease-in-out infinite}
.pr-s1{top:18%;left:14%;animation-delay:0s}
.pr-s2{top:24%;right:18%;animation-delay:.4s}
.pr-s3{bottom:22%;left:18%;animation-delay:.8s;width:3px;height:3px}
.pr-s4{top:34%;right:30%;animation-delay:1.2s;width:2px;height:2px}
@keyframes prStar{0%,100%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}}

/* Card title, desc, meta */
.pr-c-title{font-family:'Orbitron',monospace;font-size:1.1rem;font-weight:800;color:#fff;line-height:1.25;margin-bottom:.55rem;letter-spacing:.01em}
.pr-c-desc{font-family:'Rajdhani',sans-serif;font-size:.88rem;color:rgba(255,255,255,.55);line-height:1.6;margin-bottom:.9rem;min-height:70px}
.pr-c-meta{display:inline-flex;align-items:center;gap:.5rem;font-family:'Rajdhani',sans-serif;font-size:.78rem;font-weight:600;color:var(--pc)}
.pr-c-meta i{font-size:.75rem}

/* Corners */
.pr-c-corner{position:absolute;width:12px;height:12px;pointer-events:none;opacity:.5}
.pr-c-tl{top:6px;left:6px;border-top:1.5px solid rgba(var(--pr),.7);border-left:1.5px solid rgba(var(--pr),.7)}
.pr-c-tr{top:6px;right:6px;border-top:1.5px solid rgba(var(--pr),.7);border-right:1.5px solid rgba(var(--pr),.7)}
.pr-c-bl{bottom:6px;left:6px;border-bottom:1.5px solid rgba(var(--pr),.7);border-left:1.5px solid rgba(var(--pr),.7)}
.pr-c-br{bottom:6px;right:6px;border-bottom:1.5px solid rgba(var(--pr),.7);border-right:1.5px solid rgba(var(--pr),.7)}

/* Controls */
.pr-controls{max-width:520px;margin:1.5rem auto 0;display:flex;flex-direction:column;align-items:center;gap:1rem}
.pr-dots{display:flex;gap:10px}
.pr-dot{width:10px;height:10px;border-radius:50%;border:none;background:rgba(255,255,255,.14);cursor:pointer;padding:0;transition:all .3s}
.pr-dot:hover{background:rgba(0,212,255,.35)}
.pr-dot-active{width:32px;border-radius:5px;background:linear-gradient(90deg,#00d4ff,#7c3aed);box-shadow:0 0 10px rgba(0,212,255,.4)}
.pr-progress-wrap{width:100%;max-width:240px;height:2px;background:rgba(255,255,255,.06);border-radius:2px;overflow:hidden}
.pr-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#00d4ff,#7c3aed,#ff6a35);border-radius:2px;transition:width .1s linear}

/* Reveal */
.pr-up{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.22,1,.36,1) var(--du,0ms),transform .7s cubic-bezier(.22,1,.36,1) var(--du,0ms)}
.pr-up.pr-vis{opacity:1;transform:none}

/* ── RESPONSIVE ── */
@media(max-width:1024px){
  .pr-card{flex:0 0 calc(33.33% - .85rem)}
}
@media(max-width:768px){
  .pr-section{padding:3.5rem 0 3rem}
  .pr-track-wrap{padding:0 8px}
  .pr-nav{width:36px;height:36px;font-size:.75rem}
  .pr-nav-prev{left:-6px}.pr-nav-next{right:-6px}
  .pr-card{flex:0 0 calc(100% - 48px);min-width:0}
  .pr-track{gap:.85rem;padding:.75rem 24px 1rem;scroll-padding-left:24px}
}
@media(prefers-reduced-motion:reduce){
  *{animation:none !important;transition:none !important}
}