@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@500&display=swap";@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500&display=swap";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Outfit:wght@500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@600;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=Inter:wght@400;500;600&display=swap";:root{--text: #475569;--text-h: #0f172a;--bg: #ffffff;--border: rgba(0, 0, 0, .08);--accent: #6366f1;--sans: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--heading: "Outfit", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, Consolas, monospace;font:16px/1.5 var(--sans);color-scheme:light;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;background:radial-gradient(ellipse 55% 40% at 15% 5%,#cfe6fb 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 85% 15%,#d7ecfb 0%,transparent 60%),#eef6fd;background-attachment:fixed;overflow-x:hidden}#root{width:100%;margin:0 auto;min-height:100svh;display:flex;flex-direction:column;box-sizing:border-box;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--heading);font-weight:600;color:var(--text-h);margin-top:0}p{margin:0}*{box-sizing:border-box}.aurora-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;z-index:-1;pointer-events:none;background:transparent}.blob{position:absolute;border-radius:50%;filter:blur(100px);opacity:.4;mix-blend-mode:multiply;animation:drift 20s infinite alternate ease-in-out}.blob-1{width:450px;height:450px;background:#e0e7ff;top:-50px;left:10%;animation-delay:0s}.blob-2{width:500px;height:500px;background:#fdf2f8;bottom:-100px;right:15%;animation-delay:-5s;animation-duration:25s}.blob-3{width:400px;height:400px;background:#e0f2fe;top:30%;right:5%;animation-delay:-10s;animation-duration:22s}.blob-4{width:480px;height:480px;background:#f5f3ff;bottom:20%;left:-5%;animation-delay:-15s;animation-duration:28s}@keyframes drift{0%{transform:translate(0) scale(1) rotate(0)}33%{transform:translate(50px,-80px) scale(1.1) rotate(120deg)}66%{transform:translate(-30px,40px) scale(.9) rotate(240deg)}to{transform:translate(0) scale(1) rotate(360deg)}}.navbar-wrapper{padding:24px;display:flex;justify-content:center;position:fixed;top:0;left:0;right:0;z-index:100000}.navbar{background:#ffffff3d;backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);border:1px solid rgba(255,255,255,.45);border-radius:20px;width:100%;max-width:1060px;height:64px;display:flex;align-items:center;padding:0 24px;justify-content:space-between;box-shadow:0 16px 45px #0000000f,inset 0 1px 2px #ffffffbf;transition:all .35s cubic-bezier(.16,1,.3,1)}.navbar.scrolled{background:#ffffff61;backdrop-filter:blur(28px) saturate(210%);-webkit-backdrop-filter:blur(28px) saturate(210%);border:1px solid rgba(255,255,255,.65);box-shadow:0 20px 55px #0f172a1a,inset 0 1px 2px #ffffffd9}.navbar-left,.navbar-right{flex:1;display:flex;align-items:center}.navbar-right{justify-content:flex-end}.navbar-center{display:flex;justify-content:center;align-items:center}.navbar-logo{color:#fff;text-decoration:none;font-size:28px;font-weight:800;letter-spacing:-1.5px;font-family:system-ui,-apple-system,sans-serif;display:flex;align-items:center}.logo-img{height:48px;width:auto;object-fit:contain;filter:brightness(0)}.nav-menu{display:flex;align-items:center;list-style:none;margin:0;padding:0;gap:16px}.nav-item{white-space:nowrap}.nav-links{color:#0f172ab3;text-decoration:none;font-size:14px;font-weight:600;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;padding:8px 12px;border-radius:20px;position:relative;display:inline-block;white-space:nowrap;transition:color .3s cubic-bezier(.16,1,.3,1);z-index:1}.nav-links:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff8c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.65);border-radius:20px;z-index:-1;opacity:0;transform:scale(.85);transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 15px #00000005,inset 0 1px 1px #ffffffe6}.nav-links:hover{color:#000}.nav-links:hover:before{opacity:1;transform:scale(1)}.auth-buttons{display:flex;align-items:center;gap:24px}.nav-tryfree{background:linear-gradient(90deg,#6366f1,#8b5cf6);color:#fff;text-decoration:none;font-size:15px;font-weight:600;padding:8px 20px;border-radius:8px;transition:transform .2s,box-shadow .2s;font-family:system-ui,-apple-system,sans-serif}.nav-tryfree:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.menu-icon{display:none;flex-direction:column;justify-content:center;align-items:center;background:none;border:none;cursor:pointer;gap:5px;padding:8px;margin-left:auto;z-index:1000005}.menu-icon .bar{width:22px;height:2px;background-color:#0f172a;transition:all .3s ease;border-radius:2px}.menu-icon.active .bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-icon.active .bar:nth-child(2){opacity:0}.menu-icon.active .bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-menu-drawer{display:none}.nav-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172a80;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:999990;animation:navOverlayFadeIn .25s ease-out}@keyframes navOverlayFadeIn{0%{opacity:0}to{opacity:1}}@media screen and (max-width: 768px){.navbar-wrapper{padding:12px 16px}.nav-menu,.auth-buttons{display:none}.menu-icon{display:flex}.nav-menu-drawer{display:flex;flex-direction:column;position:fixed;top:0;left:0;width:310px;max-width:85vw;height:100vh;height:100dvh;background:#fff;z-index:1000000;box-shadow:20px 0 50px #0003;transform:translate(-100%);transition:transform .35s cubic-bezier(.16,1,.3,1);overflow:hidden}.nav-menu-drawer.active{transform:translate(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(15,23,42,.08);background:#f8fafce6}.drawer-logo{display:flex;align-items:center}.drawer-logo-img{height:38px;width:auto;filter:brightness(0)}.drawer-close-btn{background:#0f172a0d;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:#0f172a;cursor:pointer;transition:background .2s,transform .2s}.drawer-close-btn:hover{background:#0f172a1a;transform:scale(1.05)}.drawer-body{flex:1;overflow-y:auto;padding:24px 20px}.drawer-nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.drawer-nav-item{width:100%}.drawer-nav-link{display:flex;align-items:center;padding:14px 18px;font-size:16px;font-weight:600;color:#0f172acc;text-decoration:none;border-radius:12px;background:#0f172a05;border:1px solid rgba(15,23,42,.04);transition:all .25s ease;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif}.drawer-nav-link:hover,.drawer-nav-link.active{background:linear-gradient(90deg,#6366f114,#8b5cf614);border-color:#6366f133;color:#6366f1;padding-left:24px}.drawer-nav-link.active:before{content:"";width:6px;height:6px;border-radius:50%;background:#6366f1;margin-right:10px}.drawer-footer{padding:20px;border-top:1px solid rgba(15,23,42,.08);background:#fff}.drawer-cta-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:14px;background:linear-gradient(90deg,#6366f1,#8b5cf6);color:#fff;font-size:16px;font-weight:600;text-decoration:none;border-radius:12px;box-shadow:0 4px 15px #6366f159;transition:all .25s ease;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif}.drawer-cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f173}}.final-scroll-container{height:160vh!important;position:relative}.final-sticky-view{position:absolute;top:0;left:0;height:100vh;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;perspective:1000px;background:transparent}.final-device{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center center;will-change:transform,opacity}.final-laptop-device{width:800px;height:450px;z-index:2}.final-laptop-screen{width:100%;height:100%;background:#f4f4f6;border-radius:12px 12px 0 0;border:12px solid #58585f;box-shadow:0 20px 60px #00000014,0 0 50px #7850ff14;overflow:hidden;position:relative}.final-laptop-base{width:110%;height:20px;background:#515153;border-radius:0 0 20px 20px;position:absolute;bottom:-20px;left:-5%;box-shadow:inset 0 2px 5px #fff9}.final-phone-device{width:280px;height:560px;z-index:3;opacity:0;transform:translate(-50%,50%) scale(.8)}.final-phone-screen{width:100%;height:100%;background:#f4f4f6;border-radius:40px;border:8px solid #53535a;box-shadow:0 20px 60px #0000001a,0 0 80px #7850ff1f;overflow:hidden;position:relative}.final-phone-screen:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100px;height:25px;background:#e2e2e6;border-radius:0 0 15px 15px;z-index:5}.final-screen-content{width:100%;height:100%;background:linear-gradient(135deg,#efe9ff,#f9f8ff)}.final-spacer-text{position:absolute;top:40px;left:50%;transform:translate(-50%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#9b9ba3;font-size:14px;letter-spacing:.05em;text-align:center}.final-bg-text{position:absolute;top:50%;left:50%;z-index:1;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(2.5rem,8vw,6.5rem);font-weight:800;letter-spacing:.03em;color:#6366f147;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;transform:translate(-50%,-50%);will-change:transform,opacity}.website-mockup{width:100%;height:100%;background:#fff;color:#0f172a;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;display:flex;flex-direction:column;padding:20px 30px;box-sizing:border-box;position:relative;overflow:hidden;text-align:left}.website-mockup:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 65%);z-index:0}.web-header{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1;margin-bottom:40px}.web-logo{display:flex;align-items:center}.web-logo-img{height:26px;width:auto;object-fit:contain;filter:brightness(0)}.web-nav{display:flex;gap:20px;font-size:.75rem;font-weight:600;color:#334155}.web-nav span{cursor:pointer;transition:color .2s}.web-nav span:hover{color:#000}.web-hero{position:relative;z-index:1;max-width:480px}.web-tag{font-size:.65rem;font-weight:700;text-transform:uppercase;color:#0284c7;background:#0284c714;padding:4px 10px;border-radius:20px;display:inline-block;margin-bottom:15px}.web-title{font-family:Outfit,system-ui,-apple-system,sans-serif;font-size:2.8rem;font-weight:800;line-height:1.1;margin:0 0 15px;color:#0f172a;letter-spacing:-1.5px}.gradient-text{background:linear-gradient(90deg,#1d4ed8,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.web-desc{font-size:.85rem;color:#1e293b;line-height:1.6;margin:0 0 25px}.web-actions{display:flex;gap:12px}.web-btn{font-size:.8rem;font-weight:700;padding:10px 20px;border-radius:6px;cursor:pointer;transition:transform .2s,background .2s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.web-btn-primary{background:#3b82f6;color:#fff;border:none;box-shadow:0 4px 14px #3b82f64d}.web-btn-primary:hover{background:#2563eb;transform:translateY(-1px)}.web-btn-secondary{background:transparent;color:#0f172a;border:1px solid rgba(15,23,42,.15)}.web-btn-secondary:hover{background:#0f172a0d}.animate-slide-down{animation:slide-down .8s cubic-bezier(.16,1,.3,1) forwards}.animate-fade-in{animation:fade-in 1s cubic-bezier(.16,1,.3,1) forwards}.animate-slide-up{animation:slide-up-web .8s cubic-bezier(.16,1,.3,1) forwards}@keyframes slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up-web{0%{opacity:0;transform:translateY(15px)}to{opacity:1}}.web-grid-visuals{position:absolute;bottom:20px;right:40px;display:flex;align-items:flex-end;gap:8px;height:100px;z-index:1}.visual-bar{width:12px;background:linear-gradient(180deg,#3b82f6,transparent);border-radius:4px;opacity:.6;transform-origin:bottom center}.bar-1{height:40px;animation-delay:.1s}.bar-2{height:80px;animation-delay:.3s}.bar-3{height:60px;animation-delay:.2s}.animate-grow-height{animation:grow-height 1.5s cubic-bezier(.16,1,.3,1) infinite alternate}@keyframes grow-height{0%{transform:scaleY(.7)}to{transform:scaleY(1.2)}}.cube-loader-container{position:absolute;top:55%;right:18%;transform:translateY(-50%);z-index:2;transform-style:preserve-3d;perspective:800px}.cube-loader{position:relative;width:75px;height:75px;transform-style:preserve-3d;transform:rotateX(-30deg);animation:animate-cube 4s linear infinite}@keyframes animate-cube{0%{transform:rotateX(-30deg) rotateY(0)}to{transform:rotateX(-30deg) rotateY(360deg)}}.cube-loader .cube-wrapper{position:absolute;width:100%;height:100%;transform-style:preserve-3d}.cube-loader .cube-wrapper .cube-span{position:absolute;width:100%;height:100%;transform:rotateY(calc(90deg * var(--i))) translateZ(37.5px);background:linear-gradient(to bottom,#423e40,#406462 5.5%,#3e7e7b 12.1%,#3c948f 19.6%,#3aa6a0 27.9%,#38b6af 36.6%,#36c4bc,#34d0c7 54.6%,#32dbd1 63.4%,#30e4da 71.7%,#2eece2 79.4%,#2df2e8 86.2%,#2cf7ed 91.9%,#2bfbf0 96.3%,#2afdf2 99%,#2afef3)}.cube-top{position:absolute;width:75px;height:75px;background:#423e40;transform:rotateX(90deg) translateZ(37.5px);transform-style:preserve-3d}.cube-top:before{content:"";position:absolute;width:75px;height:75px;background:#3c948f;transform:translateZ(-90px);filter:blur(10px);box-shadow:0 0 10px #323232,0 0 20px #3c948f,0 0 30px #323232,0 0 40px #3c948f}.grocery-app{width:100%;height:100%;background:#f8fafc;color:#0f172a;font-family:system-ui,-apple-system,sans-serif;display:flex;flex-direction:column;padding:30px 12px 12px;box-sizing:border-box;text-align:left;overflow-y:auto}.grocery-app::-webkit-scrollbar{display:none}.location-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.loc-details h4{margin:0;font-size:.8rem;font-weight:700;color:#1e3a8a}.loc-details p{margin:0;font-size:.6rem;color:#64748b}.search-bar{display:flex;align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:6px 10px;gap:8px;margin-bottom:16px}.search-bar input{border:none;background:transparent;font-size:.7rem;width:100%;outline:none}.search-icon,.mic-icon{font-size:.8rem;color:#64748b}.app-banner{background:linear-gradient(135deg,#bfdbfe,#3b82f6);border-radius:12px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;color:#fff;margin-bottom:16px;box-shadow:0 4px 10px #3b82f633}.banner-content .banner-tag{font-size:.55rem;font-weight:800;background:#fff3;padding:2px 6px;border-radius:4px}.banner-content h2{margin:4px 0 0;font-size:1.4rem;font-weight:900}.banner-content h3{margin:0;font-size:.85rem;font-weight:700}.banner-graphic{font-size:2rem}.app-section{margin-bottom:16px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.section-title h3{margin:0;font-size:.8rem;font-weight:800;color:#0f172a}.see-all-link{font-size:.65rem;color:#3b82f6;text-decoration:none;font-weight:600}.grocery-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.category-item{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.6rem;font-weight:600;color:#475569}.cat-img{width:45px;height:45px;background:#eff6ff;border:1px solid #dbeafe;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.3rem}.products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.product-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:10px;position:relative;box-shadow:0 2px 6px #00000005}.prod-badge{position:absolute;top:6px;left:6px;background:#f43f5e;color:#fff;font-size:.5rem;font-weight:800;padding:2px 5px;border-radius:4px}.prod-img{font-size:2.2rem;text-align:center;margin:8px 0}.prod-info h4{margin:0 0 2px;font-size:.7rem;font-weight:700;color:#0f172a}.prod-info p{margin:0 0 8px;font-size:.6rem;color:#64748b}.price-row{display:flex;align-items:center;gap:4px}.price-row .price{font-size:.75rem;font-weight:800;color:#0f172a}.price-row .old-price{font-size:.6rem;color:#94a3b8;text-decoration:line-through}.price-row .add-btn{margin-left:auto;background:#10b981;color:#fff;border:none;border-radius:6px;padding:3px 8px;font-size:.65rem;font-weight:700;cursor:pointer;transition:background .2s}.price-row .add-btn:hover{background:#059669}.app-bottom-nav{border-top:1px solid #e2e8f0;padding-top:8px;display:flex;justify-content:space-around;align-items:center;background:#fff;margin:auto -12px -12px;padding-bottom:6px}.nav-tab{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.55rem;color:#64748b;font-weight:600}.nav-tab.active{color:#3b82f6}.nav-icon{font-size:.95rem}.magic-rings-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:auto;overflow:hidden}.magic-rings-container canvas{display:block;width:100%!important;height:100%!important}.services-section-wrapper{position:relative;padding:120px 24px;background:transparent;font-family:Plus Jakarta Sans,sans-serif;overflow:visible}.services-section-wrapper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.services-section-wrapper .services-aurora-glow{position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(150px);opacity:.18;pointer-events:none;z-index:0}.services-section-wrapper .glow-1{top:-150px;left:-150px;background:#7c5cff}.services-section-wrapper .glow-2{bottom:-200px;right:-150px;background:#2e86ff}.services-header{position:relative;z-index:10;text-align:center;max-width:800px;margin:0 auto 50px}.services-eyebrow-text{font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:700;color:#7c5cff;letter-spacing:.2em;text-transform:uppercase;margin-bottom:12px}.services-heading-text{font-family:Outfit,sans-serif;font-size:2.8rem;font-weight:800;line-height:1.25;color:#0f172a;letter-spacing:-.03em;margin-bottom:20px}.services-heading-text .heading-accent{background:linear-gradient(90deg,#1d4ed8,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.services-subheading-text{font-size:1.05rem;line-height:1.6;color:#475569}.tab-content-render{position:relative;z-index:5}.cb-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:96px 80px;justify-items:center;max-width:1040px;margin:0 auto;padding:20px 24px 50px}.cb-scene{width:220px;height:220px;perspective:1200px;cursor:pointer}.cb-cube{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(-12deg) rotateY(25deg);transition:transform 1.2s cubic-bezier(.16,1,.3,1)}.cb-scene:hover .cb-cube,.cb-scene.is-flipped .cb-cube{transform:rotateX(-12deg) rotateY(205deg)}.cb-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;transition:all .4s cubic-bezier(.16,1,.3,1)}.cb-front{background:linear-gradient(135deg,#ffffffd1,rgba(var(--rgb),.16));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1.5px solid rgba(255,255,255,.95);border-left:1.5px solid rgba(255,255,255,.95);border-bottom:2px solid rgba(var(--rgb),.32);border-right:2px solid rgba(var(--rgb),.32);box-shadow:0 14px 28px #0f172a0d,0 6px 14px rgba(var(--rgb),.08),inset 0 1px #fff6;transform:translateZ(110px);backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;z-index:2}.cb-scene:hover .cb-front,.cb-scene.is-flipped .cb-front{box-shadow:0 24px 48px #0f172a1a,0 8px 20px rgba(var(--rgb),.14),inset 0 1px #fff6}.cb-back{background:linear-gradient(135deg,var(--c1) 0%,var(--c2) 100%);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.25);box-shadow:0 15px 35px -5px rgba(var(--rgb),.35);transform:rotateY(180deg) translateZ(110px);backface-visibility:hidden;-webkit-backface-visibility:hidden;z-index:1;padding:18px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.cb-scene:hover .cb-back,.cb-scene.is-flipped .cb-back{box-shadow:0 25px 50px -5px rgba(var(--rgb),.55)}.cb-right{background:rgba(var(--rgb),.08);border:1.5px solid rgba(var(--rgb),.28);transform:rotateY(90deg) translateZ(110px);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.cb-left{background:rgba(var(--rgb),.08);border:1.5px solid rgba(var(--rgb),.28);transform:rotateY(-90deg) translateZ(110px);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.cb-top{background:rgba(var(--rgb),.08);border:1.5px solid rgba(var(--rgb),.28);transform:rotateX(90deg) translateZ(110px);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.cb-bottom{background:rgba(var(--rgb),.08);border:1.5px solid rgba(var(--rgb),.28);transform:rotateX(-90deg) translateZ(110px);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.cb-icon-container{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--c1),var(--c2));box-shadow:0 10px 20px -6px rgba(var(--rgb),.45);margin-bottom:20px;color:#fff;z-index:2;transition:all .4s cubic-bezier(.16,1,.3,1)}.cb-scene:hover .cb-icon-container{transform:scale(1.08) translateZ(5px);box-shadow:0 14px 24px -4px rgba(var(--rgb),.55)}.cb-lucide-icon{stroke-width:1.8px}.cb-card-title{font-family:Space Grotesk,sans-serif;font-size:16.5px;font-weight:700;color:var(--c1);margin:0;letter-spacing:-.01em;z-index:2}.cb-card-num{position:absolute;top:22px;right:22px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;color:var(--c1);opacity:.7;letter-spacing:.06em;z-index:2}.cb-front-bg-rings{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;border-radius:24px;z-index:1}.cb-front-bg-rings .ring{position:absolute;border:1px solid rgba(var(--rgb),.22);border-radius:50%;top:-20px;right:-20px;aspect-ratio:1;transition:all .8s cubic-bezier(.16,1,.3,1)}.cb-front-bg-rings .r1{width:140px}.cb-front-bg-rings .r2{width:110px;border-style:dashed}.cb-front-bg-rings .r3{width:80px}.cb-scene:hover .r1{transform:scale(1.08);border-color:rgba(var(--rgb),.4)}.cb-scene:hover .r2{transform:rotate(45deg) scale(1.05);border-color:rgba(var(--rgb),.4)}.cb-scene:hover .r3{transform:scale(.95);border-color:rgba(var(--rgb),.45)}.cb-card-indicator{width:24px;height:3px;background:var(--c1);opacity:.75;border-radius:99px;margin-top:18px;transition:all .4s cubic-bezier(.16,1,.3,1);z-index:2}.cb-scene:hover .cb-card-indicator{width:48px;opacity:1}.cb-card-desc{font-family:Inter,sans-serif;font-size:12.5px;line-height:1.5;color:#fff;font-weight:500;margin:0}.cb-read-more-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-top:4px;padding:6px 14px;border-radius:99px;background:#fff;color:var(--c1);font-family:Space Grotesk,sans-serif;font-size:11.5px;font-weight:700;border:none;cursor:pointer;box-shadow:0 4px 14px #0003;transition:all .3s cubic-bezier(.16,1,.3,1);pointer-events:auto}.cb-read-more-btn:hover{transform:translateY(-2px) scale(1.05);background:#fff;box-shadow:0 8px 20px #0000004d}.cb-read-more-btn .cb-btn-arrow{transition:transform .3s ease}.cb-read-more-btn:hover .cb-btn-arrow{transform:translate(3px)}.cb-shadow{width:170px;height:14px;margin:26px auto 0;border-radius:50%;background:radial-gradient(ellipse,rgba(var(--rgb),.16),transparent 70%);filter:blur(5px);transition:all 1.1s cubic-bezier(.16,1,.3,1)}.cb-scene:hover .cb-shadow{transform:scale(.8) translateY(4px);opacity:.8;background:radial-gradient(ellipse,rgba(var(--rgb),.32),transparent 70%)}.svc-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000010;background:#0a0f1eb8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:24px 16px;animation:svcModalFadeIn .3s cubic-bezier(.16,1,.3,1)}.svc-modal-container{position:relative;width:100%;max-width:740px;max-height:88vh;background:linear-gradient(135deg,#fffffff7,#f8fafcf7);border-radius:28px;border:1.5px solid rgba(var(--rgb),.3);box-shadow:0 30px 80px -10px #0f172a59,0 0 50px rgba(var(--rgb),.22);overflow:hidden;display:flex;flex-direction:column;animation:svcModalPop .35s cubic-bezier(.16,1,.3,1)}.svc-modal-close{position:absolute;top:20px;right:20px;width:38px;height:38px;border-radius:50%;background:#0f172a0d;border:1px solid rgba(15,23,42,.1);color:#475569;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s ease;z-index:10}.svc-modal-close:hover{background:#ef44441f;color:#ef4444;border-color:#ef44444d;transform:rotate(90deg)}.svc-modal-header{padding:32px 32px 20px;display:flex;align-items:flex-start;gap:20px;border-bottom:1px solid rgba(226,232,240,.8)}.svc-modal-icon-badge{width:62px;height:62px;border-radius:20px;background:linear-gradient(135deg,var(--c1),var(--c2));display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 12px 24px -4px rgba(var(--rgb),.45);flex-shrink:0}.svc-modal-header-text{flex:1;padding-right:32px}.svc-modal-eyebrow{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;color:var(--c1);letter-spacing:.12em;text-transform:uppercase;display:inline-flex;align-items:center;gap:6px;margin-bottom:4px}.svc-modal-title{font-family:Outfit,sans-serif;font-size:24px;font-weight:800;color:#0f172a;margin:0 0 6px;letter-spacing:-.02em}.svc-modal-tagline{font-size:14px;color:#475569;line-height:1.5;font-weight:500;margin:0}.svc-modal-body{padding:24px 32px;overflow-y:auto;flex:1}.svc-modal-desc{font-size:14.5px;line-height:1.65;color:#334155;margin:0 0 24px}.svc-modal-section-title{font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:700;color:#0f172a;margin-bottom:14px;display:flex;align-items:center;gap:6px}.svc-modal-section-title .svc-sec-icon{color:var(--c1)}.svc-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.svc-feature-card{background:rgba(var(--rgb),.04);border:1.5px solid rgba(var(--rgb),.12);border-radius:16px;padding:14px 16px;transition:all .25s ease}.svc-feature-card:hover{background:rgba(var(--rgb),.08);border-color:rgba(var(--rgb),.28);transform:translateY(-2px)}.svc-feature-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}.svc-feature-head h4{font-family:Space Grotesk,sans-serif;font-size:13.5px;font-weight:700;color:#0f172a;margin:0}.svc-check-icon{color:var(--c1);flex-shrink:0}.svc-feature-card p{font-size:12px;color:#64748b;line-height:1.45;margin:0}.svc-deliverables-wrapper{margin-top:10px}.svc-deliverables-badges{display:flex;flex-wrap:wrap;gap:8px}.svc-deliv-tag{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:99px;background:rgba(var(--rgb),.08);color:var(--c1);font-size:12px;font-weight:600;border:1px solid rgba(var(--rgb),.2)}.svc-modal-footer{padding:18px 32px 24px;border-top:1px solid rgba(226,232,240,.8);display:flex;align-items:center;justify-content:space-between;gap:16px;background:#f8fafccc}.svc-modal-secondary-btn{background:transparent;color:#64748b;border:1.5px solid #cbd5e1;padding:11px 22px;border-radius:14px;font-weight:600;cursor:pointer;font-size:13.5px;transition:all .2s ease}.svc-modal-secondary-btn:hover{background:#f1f5f9;color:#0f172a;border-color:#94a3b8}.svc-modal-cta{background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff;padding:12px 24px;border-radius:14px;font-weight:700;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:13.5px;font-family:Plus Jakarta Sans,sans-serif;transition:all .3s ease;box-shadow:0 8px 20px -4px rgba(var(--rgb),.45)}.svc-modal-cta:hover{transform:translateY(-2px);box-shadow:0 12px 24px -4px rgba(var(--rgb),.6)}@keyframes svcModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes svcModalPop{0%{opacity:0;transform:scale(.94) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 900px){.cb-wrap{grid-template-columns:repeat(2,1fr);gap:80px 48px}}@media (max-width: 640px){.services-heading-text{font-size:2.2rem}.cb-wrap{grid-template-columns:1fr;gap:60px}.svc-modal-header{padding:24px 20px 16px;gap:14px}.svc-modal-icon-badge{width:48px;height:48px;border-radius:14px}.svc-modal-title{font-size:20px}.svc-modal-body{padding:18px 20px}.svc-features-grid{grid-template-columns:1fr}.svc-modal-footer{padding:16px 20px;flex-direction:column-reverse;gap:10px}.svc-modal-secondary-btn,.svc-modal-cta{width:100%;justify-content:center}}.process-section{position:relative;background:transparent;padding:40px 24px 120px;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;overflow:visible;width:100%}.process-aurora-glow{position:absolute;width:450px;height:450px;border-radius:50%;filter:blur(140px);opacity:.22;pointer-events:none;z-index:0;mix-blend-mode:multiply}.glow-left{background:#e0e7ff;top:5%;left:-150px}.glow-right{background:#fdf2f8;bottom:5%;right:-150px}.process-header{position:relative;text-align:center;max-width:720px;margin:0 auto 80px;z-index:2}.process-eyebrow{color:#6366f1;letter-spacing:3px;font-size:13px;font-weight:700;margin-bottom:16px;text-transform:uppercase;font-family:Outfit,sans-serif}.process-heading{font-size:2.8rem;font-weight:800;color:#0f172a;margin:0 0 20px;letter-spacing:-1.5px;font-family:Outfit,sans-serif}.process-heading .process-accent{background:linear-gradient(90deg,#1d4ed8,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.process-subheading{color:#475569;font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:600px}.showcase-dashboard{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;max-width:1200px;margin:0 auto;align-items:center;z-index:2;position:relative}.showcase-navigator{width:100%}.navigator-items{display:flex;flex-direction:column;gap:20px}.navigator-item{display:flex;align-items:flex-start;gap:20px;padding:24px 28px;background:#ffffff73;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(15,23,42,.06);border-radius:24px;cursor:pointer;text-align:left;position:relative;overflow:hidden;outline:none;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 20px #00000003}.navigator-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:transparent;border-radius:5px;transition:all .3s ease}.navigator-item:hover{background:#ffffffd9;border-color:#0f172a1f;transform:translate(6px)}.navigator-item.active{background:#fffffff2;border-color:var(--active-border);box-shadow:0 20px 40px #00000008,0 0 30px var(--active-glow);transform:translate(10px)}.navigator-item.active:before{background:var(--active-border);box-shadow:0 0 10px var(--active-border)}.item-icon-wrapper{width:48px;height:48px;border-radius:14px;background:#f1f5f9;border:1px solid #e2e8f0;color:#475569;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.item-icon-wrapper svg{width:20px;height:20px;stroke-width:2px}.navigator-item.active .item-icon-wrapper{background:var(--active-border);color:#fff;border-color:var(--active-border);box-shadow:0 4px 12px var(--active-glow)}.item-details{position:relative;z-index:2}.item-eyebrow{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#94a3b8;margin-bottom:6px;display:block;font-family:Outfit,sans-serif;transition:color .3s}.navigator-item.active .item-eyebrow{color:var(--active-border)}.item-title{font-size:1.15rem;font-weight:700;color:#0f172a;margin:0 0 8px;font-family:Outfit,sans-serif;letter-spacing:-.3px}.item-desc{font-size:.88rem;line-height:1.5;color:#64748b;margin:0;transition:color .3s}.navigator-item.active .item-desc{color:#334155}.item-number-bg{position:absolute;right:20px;bottom:-15px;font-size:5.5rem;font-weight:900;color:#e2e8f0;opacity:.4;font-family:Outfit,sans-serif;line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1;transition:all .4s ease}.navigator-item.active .item-number-bg{color:var(--active-border);opacity:.08;transform:scale(1.05) translateY(-5px)}.showcase-monitor-wrapper{display:flex;flex-direction:column;align-items:center;width:100%}.monitor-glass-screen{width:100%;aspect-ratio:1.45;background:#0f172a;border:12px solid #1e293b;border-radius:28px;box-shadow:0 30px 60px #00000026,0 0 50px #6366f10f,inset 0 1px #ffffff1a;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.screen-reflection{position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(135deg,#ffffff0f,#fff0 50%);pointer-events:none;z-index:10}.screen-content-wrapper{width:100%;height:100%;position:relative;padding:30px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.monitor-stand{display:flex;flex-direction:column;align-items:center;width:100%}.stand-pillar{width:32px;height:28px;background:linear-gradient(90deg,#1e293b,#0f172a);border-bottom:1px solid rgba(255,255,255,.05)}.stand-base{width:140px;height:10px;background:linear-gradient(180deg,#1e293b,#0f172a);border-radius:10px 10px 0 0;box-shadow:0 10px 25px #0000001a}.graphic-stage{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.floating-card{position:absolute;background:#ffffff1f;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:16px 20px;color:#fff;box-shadow:0 12px 24px #00000026;z-index:3}.strategy-graphic{background:radial-gradient(circle at center,rgba(59,130,246,.1) 0%,transparent 70%)}.target-core{width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,#3b82f6,#1d4ed8);box-shadow:0 0 35px #3b82f680;display:flex;align-items:center;justify-content:center;position:relative}.core-label{font-size:.8rem;font-weight:800;color:#fff;text-transform:uppercase;font-family:Outfit,sans-serif;letter-spacing:.5px}.core-orbit{position:absolute;border:1px dashed rgba(255,255,255,.12);border-radius:50%;animation:rotate-orbit 25s linear infinite}.ring-1{width:170px;height:170px;animation-duration:20s}.ring-2{width:240px;height:240px;animation-duration:35s;animation-direction:reverse}.ring-3{width:310px;height:310px;animation-duration:45s}.goal-card-1{left:20px;top:40px;width:150px}.card-lbl{font-size:.72rem;font-weight:700;color:#e2e8f0;display:block;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.mini-progress-bar{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.mini-progress-bar .fill{height:100%;background:linear-gradient(90deg,#3b82f6,#6366f1);border-radius:3px}.goal-card-2{right:20px;bottom:40px;width:150px}.users-avatars{display:flex;gap:8px;margin-top:4px}.users-avatars .av{width:28px;height:28px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:.85rem}.dev-graphic{background:radial-gradient(circle at center,rgba(99,102,241,.1) 0%,transparent 70%)}.ide-window{width:290px;background:#0b0f19;border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 20px 40px #0006;overflow:hidden;position:absolute;left:20px;top:50px;z-index:2}.ide-header{background:#0f1524;padding:10px 14px;display:flex;align-items:center;gap:6px;border-bottom:1px solid rgba(255,255,255,.05)}.ide-dot{width:8px;height:8px;border-radius:50%}.dot-r{background:#ef4444}.dot-y{background:#f59e0b}.dot-g{background:#10b981}.ide-tab{font-size:.65rem;color:#94a3b8;margin-left:10px;font-family:var(--mono)}.ide-content{padding:14px 20px;font-family:var(--mono);font-size:.72rem;line-height:1.6;color:#94a3b8;text-align:left}.keyword{color:#f43f5e}.func{color:#3b82f6}.tag{color:#10b981}.attr{color:#f59e0b}.layout-canvas-card{position:absolute;right:20px;bottom:50px;width:170px;background:#ffffff14;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:14px;color:#fff;box-shadow:0 15px 30px #0000004d;z-index:3}.canvas-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.canvas-title{font-size:.68rem;font-weight:700;color:#e2e8f0}.canvas-badge{font-size:.55rem;font-weight:700;background:#6366f133;border:1px solid rgba(99,102,241,.3);color:#a5b4fc;padding:2px 6px;border-radius:10px}.canvas-skeleton{display:flex;flex-direction:column;gap:8px}.skeleton-hero{height:36px;background:#ffffff0f;border-radius:8px}.skeleton-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.skeleton-box{height:24px;background:#ffffff0f;border-radius:6px}.launch-graphic{background:radial-gradient(circle at center,rgba(139,92,246,.1) 0%,transparent 70%)}.terminal-window{width:300px;background:#070913;border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:0 25px 45px #00000073;overflow:hidden;position:absolute;left:20px;top:50px;z-index:2}.terminal-header{background:#0f1122;padding:10px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05)}.terminal-title{font-size:.65rem;font-family:var(--mono);color:#94a3b8}.status-online{font-size:.58rem;font-weight:700;color:#10b981;background:#10b9811a;padding:2px 6px;border-radius:10px;display:flex;align-items:center;gap:4px}.status-online:before{content:"";width:6px;height:6px;background:#10b981;border-radius:50%;display:inline-block}.terminal-body{padding:14px 18px;font-family:var(--mono);font-size:.68rem;text-align:left;display:flex;flex-direction:column;gap:8px}.log-line{margin:0}.text-green{color:#10b981}.text-purple{color:#a78bfa}.log-success{margin-top:6px;font-weight:700}.status-radial{position:absolute;right:30px;bottom:50px;width:120px;height:120px;background:#ffffff14;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 15px 30px #0000004d;z-index:3}.status-radial:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;border:4px solid rgba(255,255,255,.05)}.status-radial:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;border:4px solid transparent;border-top-color:#8b5cf6;border-right-color:#8b5cf6;transform:rotate(45deg)}.radial-content{display:flex;flex-direction:column;align-items:center}.radial-percentage{font-size:1.25rem;font-weight:800;color:#fff;font-family:Outfit,sans-serif}.radial-lbl{font-size:.55rem;color:#a78bfa;text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.growth-graphic{background:radial-gradient(circle at center,rgba(14,165,233,.1) 0%,transparent 70%)}.analytics-card{width:240px;background:#ffffff14;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:16px 20px;box-shadow:0 20px 40px #0000004d;position:absolute;left:30px;top:50px;z-index:2}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header-title{font-size:.72rem;font-weight:700;color:#e2e8f0}.timeframe{font-size:.55rem;color:#0ea5e9;font-weight:700}.chart-wrapper{display:flex;justify-content:space-between;align-items:flex-end;height:70px;padding:0 6px}.bar-column{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:.55rem;color:#64748b}.chart-bar{width:14px;background:linear-gradient(180deg,#0ea5e9,#0ea5e91a);border-radius:4px 4px 0 0;transform-origin:bottom center;animation:grow-bar 1.2s cubic-bezier(.16,1,.3,1) forwards}.bar-1{height:25px}.bar-2{height:45px;animation-delay:.1s}.bar-3{height:35px;animation-delay:.2s}.bar-4{height:65px;animation-delay:.3s}.metric-badge{position:absolute;padding:10px 14px;background:#0c182c;border:1px solid rgba(14,165,233,.3);border-radius:12px;display:flex;flex-direction:column;box-shadow:0 10px 25px #00000040;z-index:3}.stats-badge-1{right:25px;top:60px}.stats-badge-2{right:70px;bottom:50px}.stats-metric{font-size:1.05rem;font-weight:800;color:#0ea5e9;font-family:Outfit,sans-serif}.stats-label{font-size:.55rem;color:#94a3b8;margin-top:1px}@keyframes rotate-orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes grow-bar{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.animate-float{animation:float-y 5s infinite alternate ease-in-out}.animate-float-delay{animation:float-y 5s infinite alternate ease-in-out;animation-delay:-2.5s}@keyframes float-y{0%{transform:translateY(0)}to{transform:translateY(-8px)}}@media (max-width: 1024px){.showcase-dashboard{grid-template-columns:1fr;gap:50px}.navigator-item.active,.navigator-item:hover{transform:translateY(-2px)}}@media (max-width: 640px){.process-section{padding:80px 20px}.process-heading{font-size:2.2rem}.navigator-item{padding:20px 24px;gap:16px}.item-icon-wrapper{width:42px;height:42px;border-radius:12px}.item-title{font-size:1.05rem}.item-desc{font-size:.82rem}.monitor-glass-screen{border-width:8px;border-radius:20px}.screen-content-wrapper{padding:15px}.ide-window{width:220px;left:10px;top:20px}.layout-canvas-card{width:130px;right:10px;bottom:20px}.terminal-window{width:220px;left:10px;top:20px}.status-radial{width:90px;height:90px;right:15px;bottom:20px}.analytics-card{width:180px;left:10px;top:20px}.stats-badge-1{right:10px;top:30px}.stats-badge-2{right:30px;bottom:15px}}.services-section{padding:100px 0 20px;width:100%;text-align:center;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;overflow:visible;background:transparent}.services-title{font-size:2.8rem;font-weight:800;margin:0 0 16px;background:linear-gradient(90deg,#1d4ed8,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:Outfit,sans-serif;letter-spacing:-1.5px}.services-subtitle{font-size:1.1rem;color:#475569;max-width:600px;margin:0 auto 50px;line-height:1.6;padding:0 24px}.cards-grid-wrapper{width:100%;padding:30px 0 10px}.cards-container{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1000px;margin:0 auto;padding:0 24px}.parent{width:100%;max-width:320px;height:320px;perspective:1000px;justify-self:center}@media screen and (max-width: 968px){.cards-container{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 640px){.cards-container{grid-template-columns:1fr}}.card{height:100%;border-radius:50px;background:var(--card-gradient);transition:all .5s ease-in-out;transform-style:preserve-3d;box-shadow:#05471100 40px 50px 25px -40px,#0547111a 0 25px 25px -5px}.glass{transform-style:preserve-3d;position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:55px 100% 55px 55px;background:linear-gradient(0deg,#ffffff59,#ffffffd9);transform:translateZ(25px);border-left:1px solid white;border-bottom:1px solid white;transition:all .5s ease-in-out}.content{padding:85px 40px 0 30px;transform:translateZ(26px);text-align:left}.content .title{display:block;color:var(--card-accent);font-weight:800;font-size:20px;line-height:1.3;margin-bottom:12px}.content .text{display:block;color:var(--card-accent);opacity:.75;font-size:13.5px;line-height:1.5;font-weight:500}.bottom{padding:10px 12px;transform-style:preserve-3d;position:absolute;bottom:20px;left:20px;right:20px;display:flex;align-items:center;justify-content:flex-end;transform:translateZ(26px)}.bottom .view-more{display:flex;align-items:center;width:auto;justify-content:flex-end;transition:all .2s ease-in-out}.bottom .view-more:hover{transform:translateZ(10px)}.bottom .view-more .view-more-button{background:none;border:none;color:var(--card-accent);font-weight:800;font-size:12px;cursor:pointer;padding:0}.bottom .view-more .svg{fill:none;stroke:var(--card-accent);stroke-width:3px;max-height:15px;margin-left:4px}.logo{position:absolute;right:0;top:0;transform-style:preserve-3d}.logo .circle{display:block;position:absolute;aspect-ratio:1;border-radius:50%;top:0;right:0;background:transparent;border:1px solid var(--card-accent);opacity:.22;transition:all .8s cubic-bezier(.16,1,.3,1)}.logo .circle1{width:130px;transform:translateZ(20px) rotate(0);top:8px;right:8px}.logo .circle2{width:110px;transform:translateZ(40px) rotate(0);top:10px;right:10px}.logo .circle3{width:90px;transform:translateZ(60px) rotate(0);top:17px;right:17px;border-style:dashed}.logo .circle4{width:70px;transform:translateZ(80px) rotate(0);top:23px;right:23px}.logo .circle5{width:50px;transform:translateZ(100px) rotate(0);top:30px;right:30px;display:grid;place-content:center;background:#ffffff73;border-color:var(--card-accent);opacity:.8;box-shadow:#0000000a 0 4px 10px}.logo .circle5 .svg{width:20px;fill:var(--card-accent);transition:fill .3s ease}.parent:hover .card{transform:rotate3d(1,1,0,30deg);box-shadow:#6366f126 30px 50px 25px -40px,#6366f11a 0 25px 30px}.parent:hover .card .logo .circle{opacity:.7;border-color:var(--card-accent);box-shadow:0 0 15px #fff3}.parent:hover .card .logo .circle2{transform:translateZ(50px) rotate(45deg)}.parent:hover .card .logo .circle3{transform:translateZ(80px) rotate(-90deg) scale(1.05)}.parent:hover .card .logo .circle4{transform:translateZ(110px) rotate(90deg)}.parent:hover .card .logo .circle5{transform:translateZ(140px) scale(1.2);background:var(--card-accent);border-color:var(--card-accent);opacity:1;box-shadow:0 8px 24px #00000026,0 0 15px var(--card-circle)}.parent:hover .card .logo .circle5 .svg{fill:#fff}.hw-section{position:relative;overflow:visible;padding:100px 24px 110px;background:transparent;font-family:Inter,sans-serif}.hw-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}@keyframes hwScrollGrid{0%{background-position:0 0}to{background-position:50px 50px}}.hw-aurora{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;z-index:0;opacity:.4;pointer-events:none}.hw-aurora span{position:absolute;width:550px;height:550px;border-radius:50%;filter:blur(120px);will-change:transform,border-radius;transform:translateZ(0)}.hw-aurora span:nth-child(1){top:-100px;left:-100px;background:radial-gradient(circle,#b7a5fff2,#b7a5ff00 70%);animation:hwDrift1 20s ease-in-out infinite}.hw-aurora span:nth-child(2){top:50px;right:-150px;background:radial-gradient(circle,#9ad8fff2,#9ad8ff00 70%);animation:hwDrift2 24s ease-in-out infinite}.hw-aurora span:nth-child(3){bottom:-150px;left:25%;background:radial-gradient(circle,#ffc2eef2,#ffc2ee00 70%);animation:hwDrift3 28s ease-in-out infinite}@keyframes hwDrift1{0%{transform:translateZ(0) scale(1) rotate(0);border-radius:40% 60% 60% 40%/40% 40% 60% 60%}33%{transform:translate3d(50px,-45px,0) scale(1.12) rotate(45deg);border-radius:60% 40% 50% 50%/50% 60% 40% 50%}66%{transform:translate3d(-30px,35px,0) scale(.9) rotate(-35deg);border-radius:50% 50% 60% 40%/40% 50% 50% 60%}to{transform:translateZ(0) scale(1) rotate(0);border-radius:40% 60% 60% 40%/40% 40% 60% 60%}}@keyframes hwDrift2{0%{transform:translateZ(0) scale(1) rotate(0);border-radius:50% 50% 40% 60%/50% 40% 60% 50%}50%{transform:translate3d(-60px,45px,0) scale(1.08) rotate(-60deg);border-radius:40% 60% 60% 40%/60% 50% 50% 40%}to{transform:translateZ(0) scale(1) rotate(0);border-radius:50% 50% 40% 60%/50% 40% 60% 50%}}@keyframes hwDrift3{0%{transform:translateZ(0) scale(.92) rotate(0);border-radius:60% 40%/40% 60%}50%{transform:translate3d(45px,50px,0) scale(1.15) rotate(80deg);border-radius:50%/60% 40%}to{transform:translateZ(0) scale(.92) rotate(0);border-radius:60% 40%/40% 60%}}.hw-grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:.015;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.hw-head{position:relative;z-index:2;text-align:center;margin-bottom:44px}.hw-eyebrow{font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:#7c5cff;margin-bottom:16px}.hw-h1{font-family:Space Grotesk,sans-serif;font-weight:800;font-size:clamp(28px,4.6vw,46px);color:#14162a;margin:0;letter-spacing:-.015em}.hw-h1 span{background:linear-gradient(120deg,#7c5cff,#2e9cff 45%,#e24fc0 70%,#7c5cff);background-size:300% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:hwShimmer 5s linear infinite}@keyframes hwShimmer{to{background-position:300% center}}.hw-subtitle{color:#767c93;font-size:14px;margin-top:14px}.hw-stats{position:relative;z-index:2;display:flex;justify-content:center;gap:14px;flex-wrap:wrap;max-width:900px;margin:0 auto 96px}.hw-stat{display:flex;align-items:center;gap:12px;padding:14px 22px;border-radius:16px;background:#fff;border:1px solid rgba(20,22,42,.07);box-shadow:0 1px 2px #14162a0a,0 16px 32px -18px #14162a29}.hw-stat-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7c5cff,#2e9cff);flex-shrink:0}.hw-stat-value{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:17px;color:#14162a;line-height:1}.hw-stat-label{font-size:10.5px;color:#8b90a6;margin-top:3px;white-space:nowrap}.hw-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:1180px;margin:0 auto;perspective:1800px}.hw-card{position:relative;border-radius:24px;opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.22,1,.36,1) var(--delay),transform .8s cubic-bezier(.22,1,.36,1) var(--delay)}.hw-card.hw-in{opacity:1;transform:perspective(1000px) rotateX(0) rotateY(0)}.hw-border{position:absolute;top:-1.5px;right:-1.5px;bottom:-1.5px;left:-1.5px;border-radius:25px;z-index:0;background:conic-gradient(from 0deg,var(--c1),var(--c2),var(--c3),var(--c1));opacity:.5;animation:hwSpin 6s linear infinite}@keyframes hwSpin{to{transform:rotate(360deg)}}.hw-holo{position:absolute;top:1.5px;right:1.5px;bottom:1.5px;left:1.5px;border-radius:23px;z-index:1;opacity:0;transition:opacity .4s ease;background:radial-gradient(480px circle at var(--mx, 50%) var(--my, 50%),color-mix(in srgb,var(--c1) 20%,transparent) 0%,color-mix(in srgb,var(--c2) 14%,transparent) 40%,transparent 75%)}.hw-card:hover .hw-holo{opacity:1}.hw-glass{position:relative;z-index:2;border-radius:23px;margin:1.5px;background:#fff;padding:30px 26px 26px;box-shadow:0 1px 2px #14162a0a,0 30px 60px -26px #14162a2e;min-height:280px;display:flex;flex-direction:column}.hw-card:hover .hw-glass{box-shadow:0 1px 2px #14162a0a,0 40px 80px -20px color-mix(in srgb,var(--c1) 30%,transparent)}.hw-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.hw-quote-icon{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--c1),var(--c2));box-shadow:0 10px 20px -6px color-mix(in srgb,var(--c1) 55%,transparent)}.hw-stars{display:flex;gap:3px}.hw-text{font-size:13.5px;line-height:1.75;color:#4a4f63;margin:0 0 24px;flex:1;text-align:left}.hw-footer{display:flex;align-items:center;gap:12px;padding-top:18px;border-top:1px solid rgba(20,22,42,.07)}.hw-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff;font-weight:700;font-size:14px;font-family:Space Grotesk,sans-serif;box-shadow:0 8px 18px -4px color-mix(in srgb,var(--c1) 55%,transparent)}.hw-name{font-weight:600;font-size:13.5px;color:#14162a;text-align:left}.hw-role{font-size:11px;color:#8b90a6;margin-top:2px;text-align:left}@media (max-width: 980px){.hw-grid{grid-template-columns:1fr;max-width:420px}}@media (prefers-reduced-motion: reduce){.hw-card{opacity:1;transform:none;transition:none}.hw-border,.hw-aurora span{animation:none}}:root{--pf-primary: #6366f1;--pf-primary-hover: #4f46e5;--pf-accent: #06b6d4;--pf-bg: #f8fafc;--pf-card-bg: #ffffff;--pf-text-main: #0f172a;--pf-text-muted: #64748b;--pf-border: rgba(226, 232, 240, .9)}.portfolio-page-wrapper{position:relative;width:100%;min-height:100vh;background:var(--pf-bg);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--pf-text-main);overflow-x:hidden;padding-bottom:0}.portfolio-container{max-width:1240px;margin:0 auto;padding:130px 24px 10px;position:relative;z-index:10}.portfolio-hero{text-align:center;margin-bottom:40px;position:relative;padding:20px 0 10px}.hero-glow-backdrop{position:absolute;top:-80px;left:50%;transform:translate(-50%);width:650px;height:380px;background:radial-gradient(circle,#6366f129,#06b6d414 50%,#fff0 70%);filter:blur(60px);pointer-events:none;z-index:-1}.portfolio-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:#6366f114;border:1px solid rgba(99,102,241,.25);color:#4f46e5;border-radius:30px;font-size:13px;font-weight:700;margin-bottom:24px;letter-spacing:.04em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 14px #6366f114}.badge-sparkle-icon{width:16px;height:16px;color:#6366f1}.portfolio-title{font-family:Outfit,sans-serif;font-size:clamp(2.4rem,5.5vw,4rem);font-weight:900;line-height:1.15;color:#0f172a;margin-bottom:20px;letter-spacing:-.02em}.title-gradient-text{background:linear-gradient(135deg,#6366f1,#06b6d4,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.portfolio-subtitle{font-size:clamp(1rem,2vw,1.18rem);color:var(--pf-text-muted);max-width:720px;margin:0 auto 32px;line-height:1.6;font-weight:450}.main-section-switcher-wrapper{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:8px;background:#fff;border-radius:40px;border:1px solid var(--pf-border);box-shadow:0 10px 30px #0f172a14;margin-bottom:32px}.main-tab-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 28px;border-radius:30px;border:none;background:transparent;color:var(--pf-text-muted);font-size:15px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.25,1,.5,1)}.main-tab-btn .tab-btn-icon{width:18px;height:18px;transition:transform .25s ease}.tab-count-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;background:#f1f5f9;color:#475569;border-radius:12px;font-size:12px;font-weight:800;transition:all .25s ease}.main-tab-btn:hover{color:var(--pf-primary);background:#6366f10f}.main-tab-btn.is-active-tab{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 8px 24px #6366f159}.main-tab-btn.is-active-tab .tab-btn-icon{transform:scale(1.1)}.main-tab-btn.is-active-tab .tab-count-badge{background:#ffffff40;color:#fff}.hero-metrics-bar{display:inline-flex;align-items:center;justify-content:center;gap:32px;background:#fffffff2;border:1px solid rgba(226,232,240,.9);padding:16px 36px;border-radius:40px;box-shadow:0 10px 30px #0f172a0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.metric-pill{display:flex;flex-direction:column;align-items:center}.metric-value{font-family:Outfit,sans-serif;font-size:1.6rem;font-weight:800;color:#0f172a;line-height:1.2}.metric-label{font-size:12px;font-weight:600;color:var(--pf-text-muted);text-transform:uppercase;letter-spacing:.05em}.metric-divider{width:1px;height:28px;background:#e2e8f0}.laptop-showcase-section{margin-bottom:60px;text-align:center}.section-header-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:#fff;border:1px solid #cbd5e1;border-radius:20px;font-size:12px;font-weight:700;color:#334155;margin-bottom:24px;box-shadow:0 2px 10px #00000008}.pill-icon{width:15px;height:15px;color:#6366f1}.portfolio-controls-section{margin-bottom:40px}.controls-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:#fff;padding:14px 20px;border-radius:24px;border:1px solid #e2e8f0;box-shadow:0 4px 20px #00000008}.portfolio-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.portfolio-tab{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:20px;border:1px solid transparent;background:transparent;color:#64748b;font-weight:600;font-size:14px;cursor:pointer;transition:all .25s ease}.tab-icon{width:16px;height:16px}.portfolio-tab:hover{color:#6366f1;background:#6366f10f}.portfolio-tab.active{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 4px 14px #6366f14d}.portfolio-search-box{display:flex;align-items:center;gap:10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:8px 16px;width:300px;transition:all .3s ease}.portfolio-search-box:focus-within{border-color:#6366f1;background:#fff;box-shadow:0 0 0 3px #6366f11f}.search-icon{width:18px;height:18px;color:#94a3b8}.search-input{border:none;background:transparent;outline:none;font-size:14px;color:#0f172a;width:100%}.clear-search-btn{background:transparent;border:none;cursor:pointer;color:#94a3b8;display:flex;align-items:center;justify-content:center}.x-icon{width:16px;height:16px}.portfolio-grid-section{margin-bottom:70px}.projects-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:32px}.portfolio-project-card{position:relative;background:#fff;border-radius:24px;border:1px solid #e2e8f0;box-shadow:0 8px 30px #0000000a;overflow:hidden;display:flex;flex-direction:column;transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s cubic-bezier(.4,0,.2,1),border-color .35s ease}.portfolio-project-card:hover{transform:translateY(-6px);box-shadow:0 20px 45px #6366f124;border-color:#6366f166}.portfolio-project-card.is-active-project{border:2px solid #6366f1;box-shadow:0 0 0 4px #6366f126,0 20px 45px #6366f12e}.card-media-banner{height:180px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.card-banner-img{width:100%;height:100%;object-fit:cover;display:block}.card-media-center{width:60px;height:60px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:18px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.portfolio-project-card:hover .card-media-center{transform:scale(1.1)}.card-badge-tag{position:absolute;top:16px;left:16px;padding:4px 12px;background:#0f172abf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:11px;font-weight:700;border-radius:12px;letter-spacing:.04em;text-transform:uppercase;z-index:3}.card-result-pill{position:absolute;bottom:16px;right:16px;display:flex;align-items:center;gap:6px;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:5px 12px;border-radius:12px;font-size:12px;font-weight:700;color:#0f172a;z-index:3}.check-icon{width:14px;height:14px;color:#10b981}.card-body-wrapper{padding:24px;display:flex;flex-direction:column;flex-grow:1;position:relative;z-index:3}.card-sub-info{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;color:var(--pf-text-muted);margin-bottom:8px}.card-client-text{color:#6366f1}.card-project-title{font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:800;color:#0f172a;margin-bottom:10px;line-height:1.3}.card-project-desc{font-size:.92rem;color:var(--pf-text-muted);line-height:1.6;margin-bottom:16px;flex-grow:1}.card-live-url-bar{display:flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid #e2e8f0;padding:8px 12px;border-radius:10px;margin-bottom:16px;font-size:12px}.globe-icon{width:14px;height:14px;color:#6366f1}.url-label{font-family:monospace;color:#475569;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-tags-flex{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.portfolio-tag-pill{padding:4px 10px;background:#f1f5f9;color:#475569;border-radius:6px;font-size:11px;font-weight:600}.card-actions-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:14px;border-top:1px solid #f1f5f9}.btn-preview-in-3d{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;border-radius:18px;font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #6366f140;transition:all .25s ease}.btn-preview-in-3d:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6366f166}.btn-case-details{background:transparent;border:none;color:#64748b;font-weight:600;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:4px}.btn-case-details:hover{color:#0f172a}.link-icon{width:14px;height:14px}.quality-pillars-section{margin-bottom:70px}.pillars-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.pillar-card{background:#fff;border-radius:24px;padding:32px 28px;border:1px solid #e2e8f0;box-shadow:0 4px 20px #00000005;transition:transform .3s ease}.pillar-card:hover{transform:translateY(-4px)}.pillar-icon-box{width:52px;height:52px;background:#6366f11a;color:#6366f1;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}.pillar-card h3{font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:800;color:#0f172a;margin-bottom:10px}.pillar-card p{font-size:.92rem;color:var(--pf-text-muted);line-height:1.65}.portfolio-cta-section{margin:20px 0 0;position:relative;z-index:10}.portfolio-cta{background:linear-gradient(135deg,#090d16,#1e1b4b,#0f172a);border:1px solid rgba(99,102,241,.25);border-radius:36px;padding:70px 40px;text-align:center;color:#fff;position:relative;overflow:hidden;box-shadow:0 25px 60px #0f172a59,0 0 80px #6366f126}.portfolio-cta:before{content:"";position:absolute;top:-40%;left:-20%;width:400px;height:400px;background:radial-gradient(circle,#6366f140,#0000 70%);pointer-events:none;z-index:1}.portfolio-cta:after{content:"";position:absolute;bottom:-40%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,#06b6d433,#0000 70%);pointer-events:none;z-index:1}.cta-content{position:relative;z-index:10;max-width:720px;margin:0 auto}.cta-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:#6366f12e;border:1px solid rgba(129,140,248,.35);border-radius:30px;font-size:12px;font-weight:800;color:#a5b4fc;margin-bottom:24px;text-transform:uppercase;letter-spacing:.06em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 14px #0000001a}.cta-sparkle{width:14px;height:14px;color:#a5b4fc}.portfolio-cta-title{font-family:Outfit,sans-serif;font-size:clamp(2.2rem,5vw,3.4rem);font-weight:900;margin-bottom:18px;line-height:1.18;letter-spacing:-.02em;color:#fff;background:linear-gradient(135deg,#fff,#e0e7ff 60%,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 10px 30px rgba(0,0,0,.5)}.portfolio-cta-desc{font-size:1.15rem;color:#cbd5e1;margin:0 auto 36px;line-height:1.65;max-width:640px;font-weight:500}.cta-buttons-group{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}.portfolio-cta-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 40px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border-radius:35px;font-weight:800;font-size:16px;text-decoration:none;box-shadow:0 10px 30px #6366f180;transition:all .3s cubic-bezier(.4,0,.2,1)}.portfolio-cta-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 16px 40px #6366f1a6}.btn-arrow{width:18px;height:18px;transition:transform .25s ease}.portfolio-cta-btn:hover .btn-arrow{transform:translate(4px)}.cta-secondary-btn{padding:16px 32px;background:#ffffff0f;border:1px solid rgba(255,255,255,.25);border-radius:35px;color:#fff;font-weight:700;font-size:15px;text-decoration:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s cubic-bezier(.4,0,.2,1)}.cta-secondary-btn:hover{background:#ffffff26;border-color:#fff;transform:translateY(-2px)}.project-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ac7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000010;display:flex;align-items:center;justify-content:center;padding:24px}.project-modal-card{position:relative;background:#fff;width:100%;max-width:680px;max-height:88vh;border-radius:28px;overflow-y:auto;box-shadow:0 25px 60px #00000059;animation:modalFadeIn .3s ease-out forwards}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-close-btn{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:20;transition:background .2s ease}.modal-close-btn:hover{background:#000000b3}.modal-header-banner{padding:40px 32px 30px;color:#fff;position:relative}.modal-icon-badge{width:54px;height:54px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.modal-badge-cat{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:#0000004d;padding:4px 10px;border-radius:10px}.modal-project-title{font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:800;margin:10px 0 6px;line-height:1.25}.modal-project-client{font-size:.9rem;opacity:.9}.modal-body-content{padding:32px}.modal-section{margin-bottom:24px}.modal-section h4{font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700;color:#0f172a;margin-bottom:10px}.modal-section p{font-size:.95rem;color:#475569;line-height:1.65}.modal-live-url-link{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:14px;color:#6366f1;font-family:monospace;font-size:13px;font-weight:600;text-decoration:none}.modal-metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.modal-metric-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:12px;text-align:center}.modal-metric-val{display:block;font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:800;color:#6366f1}.modal-metric-lbl{font-size:11px;font-weight:600;color:#64748b}.modal-tags-flex{display:flex;flex-wrap:wrap;gap:8px}.modal-tag-pill{padding:6px 14px;background:#f1f5f9;color:#334155;border-radius:8px;font-size:12px;font-weight:600}.modal-actions-footer{display:flex;gap:12px;margin-top:32px;padding-top:20px;border-top:1px solid #e2e8f0}@media (max-width: 900px){.controls-bar{flex-direction:column;align-items:stretch}.portfolio-search-box{width:100%}.modal-metrics-grid{grid-template-columns:1fr}}@media (max-width: 640px){.portfolio-container{padding:100px 16px 60px}.hero-metrics-bar{flex-direction:column;gap:16px;padding:20px;border-radius:24px}.metric-divider{width:60px;height:1px}.projects-cards-grid{grid-template-columns:1fr}}.gradual-blur-inner{position:relative;width:100%;height:100%}.gradual-blur-inner>div{-webkit-backdrop-filter:inherit;backdrop-filter:inherit}.gradual-blur{isolation:isolate}@supports not (backdrop-filter: blur(1px)){.gradual-blur-inner>div{background:#0000004d;opacity:.5}}.gradual-blur-fixed{position:fixed!important;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1000}.macbook-showcase-wrapper{position:relative;width:100%;max-width:1040px;margin:0 auto 70px;padding:20px 20px 0;display:flex;flex-direction:column;align-items:center}.bg-category-watermark{position:absolute;top:20px;left:50%;transform:translate(-50%);z-index:0;pointer-events:none;white-space:nowrap;opacity:.06;-webkit-user-select:none;user-select:none}.watermark-text{font-family:Outfit,sans-serif;font-size:clamp(4rem,12vw,9.5rem);font-weight:900;letter-spacing:.1em;background:linear-gradient(135deg,#6366f1,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.laptop-bg-categories{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:28px}.bg-categories-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:800;color:#6366f1;letter-spacing:.08em;text-transform:uppercase}.label-sparkle{width:14px;height:14px}.bg-categories-pills{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;background:#ffffffd9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:8px 14px;border-radius:30px;border:1px solid rgba(226,232,240,.9);box-shadow:0 10px 30px #0f172a0f}.category-bg-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:20px;border:1px solid transparent;background:transparent;color:#64748b;font-weight:600;font-size:13px;cursor:pointer;transition:all .35s cubic-bezier(.25,1,.5,1)}.pill-cat-icon{width:15px;height:15px}.category-bg-pill:hover{color:#6366f1;background:#6366f10f}.category-bg-pill.active{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 4px 16px #6366f159}.laptop-top-meta{position:relative;z-index:2;width:100%;max-width:920px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;padding:14px 24px;border-radius:20px;border:1px solid #e2e8f0;box-shadow:0 4px 20px #00000008;margin-bottom:24px;flex-wrap:wrap}.laptop-title-box{display:flex;flex-direction:column}.laptop-badge-pill{font-size:11px;font-weight:700;color:#6366f1;text-transform:uppercase;letter-spacing:.05em}.laptop-project-heading{font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:800;color:#0f172a;margin:2px 0 0}.laptop-actions-group{display:flex;align-items:center;gap:10px}.laptop-toggle-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#f1f5f9;border:1px solid #cbd5e1;color:#334155;border-radius:18px;font-size:12px;font-weight:600;cursor:pointer;transition:all .25s ease}.laptop-toggle-btn.replay-btn{background:#6366f11a;border-color:#6366f14d;color:#4f46e5}.laptop-toggle-btn:hover{background:#e2e8f0;color:#0f172a}.laptop-launch-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 20px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border-radius:18px;font-size:13px;font-weight:700;text-decoration:none;box-shadow:0 4px 14px #6366f14d;transition:all .25s ease}.laptop-launch-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #6366f173}.btn-icon{width:14px;height:14px}.macbook-3d-perspective-stage{position:relative;z-index:2;width:100%;max-width:920px;display:flex;flex-direction:column;align-items:center;perspective:1400px;transform-style:preserve-3d}.macbook-screen-lid{width:100%;background:linear-gradient(180deg,#111827,#030712);border:1px solid #1f2937;border-radius:20px 20px 0 0;padding:10px 10px 0;box-shadow:0 25px 60px #00000073;transform-origin:bottom center;transform-style:preserve-3d;transition:transform .3s cubic-bezier(.1,.9,.2,1),opacity .4s ease;will-change:transform,opacity}.black-screen-bezel{position:relative;width:100%;height:520px;background:#030712;border-radius:14px 14px 0 0;display:flex;flex-direction:column;overflow:hidden;border:1px solid #111827}.bezel-notch-housing{height:22px;background:#030712;display:flex;align-items:center;justify-content:center}.camera-lens-dot{width:7px;height:7px;background:#111827;border:1px solid #374151;border-radius:50%}.macbook-screen-viewport{position:relative;width:100%;height:calc(100% - 22px);background:#fff;display:flex;flex-direction:column}.mac-browser-bar{height:36px;background:#0b0f19;border-bottom:1px solid #1f2937;display:flex;align-items:center;padding:0 14px;gap:12px}.browser-dots{display:flex;align-items:center;gap:6px}.dot{width:10px;height:10px;border-radius:50%}.dot.red{background:#ef4444}.dot.yellow{background:#f59e0b}.dot.green{background:#10b981}.browser-url-field{flex-grow:1;height:24px;background:#1f2937;border:1px solid #374151;border-radius:12px;display:flex;align-items:center;padding:0 10px;gap:6px}.ssl-lock{width:12px;height:12px;color:#10b981}.ssl-protocol{font-size:11px;font-weight:700;color:#10b981}.url-input{border:none;outline:none;background:transparent;font-size:11px;color:#f9fafb;width:100%;font-family:monospace}.ssl-shield{width:12px;height:12px;color:#6366f1}.browser-reload-btn{background:transparent;border:none;cursor:pointer;color:#9ca3af;display:flex;align-items:center;justify-content:center}.reload-icon{width:14px;height:14px}.reload-icon.spinning{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mac-iframe-stage{position:relative;width:100%;height:calc(100% - 36px);background:#fff;overflow:hidden}.mac-live-iframe{width:100%;height:100%;border:none;background:#fff}.stage-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0b0f19eb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:10;font-size:13px;font-weight:600;color:#818cf8}.spinner-ring{width:32px;height:32px;border:3px solid #1f2937;border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite}.stage-fallback-view{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;color:#fff;text-align:center}.fallback-icon{width:46px;height:46px;margin-bottom:12px;color:#38bdf8}.stage-fallback-view h3{font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:800;margin-bottom:8px}.stage-fallback-view p{font-size:.9rem;opacity:.85;margin-bottom:20px;max-width:320px}.fallback-action-btn{padding:10px 24px;background:#fff;color:#0f172a;border-radius:20px;font-size:13px;font-weight:700;text-decoration:none;box-shadow:0 4px 14px #0003;transition:transform .2s ease}.fallback-action-btn:hover{transform:translateY(-2px)}.screen-glare-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffffff14,#fff0 50%);pointer-events:none;z-index:5}.macbook-bottom-aluminum-lip{width:102%;height:18px;background:linear-gradient(180deg,#1f2937,#111827 45%,#030712);border:1px solid #1f2937;border-radius:0 0 16px 16px;position:relative;box-shadow:0 20px 40px #00000080,inset 0 1px #ffffff26;display:flex;justify-content:center;z-index:3}.center-thumb-notch{width:64px;height:5px;background:#030712;border-radius:0 0 6px 6px;border:1px solid #111827;border-top:none}.macbook-feet-shadow{width:96%;height:18px;background:radial-gradient(ellipse at center,#0009,#fff0 75%);margin-top:4px}@media (max-width: 768px){.black-screen-bezel{height:340px}}.laptop-mode-switcher-bar{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:20px;background:#0f172ad9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:6px 12px;border-radius:30px;border:1px solid rgba(255,255,255,.15);box-shadow:0 10px 30px #00000040}.mode-switch-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:20px;border:1px solid transparent;background:transparent;color:#94a3b8;font-size:13px;font-weight:700;cursor:pointer;transition:all .3s ease}.mode-switch-btn .mode-icon{width:15px;height:15px}.mode-switch-btn:hover{color:#818cf8;background:#6366f11f}.mode-switch-btn.active-mode{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 4px 16px #6366f166}.stage-media-showcase{width:100%;height:100%;background:#030712;position:relative;display:flex;flex-direction:column}.video-player-container{width:100%;height:100%;position:relative;background:#000}.product-embed-video{width:100%;height:100%;border:none}.image-gallery-stage{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:#090d16;overflow:hidden}.gallery-active-img{max-width:100%;max-height:calc(100% - 60px);object-fit:contain;border-radius:6px;box-shadow:0 10px 30px #00000080;transition:all .3s ease}.gallery-thumbs-row{position:absolute;bottom:12px;display:flex;align-items:center;gap:8px;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 12px;border-radius:20px;border:1px solid rgba(255,255,255,.1)}.gallery-thumb-btn{width:42px;height:32px;border-radius:6px;overflow:hidden;border:2px solid transparent;background:transparent;padding:0;cursor:pointer;transition:all .25s ease}.gallery-thumb-btn img{width:100%;height:100%;object-fit:cover}.gallery-thumb-btn.thumb-active{border-color:#6366f1;box-shadow:0 0 10px #6366f199}.footer{background:#ffffff59;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#475569;padding:80px 6vw 40px;font-family:Plus Jakarta Sans,sans-serif;border-top:1px solid rgba(255,255,255,.6);position:relative;z-index:10}.footer-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.2fr .8fr .8fr 1.2fr;gap:40px;padding-bottom:50px}.branding-col{display:flex;flex-direction:column;gap:20px;align-items:flex-start}.footer-logo{height:44px;width:auto;object-fit:contain;cursor:pointer;opacity:.95}.footer-desc{font-size:14.5px;line-height:1.7;color:#475569;max-width:320px;text-align:left}.footer-col{display:flex;flex-direction:column;align-items:flex-start}.footer-title{font-family:Outfit,sans-serif;font-size:13.5px;font-weight:800;color:#6366f1;letter-spacing:.12em;margin-bottom:24px;margin-top:0;text-transform:uppercase}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px;text-align:left}.footer-links a{color:#475569;text-decoration:none;font-size:14.5px;font-weight:500;transition:color .2s ease}.footer-links a:hover{color:#2563eb}.footer-contact-info{display:flex;flex-direction:column;gap:14px;text-align:left}.footer-contact-info a{color:#475569;text-decoration:none;font-size:14.5px;font-weight:500;transition:color .2s ease}.footer-contact-info a:hover{color:#2563eb}.footer-address{font-size:14.5px;line-height:1.6;margin:0;color:#475569;max-width:280px}.footer-bottom{border-top:1px solid rgba(15,23,42,.08);padding-top:30px}.footer-bottom-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.copyright{font-size:14.5px;color:#64748b}.social-links{display:flex;gap:12px}.social-btn{width:34px;height:34px;border-radius:6px;border:1px solid rgba(15,23,42,.08);background:#fff9;display:flex;align-items:center;justify-content:center;color:#475569;text-decoration:none;font-size:13.5px;font-weight:600;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;transition:all .25s ease}.social-btn:hover{background:#6366f114;border-color:#6366f1;color:#6366f1;transform:translateY(-2px)}@media screen and (max-width: 968px){.footer-container{grid-template-columns:1fr 1fr;gap:40px}}@media screen and (max-width: 640px){.footer-container{grid-template-columns:1fr;gap:36px}.footer-bottom-container{flex-direction:column;gap:20px;text-align:center}.footer{padding:60px 24px 30px}}.admin-workspace{--bg-dark: #0f172a;--text-primary: #1e293b;--text-muted: #64748b;--indigo: #6366f1;--indigo-glow: rgba(99, 102, 241, .15);--border-color: rgba(15, 23, 42, .08);--glass-card: rgba(255, 255, 255, .85);--shadow-soft: 0 10px 40px rgba(0, 0, 0, .04);min-height:100vh;background:radial-gradient(ellipse 55% 40% at 15% 5%,#cfe6fb 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 85% 15%,#d7ecfb 0%,transparent 60%),#eef6fd;font-family:Inter,sans-serif;color:var(--text-primary);display:flex;box-sizing:border-box}.admin-workspace *{box-sizing:border-box}.admin-login-container{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse 55% 40% at 15% 5%,#cfe6fb 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 85% 15%,#d7ecfb 0%,transparent 60%),#eef6fd}.admin-login-card{background:var(--glass-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);border-radius:24px;padding:48px;width:100%;max-width:440px;box-shadow:0 20px 50px #0f172a14;text-align:center}.admin-login-card h2{font-family:Sora,sans-serif;font-size:28px;font-weight:800;margin:0 0 8px;color:#0f172a}.admin-login-card p{color:var(--text-muted);font-size:14px;margin:0 0 32px}.admin-form-group{text-align:left;margin-bottom:20px}.admin-form-group label{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:8px}.admin-form-group input{width:100%;height:48px;border-radius:12px;border:1px solid rgba(15,23,42,.1);background:#ffffff80;padding:0 16px;font-size:15px;font-family:inherit;outline:none;transition:all .2s ease}.admin-form-group input:focus{border-color:var(--indigo);background:#fff;box-shadow:0 0 0 4px var(--indigo-glow)}.admin-login-btn{width:100%;height:48px;background:linear-gradient(90deg,#6366f1,#8b5cf6);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;margin-top:10px;box-shadow:0 4px 15px #6366f14d;transition:all .2s ease}.admin-login-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f166}.admin-error-msg{background:#ef444414;border:1px solid rgba(239,68,68,.15);color:#ef4444;border-radius:8px;padding:12px;font-size:14px;margin-bottom:20px;text-align:left}.admin-sidebar{width:260px;background:#fff6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-right:1px solid var(--border-color);padding:40px 20px;display:flex;flex-direction:column;height:100vh;position:fixed;left:0;top:0}.admin-sidebar-logo{display:flex;align-items:center;gap:12px;margin-bottom:40px;padding-left:10px}.admin-sidebar-logo span{font-family:Sora,sans-serif;font-weight:800;font-size:18px;color:#0f172a;letter-spacing:-.5px}.admin-nav{display:flex;flex-direction:column;gap:8px;flex:1}.admin-nav-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;color:var(--text-muted);text-decoration:none;font-weight:600;font-size:14px;background:transparent;border:none;text-align:left;width:100%;cursor:pointer;transition:all .2s ease}.admin-nav-item:hover{color:#0f172a;background:#ffffff4d}.admin-nav-item.active{color:var(--indigo);background:#fff;box-shadow:0 4px 15px #00000005,inset 0 1px 1px #ffffffe6}.admin-sidebar-footer{border-top:1px solid var(--border-color);padding-top:20px}.admin-logout-btn{display:flex;align-items:center;gap:12px;padding:14px 16px;color:#ef4444;font-weight:600;font-size:14px;background:transparent;border:none;cursor:pointer;width:100%;text-align:left}.admin-logout-btn:hover{background:#ef44440d;border-radius:12px}.admin-content{flex:1;margin-left:260px;padding:50px 60px}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.admin-title-area h1{font-family:Sora,sans-serif;font-size:32px;font-weight:800;margin:0 0 6px;color:#0f172a;letter-spacing:-.5px}.admin-title-area p{color:var(--text-muted);font-size:14px;margin:0}.admin-leads-controls{display:flex;gap:20px;margin-bottom:30px}.admin-search-wrapper{position:relative;flex:1;max-width:400px}.admin-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.admin-search-input{width:100%;height:46px;border-radius:12px;border:1px solid var(--border-color);background:var(--glass-card);padding-left:48px;padding-right:16px;font-size:14px;outline:none;transition:all .2s ease}.admin-search-input:focus{border-color:var(--indigo);background:#fff;box-shadow:var(--shadow-soft)}.admin-table-container{background:var(--glass-card);border:1px solid var(--border-color);border-radius:20px;box-shadow:var(--shadow-soft);overflow:hidden}.admin-leads-table{width:100%;border-collapse:collapse;text-align:left}.admin-leads-table th{background:#0f172a05;padding:16px 24px;font-size:12px;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;border-bottom:1px solid var(--border-color)}.admin-leads-table td{padding:20px 24px;font-size:14px;color:var(--text-primary);border-bottom:1px solid var(--border-color);vertical-align:top}.admin-leads-table tr:last-child td{border-bottom:none}.lead-name-cell{font-weight:600;color:#0f172a}.lead-company-badge{display:inline-block;padding:4px 8px;background:#6366f114;color:var(--indigo);border-radius:6px;font-size:12px;font-weight:600}.lead-company-none{color:var(--text-muted);font-style:italic;font-size:13px}.lead-date-cell{color:var(--text-muted);font-size:13px}.lead-delete-btn{background:transparent;border:none;cursor:pointer;color:var(--text-muted);padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.lead-delete-btn:hover{color:#ef4444;background:#ef44440d}.admin-empty-leads{text-align:center;padding:60px 40px;color:var(--text-muted)}.admin-empty-leads h3{font-family:Sora,sans-serif;color:#0f172a;font-size:18px;margin-bottom:8px}.browser-simulator-container{display:flex;flex-direction:column;gap:20px}.browser-header-controls{display:flex;justify-content:space-between;align-items:center;background:var(--glass-card);border:1px solid var(--border-color);border-radius:16px;padding:12px 24px;box-shadow:var(--shadow-soft)}.browser-url-input-area{display:flex;align-items:center;gap:12px;flex:1;max-width:600px}.browser-nav-btn{background:transparent;border:none;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;padding:6px;border-radius:8px}.browser-nav-btn:hover{color:#0f172a;background:#0f172a0a}.browser-url-bar{flex:1;display:flex;align-items:center;background:#0f172a08;border:1px solid var(--border-color);border-radius:10px;padding:8px 16px;gap:8px}.browser-url-bar input{flex:1;background:transparent;border:none;outline:none;font-size:13px;color:#0f172a;font-family:inherit}.device-preset-controls{display:flex;background:#0f172a08;border-radius:10px;padding:4px;gap:4px}.device-preset-btn{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:8px;border:none;background:transparent;font-size:13px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.device-preset-btn:hover{color:#0f172a}.device-preset-btn.active{background:#fff;color:var(--indigo);box-shadow:0 2px 6px #0000000a}.browser-preview-frame-wrapper{display:flex;justify-content:center;align-items:flex-start;padding:40px 0;min-height:600px;background:#0f172a03;border:1px dashed var(--border-color);border-radius:20px}.browser-mockup-frame{background:#fff;border-radius:16px;box-shadow:0 30px 80px #0000001f;border:12px solid #334155;overflow:hidden;transition:width .4s cubic-bezier(.16,1,.3,1),height .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.browser-mockup-frame.desktop{width:100%;height:700px}.browser-mockup-frame.tablet{width:768px;height:850px}.browser-mockup-frame.mobile{width:375px;height:680px;border-radius:36px;border-width:16px 12px}.mockup-inner-header{height:36px;background:#f1f5f9;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;padding:0 16px;gap:6px}.mockup-window-dot{width:10px;height:10px;border-radius:50%}.mockup-window-dot.r{background:#ef4444}.mockup-window-dot.y{background:#eab308}.mockup-window-dot.g{background:#22c55e}.browser-mockup-iframe{width:100%;height:100%;border:none;flex:1;background:#fff}@media screen and (max-width: 1024px){.admin-sidebar{width:80px;padding:40px 10px;align-items:center}.admin-sidebar-logo span,.admin-nav-item span,.admin-logout-btn span{display:none}.admin-content{margin-left:80px;padding:40px}}@media screen and (max-width: 768px){.admin-content{padding:30px 20px}.admin-title-area h1{font-size:26px}.admin-leads-controls{flex-direction:column}.admin-search-wrapper{max-width:100%}.browser-header-controls{flex-direction:column;gap:16px;padding:16px}.browser-url-input-area{max-width:100%;width:100%}.device-preset-controls{width:100%;justify-content:space-around}}.admin-date-filter-wrapper{position:relative;display:flex;align-items:center;background:var(--glass-card);border:1px solid var(--border-color);border-radius:12px;padding:0 16px;height:46px;gap:10px}.admin-filter-icon{color:var(--text-muted)}.admin-date-select{border:none;background:transparent;outline:none;font-size:14px;font-weight:600;color:var(--text-primary);cursor:pointer;font-family:inherit}.admin-custom-dates{display:flex;align-items:center;gap:10px;animation:fadeInControls .25s ease-out}@keyframes fadeInControls{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.admin-date-picker{height:46px;border-radius:12px;border:1px solid var(--border-color);background:var(--glass-card);padding:0 16px;font-size:14px;font-weight:500;color:var(--text-primary);outline:none;font-family:inherit;transition:all .2s ease}.admin-date-picker:focus{border-color:var(--indigo);background:#fff}.date-sep{color:var(--text-muted);font-weight:600;font-size:14px}.admin-actions-group{display:flex;gap:12px;margin-left:auto}@media screen and (max-width: 1024px){.admin-leads-controls{flex-wrap:wrap}.admin-actions-group{margin-left:0;width:100%;justify-content:flex-start}}.export-btn{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;border:none!important;box-shadow:0 4px 14px #10b98140;transition:all .2s ease!important}.export-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #10b98166!important}.admin-logo-img{height:32px;width:auto;object-fit:contain;filter:brightness(0);transition:transform .25s cubic-bezier(.16,1,.3,1)}.admin-sidebar-logo:hover .admin-logo-img{transform:scale(1.05)}.admin-logo-suffix{font-family:Sora,sans-serif;font-weight:800;font-size:16px;color:var(--indigo);margin-left:6px;letter-spacing:-.5px}.admin-login-logo-img{height:48px;width:auto;object-fit:contain;filter:brightness(0);transition:transform .25s cubic-bezier(.16,1,.3,1)}.admin-login-card div:hover .admin-login-logo-img{transform:scale(1.05)}.content-editor-container{display:flex;flex-direction:column;height:100%}.editor-workspace{display:flex;gap:24px;margin-top:24px;align-items:flex-start}.editor-sidebar-sections{flex:0 0 280px;position:sticky;top:40px;max-height:calc(100vh - 120px);overflow-y:auto;background:var(--glass-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);border-radius:16px;padding:20px 16px;display:flex;flex-direction:column;gap:18px;box-shadow:var(--shadow-soft)}.editor-sidebar-sections::-webkit-scrollbar{width:4px}.editor-sidebar-sections::-webkit-scrollbar-track{background:transparent}.editor-sidebar-sections::-webkit-scrollbar-thumb{background:#6366f140;border-radius:4px}.editor-sidebar-group{display:flex;flex-direction:column;gap:6px}.editor-sidebar-group-title{font-family:Sora,sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--indigo);padding:4px 8px 2px;display:flex;align-items:center;gap:6px;border-bottom:1px dashed rgba(99,102,241,.15);margin-bottom:4px}.editor-sidebar-group-items{display:flex;flex-direction:column;gap:4px}.editor-section-sub-btn{width:100%;padding:10px 14px;border-radius:10px;background:transparent;border:none;text-align:left;font-size:13.5px;font-weight:550;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.editor-section-sub-btn:hover{background:#6366f114;color:var(--text-primary)}.editor-section-sub-btn.active{background:var(--indigo);color:#fff;font-weight:600;box-shadow:0 4px 12px #6366f140}.editor-fields-panel{flex:1;background:var(--glass-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);border-radius:16px;padding:32px;box-shadow:var(--shadow-soft)}.editor-fields-panel h2{font-family:Sora,sans-serif;font-size:22px;font-weight:700;margin:0 0 8px;color:#0f172a}.fields-panel-desc{color:var(--text-muted);font-size:14px;margin:0 0 24px}.editor-success-banner{background:#10b9811a;border:1px solid rgba(16,185,129,.2);color:#059669;padding:12px 16px;border-radius:10px;font-size:14px;font-weight:500;margin-bottom:24px}.editor-error-banner{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#dc2626;padding:12px 16px;border-radius:10px;font-size:14px;font-weight:500;margin-bottom:24px}.editor-fields-list{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}.editor-field-group{display:flex;flex-direction:column;gap:8px}.field-label{font-size:13px;font-weight:600;color:#1e293b;display:flex;justify-content:space-between;align-items:center}.field-key-tag{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-muted);background:#0f172a0d;padding:2px 6px;border-radius:4px}.editor-input{width:100%;height:44px;border-radius:10px;border:1px solid rgba(15,23,42,.1);background:#ffffff80;padding:0 16px;font-size:14px;color:var(--text-primary);outline:none;transition:all .2s ease}.editor-input:focus{border-color:var(--indigo);background:#fff;box-shadow:0 0 0 3px var(--indigo-glow)}.editor-textarea{width:100%;border-radius:10px;border:1px solid rgba(15,23,42,.1);background:#ffffff80;padding:12px 16px;font-size:14px;color:var(--text-primary);outline:none;font-family:inherit;resize:vertical;transition:all .2s ease}.editor-textarea:focus{border-color:var(--indigo);background:#fff;box-shadow:0 0 0 3px var(--indigo-glow)}.editor-image-control{display:flex;gap:16px;align-items:flex-start;background:#ffffff4d;border:1px dashed rgba(15,23,42,.1);border-radius:12px;padding:16px}.editor-image-preview{width:120px;height:120px;border-radius:8px;overflow:hidden;border:1px solid rgba(15,23,42,.08);background:#0000000d;display:flex;align-items:center;justify-content:center;flex-shrink:0}.editor-image-preview img{max-width:100%;max-height:100%;object-fit:contain}.editor-image-inputs{flex:1;display:flex;flex-direction:column;gap:12px}.image-input-row{display:flex;align-items:center;gap:8px}.input-row-lbl{font-size:12px;font-weight:600;color:var(--text-muted);min-width:90px}.image-upload-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.editor-file-input{font-size:12px;color:var(--text-muted)}.file-info-text{font-size:11px;color:var(--text-muted);width:100%;margin-top:2px}.editor-actions{display:flex;justify-content:flex-end;border-top:1px solid rgba(15,23,42,.06);padding-top:24px}.save-content-btn{background:var(--indigo);color:#fff;padding:12px 24px;border-radius:10px;border:none;font-weight:600;font-size:14px;cursor:pointer;box-shadow:0 4px 14px #6366f14d;transition:all .2s ease}.save-content-btn:hover:not(:disabled){background:#4f46e5;transform:translateY(-1px);box-shadow:0 6px 20px #6366f166}.save-content-btn:disabled{background:#94a3b8;color:#cbd5e1;cursor:not-allowed;box-shadow:none}@media (max-width: 1024px){.editor-workspace{flex-direction:column;align-items:stretch}.editor-sidebar-sections{flex:none}}.blog-form-row{display:flex;gap:16px}.hue-picker-row{display:flex;gap:10px;align-items:center;height:44px}.hue-swatch{width:26px;height:26px;border-radius:50%;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;border:2px solid transparent}.hue-swatch:hover{transform:scale(1.15)}.hue-swatch.selected{transform:scale(1.18);border-color:#0f172a;box-shadow:0 0 0 3px #6366f14d}@media (max-width: 768px){.blog-form-row{flex-direction:column}}.admin-form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;width:100%}.admin-form-group label{font-family:Sora,sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#475569;display:flex;align-items:center;gap:6px}.admin-form-group input[type=text],.admin-form-group input[type=url],.admin-form-group input[type=number],.admin-form-group input[type=email],.admin-form-group input[type=password],.admin-form-group textarea,.admin-form-group select{width:100%;box-sizing:border-box;padding:12px 16px;border-radius:12px;border:1px solid rgba(15,23,42,.14);background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:14px;font-family:Plus Jakarta Sans,sans-serif;color:#0f172a;outline:none;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 6px #0f172a05}.admin-form-group textarea{font-family:Plus Jakarta Sans,sans-serif;line-height:1.6;resize:vertical;min-height:80px}.admin-form-group input:focus,.admin-form-group textarea:focus,.admin-form-group select:focus{border-color:#6366f1;background:#fff;box-shadow:0 0 0 4px #6366f126,0 4px 12px #0f172a0d}.blog-form-card,.blog-list-card{background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.8);border-radius:20px;padding:28px 32px;box-shadow:0 10px 30px #0f172a0d;transition:all .25s ease;box-sizing:border-box;width:100%}.publish-blog-btn{width:100%;padding:14px 24px;border-radius:12px;border:none;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-family:Sora,sans-serif;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 4px 16px #6366f159;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;align-items:center;justify-content:center;gap:8px}.publish-blog-btn:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#4338ca);transform:translateY(-2px);box-shadow:0 8px 24px #6366f173}.publish-blog-btn:disabled{background:#cbd5e1;color:#94a3b8;cursor:not-allowed;box-shadow:none}.cancel-edit-btn{padding:6px 14px;border-radius:8px;border:1px solid rgba(239,68,68,.25);background:#ef444414;color:#ef4444;font-size:12.5px;font-weight:600;cursor:pointer;transition:all .2s ease}.cancel-edit-btn:hover{background:#ef444429}.status-filter-pill{padding:7px 16px;border-radius:20px;border:1px solid rgba(15,23,42,.1);background:#ffffffb3;color:#475569;font-size:12.5px;font-weight:600;cursor:pointer;transition:all .2s ease}.status-filter-pill:hover{background:#6366f114;color:#6366f1;border-color:#6366f133}.status-filter-pill.active{background:#0f172a;color:#fff;border-color:#0f172a;box-shadow:0 4px 12px #0f172a33}.blog-manager-container{display:flex;flex-direction:column;gap:24px;width:100%}.blog-manager-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:flex-start;width:100%}@media (max-width: 1024px){.blog-manager-grid{grid-template-columns:1fr}}.blog-items-scroll{display:flex;flex-direction:column;gap:14px;max-height:620px;overflow-y:auto;padding-right:6px}.blog-items-scroll::-webkit-scrollbar{width:5px}.blog-items-scroll::-webkit-scrollbar-thumb{background:#6366f140;border-radius:4px}.blog-item-row{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:14px;padding:16px;transition:all .2s ease}.blog-item-row:hover{border-color:#6366f14d;box-shadow:0 4px 16px #0f172a0d}