body{font-family:JetBrains Mono,monospace;font-optical-sizing:auto;font-weight:400;font-style:normal;background:#0b1219;color:#e6edf3;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.03;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:3px 3px}.reveal{opacity:0;transform:translateY(40px) scale(.98);filter:blur(10px);transition:opacity 1s ease,transform 1s cubic-bezier(.2,.65,.3,1),filter 1s ease;will-change:opacity,transform,filter}.reveal.show{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}.reveal-left{transform:translate(-60px)}.reveal-left.show{transform:translate(0)}.reveal-right{transform:translate(60px)}.reveal-right.show{transform:translate(0)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}@media(max-width:768px){.reveal{transform:translateY(24px) scale(.99);filter:blur(6px);transition:opacity .7s ease,transform .7s ease,filter .7s ease}.reveal-left{transform:translate(-24px)}.reveal-right{transform:translate(24px)}}.app{background:#0b1219;color:#e6edf3;min-height:100vh}.app-main{padding-top:80px;max-width:1200px;margin:0 auto}.navbar{width:100%;position:fixed;top:0;left:0;height:70px;padding:0 clamp(16px,3vw,48px);display:flex;justify-content:space-between;align-items:center;z-index:1000;transition:background .3s ease,box-shadow .3s ease,height .3s ease;background:transparent;font-family:Space Grotesk,sans-serif;color:#e6edf3;box-sizing:border-box;overflow:visible}.navbar-bg{background:#0a1a0dd1;box-shadow:0 8px 30px #00000038;border-bottom:1px solid rgba(255,255,255,.05)}.logo{position:relative;display:inline-flex;align-items:center;justify-content:flex-start;flex-shrink:0;z-index:1600;max-width:100%}.logo-img{height:clamp(40px,6vw,80px);align-items:flex-start;width:auto;object-fit:contain;display:block;transition:transform .35s ease,height .35s ease,filter .35s ease}.logo:hover .logo-img{transform:translateY(-2px) scale(1.03);filter:drop-shadow(0 0 10px rgba(71,191,117,.25))}.logo.shrink .logo-img{height:clamp(36px,5vw,70px)}.nav-links{display:flex;align-items:center;gap:clamp(14px,2vw,24px);list-style:none;margin:0;padding:0;white-space:normal;flex:1;justify-content:center;min-width:0;overflow:hidden}.nav-links li{margin:0}.nav-links li button{font-family:Space Grotesk,sans-serif;color:#e6edf3;background:none;border:none;font-size:13px;font-weight:500;letter-spacing:.4px;text-transform:uppercase;opacity:.75;position:relative;padding:8px 0;cursor:pointer;transition:all .25s ease}.nav-links li button:hover{opacity:1;color:#60a5fa}.nav-links li button.active{font-weight:700;color:#3b82f6}.nav-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}.nav-cta{background:#0b1219;color:#e6edf3;padding:12px 20px;border-radius:10px;font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:all .25s ease;box-shadow:0 2px 6px #0006,0 6px 20px #60a5fa26;white-space:nowrap}.nav-cta:hover{transform:translateY(-3px);box-shadow:0 0 0 1px #60a5fa33,0 8px 30px #60a5fa33}.nav-cta:active{transform:translateY(0)}.hamburger{display:none;cursor:pointer;background:none;border:none;padding:8px;color:#e6edf3;border-radius:8px;transition:transform .2s ease,background .2s ease;flex-shrink:0;z-index:10000}.hamburger:hover{background:#47bf751f}.hamburger:active{transform:scale(.92)}.hamburger svg{width:26px;height:26px;stroke:currentColor}.mobile-menu{position:fixed;right:-100vw;top:0;width:min(85%,340px);height:100vh;background:#0b1219;color:#e6edf3;display:flex;flex-direction:column;transition:right .35s cubic-bezier(.4,0,.2,1);z-index:9999;overflow-y:auto;max-width:100vw;border-left:1px solid rgba(255,255,255,.05);box-shadow:-8px 0 40px #00000059}.mobile-menu:before{content:"";display:block;height:80px;flex-shrink:0}.mobile-menu.active{right:0}.mobile-menu-header{padding:0 24px 20px;font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#e6edf3;border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:12px}.mobile-menu button{background:#0b1219;border:none;cursor:pointer;width:100%;text-align:left;padding:15px 24px;color:#e6edf3;font-family:Space Grotesk,sans-serif;font-size:14px;letter-spacing:.4px;text-transform:uppercase;transition:background .18s ease,color .18s ease,padding-left .18s ease}.mobile-menu button:hover,.mobile-menu button.active{background:#0b1219;color:#e6edf3;padding-left:28px}.mobile-menu button.active{font-weight:700}.mobile-menu-spacer{flex:1}.mobile-cta{margin:16px 20px 24px;padding:16px 20px;background:#0b1219;color:#e6edf3;font-weight:800;border-radius:12px;text-align:center;box-shadow:0 4px 20px #47bf7540}.mobile-cta:hover{background:#0b1219;color:#e6edf3;border:1px solid rgba(96,165,250,.4);transform:translateY(-2px);padding-left:20px}.mobile-overlay{position:fixed;inset:0;background:#00000073;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease;z-index:9998}.mobile-overlay.active{opacity:1;visibility:visible;pointer-events:auto}@media(max-width:980px){.nav-links,.nav-cta{display:none}.hamburger{display:flex}}@media(max-width:768px){.navbar{height:64px;padding:0 20px}.logo-img{height:clamp(38px,8vw,60px)}.logo.shrink .logo-img{height:clamp(34px,7vw,50px)}.mobile-menu:before{height:64px}}@media(max-width:420px){.navbar{height:60px;padding:0 16px}.logo-img{height:clamp(36px,10vw,56px)}.logo.shrink .logo-img{height:clamp(32px,9vw,48px)}.mobile-menu{width:100%;border-left:none}}.about-section{display:flex;align-items:center;justify-content:center;padding:clamp(2rem,6vw,5rem) clamp(1.5rem,5vw,4rem);gap:clamp(2rem,5vw,4rem)}.about-image{flex:0 0 auto;background-color:#b8b8b8;width:clamp(11.625rem,20vw,13rem);height:clamp(11.625rem,20vw,13rem);border-radius:50%;display:flex;align-items:center;justify-content:center;padding:1rem}.about-image img{width:100%;height:100%;object-fit:cover;border-radius:50%}.about-content{max-width:620px;padding:clamp(1rem,3vw,2rem) clamp(1.5rem,5vw,3rem);flex:1;max-width:560px}.hero-title{font-size:clamp(1.5rem,4vw,2.5rem);margin-bottom:1rem;font-weight:900;line-height:1.2;letter-spacing:-.02em}.hero-text{font-size:.85rem;line-height:1.7;margin-bottom:1rem;color:#cbd5e1}.hero-highlights{display:inline-flex;flex-direction:row;gap:2.5rem;padding:1.5rem;align-items:center;font-size:clamp(.7rem,1.2vw,.9rem)}@media(max-width:768px){.about-section{flex-direction:column;text-align:center;gap:1.5rem}.about-content{max-width:500px}}@media(max-width:480px){.about-image{width:9rem;height:9rem}.hero-title{font-size:1.6rem}.hero-text{font-size:.9rem}.hero-highlights{flex-direction:column;align-items:center;gap:.5rem}}.project-headings{padding:clamp(5rem,8vw,7rem) clamp(1.25rem,4vw,2.5rem);max-width:900px;margin:0 auto;position:relative;font-family:Space Grotesk,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal}.projects-label{display:inline-block;margin-bottom:1rem;font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#7d7d7d;font-family:Space Grotesk,sans-serif}.heading-title{font-family:JetBrains Mono,monospace;font-size:clamp(1.5rem,6vw,2rem);font-weight:900;line-height:.95;letter-spacing:-.05em;color:#c8f04a;max-width:8ch}.projects{position:relative;display:flex;flex-direction:column;align-items:center;padding:clamp(4rem,8vw,7rem) 1.5rem}.projects:before{content:"";position:absolute;z-index:.2;top:0;bottom:0;left:50%;transform:translate(-50%);width:1px;background:#c8f04a59}.project{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;margin-bottom:7rem}.project-title{position:relative;font-weight:900;width:7rem;height:7rem;z-index:3;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #E6EDF3;background:#0b1219;font-size:1.25rem;font-weight:800;color:#e6edf3;overflow:hidden;transition:background .3s ease,color .3s ease,transform .3s ease}.project-title:before{content:"";position:absolute;inset:-1px;font-weight:900;border:3px solid #c8f04a;border-radius:50%;clip-path:inset(0 100% 0 0);transition:clip-path .5s ease}.project:hover .project-title{background:#111827;transform:scale(1.05)}.project:hover .project-title:before{clip-path:inset(0 0 0 0)}.project-meta{position:relative;margin-top:1.5rem;padding:.75rem 1.25rem;text-align:center;z-index:2;border:2px solid rgba(230,237,243,.08);background:#0b1219}.project-meta h3{margin-bottom:.35rem;font-size:1rem;font-weight:700}.project-meta p{font-size:.85rem;opacity:.7}.project-body{position:relative;max-width:900px;margin-top:1.5rem;padding:1.5rem;text-align:center;border:1px solid rgba(230,237,243,.08);background:#0b1219;overflow:hidden;transition:transform .3s ease,border-color .3s ease}.project-body:before{content:"";position:absolute;inset:0;border:3px solid #c8f04a;clip-path:inset(0 100% 100% 0);transition:clip-path .8s ease}.project:hover .project-body:before{clip-path:inset(0 0 0 0)}.project:hover .project-body{transform:translateY(-4px)}.project-body p{font-size:.95rem;line-height:1.7;color:#cbd5e1;max-width:900px}.project-body p+p{margin-top:.9rem}.project-link{text-decoration:none;color:#c8f04a;border-bottom:1px solid transparent;transition:border-color .3s ease}.project-link:hover{border-color:currentColor;transform:translateY(-2px)}@media(max-width:768px){.projects:before{left:50%}.project-title{width:5.5rem;height:5.5rem;font-size:1rem}.project-body{max-width:100%}}.services-section{padding:clamp(5rem,8vw,7rem) clamp(1.25rem,4vw,2.5rem);max-width:900px;margin:0 auto;position:relative;font-family:Space Grotesk,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal}.services-label{display:inline-block;margin-bottom:1rem;font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#7d7d7d}.services-title{font-family:JetBrains Mono,monospace;font-size:clamp(1.5rem,6vw,2rem);font-weight:900;line-height:.95;letter-spacing:-.05em;color:#c8f04a;margin-bottom:3rem;max-width:8ch}.services-title:after{content:"."}.services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border:1px solid #161616;background:#161616;overflow:hidden}.service-card{position:relative;background:#fafaf7;padding:clamp(2rem,4vw,3rem);max-height:320px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:background .35s ease,transform .35s ease}.service-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:0;background:#c8f04a;transition:height .35s ease}.service-card:after{content:attr(data-number);position:absolute;bottom:1.5rem;right:1.5rem;font-size:clamp(3rem,8vw,5rem);font-weight:900;line-height:1;color:#0d0d0d0d;transition:color .35s ease}.service-card:hover{background:#0d0d0d;transform:translateY(-4px)}.service-card:hover:before{height:100%}.service-card:hover:after{color:#fafaf70d}.service-card:hover h3,.service-card:hover p{color:#fafaf7;transform:translateY(-2px)}.service-card h3{font-family:JetBrains Mono,monospace;font-size:.95rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#0d0d0d;margin-bottom:1.5rem;transition:color .3s ease}.service-card p{font-size:1rem;line-height:1.8;font-weight:400;color:#555;max-width:32ch;transition:color .3s ease}@media(max-width:768px){.services-grid{grid-template-columns:1fr}.services-title{max-width:100%}}@media(max-width:480px){.services-section{padding:4rem 1.25rem}.service-card{padding:1.75rem}.service-card p{font-size:.95rem;line-height:1.7}}.contact-section{padding:clamp(5rem,8vw,7rem) clamp(1.25rem,4vw,2.5rem);max-width:1000px;margin:0 auto}.contact-label{display:inline-block;margin-bottom:1rem;font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#7d7d7d}.contact-title{font-family:JetBrains Mono,monospace;font-size:clamp(1rem,6vw,2rem);font-weight:900;line-height:.95;letter-spacing:-.05em;color:#c8f04a;max-width:12ch;margin-bottom:1.5rem}.contact-text{max-width:620px;font-size:.85rem;line-height:1.8;color:#94a3b8;margin-bottom:4rem}.contact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem}.contact-card{position:relative;display:flex;align-items:center;gap:1.25rem;padding:1.5rem;background:#111827a6;text-decoration:none;overflow:hidden;transition:transform .3s ease,border-color .3s ease,background .3s ease}.contact-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(96,165,250,.08),transparent 60%);opacity:0;transition:opacity .3s ease}.contact-card:hover{transform:translateY(-4px);border-color:#60a5fa40;background:#111827d9}.contact-card:hover:before{opacity:1}.contact-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#60a5fa1a;color:#c8f04a;flex-shrink:0}.contact-icon svg{width:22px;height:22px}.contact-card h3{font-size:.8rem;font-weight:700;color:#e6edf3;margin-bottom:.3rem}.contact-card p{font-size:.7rem;color:#94a3b8;word-break:break-word}@media(max-width:768px){.contact-grid{grid-template-columns:1fr}.contact-title{max-width:100%}}.footer{padding:2.5rem 1.5rem;text-align:center;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#e6edf399;border-top:1px solid rgba(255,255,255,.06);background:#0b1219;position:relative}.footer:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:40%;height:1px;background:linear-gradient(90deg,transparent,rgba(200,240,74,.4),transparent)}.footer:hover{color:#e6edf3d9}