.content-background-wrapper{background:#080a0f!important;background-image:none!important;position:relative;z-index:10}#hero{min-height:100vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:8rem 3rem 4rem;position:relative;z-index:5}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,229,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.04) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,black 40%,transparent 100%)}.hero-glow-pink{position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(255,45,120,.18) 0%,transparent 70%);top:-100px;right:-80px;pointer-events:none;animation:floatGlow 8s ease-in-out infinite alternate}.hero-glow-cyan{position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(0,229,255,.12) 0%,transparent 70%);bottom:60px;left:10%;pointer-events:none;animation:floatGlow 10s ease-in-out infinite alternate-reverse}@keyframes floatGlow{0%{transform:translate(0) scale(1)}to{transform:translate(30px,20px) scale(1.08)}}.hero-eyebrow{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:#fff;margin-bottom:1.5rem;opacity:0;animation:fadeUp .7s .2s ease forwards;position:relative;z-index:5}.hero-eyebrow:before{content:"// ";opacity:.5}.hero-blend{position:relative;z-index:5;display:flex;flex-direction:column;align-items:flex-start}.h1-wrap{opacity:0;animation:fadeUp .8s .4s ease forwards}h1{font-family:Inter,sans-serif;font-weight:800;font-size:clamp(2.8rem,6.5vw,6rem);line-height:.97;letter-spacing:-.04em;max-width:820px;color:#fff}h1 .outline{color:#fff;-webkit-text-stroke:0}h1 .pink,h1 .cyan{color:#fff}.hero-sub{margin-top:2rem;max-width:520px;color:#fff;font-size:.9rem;line-height:1.8;opacity:0;animation:fadeUp .8s .6s ease forwards}.hero-actions{display:flex;gap:1.25rem;align-items:center;margin-top:2.75rem;opacity:0;animation:fadeUp .8s .8s ease forwards}.hero-stats{display:flex;gap:3rem;margin-top:5rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);opacity:0;animation:fadeUp .8s 1s ease forwards}.stat-num{font-family:Inter,sans-serif;font-weight:800;font-size:2rem;color:#fff}.stat-label{font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:#ffffff73;margin-top:.2rem}.iphone-scene{position:absolute;inset:3rem;display:flex;align-items:center;justify-content:center;perspective:2000px;transform:scale(.85);transform-origin:center center}.showcase-container{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:4rem;z-index:20;position:relative;transform-style:preserve-3d;transition:transform .1s ease-out}#agencyShowcase{grid-template-columns:1fr;width:100%;max-width:600px}.infographic-column{display:flex;flex-direction:column;gap:6rem;transform-style:preserve-3d}.glass-info-card{width:240px;padding:1.5rem;background:#ffffff0d;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.12);border-radius:1.25rem;box-shadow:0 20px 40px #0009;transition:all .4s cubic-bezier(.165,.84,.44,1);opacity:0;transform:translateY(20px) translateZ(100px);animation:fadeUpReveal 1s ease-out forwards;position:relative;z-index:100}@keyframes fadeUpReveal{to{opacity:1;transform:translateY(0) translateZ(100px)}}.glass-info-card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-5px) translateZ(110px) scale(1.02);box-shadow:0 30px 60px #0009}.info-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;color:#fff6;margin-bottom:.5rem;text-align:left}.info-value{font-size:1.5rem;font-weight:800;color:#fff;letter-spacing:-.02em;text-align:left}.info-sub{font-size:.72rem;color:#fff9;margin-top:.25rem;text-align:left;line-height:1.4}.iphone-wrapper{position:relative;transform-style:preserve-3d;transition:transform .1s ease-out;transform:rotateY(-25deg) rotateX(5deg)}#galaxyCanvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.6}.iphone-body{width:260px;height:520px;background:linear-gradient(135deg,var(--iphone-accent) 0%,var(--iphone-titanium) 100%);border-radius:50px;position:relative;box-shadow:0 50px 150px #000,inset 0 0 0 1.5px #ffffff1a,inset 0 4px 15px #ffffff0d;display:flex;justify-content:center;align-items:center;transform-style:preserve-3d}.iphone-screen{width:244px;height:504px;background:#000;border-radius:42px;overflow:hidden;position:relative;box-shadow:inset 0 0 20px #000;transform:translateZ(5px)}.app-frame{width:100%;height:100%;object-fit:cover;opacity:.95}.dynamic-island{position:absolute;top:14px;left:50%;transform:translate(-50%);width:80px;height:24px;background:#000;border-radius:12px;z-index:30;box-shadow:0 0 10px #00000080}.glass-shine{position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.05) 45%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.05) 55%,transparent 100%);transform:translate(var(--shine-x, 0%),var(--shine-y, 0%));pointer-events:none;z-index:20}.app-ui-mockup{width:100%;height:100%;padding:60px 20px 20px;display:flex;flex-direction:column;gap:15px;background:#000;color:#fff}.mock-app-card{padding:15px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px}.mock-app-line{height:8px;background:#ffffff1a;border-radius:4px;margin-bottom:8px}.mock-app-title{font-size:1.25rem;font-weight:800;margin-bottom:10px}.mock-app-button{margin-top:auto;padding:12px;background:var(--pink);border-radius:8px;text-align:center;font-size:.75rem;font-weight:700;text-transform:uppercase}.proj-info{position:relative;z-index:10;background:#080a0fbf;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:2.25rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);margin:2rem;box-shadow:0 20px 50px #00000080;max-width:440px}@media(max-width:1600px){.iphone-scene{transform:scale(.7)}.proj-info{padding:1.75rem;margin:1.5rem;max-width:380px}}@media(max-width:1200px){.iphone-scene{transform:scale(.55)}.showcase-container{gap:1.5rem}.proj-info{max-width:320px}}@media(max-width:1100px){.showcase-container{grid-template-columns:1fr;gap:3rem;transform:none!important}.infographic-column{flex-direction:row;justify-content:center;gap:1.5rem;flex-wrap:wrap}.glass-info-card{width:240px;padding:1.25rem;transform:none!important;animation:fadeUpReveal 1s ease-out forwards}.info-value{font-size:1.25rem}.iphone-body{width:220px;height:440px}.iphone-screen{width:206px;height:426px}.iphone-wrapper{transform:rotateY(0) rotateX(0)!important;display:flex;justify-content:center}}.portfolio-header{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:2rem;margin-bottom:4rem}.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5px}.proj-card{background:var(--bg3);position:relative;overflow:hidden;aspect-ratio:16/10;display:flex;align-items:flex-end;padding:0;transition:transform .4s ease;z-index:1}.proj-card-bg{position:absolute;inset:0;background:var(--bg3);z-index:0}.proj-card.meli .proj-card-bg{background:radial-gradient(ellipse 60% 50% at 70% 40%,rgba(255,45,120,.15) 0%,transparent 70%),radial-gradient(ellipse 50% 60% at 30% 70%,rgba(0,229,255,.1) 0%,transparent 70%),transparent}.proj-card.spitter .proj-card-bg{background:radial-gradient(ellipse 60% 50% at 70% 40%,rgba(34,113,177,.15) 0%,transparent 70%),radial-gradient(ellipse 50% 60% at 30% 70%,rgba(0,229,255,.1) 0%,transparent 70%),transparent}.proj-tag{font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:var(--cyan);margin-bottom:.4rem}.proj-name{font-family:Inter,sans-serif;font-weight:700;font-size:1.5rem;letter-spacing:-.02em}.proj-desc{font-size:.75rem;color:var(--muted);margin-top:.3rem;max-width:340px;line-height:1.7}.proj-arrow{position:absolute;top:1.75rem;right:1.75rem;width:36px;height:36px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--muted);transition:border-color .2s,color .2s,background .2s;cursor:pointer}.proj-card:hover .proj-arrow{border-color:var(--pink);color:var(--pink)}.desktop-scene{position:absolute;inset:3rem;display:flex;align-items:center;justify-content:center;transform:translateY(-30px)}.desktop-mockup{width:75%;aspect-ratio:16/10;background:#26262a;border-radius:12px;padding:6px;border:1px solid rgba(255,255,255,.1);box-shadow:0 40px 100px #0009;position:relative}.desktop-screen{width:100%;height:100%;background:#000;border-radius:8px;overflow:hidden;position:relative}.desktop-screen img{width:100%;height:100%;object-fit:cover;opacity:.95}.version-tag{position:absolute;top:20px;left:20px;background:var(--wp-blue);color:#fff;font-size:10px;font-weight:800;padding:4px 10px;border-radius:4px;box-shadow:0 4px 15px #2271b166}.desktop-stand{position:absolute;bottom:-24px;left:50%;transform:translate(-50%);width:140px;height:24px;background:#1a1a1e;border-radius:0 0 12px 12px}.docs-accordion{margin-top:2rem}.docs-toggle{cursor:pointer;border:1px solid var(--border);padding:.5rem 1rem;position:relative;z-index:10}.docs-content-wrapper{max-height:0;overflow:hidden;transition:max-height .5s ease-out;background:#0006;backdrop-filter:blur(10px);margin-top:1rem;border-radius:8px}.docs-content-inner{padding:1.5rem;font-size:.8rem;color:var(--muted);line-height:1.6}.docs-content-inner h4{color:var(--text);margin-bottom:.5rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.services-layout{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start;margin-top:4rem}.service-list{display:flex;flex-direction:column;gap:0}.service-item{padding:1.75rem 0;border-top:1px solid var(--border);display:flex;gap:1.5rem;align-items:flex-start}.service-item:last-child{border-bottom:1px solid var(--border)}.service-num{font-size:.65rem;letter-spacing:.1em;color:var(--pink);min-width:28px;margin-top:3px}.service-name{font-family:Inter,sans-serif;font-weight:700;font-size:1.1rem;letter-spacing:-.01em;margin-bottom:.4rem}.service-desc{font-size:.78rem;color:var(--muted);line-height:1.8}.lab-card{background:var(--bg2);padding:2.5rem;border-top:2px solid var(--pink)}.lab-title{font-family:Inter,sans-serif;font-size:2.2rem;font-weight:800;letter-spacing:-.03em;color:var(--text)}.lab-desc{color:var(--muted);font-size:.78rem;line-height:1.8;margin-top:1rem;margin-bottom:2rem}.tech-stack{margin-top:2rem}.tech-stack h3{font-family:Inter,sans-serif;font-weight:700;font-size:1rem;margin-bottom:1.25rem;letter-spacing:-.01em}.tech-pills{display:flex;flex-wrap:wrap;gap:.5rem}.pill{font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;padding:.35rem .85rem;border:1px solid var(--border);color:var(--muted);transition:border-color .2s,color .2s}.pill:hover{border-color:var(--cyan);color:var(--cyan)}.pill.hot{border-color:#ff2d784d;color:#ff2d78b3}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5px;margin-top:4rem}.step{background:var(--bg3);padding:2.5rem 2rem;position:relative;overflow:hidden}.step:before{content:attr(data-step);position:absolute;top:-.5rem;right:1rem;font-family:Inter,sans-serif;font-size:5rem;font-weight:800;color:#ffffff06;line-height:1;pointer-events:none}.step-icon{width:40px;height:40px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:1.1rem;margin-bottom:1.5rem;position:relative;z-index:1}.step:nth-child(1) .step-icon{border-color:var(--pink)}.step:nth-child(2) .step-icon{border-color:var(--cyan)}.step:nth-child(3) .step-icon{border-color:var(--pink)}.step:nth-child(4) .step-icon{border-color:var(--cyan)}.step-title{font-family:Inter,sans-serif;font-weight:700;font-size:1rem;letter-spacing:-.01em;margin-bottom:.6rem}.step-body{font-size:.75rem;color:var(--muted);line-height:1.8}.contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.contact-deco{font-family:Inter,sans-serif;font-size:7rem;font-weight:800;line-height:.85;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.06);user-select:none;margin-top:1.5rem;letter-spacing:-.05em}.contact-form{display:flex;flex-direction:column;gap:1rem}.field-group{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.field{display:flex;flex-direction:column;gap:.4rem}label{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}input,textarea,select{background:var(--bg2);border:1px solid var(--border);color:var(--text);font-family:Inter,sans-serif;font-size:.82rem;padding:.8rem 1rem;outline:none;transition:border-color .2s;resize:none}input:focus,textarea:focus,select:focus{border-color:var(--cyan)}.form-submit{font-family:Inter,sans-serif;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;padding:1rem;background:transparent;border:1px solid var(--pink);color:var(--pink);cursor:none;transition:background .2s,color .2s;margin-top:.5rem;position:relative;overflow:hidden}.form-submit:hover{background:var(--pink);color:#fff}@media(max-width:900px){.portfolio-grid{grid-template-columns:1fr;gap:2rem}.proj-card{aspect-ratio:1 / 1.2;padding:1.5rem}.proj-info{background:#080a0fb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.08);margin:1rem}.services-layout,.contact-inner{grid-template-columns:1fr;gap:4rem}.process-steps,.field-group{grid-template-columns:1fr}.desktop-scene{transform:translateY(40px)!important}.desktop-mockup{width:90%!important}}
