:root{--bg-primary:#050508;--bg-secondary:#0a0a10;--bg-card:rgba(12,12,20,.7);--text-primary:#e8e8f0;--text-secondary:#8888a0;--text-muted:#55556a;--accent-cyan:#00e5ff;--accent-purple:#7b2ff7;--accent-gradient:linear-gradient(135deg,#00e5ff,#7b2ff7);--font-display:"Outfit",sans-serif;--font-body:"Libre Baskerville",serif;--grain-opacity:0.03}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--accent-cyan) var(--bg-primary)}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);font-size:16px;line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent-cyan);border-radius:3px}body:after{content:"";z-index:9999;opacity:var(--grain-opacity);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px}.webgl-background,body:after{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none}.webgl-background{z-index:0}.webgl-background canvas{display:block}.nav{position:fixed;top:0;left:0;width:100%;z-index:100;padding:24px 48px;display:flex;justify-content:space-between;align-items:center;mix-blend-mode:difference;transition:padding .4s ease}.nav.scrolled{padding:16px 48px}.nav-logo{font-family:var(--font-display);font-weight:900;font-size:1.5rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-primary);text-decoration:none;position:relative}.nav-logo:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:var(--accent-gradient);transform:scaleX(0);transform-origin:right;transition:transform .4s cubic-bezier(.23,1,.32,1)}.nav-logo:hover:after{transform:scaleX(1);transform-origin:left}.nav-links{display:flex;gap:40px;list-style:none}.nav-links a{font-family:var(--font-display);font-weight:400;font-size:.85rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-secondary);text-decoration:none;transition:color .3s ease;position:relative}.nav-links a:before{content:"";position:absolute;bottom:-6px;left:50%;width:4px;height:4px;border-radius:50%;background:var(--accent-cyan);transform:translateX(-50%) scale(0);transition:transform .3s ease}.nav-links a:hover{color:var(--text-primary)}.nav-links a:hover:before{transform:translateX(-50%) scale(1)}.lang-switcher{display:flex;align-items:center;gap:6px;margin-left:8px;padding-left:20px;border-left:1px solid hsla(0,0%,100%,.08)}.lang-btn{font-family:var(--font-display);font-size:.7rem;font-weight:500;letter-spacing:.1em;color:var(--text-muted);background:none;border:none;cursor:pointer;padding:4px 6px;transition:color .3s ease;position:relative}.lang-btn:hover{color:var(--text-primary)}.lang-btn--active{color:var(--accent-cyan)}.lang-btn--active:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:3px;height:3px;border-radius:50%;background:var(--accent-cyan)}.lang-divider{font-family:var(--font-display);font-size:.6rem;color:var(--text-muted);opacity:.3}.lang-switcher-mobile{display:none;align-items:center;gap:6px}.main-content{position:relative;z-index:1}.section{align-items:center;padding:120px 48px}.hero,.section{position:relative;min-height:100vh;display:flex}.hero{flex-direction:column;justify-content:center;align-items:flex-start;padding:0 48px}.hero-label{font-size:.75rem;font-weight:500;letter-spacing:.4em;text-transform:uppercase;color:var(--accent-cyan);margin-bottom:24px;opacity:0}.hero-label,.hero-title{font-family:var(--font-display)}.hero-title{font-weight:900;font-size:clamp(3.5rem,10vw,9rem);line-height:.95;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:32px}.hero-title .line{display:block;overflow:hidden}.hero-title .line-inner{display:block;transform:translateY(110%)}.hero-title .outline-text{-webkit-text-stroke:1.5px var(--text-primary);color:transparent}.hero-title .gradient-text{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-family:var(--font-body);font-size:clamp(1rem,1.5vw,1.2rem);color:var(--text-secondary);max-width:520px;line-height:1.8;margin-bottom:48px;opacity:0}.hero-cta{display:flex;gap:24px;align-items:center;opacity:0}.btn-primary{font-family:var(--font-display);font-size:.8rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--bg-primary);background:var(--accent-cyan);border:none;padding:18px 40px;cursor:pointer;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;text-decoration:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 40px rgba(0,229,255,.3)}.btn-primary:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s ease}.btn-primary:hover:after{left:100%}.btn-secondary{font-family:var(--font-display);font-size:.8rem;font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:var(--text-secondary);text-decoration:none;padding:18px 8px;border-bottom:1px solid var(--text-muted);transition:color .3s ease,border-color .3s ease}.btn-secondary:hover{color:var(--accent-cyan);border-color:var(--accent-cyan)}.hero-scroll-indicator{position:absolute;bottom:48px;left:48px;display:flex;align-items:center;gap:16px;opacity:0}.scroll-line{width:1px;height:60px;background:var(--text-muted);position:relative;overflow:hidden}.scroll-line:after{content:"";position:absolute;top:-100%;left:0;width:100%;height:100%;background:var(--accent-cyan);animation:scrollDown 2s ease-in-out infinite}@keyframes scrollDown{0%{top:-100%}50%{top:0}to{top:100%}}.scroll-text{font-family:var(--font-display);font-size:.65rem;letter-spacing:.3em;text-transform:uppercase;color:var(--text-muted);writing-mode:vertical-rl}.about{padding:160px 48px}.about-inner{display:grid;grid-template-columns:1fr 1fr;grid-gap:80px;gap:80px;align-items:center;max-width:1400px;margin:0 auto}.section-label{font-family:var(--font-display);font-size:.7rem;font-weight:500;letter-spacing:.4em;text-transform:uppercase;color:var(--accent-cyan);margin-bottom:20px;display:flex;align-items:center;gap:16px}.section-label:before{content:"";width:40px;height:1px;background:var(--accent-cyan)}.about-title{font-family:var(--font-display);font-weight:800;font-size:clamp(2.5rem,5vw,4rem);line-height:1.1;letter-spacing:-.02em;margin-bottom:32px}.about-text{color:var(--text-secondary);font-size:1rem;line-height:1.9;margin-bottom:20px}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:32px;gap:32px;margin-top:48px}.stat{text-align:left}.stat-number{font-weight:900;font-size:3rem;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:8px}.stat-label,.stat-number{font-family:var(--font-display)}.stat-label{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted)}.about-visual{position:relative;height:500px;border:1px solid rgba(0,229,255,.06);border-radius:4px;overflow:hidden;background:radial-gradient(ellipse at center,rgba(0,229,255,.02) 0,transparent 70%)}.services{padding:160px 48px;background:linear-gradient(180deg,transparent,rgba(0,229,255,.02),transparent)}.services-header{max-width:1400px;margin:0 auto 80px}.services-title{font-family:var(--font-display);font-weight:800;font-size:clamp(2.5rem,5vw,4rem);line-height:1.1;letter-spacing:-.02em;margin-bottom:20px}.services-subtitle{color:var(--text-secondary);font-size:1.1rem;max-width:500px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2px;gap:2px;max-width:1400px;margin:0 auto}.service-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:48px 40px;position:relative;overflow:hidden;transition:transform .5s cubic-bezier(.23,1,.32,1),background .5s ease;cursor:default;border:1px solid hsla(0,0%,100%,.03)}.service-card:hover{transform:translateY(-4px);background:rgba(15,15,25,.9)}.service-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:var(--accent-gradient);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.23,1,.32,1)}.service-card:hover:before{transform:scaleX(1)}.service-number{font-weight:900;font-size:4rem;line-height:1;background:linear-gradient(135deg,rgba(0,229,255,.08),rgba(123,47,247,.08));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:32px}.service-name,.service-number{font-family:var(--font-display)}.service-name{font-weight:700;font-size:1.3rem;letter-spacing:-.01em;margin-bottom:16px;color:var(--text-primary)}.service-desc{color:var(--text-secondary);font-size:.95rem;line-height:1.7}.service-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.service-tag{font-family:var(--font-display);font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:var(--accent-cyan);border:1px solid rgba(0,229,255,.2);padding:4px 12px;border-radius:1px}.contact{padding:160px 48px;text-align:center}.contact-inner{max-width:800px;margin:0 auto}.contact-title{font-family:var(--font-display);font-weight:900;font-size:clamp(3rem,7vw,6rem);line-height:1;letter-spacing:-.03em;margin-bottom:32px}.contact-text{color:var(--text-secondary);font-size:1.1rem;line-height:1.8;margin-bottom:48px}.contact-whatsapp{display:inline-flex;align-items:center;gap:12px}.contact-whatsapp svg{flex-shrink:0}.contact-email{font-family:var(--font-display);font-weight:600;font-size:clamp(1.2rem,3vw,2rem);color:var(--accent-cyan);text-decoration:none;position:relative;display:inline-block;transition:opacity .3s ease}.contact-email:hover{opacity:.7}.contact-email:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:var(--accent-gradient)}.footer{padding:48px;border-top:1px solid hsla(0,0%,100%,.04);display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.footer-text{font-family:var(--font-display);font-size:.75rem;letter-spacing:.1em;color:var(--text-muted)}.footer-links{display:flex;gap:32px}.footer-links a{font-family:var(--font-display);font-size:.75rem;letter-spacing:.1em;color:var(--text-muted);text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:var(--accent-cyan)}.section-divider{width:100%;max-width:1400px;margin:0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(0,229,255,.15),rgba(123,47,247,.15),transparent)}.cases-hero{min-height:70vh;display:flex;flex-direction:column;justify-content:flex-end;padding:0 48px 80px;position:relative}.cases-hero-title{font-family:var(--font-display);font-weight:900;font-size:clamp(3rem,8vw,7.5rem);line-height:.95;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:28px}.cases-hero-title .line{display:block;overflow:hidden}.cases-hero-title .line-inner{display:block;transform:translateY(110%)}.cases-hero-subtitle{font-family:var(--font-body);font-size:clamp(1rem,1.4vw,1.15rem);color:var(--text-secondary);max-width:560px;line-height:1.8;margin-bottom:40px}.cases-count{display:flex;align-items:baseline;gap:12px;opacity:0}.cases-count-number{font-family:var(--font-display);font-weight:900;font-size:2.5rem;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.cases-count-label{font-family:var(--font-display);font-size:.7rem;letter-spacing:.25em;text-transform:uppercase;color:var(--text-muted)}.cases-section-header{max-width:1400px;margin:0 auto 40px}.cases-section{padding:100px 48px 60px}.featured-grid{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:40px}.featured-item{display:grid;grid-template-columns:1.15fr 1fr;grid-gap:0;gap:0;background:linear-gradient(135deg,rgba(8,8,16,.95),rgba(12,12,22,.9));border:1px solid hsla(0,0%,100%,.04);position:relative;overflow:hidden;text-decoration:none;color:inherit;transition:border-color .6s ease,box-shadow .6s ease;min-height:520px}.featured-item:hover{border-color:rgba(0,229,255,.1);box-shadow:0 0 80px rgba(0,229,255,.03),inset 0 0 80px rgba(0,229,255,.01)}.featured-item--right{grid-template-columns:1fr 1.15fr}.featured-item--right .featured-visual{order:2}.featured-item--right .featured-content{order:1}.featured-accent-line{position:absolute;top:0;left:0;width:100%;height:2px;opacity:0;transform:scaleX(0);transform-origin:left;transition:opacity .5s ease,transform .7s cubic-bezier(.23,1,.32,1);z-index:3}.featured-item:hover .featured-accent-line{opacity:1;transform:scaleX(1)}.featured-number{position:absolute;top:-20px;left:-10px;font-family:var(--font-display);font-weight:900;font-size:14rem;line-height:1;color:transparent;-webkit-text-stroke:1px hsla(0,0%,100%,.025);pointer-events:none;z-index:0;transition:-webkit-text-stroke .5s ease}.featured-item:hover .featured-number{-webkit-text-stroke:1px rgba(0,229,255,.04)}.featured-visual{position:relative;overflow:hidden;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center}.featured-glow{position:absolute;width:200%;height:200%;top:-50%;left:-50%;pointer-events:none;transition:opacity .6s ease;opacity:.6}.featured-item:hover .featured-glow{opacity:1}.featured-grid-pattern{position:absolute;inset:40px;border:1px solid;opacity:.5;z-index:0;transition:opacity .5s ease}.featured-grid-pattern:after,.featured-grid-pattern:before{content:"";position:absolute;background:inherit}.featured-grid-pattern:before{top:50%;left:0;right:0;height:1px;background:hsla(0,0%,100%,.02)}.featured-grid-pattern:after{left:50%;top:0;bottom:0;width:1px;background:hsla(0,0%,100%,.02)}.featured-item:hover .featured-grid-pattern{opacity:1}.featured-image{position:relative;z-index:1;width:55%;max-height:50%;object-fit:contain;transition:transform .8s cubic-bezier(.23,1,.32,1),filter .8s ease;filter:brightness(.95) saturate(.9)}.featured-item:hover .featured-image{transform:scale(1.08) translateY(-6px);filter:brightness(1.1) saturate(1)}.featured-content{padding:60px 56px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}.featured-top-row{display:flex;align-items:center;gap:16px;margin-bottom:28px}.featured-badge{font-family:var(--font-display);font-size:.55rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:var(--bg-primary);background:var(--accent-cyan);padding:4px 12px}.featured-top-row .case-category{font-size:.6rem;opacity:.7}.featured-title{font-family:var(--font-display);font-weight:900;font-size:clamp(2.4rem,4vw,3.8rem);line-height:1.02;letter-spacing:-.035em;color:var(--text-primary);margin-bottom:24px;transition:color .4s ease}.featured-item:hover .featured-title{color:var(--accent-cyan)}.featured-description{font-family:var(--font-body);font-size:.95rem;line-height:1.85;color:var(--text-secondary);margin-bottom:40px;max-width:440px}.featured-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.featured-cta{font-family:var(--font-display);font-size:.75rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);display:inline-flex;align-items:center;gap:10px;transition:color .3s ease,gap .4s ease}.featured-cta svg{transition:transform .4s cubic-bezier(.23,1,.32,1)}.featured-item:hover .featured-cta{color:var(--accent-cyan);gap:14px}.featured-item:hover .featured-cta svg{transform:translate(3px,-3px)}.featured-url{font-family:var(--font-display);font-size:.6rem;letter-spacing:.08em;color:var(--text-muted);opacity:.4;transition:opacity .3s ease}.featured-item:hover .featured-url{opacity:.7}.cases-grid{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:2px}.case-item{display:grid;grid-template-columns:1fr 1fr;grid-gap:0;gap:0;background:var(--bg-card);border:1px solid hsla(0,0%,100%,.03);position:relative;overflow:hidden;transition:border-color .5s ease}.case-item:hover{border-color:rgba(0,229,255,.08)}.case-item--right{direction:rtl}.case-item--right>*{direction:ltr}.case-visual{position:relative;min-height:420px;overflow:hidden;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center}.case-glow{position:absolute;width:300%;height:300%;top:-100%;left:-100%;pointer-events:none}.case-image{position:relative;z-index:1;width:70%;max-height:60%;object-fit:contain;filter:brightness(.95);transition:transform .6s cubic-bezier(.23,1,.32,1),filter .6s ease}.case-item:hover .case-image{transform:scale(1.05);filter:brightness(1.1)}.case-visual-id{position:absolute;bottom:20px;right:24px;font-family:var(--font-display);font-weight:900;font-size:6rem;line-height:1;color:transparent;-webkit-text-stroke:1px hsla(0,0%,100%,.04);pointer-events:none;z-index:0}.case-content{padding:56px 52px;display:flex;flex-direction:column;justify-content:center}.case-meta{display:flex;align-items:center;gap:12px;margin-bottom:20px}.case-category{font-family:var(--font-display);font-size:.65rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--accent-cyan)}.case-dot{width:3px;height:3px;border-radius:50%;background:var(--text-muted)}.case-year{font-size:.65rem;letter-spacing:.2em;color:var(--text-muted)}.case-status,.case-year{font-family:var(--font-display)}.case-status{font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:var(--accent-purple);border:1px solid rgba(123,47,247,.25);padding:3px 10px;border-radius:1px}.case-title{font-family:var(--font-display);font-weight:800;font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.1;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:20px;transition:color .3s ease}.case-item:hover .case-title{color:var(--accent-cyan)}.case-description{font-family:var(--font-body);font-size:.95rem;line-height:1.8;color:var(--text-secondary);margin-bottom:24px}.case-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}.case-tag{font-family:var(--font-display);font-size:.58rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-secondary);border:1px solid hsla(0,0%,100%,.06);padding:5px 14px;transition:border-color .3s ease,color .3s ease}.case-item:hover .case-tag{border-color:rgba(0,229,255,.15);color:var(--text-primary)}.case-link-row{margin-top:auto}.case-link{font-family:var(--font-display);font-size:.75rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);text-decoration:none;display:inline-flex;align-items:center;gap:10px;cursor:pointer;transition:color .3s ease,gap .3s ease}.case-link svg{transition:transform .3s cubic-bezier(.23,1,.32,1)}.case-item:hover .case-link{color:var(--accent-cyan);gap:14px}.case-item:hover .case-link svg{transform:translateX(4px)}.nav-link-active{color:var(--text-primary)!important}.nav-link-active:before{transform:translateX(-50%) scale(1)!important}.cases-cta{padding:160px 48px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:40px}.cases-cta-title{font-family:var(--font-display);font-weight:900;font-size:clamp(2.5rem,6vw,5rem);line-height:1.05;letter-spacing:-.03em}@media (max-width:1024px){.featured-item,.featured-item--right{grid-template-columns:1fr;min-height:auto}.featured-item--right .featured-content,.featured-item--right .featured-visual{order:0}.featured-visual{min-height:320px}.featured-content{padding:40px 36px}.featured-number{font-size:8rem}.case-item{grid-template-columns:1fr}.case-item--right{direction:ltr}.case-visual{min-height:280px}}@media (max-width:768px){.cases-hero{padding:0 24px 60px;min-height:60vh}.cases-section{padding:60px 24px 40px}.featured-content{padding:32px 24px}.featured-visual{min-height:200px}.featured-number{font-size:6rem;top:-10px}.featured-grid-pattern{inset:16px}.featured-bottom{flex-direction:column;align-items:flex-start;gap:12px}.case-content{padding:32px 24px}.case-visual{min-height:200px}.case-visual-id{font-size:4rem}.cases-cta{padding:100px 24px}}.reveal-up{opacity:0;transform:translateY(60px)}.reveal-left{opacity:0;transform:translateX(-60px)}.reveal-right{opacity:0;transform:translateX(60px)}.reveal-scale{opacity:0;transform:scale(.9)}@media (max-width:1024px){.about-inner{grid-template-columns:1fr;gap:48px}.about-visual{height:300px}.services-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.nav{padding:20px 24px}.nav-links{display:none}.nav .lang-switcher-mobile{display:flex}.about,.contact,.hero,.section,.services{padding-left:24px;padding-right:24px}.services-grid{grid-template-columns:1fr}.about-stats{grid-template-columns:repeat(3,1fr);gap:16px}.stat-number{font-size:2rem}.footer{flex-direction:column;gap:24px;padding:32px 24px;text-align:center}.hero-scroll-indicator{left:24px;bottom:32px}}