.project-showcase{padding:var(--space-12) 0;background:var(--color-bg-primary);scroll-margin-top:80px}.project-nav{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.nav-item{padding:12px 24px;background:var(--color-bg-card);border:1px solid var(--border-subtle);border-radius:50px;color:var(--color-text-secondary);font-weight:700;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:10px}.nav-item.active{background:var(--color-accent-mid);color:#fff;border-color:var(--color-accent-mid);box-shadow:0 10px 20px rgba(var(--color-accent-rgb),.3);transform:translateY(-2px)}.showcase-main{padding:1.5rem!important;background:var(--color-bg-card);display:flex;align-items:center;scroll-margin-top:70px}.showcase-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:4rem;width:100%;align-items:center}.project-info{transition:all .4s ease}.p-tag{display:inline-block;padding:6px 20px;border:1px solid #0070f3;border-radius:50px;color:#0070f3;font-weight:800;font-size:.75rem;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:.75rem;background:#0070f30d}.p-title{font-size:3rem;font-weight:800;margin-bottom:.75rem;line-height:1.1;color:#fff}.p-desc{color:var(--color-text-secondary);font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.demo-stats{display:flex;gap:3rem;margin-bottom:1.5rem}.stat-item{display:flex;flex-direction:column}.stat-value{font-size:2rem;font-weight:800;color:#fff;line-height:1}.stat-label{font-size:.7rem;color:var(--color-text-secondary);font-weight:700;letter-spacing:1px;margin-top:5px}.demo-actions{display:flex;gap:1rem}.phone-frame{width:238px;height:476px;background:#111;border:12px solid #333;border-radius:42px;margin:0 auto;overflow:hidden;box-shadow:0 30px 60px #00000080;position:relative;z-index:5}.phone-inner{height:100%;background:#efeae2;display:flex;flex-direction:column}.ph-header{padding:30px 12px 10px;color:#fff;transition:background .4s}.ph-status{font-size:11px;display:flex;align-items:center;gap:6px;height:16px}.ph-dot{width:7px;height:7px;background:#25d366;border-radius:50%}.ph-name{font-weight:700;font-size:13px;margin-top:2px}.ph-body{flex:1;padding:20px 15px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;background-image:url(https://user-images.githubusercontent.com/15075759/28719144-86dc0f70-73b1-11e7-911d-60d70fcded21.png);background-repeat:repeat;background-size:400px;background-blend-mode:overlay;background-color:#efeae2fa}.ph-footer{padding:12px;background:#f0f2f5}.ph-input{background:#fff;padding:8px 15px;border-radius:20px;font-size:12px;color:#8696a0}.p-wa-msg{padding:10px 14px!important;border-radius:14px!important;font-size:12px!important;color:#000!important;max-width:85%!important;animation:popP .4s cubic-bezier(.2,.8,.2,1) forwards!important;box-shadow:0 1px 2px #0000001f!important;line-height:1.4!important;backface-visibility:hidden;-webkit-font-smoothing:antialiased;transform:translateZ(0);will-change:transform,opacity}.p-wa-msg--received{background:#fff!important;align-self:flex-start!important;border-bottom-left-radius:2px!important}.p-wa-msg--sent{background:#d9fdd3!important;align-self:flex-end!important;border-bottom-right-radius:2px!important}@keyframes popP{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.monitor-frame{width:600px;margin:0 auto;perspective:1200px;animation:fadeIn .8s ease-out}.monitor-screen{background:#1a1a1a;border:15px solid #333;border-radius:20px;height:420px;overflow:hidden;box-shadow:0 25px 50px #0009;display:flex;flex-direction:column;position:relative}.monitor-header{background:#2a2a2a;padding:10px 15px;display:flex;align-items:center;gap:15px;border-bottom:1px solid #444}.m-dots{display:flex;gap:6px}.m-dots span{width:8px;height:8px;border-radius:50%;background:#555}.m-title{font-size:10px;color:#888;font-family:monospace;letter-spacing:1px}.monitor-body{flex:1;padding:20px;background:#0f0f0f;color:#fff;overflow-y:auto}.monitor-stand{width:70px;height:35px;background:#222;margin:0 auto}.monitor-base{width:180px;height:10px;background:#333;margin:0 auto;border-radius:6px 6px 0 0}.db-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.db-card{background:#1a1a1a;border:1px solid #333;padding:15px;border-radius:10px;transition:all .3s}.db-card.interactive{cursor:pointer;border-color:rgba(var(--color-accent-rgb),.3)}.db-card.interactive:hover{background:#222;transform:translateY(-2px);border-color:var(--color-accent-mid)}.db-card h5{font-size:11px;margin-bottom:10px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.db-bar{height:10px;background:var(--color-accent-mid);border-radius:5px;width:70%;position:relative}.db-bar:after{content:"";position:absolute;left:0;top:0;height:100%;width:40%;background:#fff;opacity:.3;border-radius:5px}.db-circle{width:40px;height:40px;border:5px solid var(--color-accent-mid);border-radius:50%;margin:0 auto;border-top-color:transparent;animation:rotate 2s linear infinite}.db-full{grid-column:span 2}.db-list{display:flex;flex-direction:column;gap:10px}.db-item{display:flex;justify-content:space-between;font-size:11px;border-bottom:1px solid #222;padding-bottom:6px}.db-status{padding:4px 10px;border-radius:6px;font-size:9px;font-weight:700}.db-status.green{background:#25d36633;color:#25d366}.db-status.blue{background:#0070f333;color:#0070f3}.db-status.yellow{background:#fc03;color:#fc0}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ai-fab{position:absolute;bottom:15px;right:15px;background:var(--color-accent-mid);color:#fff;border:none;border-radius:50px;padding:8px 15px;font-size:10px;font-weight:800;cursor:pointer;box-shadow:0 5px 15px rgba(var(--color-accent-rgb),.4);z-index:100;transition:all .3s;display:flex;align-items:center;gap:5px}.ai-fab:hover{transform:scale(1.05);background:#fff;color:var(--color-accent-mid)}.ai-window{position:absolute;bottom:75px;right:20px;width:260px;height:220px;background:#1a1a1a;border:1px solid #333;border-radius:12px;box-shadow:0 15px 40px #0009;display:flex;flex-direction:column;overflow:hidden;z-index:101;animation:popP .3s ease-out}.ai-header{background:#222;padding:10px 15px;font-size:11px;font-weight:700;color:var(--color-text-secondary);border-bottom:1px solid #333}.ai-chat{flex:1;padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;background:#0f0f0f}#ai-monitor-chat .p-wa-msg{font-size:10px!important;padding:6px 10px!important;max-width:90%!important;line-height:1.3!important}.notif-container{position:absolute;top:50px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:102;pointer-events:none}.notif-toast{background:#222;border-left:4px solid var(--color-accent-mid);color:#fff;padding:10px 15px;border-radius:6px;font-size:10px;box-shadow:0 5px 15px #0006;animation:slideInR .4s ease-out;max-width:180px}.notif-toast.warning{border-left-color:#fc0}.notif-toast.success{border-left-color:#25d366}.notif-toast.info{border-left-color:#0070f3}.notif-toast.fade-out{opacity:0;transform:translate(20px);transition:all .5s}@keyframes slideInR{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@media(max-width:992px){.showcase-grid{grid-template-columns:1fr;text-align:center}.p-actions{justify-content:center}.p-features{align-items:center}.phone-frame{transform:none;width:240px;height:480px;margin-top:2rem}.monitor-frame{width:100%;max-width:320px;margin-top:2rem}.monitor-screen{height:280px;border-width:10px}.p-title{font-size:2.25rem}}