@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700&display=swap";
:root{--ace-dark:#000;--ace-green:#10b981;--ace-purple:#a855f7;--ace-cyan:#06b6d4;--ace-magenta:#ec4899}.work-page-root{color:#f8fafc;scroll-behavior:smooth;background-color:#000;min-height:100vh;font-family:Plus Jakarta Sans,sans-serif;position:relative;overflow-x:clip}a,button,.holo-card,[onclick]{cursor:pointer}button[aria-label=Close\ sidebar],button[aria-label=Close\ sidebar] *,.sidebar-root a,.sidebar-root button{cursor:pointer!important}h1,h2,h3,h4,.tech-font{font-family:Space Grotesk,sans-serif}#bg-canvas{z-index:0;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}#home,#services,.portfolio-strip-section,#story,.collage-section,.footer-section{z-index:10;position:relative}.glass-nav{-webkit-backdrop-filter:blur(20px);background:rgba(0,0,0,.2)}.holo-card{-webkit-backdrop-filter:blur(25px);will-change:transform,box-shadow;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:rgba(15,23,42,.4);border:1px solid rgba(255,255,255,.08);transition:transform .4s cubic-bezier(.2,1,.3,1),box-shadow .4s cubic-bezier(.2,1,.3,1),border-color .4s;position:relative;overflow:visible}.holo-card:hover{border-color:var(--ace-green);transform:translateY(-10px)scale(1.02);box-shadow:0 0 60px rgba(16,185,129,.25)}.service-card-wrapper{height:100%;position:relative}.service-card-wrapper .holo-card{flex-direction:column;height:100%;min-height:320px;display:flex}.service-card-wrapper .holo-card p{flex-grow:1}#services-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;display:grid}#services-grid>*{height:100%}.service-popup{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;visibility:hidden;z-index:100;pointer-events:none;will-change:opacity,transform;background:rgba(15,23,42,.95);border:1px solid rgba(16,185,129,.4);border-radius:12px;width:260px;padding:16px;transition:opacity .3s ease-out,transform .3s cubic-bezier(.2,1,.3,1);position:absolute;bottom:calc(100% + 15px);left:50%;transform:translate(-50%)translateY(10px);box-shadow:0 15px 40px rgba(0,0,0,.5),0 0 20px rgba(16,185,129,.15)}.service-popup:after{content:"";background:rgba(15,23,42,.95);border-bottom:1px solid rgba(16,185,129,.4);border-right:1px solid rgba(16,185,129,.4);width:14px;height:14px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)rotate(45deg)}.service-card-wrapper:hover .service-popup{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.service-popup h6{color:#10b981;text-transform:uppercase;letter-spacing:.15em;margin-bottom:8px;font-size:11px;font-weight:700}.service-popup p{color:#cbd5e1;margin-bottom:10px;font-size:12px;line-height:1.5}.service-popup .service-features{flex-wrap:wrap;gap:5px;display:flex}.service-popup .feature-tag{color:#5eead4;text-transform:uppercase;background:rgba(16,185,129,.15);border-radius:12px;padding:3px 8px;font-size:9px;font-weight:600}.visit-overlay{opacity:0;z-index:25;background:linear-gradient(transparent,rgba(16,185,129,.6));justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.holo-card:hover .visit-overlay{opacity:1}.text-gradient{background:linear-gradient(90deg,#10b981,#a855f7,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05)}.node-core{background:linear-gradient(to bottom,transparent,var(--ace-green),var(--ace-purple),var(--ace-magenta),transparent);width:2px;height:100%;position:absolute;left:50%;transform:translate(-50%)}.node-pulse{background:var(--ace-dark);border:2px solid var(--ace-green);z-index:10;border-radius:50%;width:20px;height:20px;position:absolute;left:50%;transform:translate(-50%)}.node-pulse:after{content:"";border:1px solid var(--ace-green);border-radius:50%;animation:2s infinite pulse-node;position:absolute;top:-10px;bottom:-10px;left:-10px;right:-10px}@keyframes pulse-node{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(2.5)}}.timeline-item{position:relative}.timeline-popup{-webkit-backdrop-filter:blur(28px);opacity:0;visibility:hidden;z-index:50;will-change:opacity,transform;background:rgba(15,23,42,.92);border:1px solid rgba(16,185,129,.3);border-radius:2rem;flex-direction:column;justify-content:center;gap:16px;width:min(480px,50vw - 60px);height:100%;padding:36px;transition:opacity 1.4s cubic-bezier(.16,1,.3,1) .2s,transform 1.4s cubic-bezier(.16,1,.3,1) .2s,border-color 1.4s .2s,box-shadow 1.4s .2s;display:flex;position:absolute;top:0;bottom:0;box-shadow:0 25px 60px rgba(0,0,0,.6),0 0 30px rgba(16,185,129,.1),inset 0 1px rgba(255,255,255,.1)}.timeline-popup-left{transform-origin:100%;right:calc(100% + 30px);transform:translate(40px)scale(.98)}.timeline-popup-left:before{content:"";background:rgba(15,23,42,.92);border-top:1px solid rgba(16,185,129,.3);border-bottom:none;border-left:none;border-right:1px solid rgba(16,185,129,.3);width:16px;height:16px;transition:border-color 1.4s .2s;position:absolute;top:50%;right:-9px;transform:translateY(-50%)rotate(45deg)}.timeline-popup-right{transform-origin:0;left:calc(100% + 30px);transform:translate(-40px)scale(.98)}.timeline-popup-right:before{content:"";background:rgba(15,23,42,.92);border-top:none;border-bottom:1px solid rgba(16,185,129,.3);border-left:1px solid rgba(16,185,129,.3);border-right:none;width:16px;height:16px;transition:border-color 1.4s .2s;position:absolute;top:50%;left:-9px;transform:translateY(-50%)rotate(45deg)}.timeline-item:hover .timeline-popup,.timeline-item.ring-2 .timeline-popup{opacity:1;visibility:visible;border-color:rgba(16,185,129,.55);transform:translate(0)scale(1);box-shadow:0 30px 80px rgba(0,0,0,.7),0 0 50px rgba(16,185,129,.22),inset 0 1px rgba(255,255,255,.15)}.timeline-item:hover .timeline-popup-left:before,.timeline-item.ring-2 .timeline-popup-left:before,.timeline-item:hover .timeline-popup-right:before,.timeline-item.ring-2 .timeline-popup-right:before{border-color:rgba(16,185,129,.55)}.timeline-popup h5{color:#10b981;text-transform:uppercase;letter-spacing:.14em;align-items:center;gap:12px;margin-bottom:0;font-size:22px;font-weight:800;display:flex}.timeline-popup h5:before{content:"";background:#10b981;border-radius:50%;width:10px;height:10px;animation:2s ease-in-out infinite pulse-dot;display:inline-block;box-shadow:0 0 14px #10b981}@keyframes pulse-dot{0%,to{transform:scale(1);box-shadow:0 0 14px #10b981}50%{transform:scale(1.35);box-shadow:0 0 22px #10b981,0 0 30px rgba(16,185,129,.6)}}.timeline-popup p{color:#cbd5e1;margin-bottom:0;font-size:17px;line-height:1.7}.timeline-popup .tech-stack{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.timeline-popup .tech-stack:before{content:"Core Technologies";text-transform:uppercase;letter-spacing:.2em;color:#64748b;width:100%;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.timeline-popup .tech-tag{color:#5eead4;text-transform:uppercase;letter-spacing:.08em;background:rgba(16,185,129,.15);border:1px solid rgba(16,185,129,.3);border-radius:9999px;padding:8px 18px;font-size:13px;font-weight:700;transition:transform .25s cubic-bezier(.16,1,.3,1),background-color .25s,border-color .25s,box-shadow .25s,color .25s}.timeline-popup .tech-tag:hover{color:#fff;background:rgba(16,185,129,.3);border-color:#10b981;transform:translateY(-2px)scale(1.04);box-shadow:0 4px 15px rgba(16,185,129,.35)}@media (max-width:768px){.timeline-popup{display:none}}.fade-in{opacity:0;transition:opacity .8s ease-out,transform .8s ease-out;transform:translateY(30px)}.fade-in.visible{opacity:1;transform:translateY(0)}.fade-in-left{opacity:0;transition:opacity .8s ease-out,transform .8s ease-out;transform:translate(-50px)}.fade-in-left.visible{opacity:1;transform:translate(0)}.fade-in-right{opacity:0;transition:opacity .8s ease-out,transform .8s ease-out;transform:translate(50px)}.fade-in-right.visible{opacity:1;transform:translate(0)}.scale-in{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:scale(.8)}.scale-in.visible{opacity:1;transform:scale(1)}.stagger-1{transition-delay:.1s}.stagger-2{transition-delay:.2s}.stagger-3{transition-delay:.3s}.stagger-4{transition-delay:.4s}.stagger-5{transition-delay:.5s}.stagger-6{transition-delay:.6s}.hero-content-animated{opacity:0;animation:1s ease-out 1.5s forwards heroFadeIn;transform:translate(-40px)}@keyframes heroFadeIn{to{opacity:1;transform:translate(0)}}.hero-visual-animated{opacity:0;animation:.8s ease-out .3s forwards heroVisualIn}@keyframes heroVisualIn{to{opacity:1}}#inquiry-modal{z-index:100;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:rgba(2,6,23,.95);justify-content:center;align-items:center;padding:20px;display:none;position:fixed;top:0;bottom:0;left:0;right:0}@media (max-width:768px){.node-core,.node-pulse{left:20px}.timeline-content{text-align:left!important;width:100%!important;padding-left:45px!important}}.visual-container{justify-content:center;align-items:center;width:100%;height:500px;display:flex;position:relative;overflow:visible}#particle-canvas{width:100%;height:100%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:1024px){.visual-container{height:350px}#services-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.service-card-wrapper .holo-card{min-height:280px}}@media (max-width:768px){.visual-container{height:280px;margin-bottom:1rem}#home .grid{gap:2rem}h1{font-size:2.8rem!important;line-height:1.1!important}#services-grid{grid-template-columns:1fr;gap:1.25rem}.service-card-wrapper .holo-card{min-height:auto;padding:1.5rem!important}.service-popup{z-index:1000;opacity:0;visibility:hidden;pointer-events:none;width:85%;max-width:300px;position:fixed;top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%)scale(.95)}.service-popup:after{display:none}.service-card-wrapper:active .service-popup,.service-card-wrapper:focus-within .service-popup{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.timeline-popup{z-index:1000;width:85%;max-width:300px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.95)}.timeline-popup-left,.timeline-popup-right{left:50%;right:auto}.timeline-popup:after{display:none}.timeline-item:active .timeline-popup{opacity:1;visibility:visible;transform:translate(-50%,-50%)scale(1)}.space-y-48{gap:4rem!important}.space-y-48>*+*{margin-top:4rem!important}.stat-card{padding:1.5rem!important}.stat-card .text-4xl{font-size:2rem!important}footer{padding-top:4rem!important;padding-bottom:4rem!important}footer .space-x-12{gap:1.5rem!important}}@media (max-width:375px){.visual-container{height:220px}h1{font-size:2.2rem!important}h3{font-size:1.3rem!important}.text-8xl{font-size:3rem!important}.holo-card{padding:1.25rem!important}.service-popup,.timeline-popup{width:90%;padding:14px}.service-popup h6,.timeline-popup h5{font-size:10px}.feature-tag,.tech-tag{padding:2px 6px;font-size:8px}#home .flex-wrap{flex-direction:column;gap:.75rem!important}#home .flex-wrap a,#home .flex-wrap button{text-align:center;width:100%;padding:1rem 1.5rem!important}}@media (min-width:390px) and (max-width:430px){.visual-container{height:260px}h1{font-size:2.5rem!important}}@media (min-width:1280px){.visual-container{height:550px}#services-grid{grid-template-columns:repeat(3,1fr)}.service-card-wrapper .holo-card{min-height:320px}}@media (min-width:1536px){.visual-container{height:600px}.max-w-7xl{max-width:90rem}h1{font-size:6rem!important}}@media (min-width:1920px){.visual-container{height:700px}.max-w-7xl{max-width:100rem}}@media (hover:none) and (pointer:coarse){.service-card-wrapper,.timeline-item{cursor:pointer;-webkit-tap-highlight-color:transparent}}.collage-section{background:0 0;margin-bottom:80px;padding:50px 0;display:flex}.grid-wrapper{border-radius:16px;width:90%;max-width:1200px;margin:0 auto;position:relative;overflow:hidden}.mosaic-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:90px;grid-auto-flow:dense;gap:12px;display:grid}.mosaic-tile{will-change:transform;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background-color:rgba(15,23,42,.5);background-position:50%;background-size:cover;border-radius:12px;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}.mosaic-tile:hover,.mosaic-tile:active{z-index:5;outline:2px solid rgba(16,185,129,.6);transform:scale(1.03);box-shadow:0 15px 40px rgba(16,185,129,.35)}.tile-wide{grid-column:span 2}.tile-tall{grid-row:span 2}.tile-large{grid-area:span 2/span 2}@media (max-width:900px){.mosaic-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:95px}.tile-large{grid-area:span 2/span 2}}@media (max-width:600px){.mosaic-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:85px;gap:8px}.mosaic-tile{border-radius:8px}.tile-wide,.tile-large{grid-column:span 2}.tile-tall,.tile-large{grid-row:span 2}}.image-expander{z-index:50;opacity:0;pointer-events:none;will-change:top,left,width,height,opacity;background-position:50%;background-size:cover;border-radius:12px;justify-content:center;align-items:flex-end;transition:top .35s cubic-bezier(.4,0,.2,1),left .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1),height .35s cubic-bezier(.4,0,.2,1),opacity .2s;display:flex;position:absolute}.image-expander.active{opacity:1;pointer-events:auto}.image-expander:before{content:"";pointer-events:none;background:linear-gradient(transparent 0%,rgba(0,0,0,.15) 50%,rgba(0,0,0,.6) 100%);border-radius:12px;position:absolute;top:0;bottom:0;left:0;right:0}.visit-btn{z-index:100;color:#fff;text-transform:uppercase;letter-spacing:.15em;will-change:transform,opacity;opacity:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#10b981,#059669);border-radius:50px;justify-content:center;align-items:center;margin-bottom:30px;padding:14px 40px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .25s,opacity .25s,background .25s,box-shadow .25s;display:inline-flex;position:relative;transform:translateY(15px);box-shadow:0 8px 25px rgba(16,185,129,.4)}.image-expander.active .visit-btn{opacity:1;pointer-events:auto;transition-delay:.2s;transform:translateY(0)}.visit-btn:hover,.visit-btn:active{background:linear-gradient(135deg,#34d399,#10b981);transform:translateY(-2px);box-shadow:0 12px 35px rgba(16,185,129,.5)}.portfolio-marquee{width:max-content;animation:30s linear infinite portfolio-scroll}@keyframes portfolio-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.site-card{background:#000;border-radius:16px;min-width:220px;height:140px;transition:transform .35s,box-shadow .35s;display:block;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,.15)}.site-card img{object-fit:contain;width:100%;height:100%;padding:18px}.site-card:hover{transform:scale(1.08);box-shadow:0 20px 40px rgba(0,0,0,.25)}.footer-section{background:0 0;flex-direction:column;justify-content:center;min-height:100vh;padding:120px 0 40px;display:flex;position:relative}.footer-container{grid-template-columns:1fr 1fr 1fr;gap:60px;max-width:1200px;margin:0 auto;padding:0 40px;display:grid}.footer-contact{flex-direction:column;gap:8px;display:flex}.footer-location{color:#fff;margin-bottom:12px;font-size:16px;font-weight:500}.footer-email,.footer-phone{color:#10b981;font-size:14px;text-decoration:none;transition:color .2s}.footer-email:hover,.footer-phone:hover{color:#34d399}.footer-social-label{color:#fff;letter-spacing:.1em;margin-top:24px;margin-bottom:12px;font-size:12px;font-weight:600}.footer-social-icons{gap:16px;display:flex}.footer-social-icons a{color:#fff;font-size:16px;transition:color .2s}.footer-social-icons a:hover{color:#10b981}.footer-project{text-align:center;flex-direction:column;align-items:center;display:flex}.footer-project-label{color:#fff;letter-spacing:.05em;margin-bottom:20px;font-size:13px;font-weight:500}.footer-project-logo{width:60px;height:60px;margin-bottom:12px}.footer-project-logo img{object-fit:contain;width:100%;height:100%}.footer-project-name{letter-spacing:.05em;margin-bottom:16px;font-size:16px;font-weight:600}.footer-project-link{color:#10b981;letter-spacing:.1em;text-underline-offset:4px;font-size:11px;font-weight:600;text-decoration:underline;transition:color .2s}.footer-project-link:hover{color:#34d399}.footer-nav{flex-direction:column;align-items:flex-end;gap:12px;display:flex}.footer-nav-link{color:#10b981;letter-spacing:.05em;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s}.footer-nav-link:hover{color:#34d399}.footer-copyright{max-width:1200px;margin:0 auto;padding:60px 40px 0}.footer-copyright p{color:#444;letter-spacing:.05em;font-size:11px}@media (max-width:768px){.footer-container{text-align:center;grid-template-columns:1fr;gap:40px}.footer-contact,.footer-nav{align-items:center}.footer-copyright{text-align:center}}@media (max-width:1024px){#home .grid{gap:2rem}h1{font-size:4rem!important}.collage-section{padding:60px 0}.grid-wrapper{width:95%}.site-card{min-width:180px;height:120px}}@media (max-width:768px){h1{font-size:2.8rem!important;line-height:1.15!important}h2{font-size:.7rem!important}h3{font-size:1.8rem!important}h4{font-size:1.1rem!important}#home{min-height:auto;padding-top:2rem;padding-bottom:3rem}#home .grid{grid-template-columns:1fr;gap:2rem}.hero-content-animated{text-align:center}.hero-content-animated .inline-flex{justify-content:center}.hero-content-animated p{text-align:center;margin-left:auto;margin-right:auto}.hero-content-animated .flex-wrap{flex-direction:column;align-items:center;gap:1rem}.hero-content-animated .flex-wrap a,.hero-content-animated .flex-wrap button{text-align:center;width:100%;max-width:280px;padding:1rem 2rem!important}.visual-container{order:-1;height:250px}#services{padding:4rem 0}#services .text-center.mb-24{margin-bottom:3rem!important}.holo-card{padding:1.5rem!important}.holo-card:hover{transform:none}#story{padding:4rem 0}.node-core{left:15px}.node-pulse{width:16px;height:16px;left:15px}.timeline-content{text-align:left!important;width:100%!important;padding-left:40px!important}.portfolio-strip-section{padding:3rem 0}.site-card{min-width:160px;height:100px}.site-card img{padding:12px}.collage-section{padding:40px 0}.grid-wrapper{width:95%;padding:0}.mosaic-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:85px;gap:8px}.mosaic-tile{border-radius:8px}.mosaic-tile:hover{transform:scale(1.02)}.visit-btn{margin-bottom:20px;padding:12px 30px;font-size:12px}.footer-section{padding:50px 0 25px}.footer-container{gap:35px;padding:0 20px}.footer-location{font-size:15px}.footer-email,.footer-phone{font-size:13px}.footer-project-logo{width:50px;height:50px}.footer-copyright{padding:40px 20px 0}}@media (max-width:480px){body{font-size:14px}h1{font-size:2.2rem!important}h3{font-size:1.5rem!important}.glass-nav{padding:0 .5rem}#mobile-menu .px-6{padding-left:1rem;padding-right:1rem}#home{padding-top:1.5rem}.hero-content-animated .inline-flex{padding:.3rem .8rem}.hero-content-animated .inline-flex span:last-child{font-size:8px!important}.hero-content-animated p{font-size:.9rem}.visual-container{height:200px}#services{padding:3rem 0}.service-card-wrapper .holo-card .mb-8{width:14px;height:14px;margin-bottom:1rem!important}.service-card-wrapper .holo-card .mb-8 i{font-size:1.2rem}.stat-card{padding:1rem!important}.stat-card .text-8xl{font-size:2.5rem!important}.mosaic-grid{grid-auto-rows:75px;gap:6px}.tile-wide,.tile-large{grid-column:span 2}.tile-tall,.tile-large{grid-row:span 2}.footer-section{padding:40px 0 20px}.footer-container{gap:30px}.footer-social-icons{gap:20px}.footer-social-icons a{font-size:18px}.footer-nav-link{font-size:12px}}@media (max-width:375px){h1{font-size:1.9rem!important}h3{font-size:1.3rem!important}.hero-content-animated .flex-wrap a,.hero-content-animated .flex-wrap button{font-size:.85rem;padding:.85rem 1.5rem!important}.visual-container{height:180px}.holo-card{padding:1.25rem!important}.mosaic-grid{grid-auto-rows:65px}.visit-btn{padding:10px 24px;font-size:11px}.footer-project-name{font-size:14px}.footer-project-link{font-size:10px}}@media (max-height:500px) and (orientation:landscape){#home{min-height:auto;padding:2rem 0}.visual-container{height:150px}#home .grid{grid-template-columns:1fr 1fr;gap:1rem}h1{font-size:2rem!important}}@media (hover:none) and (pointer:coarse){.holo-card:hover{transform:translateY(-5px)}.mosaic-tile:hover{transform:scale(1.01)}.footer-nav-link{padding:8px 0}.footer-social-icons a{padding:10px}}