:root{--purple: #863bff;--purple-deep: #7e14ff;--purple-light: #a855f7;--cyan: #47bfff;--cyan-light: #7dd3fc;--glow-purple: rgba(134, 59, 255, .35);--glow-cyan: rgba(71, 191, 255, .25);--bg: #05020e;--bg2: #0b0619;--bg3: #100924;--surface: rgba(255,255,255,.04);--surface-hover:rgba(255,255,255,.07);--border: rgba(134,59,255,.18);--border2: rgba(255,255,255,.07);--text: #e2e8f0;--muted: #94a3b8;--muted2: #64748b}.dev-page *{margin:0;padding:0;box-sizing:border-box}.dev-page{background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;overflow-x:hidden;min-height:100vh;scroll-behavior:smooth}.dev-page .container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.dev-page .text-gradient{background:linear-gradient(135deg,var(--purple) 0%,var(--cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dev-page .text-gradient-purple{background:linear-gradient(135deg,#a855f7 0%,var(--purple) 60%,var(--purple-deep) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dev-page .badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem 1rem;border-radius:9999px;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.dev-page .badge-purple{background:#863bff1f;border:1px solid rgba(134,59,255,.3);color:var(--purple-light)}.dev-page .badge-cyan{background:#47bfff1a;border:1px solid rgba(71,191,255,.25);color:var(--cyan-light)}.dev-page .badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:devPulse 2s infinite}@keyframes devPulse{0%,to{opacity:1}50%{opacity:.4}}.dev-page .btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;border-radius:9999px;font-weight:700;font-size:.9rem;text-decoration:none;transition:all .25s;cursor:pointer;border:none}.dev-page .btn-primary{background:linear-gradient(135deg,var(--purple) 0%,var(--purple-deep) 100%);color:#fff;box-shadow:0 0 30px #863bff66}.dev-page .btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 50px #863bff99}.dev-page .btn-outline{background:transparent;color:var(--text);border:1px solid var(--border2)}.dev-page .btn-outline:hover{border-color:var(--purple);color:#fff;background:#863bff14}.dev-page .btn-wpp{background:#25d366;color:#fff;box-shadow:0 0 20px #25d3664d}.dev-page .btn-wpp:hover{background:#1ebe5d;transform:translateY(-2px);box-shadow:0 0 35px #25d36680}.dev-page nav.topnav{position:fixed;top:0;left:0;right:0;z-index:999;padding:.9rem 0;background:#05020e00;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);border-bottom:1px solid transparent;transition:all .4s}.dev-page nav.topnav.scrolled{background:#05020ee6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-color:var(--border2)}.dev-page .nav-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem}.dev-page .nav-logo img{height:48px}.dev-page .nav-links{display:flex;align-items:center;gap:.25rem}.dev-page .nav-link{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .9rem;border-radius:2rem;font-size:.82rem;font-weight:600;text-decoration:none;color:var(--muted);border:1px solid transparent;transition:all .2s}.dev-page .nav-link:hover{color:#fff;border-color:var(--border);background:#863bff14}.dev-page .nav-link.wpp{background:#25d366;color:#fff;border-color:transparent;padding:.45rem 1rem}.dev-page .nav-link.wpp:hover{background:#1ebe5d}.dev-page .hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:.5rem;background:transparent;border:none}.dev-page .hamburger span{display:block;width:22px;height:2px;background:var(--text);border-radius:2px;transition:all .3s}.dev-page .mobile-menu{display:none;position:fixed;inset:0;background:#05020ef7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1200;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:5rem 1.5rem 2rem}.dev-page .mobile-menu.open{display:flex}.dev-page .mobile-menu-close{position:absolute;top:1.25rem;right:1.25rem;width:3rem;height:3rem;display:inline-flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid var(--border2);border-radius:9999px;color:#fff;font-size:1.6rem;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent}.dev-page .mobile-menu-close:hover,.dev-page .mobile-menu-close:focus-visible{background:#863bff2e;border-color:var(--border);outline:none}.dev-page .mobile-menu .nav-link{font-size:1.1rem;padding:.75rem 2rem}@media(max-width:1100px){.dev-page .nav-links{display:none}.dev-page .hamburger{display:flex}}.dev-page .hero{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:5rem;overflow:hidden}.dev-page .hero-bg{position:absolute;inset:0;background:var(--bg)}.dev-page .hero-bg:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 15% 50%,rgba(126,20,255,.22) 0%,transparent 65%),radial-gradient(ellipse 50% 70% at 80% 20%,rgba(71,191,255,.14) 0%,transparent 55%),radial-gradient(ellipse 40% 40% at 70% 80%,rgba(134,59,255,.1) 0%,transparent 50%);animation:devHeroAurora 10s ease-in-out infinite alternate}.dev-page .hero-bg:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(134,59,255,.08) 1px,transparent 1px);background-size:40px 40px;opacity:.5}@keyframes devHeroAurora{0%{opacity:.7;transform:scale(1)}to{opacity:1;transform:scale(1.08)}}.dev-page .hero-content{position:relative;z-index:2;max-width:820px;margin:0 auto;text-align:center}.dev-page .hero .lead{margin-left:auto;margin-right:auto}.dev-page .hero-ctas,.dev-page .hero-stats{justify-content:center}.dev-page .hero-eyebrow{margin-bottom:1.5rem}.dev-page .hero h1{font-size:clamp(2.8rem,6vw,5rem);font-weight:900;line-height:1.05;letter-spacing:-.03em;margin-bottom:1.5rem}.dev-page .hero .lead{font-size:1.15rem;color:var(--muted);line-height:1.75;max-width:560px;margin-bottom:2.5rem}.dev-page .hero-ctas{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:3.5rem;justify-content:center}.dev-page .hero-stats{display:flex;gap:2.5rem;flex-wrap:wrap;justify-content:center}.dev-page .stat-item{text-align:center}.dev-page .stat-number{font-size:2rem;font-weight:900;background:linear-gradient(135deg,var(--purple) 0%,var(--cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.dev-page .stat-label{font-size:.75rem;color:var(--muted2);font-weight:500;margin-top:.2rem;text-transform:uppercase;letter-spacing:.06em}.dev-page section{padding:6rem 0}.dev-page .section-header{text-align:center;margin-bottom:3.5rem}.dev-page .section-header .badge{margin-bottom:1rem}.dev-page .section-header h2{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;letter-spacing:-.02em;margin-bottom:.75rem}.dev-page .section-header p{color:var(--muted);font-size:1.05rem;max-width:540px;margin:0 auto;line-height:1.7}.dev-page .section-label{font-size:.72rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--muted2);margin-bottom:.25rem}.dev-page .services-section{background:var(--bg2)}.dev-page .services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}@media(max-width:900px){.dev-page .services-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.dev-page .services-grid{grid-template-columns:1fr}}.dev-page .service-card{background:var(--surface);border:1px solid var(--border2);border-radius:1.25rem;padding:1.75rem;transition:all .3s;position:relative;overflow:hidden}.dev-page .service-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(134,59,255,.06) 0%,transparent 60%);opacity:0;transition:opacity .3s}.dev-page .service-card:hover{border-color:var(--border);background:var(--surface-hover);transform:translateY(-3px)}.dev-page .service-card:hover:before{opacity:1}.dev-page .service-num{font-size:.72rem;font-weight:800;letter-spacing:.12em;color:var(--purple);margin-bottom:1rem;font-variant-numeric:tabular-nums}.dev-page .service-icon{width:44px;height:44px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;background:#863bff1f;border:1px solid rgba(134,59,255,.2)}.dev-page .service-icon svg{color:var(--purple-light)}.dev-page .service-title{font-size:1rem;font-weight:700;color:var(--text);margin-bottom:.5rem}.dev-page .service-desc{font-size:.875rem;color:var(--muted);line-height:1.65}.dev-page .process-section{background:var(--bg)}.dev-page .process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;position:relative}.dev-page .process-steps:before{content:"";position:absolute;top:2rem;left:calc(12.5% + 1.5rem);right:calc(12.5% + 1.5rem);height:1px;background:linear-gradient(90deg,var(--purple) 0%,var(--cyan) 100%);opacity:.3}@media(max-width:768px){.dev-page .process-steps{grid-template-columns:repeat(2,1fr)}.dev-page .process-steps:before{display:none}}@media(max-width:480px){.dev-page .process-steps{grid-template-columns:1fr}}.dev-page .process-step{text-align:center;padding:1.75rem 1rem;position:relative}.dev-page .step-num-wrap{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:50%;margin:0 auto 1.25rem;background:linear-gradient(135deg,#863bff26,#47bfff1a);border:1px solid rgba(134,59,255,.3);position:relative;z-index:1}.dev-page .step-num{font-size:1.25rem;font-weight:900;background:linear-gradient(135deg,var(--purple) 0%,var(--cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dev-page .step-title{font-size:.95rem;font-weight:700;color:var(--text);margin-bottom:.5rem}.dev-page .step-desc{font-size:.82rem;color:var(--muted);line-height:1.6}.dev-page .stack-section{background:var(--bg2)}.dev-page .stack-grid{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.dev-page .stack-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;border-radius:9999px;font-size:.85rem;font-weight:600;background:var(--surface);border:1px solid var(--border2);color:var(--text);transition:all .2s}.dev-page .stack-tag:hover{border-color:var(--border);background:#863bff1a;color:#fff;transform:translateY(-2px)}.dev-page .stack-dot{width:8px;height:8px;border-radius:50%}.dev-page .portfolio-section{background:var(--bg)}.dev-page .portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media(max-width:720px){.dev-page .portfolio-grid{grid-template-columns:1fr}}.dev-page .portfolio-card{background:var(--surface);border:1px solid var(--border2);border-radius:1.5rem;padding:2rem;text-decoration:none;color:var(--text);transition:all .3s;display:flex;flex-direction:column;gap:1.25rem;position:relative;overflow:hidden}.dev-page .portfolio-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--purple) 0%,var(--cyan) 100%);opacity:0;transition:opacity .3s}.dev-page .portfolio-card:hover{border-color:var(--border);background:var(--surface-hover);transform:translateY(-4px);box-shadow:0 20px 60px #863bff26}.dev-page .portfolio-card:hover:after{opacity:1}.dev-page .portfolio-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.dev-page .portfolio-logo{height:48px;object-fit:contain;object-position:left}.dev-page .portfolio-icon{width:52px;height:52px;border-radius:1rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.dev-page .portfolio-arrow{width:36px;height:36px;border-radius:50%;border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;color:var(--muted2);flex-shrink:0;transition:all .2s}.dev-page .portfolio-card:hover .portfolio-arrow{border-color:var(--purple);color:var(--purple-light);background:#863bff1a}.dev-page .portfolio-name{font-size:1.2rem;font-weight:800;color:var(--text)}.dev-page .portfolio-desc{font-size:.9rem;color:var(--muted);line-height:1.7}.dev-page .portfolio-tags{display:flex;flex-wrap:wrap;gap:.4rem}.dev-page .ptag{font-size:.72rem;font-weight:600;padding:.25rem .7rem;border-radius:9999px;background:#863bff1a;border:1px solid rgba(134,59,255,.18);color:var(--purple-light)}.dev-page .ptag.cyan{background:#47bfff14;border-color:#47bfff33;color:var(--cyan-light)}.dev-page .cta-banner{padding:6rem 0;position:relative;overflow:hidden;background:var(--bg2)}.dev-page .cta-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 80% at 50% 50%,rgba(126,20,255,.18) 0%,transparent 70%)}.dev-page .cta-banner .container{position:relative;z-index:2;text-align:center}.dev-page .cta-banner h2{font-size:clamp(2rem,4vw,3rem);font-weight:900;letter-spacing:-.02em;margin-bottom:1rem}.dev-page .cta-banner p{font-size:1.05rem;color:var(--muted);max-width:520px;margin:0 auto 2.5rem;line-height:1.7}.dev-page .cta-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.dev-page footer{background:var(--bg);border-top:1px solid var(--border2);padding:3rem 0 2rem}.dev-page .footer-inner{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;align-items:center;margin-bottom:2rem}.dev-page .footer-logo img{height:36px}.dev-page .footer-links{display:flex;flex-wrap:wrap;gap:.25rem}.dev-page .footer-link{font-size:.82rem;color:var(--muted2);text-decoration:none;padding:.35rem .75rem;border-radius:2rem;transition:color .2s}.dev-page .footer-link:hover{color:var(--text)}.dev-page .footer-bottom{border-top:1px solid var(--border2);padding-top:1.5rem;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--muted2)}.dev-page .footer-bottom a{color:var(--purple-light);text-decoration:none}.dev-page .footer-bottom a:hover{text-decoration:underline}.dev-page .reveal{opacity:0;transform:translateY(32px);transition:opacity .7s ease,transform .7s ease}.dev-page .reveal.visible{opacity:1;transform:translateY(0)}.dev-page .reveal-delay-1{transition-delay:.1s}.dev-page .reveal-delay-2{transition-delay:.2s}.dev-page .reveal-delay-3{transition-delay:.3s}.dev-page .reveal-delay-4{transition-delay:.4s}.dev-page .reveal-delay-5{transition-delay:.5s}.dev-page .reveal-delay-6{transition-delay:.6s}@media(max-width:640px){.dev-page section{padding:5rem 0}.dev-page .hero-stats{gap:1.5rem}.dev-page .footer-inner{flex-direction:column;align-items:flex-start}}.dev-page .wpp-float{position:fixed;bottom:1.75rem;right:1.75rem;z-index:900;width:56px;height:56px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 24px #25d36673;text-decoration:none;transition:all .25s;animation:devWppBounce 3s ease-in-out infinite}.dev-page .wpp-float:hover{transform:scale(1.1);box-shadow:0 8px 40px #25d36699;animation:none}.dev-page .wpp-float svg{width:28px;height:28px;fill:#fff}@keyframes devWppBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}