:root{font-family:JetBrains Mono,Fira Code,Consolas,Monaco,monospace;line-height:1.5;font-weight:400;color-scheme:dark;color:#0f0;background-color:#0a0a0a;--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--text-primary: #ffffff;--text-secondary: #888888;--accent: #00ff00;--accent-dim: #00cc00;--border: #333333;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--accent);text-decoration:none;position:relative;transition:all .2s ease}a:hover{color:var(--text-primary);text-shadow:0 0 8px var(--accent)}a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--accent);transition:width .2s ease}a:hover:after{width:100%}body{margin:0;background-color:var(--bg-primary);color:var(--text-primary);min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1;color:var(--text-primary);font-weight:700}h2{color:var(--accent);font-weight:600}h3{color:var(--text-primary);font-weight:500}button{border-radius:4px;border:1px solid var(--border);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}button:hover{border-color:var(--accent);box-shadow:0 0 10px var(--accent-dim);background-color:#00ff001a}button:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cursor-blink{animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}*{box-sizing:border-box}.terminal-window{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;margin:1rem 0;overflow:hidden}.terminal-header{background:var(--bg-primary);padding:.5rem 1rem;border-bottom:1px solid var(--border);font-size:.8rem;color:var(--text-secondary)}.terminal-content{padding:1rem;font-family:inherit}.glow{text-shadow:0 0 10px currentColor}.text-accent{color:var(--accent)}.text-secondary{color:var(--text-secondary)}.app{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);position:relative}.container{max-width:1200px;margin:0 auto;padding:2rem;position:relative;z-index:1}.header{border-bottom:1px solid var(--border);margin-bottom:2rem;padding-bottom:1rem}.nav{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:1rem;padding:.4rem;background:#0a0a0ab8;border:1px solid var(--border);border-radius:8px;box-shadow:0 6px 24px #00000080;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.nav-item{display:inline-flex;align-items:center;gap:.55rem;padding:.4rem .85rem;border:1px solid transparent;border-radius:5px;color:var(--text-secondary);cursor:pointer;transition:color .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}a.nav-item{font-weight:inherit}a.nav-item:before{content:"";flex-shrink:0;width:6px;height:6px;border-radius:50%;background:#262626;box-shadow:inset 0 0 0 1px #3a3a3a;transition:background .2s ease,box-shadow .2s ease}a.nav-item:after{display:none}.nav-item:hover{color:var(--text-primary);background:#00ff000d;border-color:#0f03}a.nav-item:hover:before{background:#2e7d2e;box-shadow:0 0 4px #00ff0080}.nav-item.active{color:var(--accent);background:#00ff001a;border-color:#00ff0073;box-shadow:0 0 14px #00ff0026,inset 0 0 10px #00ff000f;text-shadow:0 0 8px rgba(0,255,0,.5)}a.nav-item.active:before{background:var(--accent);box-shadow:0 0 6px var(--accent),0 0 12px #0f09;animation:led-pulse 2.4s ease-in-out infinite}.nav-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes led-pulse{0%,to{opacity:1}50%{opacity:.45}}@media (prefers-reduced-motion: reduce){a.nav-item.active:before{animation:none}}.section{margin-bottom:3rem}.terminal-prompt:before{content:"$ ";color:var(--accent)}.cursor:after{content:"█";color:var(--accent);animation:blink 1s infinite}.whoami-section{margin-bottom:2rem}.terminal-window-whoami{background:#300a24;border-radius:8px 8px 0 0;overflow:hidden;box-shadow:0 10px 40px #0009;width:100%;border:1px solid #1a0a14}.terminal-titlebar{background:linear-gradient(to bottom,#3c3836,#2d2b2a);padding:8px 12px;display:flex;align-items:center;justify-content:center;position:relative;border-bottom:1px solid #1a1816}.terminal-title{color:#eeeeec;font-size:13px;font-weight:600;font-family:Ubuntu,Cantarell,sans-serif;text-align:center}.terminal-buttons{display:flex;gap:12px;align-items:center;position:absolute;right:12px}.terminal-button{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;cursor:pointer;font-family:sans-serif;line-height:1}.terminal-button.minimize{background:#5a5854;color:#eeeeec}.terminal-button.maximize{background:#5a5854;color:#eeeeec;font-size:14px}.terminal-button.close{background:#da4453;color:#fff;font-size:18px}.terminal-body-whoami{padding:16px;font-family:Ubuntu Mono,Droid Sans Mono,Courier New,monospace;font-size:15px;line-height:1.4;color:#fff;background:#300a24;min-height:80px}.terminal-line{display:flex;gap:6px;margin-bottom:2px}.terminal-prompt,.terminal-prompt-ubuntu{color:#8ae234;font-weight:700;-webkit-user-select:none;user-select:none}.terminal-command{color:#fff}.terminal-output{color:#fff;padding-left:0;animation:fadeIn}.terminal-cursor{display:inline-block;width:8px;height:16px;background-color:#fff;margin-left:2px;margin-top:3px;animation:blink 1.3s infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:1.5rem;transition:all .2s ease}.card:hover{border-color:var(--accent);box-shadow:0 0 20px #00ff001a}.card h3{margin-top:0;color:var(--accent)}.tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tech-tag{background:#00ff001a;border:1px solid var(--accent);border-radius:4px;padding:.25rem .5rem;font-size:.8rem;color:var(--accent)}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem}.contact-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;transition:all .2s ease}.contact-item:hover{border-color:var(--accent);background:#00ff000d}.case-study-section{margin:2rem 0;padding:1rem 0;border-bottom:1px solid var(--border)}.case-study-section:last-child{border-bottom:none}.case-study-section h4{color:var(--accent);margin-bottom:.5rem}.screenshot-placeholder{margin:1rem 0;min-height:200px;display:flex;align-items:center;justify-content:center}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:1rem}.tech-category{background:var(--bg-primary);border:1px solid var(--border);border-radius:4px;padding:1rem}.tech-category h5{margin-top:0;margin-bottom:.5rem;font-size:.9rem}.tech-category ul{margin:0;padding-left:1rem;font-size:.85rem}.tech-category li{margin-bottom:.25rem;color:var(--text-secondary)}.app-store-link{margin:1rem 0}.store-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--accent);border-radius:4px;text-decoration:none;color:var(--text-primary);font-weight:500;transition:all .2s ease}.store-badge:hover{background:#00ff001a;box-shadow:0 0 10px var(--accent-dim);transform:translateY(-1px)}.screenshot-grid{margin:1.5rem 0}.mobile-screenshots{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-top:1rem;justify-items:center}.mobile-screenshots img{width:100%;max-width:220px;height:auto;border:1px solid var(--border);border-radius:12px;transition:all .2s ease}.mobile-screenshots img:hover{border-color:var(--accent);box-shadow:0 0 15px #0f03;transform:scale(1.05)}.fleet-screenshots{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.fleet-screenshots img{width:100%;height:auto;border:1px solid var(--border);border-radius:8px;transition:all .2s ease}.fleet-screenshots img:hover{border-color:var(--accent);box-shadow:0 0 15px #0f03;transform:scale(1.01)}.electrical-screenshots{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.electrical-photo{display:flex;flex-direction:column;gap:.5rem}.electrical-photo img{width:100%;height:auto;border:1px solid var(--border);border-radius:8px;transition:all .2s ease;object-fit:cover}.electrical-photo img:hover{border-color:var(--accent);box-shadow:0 0 15px #0f03;transform:scale(1.02)}.photo-caption{text-align:center;color:var(--text-secondary);font-size:.9rem;margin:0;font-style:italic}.feature-highlights{margin-top:1.5rem;padding:1rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:4px}.feature-highlights h5{margin-top:0;margin-bottom:.75rem}.feature-highlights ul{margin:0;padding-left:1rem}.feature-highlights li{margin-bottom:.5rem;color:var(--text-secondary)}.cli-session{margin:0;font-size:.85rem;line-height:1.6;color:var(--text-primary);white-space:pre-wrap;overflow-wrap:anywhere}.cli-prompt{color:#8ae234;font-weight:700}.cli-comment{color:var(--text-secondary)}.project-list{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.project-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.project-heading h3{margin-bottom:0}.project-card .text-accent{margin-top:.25rem}.project-card li{margin-bottom:.4rem}.project-image{display:block;width:100%;height:auto;margin:1rem 0;border:1px solid var(--border);border-radius:8px;image-rendering:pixelated}.screen-viewer,.screen-thumbs{max-width:860px;margin-left:auto;margin-right:auto}.screen-viewer{margin-top:0;margin-bottom:0}.screen-viewer img{display:block;width:100%;height:auto;border:1px solid var(--border);border-radius:8px}.screen-viewer .photo-caption{margin-top:.5rem}.video-demo{max-width:860px;margin:0 auto;aspect-ratio:1024 / 600;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:#000}.video-demo video,.video-demo img{display:block;width:100%;height:100%}.video-note{max-width:860px;margin:.6rem auto 0}.video-facade{position:relative;display:block;width:100%;height:100%;padding:0;border:none;border-radius:0;background:none;cursor:pointer}.video-facade:hover{background:none;box-shadow:none}.video-facade img{opacity:.75;transition:opacity .2s ease}.video-facade:hover img{opacity:.9}.video-play{position:absolute;inset:0;width:76px;height:76px;margin:auto;border:2px solid var(--accent);border-radius:50%;background:#0a0a0acc;box-shadow:0 0 18px #00ff0059,inset 0 0 12px #00ff0026;transition:transform .2s ease,box-shadow .2s ease}.video-play:before{content:"";position:absolute;top:50%;left:54%;transform:translate(-50%,-50%);border-style:solid;border-width:14px 0 14px 23px;border-color:transparent transparent transparent var(--accent)}.video-facade:hover .video-play,.video-facade:focus-visible .video-play{transform:scale(1.08);box-shadow:0 0 26px #00ff008c,inset 0 0 14px #0f03}.video-facade:focus:not(:focus-visible){outline:none}.screen-thumbs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:.75rem;margin-top:1rem}@media (max-width: 600px){.screen-thumbs{grid-auto-columns:110px;overflow-x:auto;padding-bottom:.25rem}}.screen-thumb{display:flex;flex-direction:column;gap:.4rem;padding:.4rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-size:.8rem;text-align:center;min-width:0}.screen-thumb span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-thumb img{width:100%;aspect-ratio:16 / 10;object-fit:cover;object-position:top;border-radius:4px;opacity:.6;transition:opacity .2s ease}.screen-thumb:hover img,.screen-thumb.active img{opacity:1}.screen-thumb.active{border-color:var(--accent);color:var(--accent);box-shadow:0 0 10px #00ff0026}.folder-tabs{display:flex;align-items:flex-end;gap:.25rem;padding:.5rem .75rem 0;background:var(--bg-primary);border-bottom:1px solid var(--border)}.folder-path{min-width:0;margin-right:.75rem;padding-bottom:.45rem;overflow:hidden;font-size:.8rem;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap}.folder-tab{flex-shrink:0;margin-bottom:-1px;padding:.4rem 1rem;background:transparent;border:1px solid transparent;border-radius:6px 6px 0 0;color:var(--text-secondary);font-size:.8rem}.folder-tab:hover{background:transparent;border-color:var(--border);border-bottom-color:transparent;box-shadow:none;color:var(--accent)}.folder-tab.active{background:var(--bg-secondary);border-color:var(--border);border-bottom-color:var(--bg-secondary);color:var(--accent)}.folder-tab:focus:not(:focus-visible),.screen-thumb:focus:not(:focus-visible){outline:none}.folder-tabs+.terminal-content .photo-caption{margin-bottom:.5rem}@media (max-width: 768px){.container{padding:1rem}.nav{gap:.3rem;padding:.3rem}.nav-item{flex:1 1 auto;justify-content:center;gap:.4rem;padding:.35rem .5rem;font-size:.8rem}.grid,.tech-grid,.electrical-screenshots{grid-template-columns:1fr}}