:root{--bg-primary:#1a1410;--bg-secondary:#221e19;--bg-tertiary:#2a2520;--text-primary:#f4f1ea;--text-secondary:#8b8075;--text-muted:#6b5d4f;--accent:#4a7c59;--accent-hover:#5a8f6a;--phosphor-green:#4aff00;--phosphor-glow:rgba(74,255,0,0.3);--phosphor-glow-dim:rgba(74,255,0,0.15);--accent-glow:rgba(74,124,89,0.4);--border-color:#3a342c;--border:#3a342c;--border-hover:#4a433a;--code-bg:#252118;--terminal-bg:#1f1c14;--terminal-border:rgba(74,124,89,0.2);--golden:#e9c46a;--orange:#c65d3c;--terminal-font:var(--font-display);--font-terminal:var(--font-display);--font-family-terminal:var(--font-display);--font-family-mono:var(--font-terminal);--body-font:var(--font-body);--font-display:var(--font-vt323)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-display),monospace;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(244,241,234,.01) 0,rgba(244,241,234,.01) 4px);pointer-events:none;z-index:1000}.container{max-width:1000px;margin:0 auto;padding:0 24px}header{padding:32px 0;position:fixed;top:0;width:100%;background:rgba(26,20,16,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1001;transition:transform .3s ease-in-out,padding .2s ease}header.blog-header{padding:16px 0}header.blog-header:after{opacity:.5}header.header-hidden{transform:translateY(-100%)}header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent 0,var(--border) 10%,var(--phosphor-glow-dim) 50%,var(--border) 90%,transparent 100%);box-shadow:0 2px 0 0 var(--bg-tertiary),0 2px 10px 0 var(--phosphor-glow-dim)}nav{justify-content:space-between}.logo-container,nav{display:flex;align-items:center}.logo-container{gap:16px;cursor:pointer;position:relative}.logo-container:after{content:"Click to wake the boulder!";position:absolute;top:100%;left:50%;transform:translateX(-50%);background:var(--bg-secondary);border:1px solid var(--border);padding:4px 8px;font-size:11px;font-family:var(--terminal-font);color:var(--text-secondary);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s;margin-top:8px;border-radius:4px}.logo-container:hover:after{opacity:1}.logo{font-family:var(--terminal-font);font-weight:700;font-size:20px;letter-spacing:2px;text-transform:uppercase;position:relative;color:#f4f1ea;text-shadow:2px 2px 0 #4a7c59,4px 4px 0 #3a5f47,6px 6px 0 #3a342c;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.logo-container:hover .logo{text-shadow:2px 2px 0 #5a8f6a,4px 4px 0 #4a7c59,6px 6px 0 #3a5f47,8px 8px 0 #3a342c;transform:translate(-2px,-2px)}.boulder{position:relative}.rumble{animation:rumble .5s ease}@keyframes rumble{0%,to{transform:translateX(0)}10%{transform:translateX(-2px) rotate(-1deg)}20%{transform:translateX(2px) rotate(1deg)}30%{transform:translateX(-2px) rotate(-1deg)}40%{transform:translateX(2px) rotate(1deg)}50%{transform:translateX(-2px) rotate(-1deg)}60%{transform:translateX(2px) rotate(1deg)}70%{transform:translateX(-2px) rotate(-1deg)}80%{transform:translateX(2px) rotate(1deg)}90%{transform:translateX(-2px) rotate(-1deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.logo-container:hover .boulder{transform:translateY(-2px)}.nav-links{display:flex;align-items:center;gap:16px}.nav-links a{color:var(--text-primary);text-decoration:none;font-size:13px;font-family:var(--terminal-font);font-weight:500;letter-spacing:.5px;text-transform:uppercase;padding:8px 16px;position:relative;transition:all .15s ease;background:var(--bg-secondary);box-shadow:0 0 0 2px var(--border),4px 4px 0 0 var(--bg-tertiary),4px 4px 0 2px var(--border);-webkit-clip-path:polygon(2px 0,calc(100% - 2px) 0,100% 2px,100% calc(100% - 2px),calc(100% - 2px) 100%,2px 100%,0 calc(100% - 2px),0 2px);clip-path:polygon(2px 0,calc(100% - 2px) 0,100% 2px,100% calc(100% - 2px),calc(100% - 2px) 100%,2px 100%,0 calc(100% - 2px),0 2px)}.nav-links a:hover{color:var(--phosphor-green);background:var(--code-bg);box-shadow:0 0 0 2px var(--phosphor-green),4px 4px 0 0 var(--bg-tertiary),4px 4px 0 2px var(--phosphor-green),0 0 15px var(--phosphor-glow-dim);transform:translate(-2px,-2px)}.nav-links a:active{transform:translate(2px,2px);box-shadow:0 0 0 2px var(--phosphor-green),0 0 0 0 var(--bg-tertiary),0 0 0 2px var(--phosphor-green)}.social-links{display:flex;gap:12px;padding-left:16px;margin-left:16px;position:relative}.social-links:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:2px;height:20px;background:var(--border);box-shadow:-2px -2px 0 0 var(--border),-2px 2px 0 0 var(--border)}.social-links a{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-secondary);color:var(--text-secondary);text-decoration:none;font-size:12px;transition:all .15s ease;font-family:var(--terminal-font);white-space:nowrap;position:relative;box-shadow:0 0 0 2px var(--border),3px 3px 0 0 var(--bg-tertiary),3px 3px 0 2px var(--border);-webkit-clip-path:polygon(2px 0,calc(100% - 2px) 0,100% 2px,100% calc(100% - 2px),calc(100% - 2px) 100%,2px 100%,0 calc(100% - 2px),0 2px);clip-path:polygon(2px 0,calc(100% - 2px) 0,100% 2px,100% calc(100% - 2px),calc(100% - 2px) 100%,2px 100%,0 calc(100% - 2px),0 2px)}.social-links a:hover{color:var(--phosphor-green);background:var(--code-bg);box-shadow:0 0 0 2px var(--phosphor-green),3px 3px 0 0 var(--bg-tertiary),3px 3px 0 2px var(--phosphor-green),0 0 12px var(--phosphor-glow-dim);transform:translate(-1px,-1px)}.social-links a:active{transform:translate(1px,1px);box-shadow:0 0 0 2px var(--phosphor-green),1px 1px 0 0 var(--bg-tertiary),1px 1px 0 2px var(--phosphor-green)}main{margin-top:120px;padding-bottom:120px}.hero{padding:80px 0;text-align:center;background:radial-gradient(ellipse at center top,rgba(74,124,89,.05),transparent 60%)}.hero,.hero h1{position:relative}.hero h1{font-size:56px;font-weight:600;line-height:1.1;margin-bottom:24px;letter-spacing:-2px}.gradient-text{background:linear-gradient(135deg,var(--phosphor-green) 0,var(--golden) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 10px var(--phosphor-glow-dim))}.hero p{font-size:20px;color:var(--text-secondary);max-width:600px;margin:0 auto 48px;line-height:1.6}.cta-group{display:flex;gap:16px;justify-content:center}.btn{padding:12px 24px;border-radius:8px;text-decoration:none;font-size:15px;font-weight:500;transition:all .2s;display:inline-flex;align-items:center;gap:8px;position:relative}.btn-primary{background:var(--accent);color:white;border:1px solid var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 0 rgba(58,95,71,.5)}.btn-primary:active{transform:translateY(0);box-shadow:0 1px 0 rgba(58,95,71,.5)}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--text-secondary);transform:translateY(-2px);box-shadow:0 4px 0 rgba(139,128,117,.3);background:rgba(74,124,89,.1)}.btn-secondary:active{transform:translateY(0);box-shadow:0 1px 0 rgba(139,128,117,.3)}.terminal-section{margin:80px 0}.terminal{background:var(--bg-secondary);border:1px solid var(--terminal-border);border-radius:12px;overflow:hidden;font-family:var(--terminal-font);font-size:14px;box-shadow:0 0 30px var(--phosphor-glow-dim)}.terminal-header{background:var(--code-bg);padding:12px 16px;border-bottom:1px solid var(--border);align-items:center}.terminal-dots,.terminal-header{display:flex;gap:8px}.dot{width:12px;height:12px;border-radius:2px;background:var(--border);position:relative}.dot:first-child{background:#c65d3c;box-shadow:0 0 8px #c65d3c}.dot:nth-child(2){background:#e9c46a;box-shadow:0 0 8px #e9c46a}.dot:nth-child(3){background:var(--phosphor-green);box-shadow:0 0 12px var(--phosphor-glow)}.terminal-title{flex:1 1;text-align:center;color:var(--phosphor-green);font-size:13px;text-shadow:0 0 5px var(--phosphor-glow-dim);letter-spacing:.5px}.terminal-body{padding:24px}.terminal-line{margin:8px 0;display:flex;align-items:center}.prompt{color:var(--phosphor-green);margin-right:8px;text-shadow:0 0 10px var(--phosphor-glow),0 0 20px var(--phosphor-glow-dim);font-weight:500}.command{color:var(--text-primary)}.output{color:var(--text-secondary);margin-left:16px}.cursor{display:inline-block;width:8px;height:16px;background:var(--phosphor-green);animation:blink 1s infinite;margin-left:2px;box-shadow:0 0 8px var(--phosphor-glow)}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.services{margin:120px 0}.section-header{text-align:center;margin-bottom:64px}.section-header h2{font-size:2.85rem;font-weight:600;margin-bottom:16px;letter-spacing:-1px}.section-header p{color:var(--text-secondary);font-size:1.725rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:24px;gap:24px}.service-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:32px;transition:all .3s ease;will-change:transform}.service-card:hover{border-color:var(--phosphor-green);transform:translateY(-4px);box-shadow:0 8px 0 var(--phosphor-glow-dim),0 0 20px var(--phosphor-glow-dim)}.service-icon{width:48px;height:48px;background:var(--code-bg);border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:24px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;position:relative}.service-icon:after{content:"";position:absolute;inset:-1px;border-radius:8px;background:linear-gradient(45deg,transparent,var(--phosphor-green),transparent);opacity:0;transition:opacity .3s;z-index:-1}.service-card:hover .service-icon:after{opacity:.6;box-shadow:0 0 20px var(--phosphor-glow)}.service-card h3{font-size:20px;margin-bottom:12px;font-weight:600}.service-card p{color:var(--text-secondary);line-height:1.6}.code-section{margin:80px 0}.code-block{background:var(--code-bg);border:1px solid var(--border);border-radius:8px;padding:24px;font-family:var(--terminal-font);font-size:14px;overflow-x:auto}.code-block pre{margin:0}.code-line{margin:4px 0}.keyword{color:#4a7c59}.string{color:#c65d3c}.comment{color:#6b5d4f}.function{color:#e9c46a}footer{border-top:1px solid var(--border);padding:48px 0}.footer-content{display:flex;justify-content:space-between;align-items:center}.footer-links{display:flex;gap:24px;flex-wrap:wrap;justify-content:center}.footer-links a{color:var(--text-secondary);text-decoration:none;font-size:14px;transition:color .2s}.footer-links a:hover{color:var(--text-primary)}.legal-section{padding:80px 0;background:var(--bg-secondary);border-top:1px solid var(--border);display:none}.legal-section:target{display:block}.legal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.legal-section h2{font-size:36px;font-weight:600;margin:0;letter-spacing:-1px;color:var(--accent)}.close-legal{color:var(--text-secondary);text-decoration:none;font-size:14px;font-family:var(--terminal-font);padding:8px 16px;border:1px solid var(--border);border-radius:6px;transition:all .2s}.close-legal:hover{color:var(--text-primary);border-color:var(--accent)}.legal-content{max-width:800px}.legal-content h3{font-size:20px;margin:32px 0 16px;color:var(--text-primary)}.legal-content p{color:var(--text-secondary);line-height:1.8;margin-bottom:16px}.legal-content strong{color:var(--text-primary)}.mobile-nav-toggle{display:none;background:none;border:none;cursor:pointer;z-index:1003}.hamburger-icon{width:24px;height:20px;display:flex;flex-direction:column;justify-content:space-between}.hamburger-icon span{width:100%;height:2px;background-color:var(--text-primary);transition:all .3s ease-in-out}.mobile-nav-toggle.open .hamburger-icon span:first-child{transform:rotate(45deg) translate(5px,5px)}.mobile-nav-toggle.open .hamburger-icon span:nth-child(2){opacity:0}.mobile-nav-toggle.open .hamburger-icon span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-nav{position:fixed;top:0;right:-100%;width:100%;height:100%;background:var(--bg-secondary);transition:right .3s ease-in-out;z-index:1002;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:80px}.mobile-nav.open{right:0}.mobile-nav-links{display:flex;flex-direction:column;gap:32px;text-align:center}.mobile-nav-links a{color:var(--text-primary);text-decoration:none;font-size:18px;font-weight:500;font-family:var(--terminal-font);text-transform:uppercase;letter-spacing:1px;padding:12px 32px;position:relative;background:var(--bg-tertiary);box-shadow:0 0 0 2px var(--border),5px 5px 0 0 var(--code-bg),5px 5px 0 2px var(--border);-webkit-clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,0 calc(100% - 3px),0 3px);clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,0 calc(100% - 3px),0 3px);transition:all .15s ease}.mobile-nav-links a:active,.mobile-nav-links a:hover{color:var(--phosphor-green);background:var(--code-bg);box-shadow:0 0 0 2px var(--phosphor-green),5px 5px 0 0 var(--bg-tertiary),5px 5px 0 2px var(--phosphor-green),0 0 20px var(--phosphor-glow-dim)}.mobile-social-links{margin-top:48px;display:flex;gap:16px;flex-direction:column}.mobile-social-links a{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:var(--bg-secondary);color:var(--text-secondary);text-decoration:none;font-size:14px;transition:all .15s ease;font-family:var(--terminal-font);white-space:nowrap;box-shadow:0 0 0 2px var(--border),4px 4px 0 0 var(--bg-tertiary),4px 4px 0 2px var(--border);-webkit-clip-path:polygon(2px 0,calc(100% - 2px) 0,100% 2px,100% calc(100% - 2px),calc(100% - 2px) 100%,2px 100%,0 calc(100% - 2px),0 2px);clip-path:polygon(2px 0,calc(100% - 2px) 0,100% 2px,100% calc(100% - 2px),calc(100% - 2px) 100%,2px 100%,0 calc(100% - 2px),0 2px)}.mobile-social-links a:active,.mobile-social-links a:hover{color:var(--phosphor-green);background:var(--code-bg);box-shadow:0 0 0 2px var(--phosphor-green),4px 4px 0 0 var(--bg-tertiary),4px 4px 0 2px var(--phosphor-green),0 0 15px var(--phosphor-glow-dim)}.mobile-social-links a svg{width:20px;height:20px}.mobile-social-links a span{font-size:16px!important}.mobile-nav-close{position:absolute;top:20px;right:24px;background:none;border:none;color:var(--text-primary);font-size:40px;cursor:pointer;line-height:1}@keyframes pixel-glitch{0%,to{text-shadow:-2px 0 var(--phosphor-green),2px 0 var(--accent),0 0 10px var(--phosphor-glow)}25%{text-shadow:2px 0 var(--phosphor-green),-2px 0 var(--accent),0 0 10px var(--phosphor-glow)}50%{text-shadow:-1px 0 var(--phosphor-green),1px 0 var(--accent),0 0 15px var(--phosphor-glow-dim)}75%{text-shadow:1px 0 var(--phosphor-green),-1px 0 var(--accent),0 0 8px var(--phosphor-glow)}}.glitch-text{font-family:var(--font-family-terminal)!important;letter-spacing:.05em;text-shadow:0 0 10px rgba(74,143,89,.6),0 0 20px rgba(74,143,89,.3)}.glitch-text:hover{animation:pixel-glitch .3s infinite}.glitch-text-hover{position:relative;display:inline-block;transition:all .3s ease}.glitch-text-hover:hover{color:var(--phosphor-green);text-shadow:0 0 10px var(--phosphor-glow),0 0 20px var(--phosphor-glow-dim),0 0 30px var(--phosphor-glow-dim);animation:pixel-glitch .3s infinite}.section-header p{font-family:var(--font-family-terminal)!important;letter-spacing:.02em}.crt-effect{position:relative}.crt-effect:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(74,255,0,.03) 0,rgba(74,255,0,.03) 4px);pointer-events:none}.btn-studio{background:var(--code-bg);color:var(--phosphor-green);font-family:var(--terminal-font);letter-spacing:.5px;text-transform:uppercase;font-size:13px;font-weight:700;padding:8px 16px;text-decoration:none;display:inline-block;position:relative;transition:all .15s ease;box-shadow:0 0 0 2px var(--phosphor-green),4px 4px 0 0 rgba(74,255,0,.3),4px 4px 0 2px var(--phosphor-green),0 0 10px var(--phosphor-glow-dim);-webkit-clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,0 calc(100% - 3px),0 3px);clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,0 calc(100% - 3px),0 3px)}.btn-studio:hover{background:var(--phosphor-green);color:var(--bg-primary);box-shadow:0 0 0 2px var(--phosphor-green),6px 6px 0 0 rgba(74,255,0,.4),6px 6px 0 2px var(--phosphor-green),0 0 20px var(--phosphor-glow),0 0 30px var(--phosphor-glow-dim);transform:translate(-2px,-2px)}.btn-studio:active{transform:translate(2px,2px);box-shadow:0 0 0 2px var(--phosphor-green),2px 2px 0 0 rgba(74,255,0,.3),2px 2px 0 2px var(--phosphor-green),0 0 15px var(--phosphor-glow)}@keyframes matrix-fall{0%{transform:translateY(-100%);opacity:1}to{transform:translateY(100vh);opacity:0}}.matrix-rain{width:100%;height:100%;background-image:linear-gradient(transparent 90%,var(--phosphor-green)),repeating-linear-gradient(0deg,var(--phosphor-green) 0,transparent 1px,transparent 40px);animation:matrix-fall 20s linear infinite;opacity:.15}@keyframes typing-blink{0%,49%{opacity:1}50%,to{opacity:0}}.typing-cursor{animation:typing-blink 1s infinite}.service-card{transform-style:preserve-3d;transition:transform .1s ease}@media (max-width:768px){.nav-links{display:none}.mobile-nav-toggle{display:flex;align-items:center}.logo-container{gap:12px}.logo-container:after{display:none}.logo{font-size:16px;letter-spacing:1px;text-shadow:1px 1px 0 #4a7c59,2px 2px 0 #3a5f47,3px 3px 0 #3a342c}.hero{padding:60px 0}.hero h1{font-size:36px}.hero p{font-size:18px}.services-grid{grid-template-columns:1fr}.footer-content{flex-direction:column;gap:24px;text-align:center}.legal-header{flex-direction:column;gap:20px;align-items:flex-start}.legal-section{padding:40px 0}.terminal{font-size:12px}.terminal-body{padding:16px}}@keyframes fadeUp{0%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-20px)}}