:root{--background: 0, 0%, 0%;--foreground: 0, 0%, 100%;--primary: 151, 55%, 41.5%;--primary-foreground: 0, 0%, 100%;--secondary: 217, 19%, 27%;--muted: 215, 20.2%, 65.1%}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:hsl(var(--background));color:hsl(var(--foreground));line-height:1.5}body.loaded{opacity:1}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}nav{position:fixed;top:0;left:0;right:0;border-bottom:1px solid hsla(var(--foreground),.1);background-color:hsla(var(--background),.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50}nav .container{display:flex;justify-content:space-between;align-items:center;height:4rem}.logo{font-family:Space Mono,monospace;font-size:1.5rem;font-weight:700;color:hsl(var(--primary));text-decoration:none;letter-spacing:-.05em;transition:color .3s ease}.logo:hover{color:hsl(var(--primary),.8)}.nav-links{display:flex;gap:2rem}.nav-links a{font-size:.875rem;color:hsla(var(--foreground),.7);text-decoration:none;transition:color .3s ease}.nav-links a:hover{color:hsl(var(--foreground))}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:5rem}.hero-content{text-align:center;font-size:10rem;font-weight:700;z-index:10;margin-top:0rem;padding:2rem 1rem;position:relative;top:10%;transform:translate(y)(-50%)}.hero h1{font-size:6rem;font-weight:700;margin-bottom:1rem;animation:fadeInUp 1s ease-out}.hero p{font-size:1.25rem;color:hsla(var(--foreground),.7);max-width:36rem;margin:0 auto 2rem;animation:fadeInUp 1s ease-out .2s both}.hero .btn{animation:fadeInUp 1s ease-out .4s both;position:relative;margin-top:1rem}.btn{display:inline-flex;align-items:center;padding:.75rem 1.5rem;font-family:Space Mono,monospace;font-size:1rem;font-weight:700;text-decoration:none;background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;border-radius:.25rem;cursor:pointer;transition:background-color .3s ease;animation:fadeInUp 1s ease-out .4s both}.btn:hover{background-color:hsl(var(--primary),.8)}.btn svg{margin-left:.5rem;transition:transform .3s ease}.btn:hover svg{transform:translate(4px)}.mako-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,hsla(var(--primary),.1),transparent 70%);pointer-events:none}.grid-background{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(6,1fr);gap:1px;opacity:.2}.grid-cell{border:1px solid hsla(var(--primary),.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes pulse{0%,to{opacity:.2}50%{opacity:.4}}.work{padding:8rem 0;background-color:hsla(var(--background),.5)}.work h2{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:4rem}.work-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.work-item{display:flex;flex-direction:column;align-items:center;text-align:center;background-color:hsla(var(--foreground),.05);border:1px solid hsla(var(--foreground),.1);border-radius:.5rem;padding:1.5rem;transition:border-color .3s ease}.work-item:hover{border-color:hsla(var(--primary),.5)}.work-image{height:12rem;margin-bottom:1.5rem;border-radius:.25rem;transition:background .3s ease;justify-content:center;align-items:center;display:flex}.work-image img{width:60%;object-fit:cover;transition:transform .3s ease}.ucaster-logo img{width:225px;height:auto;transition:transform .3s ease}.work-image img:hover{transform:scale(1.1)}.work-item h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem;justify-content:center;display:flex}.work-item p{color:hsla(var(--foreground),.7);margin-bottom:2rem;font-size:1.1rem}.work-link{display:inline-flex;align-items:center;font-size:.875rem;color:hsl(var(--primary));text-decoration:none;transition:color .3s ease;justify-content:center;display:flex}.work-link:hover{color:hsl(var(--primary),.8)}.work-link svg{margin-left:.5rem;transition:transform .3s ease}.work-link:hover svg{transform:translate(4px)}footer{border-top:1px solid hsla(var(--foreground),.1);background-color:hsla(var(--background),.5);padding:2rem 0}footer .container{display:flex;flex-direction:column;align-items:center;gap:1rem}.footer-links{display:flex;gap:2rem}.footer-links a{font-size:.875rem;color:hsla(var(--foreground),.5);text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:hsl(var(--foreground))}@media (max-width: 768px){.hero{min-height:80vh;padding:2rem 1rem}.hero h1{font-size:3rem}.hero p{font-size:1rem}.btn{padding:.5rem 1rem}.bg-video-container video{clip-path:inset(0 0 20% 0)}}footer .container{flex-direction:row;justify-content:space-between}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bg-video-container{height:40vh;position:relative;overflow:hidden}.bg-video-container video{position:absolute;top:50%;left:50%;width:auto;height:auto;min-width:100%;min-height:100%;transform:translate(-50%,-50%);object-fit:cover;clip-path:inset(0 0 14% 0)}.bg-video-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;background-color:#00000080}.about{text-align:center;padding:4.6rem 0;margin-top:2.3rem;margin-bottom:2.3rem}.about h2{font-size:2.875rem;font-weight:700;margin-bottom:2.3rem}.about-stats{display:flex;justify-content:center;gap:2.3rem;margin-top:4.6rem}.about-stats h3{font-size:2.3rem;color:var(--primary-color)}.services{padding:4.6rem 0;text-align:center;min-height:50vh}.services h2{font-size:2.875rem;font-weight:700;margin-bottom:4.6rem}.services h3{font-size:1.725rem;font-weight:700;margin-bottom:1.15rem}.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2.3rem}.service-item{padding:2.3rem;border:1px solid var(--border-color);border-radius:8px;text-align:center;background-color:hsla(var(--foreground),.05);transition:all .3s ease;position:relative;overflow:hidden}.service-item:hover{transform:translateY(-5.75px);box-shadow:0 11.5px 28.75px #0000001a}.service-details{margin-top:1.725rem;text-align:left;opacity:0;max-height:0;overflow:hidden;transition:all .3s ease}.service-item:hover .service-details{opacity:1;max-height:500px}.service-details p{margin-bottom:1.15rem;color:hsla(var(--foreground),.8)}.service-details ul{list-style-type:none;padding-left:0}.service-details li{position:relative;padding-left:1.725rem;margin-bottom:.575rem}.service-details li:before{content:"✓";position:absolute;left:0;color:hsl(var(--primary))}.clients{padding:8rem 0;text-align:center;background-color:hsla(var(--background),.5)}.clients-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.client-item{background-color:hsla(var(--foreground),.05);border:1px solid hsla(var(--foreground),.1);border-radius:.5rem;padding:2rem;text-align:center;transition:border-color .3s ease}.client-item:hover{border-color:hsla(var(--primary),.5)}.client-logo{height:8rem;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center}.client-logo img{max-width:100%;height:auto}.clients h2{font-size:2.5rem;font-weight:700;margin-bottom:2rem}.cta{padding:4rem 0;text-align:center;background:var(--primary-gradient);color:#fff}.cta .btn{margin-top:1rem;padding:.75rem 1.5rem;background:var(--secondary-color);color:#fff;border-radius:5px;text-decoration:none}.btn.back-to-top{display:inline-flex;align-items:center;padding:.75rem 1.5rem;font-family:Space Mono,monospace;font-size:1rem;font-weight:700;text-decoration:none;background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;border-radius:.25rem;cursor:pointer;transition:background-color .3s ease,transform .3s ease}#back-to-top{position:fixed;bottom:20px;right:20px;z-index:99;transition:opacity .3s ease,transform .3s ease;opacity:0!important;pointer-events:none}#back-to-top.visible{opacity:1!important;pointer-events:auto;transform:scale(1.1)}body{padding-bottom:80px}.btn.back-to-top:hover{background-color:hsl(var(--primary),.8);transform:scale(1.15)}.btn.back-to-top svg{margin-left:.09rem;transition:transform .3s ease}.btn.back-to-top:hover svg{transform:translateY(-3px)}