*{margin:0;padding:0;box-sizing:border-box}:root{--bg:#0a0e14;--surface:#151a23;--border:#1f2937;--text:#e5e7eb;--text-dim:#9ca3af;--accent:#10b981;--accent-dim:#064e3b;--code:#f59e0b}body{font-family:"Karla",sans-serif;background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}body::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:50px 50px;opacity:.25;z-index:-1;transform:translateZ(0)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}header{padding:2rem 0;border-bottom:1px solid var(--border)}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{font-family:"DM Mono",monospace;font-size:1.2rem;font-weight:500;color:var(--accent);text-decoration:none}.logo span{color:var(--text-dim)}.header-links a{color:var(--text-dim);text-decoration:none;margin-left:2rem;font-size:.95rem;transition:color .2s;position:relative}.header-links a::after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--accent);transition:width .3s}.header-links a:hover{color:var(--text)}.header-links a:hover::after{width:100%}.hero{padding:8rem 0 6rem}.hero-grid{display:grid;grid-template-columns:1fr 400px;gap:4rem;align-items:center}.hero-content{flex:1}.hero-animation{display:flex;justify-content:center;align-items:center}#cube-animation{width:350px;height:350px;opacity:.9;min-height:350px}.hero-label{font-family:"DM Mono",monospace;font-size:.85rem;color:#e5e7eb;letter-spacing:.05em;text-transform:uppercase;margin-bottom:1.5rem;display:inline-block;padding:.5rem 1rem;background:var(--accent-dim);border-radius:4px}.hero h1{font-size:4rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-.02em}.hero h1 .highlight{color:var(--accent);position:relative;display:inline-flex;align-items:baseline;gap:.5rem}.work-icon{display:inline-block;width:.8em;height:.8em;margin-left:.3rem;vertical-align:middle;position:relative;top:.1em}.work-icon svg{width:100%;height:100%}.work-icon .check-box{fill:none;stroke:var(--accent);stroke-width:2}.work-icon .check-mark{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:20;stroke-dashoffset:20;animation:drawCheck .5s ease-out .3s forwards,loopCheck 5s ease-in-out 2s infinite}@keyframes drawCheck{to{stroke-dashoffset:0}}@keyframes loopCheck{0%,40%{stroke-dashoffset:0}50%{stroke-dashoffset:20}60%,to{stroke-dashoffset:0}}.hero-subtitle{font-size:1.5rem;color:var(--text-dim);max-width:700px;margin-bottom:2rem;line-height:1.5}.hero-supporting{font-size:1rem;color:var(--text-dim);margin-top:1.5rem;font-style:italic}.cta-buttons{display:flex;gap:1.5rem;flex-wrap:wrap}.btn{padding:1rem 2rem;font-size:1rem;font-weight:500;text-decoration:none;border-radius:6px;transition:all .2s;display:inline-block;font-family:"Karla",sans-serif}.btn-primary{background:var(--accent);color:var(--bg);border:2px solid var(--accent)}.btn-primary:hover{background:0 0;color:var(--accent);transform:translateY(-2px);box-shadow:0 10px 30px rgba(16,185,129,.2)}.btn-primary:active{transform:translateY(0);box-shadow:0 5px 15px rgba(16,185,129,.15)}.btn-secondary{background:0 0;color:var(--text);border:2px solid var(--border)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px);box-shadow:0 10px 30px rgba(16,185,129,.1)}.btn-secondary:active{transform:translateY(0)}.btn:focus{outline:2px solid var(--accent);outline-offset:2px}.btn:focus:not(:focus-visible){outline:0}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.services{padding:6rem 0;border-top:1px solid var(--border)}.section-header{margin-bottom:4rem}.section-label{font-family:"DM Mono",monospace;font-size:.85rem;color:var(--accent);letter-spacing:.05em;text-transform:uppercase;margin-bottom:1rem}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.section-description{font-size:1.1rem;color:var(--text-dim);max-width:600px}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.service-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:2rem;transition:all .3s;position:relative;overflow:hidden;display:flex;flex-direction:column}.service-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s}.service-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 10px 40px rgba(16,185,129,.1)}.service-card:hover::before{transform:scaleX(1)}.service-icon{font-size:2rem;margin-bottom:1.5rem;font-family:"DM Mono",monospace;color:var(--code);height:60px;display:flex;align-items:center;justify-content:flex-start}.icon-code{position:relative;width:50px;height:50px}.icon-code::before,.icon-code::after{content:"";position:absolute;width:8px;height:24px;border:2px solid var(--code);transition:all .3s ease}.icon-code::before{left:8px;border-right:none;border-radius:4px 0 0 4px;animation:bracketPulseLeft 2s ease-in-out infinite}.icon-code::after{right:8px;border-left:none;border-radius:0 4px 4px 0;animation:bracketPulseRight 2s ease-in-out infinite}.service-card:hover .icon-code::before{left:4px}.service-card:hover .icon-code::after{right:4px}@keyframes bracketPulseLeft{0%,to{transform:translateX(0)}50%{transform:translateX(-3px)}}@keyframes bracketPulseRight{0%,to{transform:translateX(0)}50%{transform:translateX(3px)}}.icon-server{position:relative;width:50px;height:50px}.server-layer{position:absolute;width:40px;height:10px;background:0 0;border:2px solid var(--code);border-radius:3px;left:50%;transform:translateX(-50%);transition:all .3s ease}.server-layer:nth-child(1){top:8px;animation:serverBlink 3s ease-in-out infinite}.server-layer:nth-child(2){top:20px;animation:serverBlink 3s ease-in-out .3s infinite}.server-layer:nth-child(3){top:32px;animation:serverBlink 3s ease-in-out .6s infinite}.server-layer::before{content:"";position:absolute;width:4px;height:4px;background:var(--accent);border-radius:50%;right:4px;top:50%;transform:translateY(-50%);animation:ledBlink 2s ease-in-out infinite}@keyframes serverBlink{0%,to{opacity:1}50%{opacity:.4}}@keyframes ledBlink{0%,to{opacity:1;box-shadow:0 0 8px var(--accent)}50%{opacity:.3;box-shadow:none}}.service-card:hover .server-layer{transform:translateX(-50%) scale(1.05)}.icon-gear{position:relative;width:50px;height:50px}.gear-outer{position:absolute;width:40px;height:40px;left:50%;top:50%;transform:translate(-50%,-50%);animation:gearRotate 8s linear infinite}.gear-tooth{position:absolute;width:6px;height:12px;background:var(--code);left:50%;top:50%;transform-origin:center}.gear-tooth:nth-child(1){transform:translate(-50%,-50%) rotate(0deg) translateY(-16px)}.gear-tooth:nth-child(2){transform:translate(-50%,-50%) rotate(45deg) translateY(-16px)}.gear-tooth:nth-child(3){transform:translate(-50%,-50%) rotate(90deg) translateY(-16px)}.gear-tooth:nth-child(4){transform:translate(-50%,-50%) rotate(135deg) translateY(-16px)}.gear-tooth:nth-child(5){transform:translate(-50%,-50%) rotate(180deg) translateY(-16px)}.gear-tooth:nth-child(6){transform:translate(-50%,-50%) rotate(225deg) translateY(-16px)}.gear-tooth:nth-child(7){transform:translate(-50%,-50%) rotate(270deg) translateY(-16px)}.gear-tooth:nth-child(8){transform:translate(-50%,-50%) rotate(315deg) translateY(-16px)}.gear-center{position:absolute;width:20px;height:20px;background:var(--surface);border:3px solid var(--code);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2}.gear-center::after{content:"";position:absolute;width:8px;height:8px;background:var(--accent);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);animation:centerPulse 2s ease-in-out infinite}@keyframes gearRotate{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes centerPulse{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.2)}}.service-card:hover .gear-outer{animation:gearRotate 4s linear infinite}.service-card h3{font-size:1.5rem;margin-bottom:1rem;font-weight:600}.service-card p{color:var(--text-dim);line-height:1.7}.experience{padding:6rem 0;border-top:1px solid var(--border)}.experience-content{max-width:800px}.experience-item{margin-bottom:3rem;padding-left:2rem;border-left:2px solid var(--border);position:relative}.experience-item::before{content:"";position:absolute;left:-6px;top:0;width:10px;height:10px;background:var(--accent);border-radius:50%}.experience-item h3{font-size:1.5rem;margin-bottom:.5rem}.experience-meta{font-family:"DM Mono",monospace;font-size:.9rem;color:var(--text-dim);margin-bottom:1rem}.experience-item ul{list-style:none;padding:0}.experience-item li{padding-left:1.5rem;margin-bottom:.75rem;position:relative;color:var(--text-dim)}.experience-item li::before{content:"▹";position:absolute;left:0;color:var(--accent)}.tech-stack{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.tech-tag{font-family:"DM Mono",monospace;font-size:.85rem;padding:.4rem .8rem;background:var(--accent-dim);color:#e5e7eb;border-radius:4px;border:1px solid var(--accent)}.service-tagline{color:var(--text-dim);line-height:1.7;margin-bottom:1.5rem}.service-details{margin-bottom:1.5rem}.service-list{margin-bottom:1.25rem}.service-list h4{font-family:"DM Mono",monospace;font-size:.8rem;color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.service-list ul{list-style:none;padding:0;margin:0}.service-list li{padding-left:1.25rem;margin-bottom:.5rem;position:relative;color:var(--text-dim);font-size:.95rem;line-height:1.5}.service-list li::before{content:"▹";position:absolute;left:0;color:var(--accent)}.service-pricing{font-family:"DM Mono",monospace;font-size:.85rem;color:var(--accent);margin-top:auto;padding-top:1rem;border-top:1px solid var(--border)}.service-pricing p{margin:0;color:var(--accent)}.service-pricing p+p{margin-top:.25rem}.section-cta{text-align:center;margin-top:4rem;padding-top:3rem;border-top:1px solid var(--border)}.section-cta p{font-size:1.2rem;color:var(--text-dim);margin-bottom:1.5rem}.section-cta .btn{display:inline-block}.clients{padding:6rem 0;border-top:1px solid var(--border)}.clients-list{list-style:none;padding:0;margin:0 0 2rem 0;max-width:600px}.clients-list li{padding:1rem 0 1rem 2rem;position:relative;font-size:1.15rem;color:var(--text);border-bottom:1px solid var(--border);transition:color .2s;cursor:default}.clients-list li:first-child{border-top:1px solid var(--border)}.clients-list li::before{content:"▹";position:absolute;left:0;color:var(--accent);font-size:1.2rem;transition:transform .2s}.clients-list li:hover{color:var(--accent)}.clients-list li:hover::before{transform:translateX(4px)}.clients-note{font-size:1rem;color:var(--text-dim);font-style:italic;max-width:600px}.testimonials{padding:6rem 0;border-top:1px solid var(--border)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.testimonial-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:2rem;position:relative}.testimonial-card::before{content:"“";position:absolute;top:1rem;left:1.5rem;font-size:4rem;color:var(--accent);opacity:.3;font-family:Georgia,serif;line-height:1}.testimonial-quote{font-size:1.1rem;line-height:1.7;color:var(--text);margin-bottom:1.5rem;padding-top:1.5rem;font-style:italic}.testimonial-author{display:flex;flex-direction:column;gap:.25rem}.testimonial-name{font-weight:600;color:var(--text)}.testimonial-role{font-family:"DM Mono",monospace;font-size:.85rem;color:var(--text-dim)}.work{padding:6rem 0;border-top:1px solid var(--border)}.work-item{background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden;transition:all .3s;margin-bottom:2rem}.work-item:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 10px 40px rgba(16,185,129,.1)}.work-content{padding:2rem}.work-item h3{font-size:1.8rem;margin-bottom:1rem}.work-item p{color:var(--text-dim);margin-bottom:1.5rem;line-height:1.7}.work-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--accent);text-decoration:none;font-family:"DM Mono",monospace;font-size:.9rem;transition:gap .2s}.work-link:hover{gap:1rem}.case-study-details{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border)}.case-study-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-item{text-align:center;padding:1.5rem;background:var(--bg);border-radius:8px;border:1px solid var(--border)}.stat-value{font-family:"DM Mono",monospace;font-size:2rem;font-weight:700;color:var(--accent);display:block;margin-bottom:.5rem}.stat-suffix{font-family:"DM Mono",monospace;font-size:inherit;font-weight:inherit;color:inherit}.stat-label{font-size:.9rem;color:var(--text-dim)}.case-study-section{margin-bottom:1.5rem}.case-study-section h4{font-family:"DM Mono",monospace;font-size:.85rem;color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.case-study-section p{margin-bottom:0}.blog{padding:6rem 0;border-top:1px solid var(--border)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.blog-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:2rem;transition:all .3s;text-decoration:none;display:block}.blog-card:hover{border-color:var(--accent);transform:translateY(-4px)}.blog-meta{font-family:"DM Mono",monospace;font-size:.8rem;color:var(--text-dim);margin-bottom:1rem}.blog-card h3{font-size:1.3rem;margin-bottom:1rem;line-height:1.3;color:var(--text)}.blog-card p{color:var(--text-dim);margin-bottom:1.5rem;line-height:1.6}.blog-link{color:var(--accent);text-decoration:none;font-family:"DM Mono",monospace;font-size:.9rem;display:inline-flex;align-items:center;gap:.5rem;transition:gap .2s}.blog-link:hover{gap:1rem}.contact{padding:6rem 0 4rem;border-top:1px solid var(--border)}.contact-header{text-align:center;margin-bottom:3rem}.contact-header h2{font-size:2.5rem;margin-bottom:1.5rem}.contact-header p{font-size:1.2rem;color:var(--text-dim);max-width:600px;margin:0 auto}.contact-content{max-width:600px;margin:0 auto;text-align:center}.contact h2{font-size:2.5rem;margin-bottom:1.5rem}.contact p{font-size:1.2rem;color:var(--text-dim);margin-bottom:3rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem;text-align:left}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-family:"DM Mono",monospace;font-size:.85rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.form-group input,.form-group textarea{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:1rem;color:var(--text);font-family:"Karla",sans-serif;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:0;border-color:var(--accent)}.form-group textarea{resize:vertical;min-height:150px}.form-submit{width:100%;cursor:pointer}.contact-options{display:grid;grid-template-columns:1fr 1fr;gap:3rem;max-width:900px;margin:0 auto;text-align:left}.contact-option{padding:2rem;background:var(--surface);border:1px solid var(--border);border-radius:8px}.contact-option h3{font-size:1.3rem;margin-bottom:1rem}.contact-option p{font-size:1rem;margin-bottom:1.5rem}.contact-option .btn{width:100%;text-align:center}footer{padding:3rem 0;border-top:1px solid var(--border);text-align:center}footer p{font-family:"DM Mono",monospace;font-size:.9rem;color:var(--text-dim)}footer p span{color:var(--accent)}.blog-post{padding:6rem 0}.blog-post-header{max-width:800px;margin:0 auto 3rem}.blog-post-header h1{font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.blog-post-meta{font-family:"DM Mono",monospace;font-size:.9rem;color:var(--text-dim)}.blog-post-content{max-width:800px;margin:0 auto}.blog-post-content h2{font-size:1.8rem;margin:2.5rem 0 1rem}.blog-post-content h3{font-size:1.4rem;margin:2rem 0 .75rem}.blog-post-content p{margin-bottom:1.5rem;color:var(--text-dim)}.blog-post-content a{color:var(--accent)}.blog-post-content ul,.blog-post-content ol{margin-bottom:1.5rem;padding-left:1.5rem;color:var(--text-dim)}.blog-post-content li{margin-bottom:.5rem}.blog-post-content code{font-family:"DM Mono",monospace;background:var(--surface);padding:.2rem .4rem;border-radius:4px;font-size:.9em}.blog-post-content pre{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1.5rem;overflow-x:auto;margin-bottom:1.5rem}.blog-post-content pre code{background:0 0;padding:0}.blog-post-content blockquote{border-left:3px solid var(--accent);padding-left:1.5rem;margin:1.5rem 0;font-style:italic;color:var(--text-dim)}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--accent);text-decoration:none;font-family:"DM Mono",monospace;font-size:.9rem;margin-bottom:2rem;transition:gap .2s}.back-link:hover{gap:1rem}@media (max-width:1024px){.hero-grid{grid-template-columns:1fr;gap:3rem}.hero-animation{order:-1}#cube-animation{width:280px;height:280px}}@media (max-width:768px){.hero h1{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}#cube-animation{width:220px;height:220px}.section-title{font-size:2rem}.services-grid{grid-template-columns:1fr}.header-links{display:none}.cta-buttons{flex-direction:column}.btn{text-align:center}.testimonials-grid{grid-template-columns:1fr}.blog-grid{grid-template-columns:1fr}.case-study-stats{grid-template-columns:1fr}.contact-options{grid-template-columns:1fr}.section-cta{margin-top:3rem;padding-top:2rem}.section-cta .btn{width:100%;text-align:center}.clients-list li{font-size:1rem}.blog-post-header h1{font-size:2rem}}