#cursor-light,#moon-video-background{transform:translate(-50%,-50%);z-index:-1}.service-card p,body{color:var(--text-primary)}.font-heading,.portfolio-card .card-content .title{font-family:'Clash Display',sans-serif}#cursor-light,#trail-canvas{position:fixed;pointer-events:none}:root{--bg-dark:#0F101A;--bg-glass:rgba(35, 36, 49, 0.5);--border-color:rgba(255, 255, 255, 0.1);--text-primary:#f2f2f2;--text-secondary:#b5b5c0;--accent-start:#C026D3;--accent-end:#7C3AED;--btn-start:#8B5CF6;--btn-end:#6366F1;--regal-blue:#034378;--san-juan:#2d4e68;--bermuda:#77d7b9;--white:#fff;--black:#000}body{font-family:Inter,sans-serif;background-color:var(--bg-dark);overflow-x:hidden;position:relative}@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100vh;background-image:radial-gradient(circle at 15% 25%,var(--accent-start),transparent 40%),radial-gradient(circle at 85% 75%,var(--accent-end),transparent 40%);opacity:.2;background-size:200% 200%;z-index:-2;animation:25s ease-in-out infinite alternate move-aurora}@keyframes move-aurora{0%,100%{background-position:0 0}50%{background-position:100% 100%}}#cursor-light{width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,var(--accent-end) 0,transparent 70%);opacity:.15;transition:transform .1s ease-out}.glass-card{background:var(--bg-glass);border:1px solid var(--border-color);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:1rem;transition:background .3s,border .3s}.glass-card:hover{background:rgba(49,51,71,.7);border-color:rgba(255,255,255,.2)}.text-gradient{background:linear-gradient(to right,var(--accent-start),var(--accent-end));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}html{scroll-padding-top:100px;scroll-behavior:smooth}.reveal{opacity:0;transform:translateY(40px);transition:opacity 1s cubic-bezier(.165, .84, .44, 1),transform 1s cubic-bezier(.165, .84, .44, 1)}.reveal.active{opacity:1;transform:translateY(0)}#back-to-top{opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}#back-to-top.visible{opacity:1;visibility:visible}#mobile-menu{background:rgba(15,16,26,.7);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}@keyframes rotate-icon{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes pulse-glow{0%,100%{filter:drop-shadow(0 0 5px var(--accent-start)) drop-shadow(0 0 10px var(--accent-end));opacity:.8}50%{filter:drop-shadow(0 0 10px var(--accent-start)) drop-shadow(0 0 20px var(--accent-end));opacity:1}}.hero-icon-container{animation:40s linear infinite rotate-icon,8s ease-in-out infinite float}#services-container{position:relative;overflow:hidden}#moon-video-background{position:absolute;top:50%;left:50%;width:100%;height:100%;object-fit:cover}.service-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:4rem;padding:1rem}@media (max-width:480px){.service-card{min-height:280px}.service-card .service-icon{width:60px;height:60px;font-size:1.75rem;margin-bottom:1rem}.service-card h3{font-size:1.1rem;margin-bottom:.5rem}.service-card p{font-size:.8rem;line-height:1.4}.service-card>.card-content{padding:1.25rem .75rem}}.service-card{--animation-duration:8s;--border-width:3px;--glow-offset:-10px;--border-radius:1rem;position:relative;border:solid var(--border-width) transparent;border-radius:var(--border-radius);background:var(--bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.service-card:first-child{--service-clr:#89ec5b}.service-card:nth-child(2){--service-clr:#eb5ae5}.service-card:nth-child(3){--service-clr:#5b98eb}.service-card:nth-child(4){--service-clr:#25d3a1}.service-card:nth-child(5){--service-clr:#ffc700}.service-card:nth-child(6){--service-clr:#ff6b6b}.service-card:nth-child(7){--service-clr:#fca5a5}.service-card:nth-child(8){--service-clr:#a5b4fc}.service-card:nth-child(9){--service-clr:#38bdf8}.service-card>.card-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;height:100%;text-align:center}.service-card>.card-content::before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,var(--service-clr),transparent);opacity:.3;z-index:-1;border-radius:var(--border-radius)}.service-card:hover .service-icon{background:var(--service-clr);color:#fff;transform:scale(1.1) rotate(15deg);box-shadow:0 0 25px var(--service-clr)}.service-card p{font-family:Poppins,sans-serif;text-shadow:0 0 4px #000}.service-card::after,.service-card::before{content:"";position:absolute;z-index:-1;animation:neon-rotate var(--animation-duration) linear infinite}.service-card::before{inset:calc(var(--border-width) * -1);border:inherit;border-radius:inherit;background:conic-gradient(from var(--angle),var(--service-clr) 40%,transparent,var(--service-clr) 60%) border-box;mask:conic-gradient(yellow 0 0) subtract,conic-gradient(yellow 0 0) padding-box;opacity:.8}.service-card::after{inset:var(--glow-offset);background:conic-gradient(from var(--angle),var(--service-clr),transparent,var(--service-clr));border-radius:calc(var(--border-radius) + 5px);filter:blur(15px);opacity:.75}.portfolio-card .card-bg,.project-hero{background-size:cover;background-position:center}@keyframes neon-rotate{from{--angle:0deg}to{--angle:360deg}}#portfolio{font-family:'Open Sans',sans-serif}#portfolio-filters .filter-btn{background-color:transparent;border:2px solid var(--border-color);color:var(--text-secondary);padding:.5rem 1.5rem;border-radius:9999px;font-weight:600;transition:.3s;cursor:pointer}#portfolio-filters .filter-btn:hover{background-color:var(--accent-end);color:var(--white);border-color:var(--accent-end)}#portfolio-filters .filter-btn.active{background:linear-gradient(to right,var(--btn-start),var(--btn-end));color:var(--white);border-color:transparent}.portfolio-grid{max-width:1200px;margin:50px auto 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;perspective:1000px}.portfolio-card{background-color:var(--bg-glass);border-radius:1rem;overflow:hidden;box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.2);transform-style:preserve-3d;transition:transform .5s;position:relative;min-height:480px;border:1px solid var(--border-color);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer}.portfolio-card:hover{transform:translateZ(20px) rotateX(10deg) rotateY(10deg)}.portfolio-card .card-bg{position:absolute;top:0;left:0;right:0;bottom:0;transition:transform .5s}.portfolio-card:hover .card-bg{transform:scale(1.1)}.portfolio-card .card-content{position:absolute;bottom:0;left:0;right:0;padding:1.5rem;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);transform:translateY(30%);transition:transform .5s;color:var(--white)}.portfolio-card:hover .card-content{transform:translateY(0)}.portfolio-card .card-content .category{font-size:.8rem;font-weight:600;text-transform:uppercase;color:var(--accent-end)}.portfolio-card .card-content .title{font-size:1.75rem;margin:.5rem 0}.portfolio-card .card-content .text{font-size:.9rem;margin-bottom:1rem;color:var(--text-secondary)}.portfolio-card .card-content .button{display:inline-block;background:linear-gradient(to right,var(--btn-start),var(--btn-end));padding:.6rem 1.2rem;border-radius:9999px;color:var(--white);text-decoration:none;font-weight:600;transition:transform .3s}.portfolio-card .card-content .button:hover{transform:scale(1.05)}.project-hero{min-height:60vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative}.project-hero::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(15,16,26,.7);z-index:1}.project-hero-content{position:relative;z-index:2}.new-project-layout{font-family:Inter,sans-serif;background:linear-gradient(180deg,#1e1132 0,#0f101a 40%);padding:4rem 1.5rem;color:var(--text-secondary)}.case-study-subtitle,.color-swatch h4,.new-project-layout .project-title,.new-project-layout .section-title,.project-cta-banner .cta-title,.roadmap-title{font-family:'Clash Display',sans-serif}.new-project-layout .new-project-header{text-align:center;max-width:800px;margin:0 auto 4rem}.new-project-layout .project-title{font-size:4rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.new-project-layout .back-button,.new-project-layout .section-title,.roadmap-title{font-weight:600;color:var(--text-primary)}.new-project-layout .project-subtitle{font-size:1.25rem;line-height:1.6}.new-project-layout .new-project-main-content{max-width:800px;margin:0 auto}.new-project-layout .project-section{margin-bottom:3.5rem}.new-project-layout .section-title{font-size:2.25rem;margin-bottom:1.5rem}.new-project-layout .project-section li,.new-project-layout .project-section p{font-size:1.1rem;line-height:1.8}.new-project-layout .project-section ul{list-style:none;padding:0}.new-project-layout .project-section li{padding-left:2rem;position:relative;margin-bottom:1rem}.new-project-layout .project-section li::before{content:'•';color:var(--accent-end);position:absolute;left:0;top:0;font-size:1.5rem;line-height:1.8}.new-project-layout .project-section li strong{color:var(--text-primary)}.new-project-layout .image-gallery{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:3.5rem 0}.new-project-layout .image-gallery img{width:100%;height:100%;object-fit:cover;border-radius:.75rem;border:1px solid var(--border-color)}.new-project-layout .new-project-footer{text-align:center;margin-top:4rem}.new-project-layout .back-button{display:inline-block;border:2px solid var(--border-color);padding:.75rem 2rem;border-radius:9999px;text-decoration:none;transition:.3s}.new-project-layout .back-button:hover{background-color:var(--accent-end);border-color:var(--accent-end)}@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.logos-slider-mask{overflow:hidden;width:100%;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%)}.logos-container.logos-slide{display:inline-flex;white-space:nowrap;animation:40s linear infinite scroll;width:max-content}#as-seen-on .logos-container>img{filter:grayscale(1);transition:filter .3s,transform .3s;margin:0 2rem;opacity:1}#as-seen-on .logos-container>img:hover{filter:grayscale(0);transform:scale(1.1)}#trail-canvas{top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.5}.roadmap-container{position:relative;display:grid;grid-template-columns:repeat(1,1fr);gap:4rem 2rem;margin-top:6rem;padding:0 1rem}.roadmap-line{position:absolute;top:38px;left:5%;width:90%;height:4px;background-color:var(--border-color);display:none}.roadmap-step{display:flex;flex-direction:column;align-items:center;text-align:center}.roadmap-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:180px;height:180px;border-radius:50%;background:linear-gradient(to bottom,var(--step-color),transparent 80%);margin-bottom:2.5rem}.roadmap-icon-wrapper::before{content:'';position:absolute;width:80px;height:80px;background:var(--white);border-radius:50%}.roadmap-icon-wrapper i{font-size:2.5rem;color:var(--step-color);position:relative;z-index:1}.roadmap-icon-wrapper::after{content:'';position:absolute;top:100%;transform:translateY(-50%);width:24px;height:24px;background-color:var(--step-color);border:4px solid var(--bg-dark);border-radius:50%;z-index:5}.roadmap-content{max-width:280px}.roadmap-title{font-size:1.75rem;margin-bottom:.75rem}.roadmap-text{font-size:.95rem;color:var(--text-secondary);line-height:1.6}.case-study-subtitle,.control-button,.label{color:var(--text-primary)}@media (min-width:768px){.service-card-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:3rem;padding:0}.service-card{min-height:320px}.service-card .service-icon{width:70px;height:70px;font-size:2.25rem;margin-bottom:1.5rem}.service-card h3{font-size:1.75rem}.service-card p{font-size:.95rem;line-height:1.6}.service-card>.card-content{padding:2rem 1.5rem}.roadmap-container{grid-template-columns:repeat(2,1fr)}.roadmap-line{display:block}}@media (min-width:1024px){.roadmap-container{grid-template-columns:repeat(4,1fr);gap:2rem}.roadmap-icon-wrapper{width:160px;height:160px;margin-bottom:3.5rem}.roadmap-icon-wrapper::after{top:38px;transform:translateY(0)}}.before-after-wrapper{max-width:900px;margin:4rem auto 0;padding:1.5rem}.slider-container{position:relative;width:100%;height:500px;overflow:hidden;border-radius:10px;box-shadow:0 20px 40px rgba(0,0,0,.3);cursor:grab;user-select:none}.image,.slider-line{top:0;height:100%;position:absolute}.slider-container:active,.slider-handle:active{cursor:grabbing}.image{left:0;width:100%;background-size:cover;background-position:center;transition:transform .3s}.before-image{background-image:url("https://images.unsplash.com/photo-1517048676732-d65bc937f952?q=80&w=800&auto-format&fit=crop");z-index:2}.after-image{background-image:url("https://images.unsplash.com/photo-1556761175-b413da4baf72?q=80&w=800&auto-format&fit=crop");z-index:1}.slider-line{left:50%;width:4px;background:linear-gradient(to bottom,var(--accent-start),var(--accent-end));z-index:3;transform:translateX(-50%);box-shadow:0 0 20px rgba(255,255,255,.3)}.slider-handle{position:absolute;top:50%;left:50%;width:60px;height:60px;background:0 0;border:2px solid var(--text-primary);border-radius:50%;transform:translate(-50%,-50%);z-index:4;cursor:grab;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px rgba(0,0,0,.3);transition:transform .2s,box-shadow .2s}.slider-handle:hover{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 12px 35px rgba(0,0,0,.4)}.slider-handle::after,.slider-handle::before{content:"";position:absolute;width:0;height:0;border-style:solid;border-top:6px solid transparent;border-bottom:6px solid transparent}.slider-handle::before{border-left:8px solid var(--text-primary);left:15px}.slider-handle::after{border-right:8px solid var(--text-primary);right:15px}.labels{position:absolute;top:20px;left:0;right:0;display:flex;justify-content:space-between;padding:0 30px;z-index:5}.label{background:var(--bg-glass);backdrop-filter:blur(10px);padding:8px 15px;border-radius:20px;font-weight:700}.controls{text-align:center;margin-top:20px}.control-button{background:0 0;border:2px solid var(--border-color);padding:10px 20px;margin:0 10px;border-radius:25px;cursor:pointer;font-weight:700;transition:.3s}.control-button:hover{transform:translateY(-2px);background-color:var(--accent-end);border-color:var(--accent-end)}.before-after-caption{text-align:center;padding:2rem 1rem 1rem}@media (max-width:600px){.slider-container{height:300px}.slider-handle{width:50px;height:50px}.labels{padding:0 20px}.label{font-size:12px;padding:6px 12px}.controls{display:flex;flex-direction:column;gap:.75rem}}.case-study-grid-2col,.case-study-grid-3col{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem;margin-top:1.5rem}.case-study-subtitle{font-size:1.75rem;font-weight:600;margin-bottom:1rem;margin-top:2rem}.case-study-card{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem;height:100%}.case-study-grid-2col img,.case-study-grid-3col img{width:100%;height:100%;object-fit:cover;border-radius:.75rem}.keyword-tags{display:flex;flex-wrap:wrap;gap:.75rem}.keyword-tags span{background:var(--accent-end);color:var(--white);padding:.5rem 1rem;border-radius:9999px;font-size:.9rem;font-weight:600}.color-palette{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media (min-width:768px){.case-study-grid-2col{grid-template-columns:repeat(2,1fr)}.case-study-grid-3col{grid-template-columns:repeat(3,1fr)}.color-palette{grid-template-columns:repeat(4,1fr)}}.color-swatch{border:1px solid var(--border-color);border-radius:1rem;overflow:hidden}.color-swatch::before{content:'';display:block;padding-top:100%;background-color:var(--swatch-color)}.color-swatch h4{font-size:1.25rem;color:var(--text-primary);margin:1rem 1rem .25rem}.color-swatch span{display:block;color:var(--text-secondary);font-size:.9rem;margin:0 1rem 1rem}.project-cta-banner{border-radius:1.5rem;padding:4px;background:linear-gradient(90deg,#fde047,#f97316);margin:4rem 0 2rem;box-shadow:0 0 40px rgba(253,224,71,.2)}.project-cta-banner .cta-content{background:#110e07;padding:3rem 2rem;border-radius:1.25rem;text-align:center}.project-cta-banner .cta-title{font-size:2.5rem;font-weight:700;color:var(--white)}.project-cta-banner .cta-subtitle{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:1rem auto 2rem}.project-cta-banner .cta-button{display:inline-block;background:#0f101a;color:var(--white);padding:1rem 2rem;border-radius:9999px;font-weight:600;font-size:1.1rem;text-decoration:none;transition:.3s;border:2px solid #333;text-align:center}.project-cta-banner .cta-button:hover{background:var(--white);color:var(--black);border-color:var(--white);transform:scale(1.05)}@media (max-width:640px){.new-project-layout .image-gallery{grid-template-columns:1fr}.new-project-layout .project-title{font-size:3rem}.new-project-layout .section-title{font-size:1.75rem}.project-cta-banner .cta-title{font-size:2rem}.project-cta-banner .cta-content{padding:2.5rem 1.5rem}}