.showcase-section{background:linear-gradient(#020617 0%,#0f172a 50%,#020617 100%);padding:3.5rem 5%;position:relative;overflow:hidden}.showcase-section .section-header{text-align:center;margin-bottom:2.5rem}.showcase-section .section-header h2{color:#fff;margin-bottom:1rem;font-size:2.5rem;font-weight:800}.showcase-section .section-header p{color:#94a3b8;max-width:600px;margin:0 auto;font-size:1.1rem}.showcase-tabs{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:2rem;display:flex}.showcase-tab{color:#94a3b8;cursor:pointer;background:#1e293b66;border:1px solid #ffffff0d;border-radius:99px;align-items:center;gap:8px;padding:.7rem 1.4rem;font-size:.85rem;font-weight:600;transition:all .3s;display:flex}.showcase-tab:hover{color:#fff;background:#1e293bcc;border-color:#ffffff1a}.showcase-tab.active{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#0000;box-shadow:0 0 25px #3b82f64d}.showcase-browser{border:1px solid #ffffff14;border-radius:1rem;max-width:1100px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 25px 60px -12px #0009,0 0 30px #3b82f60f}.browser-toolbar{background:#1e293b;border-bottom:1px solid #ffffff0d;align-items:center;gap:.5rem;height:44px;padding:0 1.25rem;display:flex}.toolbar-dot{border-radius:50%;width:11px;height:11px}.dot-red{background:#ff5f56}.dot-yellow{background:#ffbd2e}.dot-green{background:#27c93f}.toolbar-url{color:#64748b;background:#0f172a99;border-radius:5px;flex:1;align-items:center;height:26px;margin:0 1rem;padding:0 1rem;font-family:Courier New,monospace;font-size:.75rem;display:flex}.toolbar-url .lock-icon{color:#4ade80;margin-right:6px}.screenshot-container{background:#0f172a;position:relative;overflow:hidden}.screenshot-container img{width:100%;transition:opacity .4s;display:block}.screenshot-label{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ad9;border:1px solid #ffffff1a;border-radius:.75rem;flex-direction:column;gap:.25rem;padding:1rem 1.5rem;display:flex;position:absolute;bottom:1.5rem;left:1.5rem}.screenshot-label h4{color:#fff;margin:0;font-size:1rem;font-weight:700}.screenshot-label p{color:#94a3b8;margin:0;font-size:.75rem}@media (max-width:768px){.showcase-section{padding:4rem 3%}.showcase-section .section-header h2{font-size:1.75rem}.showcase-section .section-header p{font-size:.9rem}.showcase-tabs{gap:.5rem}.showcase-tab{padding:.5rem 1rem;font-size:.75rem}.showcase-tab svg{display:none}.showcase-browser{border-radius:.75rem}.browser-toolbar{height:36px;padding:0 .75rem}.toolbar-dot{width:8px;height:8px}.toolbar-url{height:22px;margin:0 .5rem;font-size:.65rem}.screenshot-label{border-radius:.5rem;padding:.75rem 1rem;bottom:.75rem;left:.75rem;right:.75rem}.screenshot-label h4{font-size:.85rem}.screenshot-label p{font-size:.7rem}}@media (max-width:480px){.showcase-section{padding:3rem 3%}.showcase-section .section-header{margin-bottom:2.5rem}.showcase-section .section-header h2{font-size:1.4rem}.showcase-tabs{margin-bottom:2rem}.showcase-tab{padding:.4rem .75rem;font-size:.7rem}.screenshot-label{padding:.6rem .75rem;bottom:.5rem;left:.5rem;right:.5rem}.screenshot-label h4{font-size:.75rem}.screenshot-label p{font-size:.65rem}}