@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700;800&display=swap";:root{--green: #00ff00;--green-dim: rgba(0, 255, 0, .6);--green-surface: rgba(0, 255, 0, .04);--green-border: rgba(0, 255, 0, .2);--green-glow: 0 0 15px rgba(0, 255, 0, .25), inset 0 0 15px rgba(0, 255, 0, .08);--purple: #8b5cf6;--purple-dim: rgba(139, 92, 246, .6);--purple-surface: rgba(139, 92, 246, .05);--purple-border: rgba(139, 92, 246, .25);--purple-glow: 0 0 15px rgba(139, 92, 246, .25), inset 0 0 15px rgba(139, 92, 246, .08);--bg: #000000;--surface: rgba(0, 0, 0, .6);--text: #e0e0e0;--text-dim: #888;--font: "JetBrains Mono", monospace;--radius: 4px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.7;overflow-x:hidden}a{color:var(--green);text-decoration:none;transition:all .3s}a:hover{text-shadow:0 0 10px var(--green)}h1,h2,h3,h4{font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--green)}#canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.scanline-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px)}#app{position:relative;z-index:10;width:100%;max-width:1100px;margin:0 auto;padding:0 2rem;visibility:visible}.main-nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0}.nav-link{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--green-dim);border:1px solid transparent;padding:.4rem .8rem;transition:all .3s}.nav-link:hover{color:var(--green);border-color:var(--green-border);box-shadow:var(--green-glow);text-shadow:0 0 10px var(--green)}.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}.reveal.revealed{opacity:1;transform:translateY(0)}.services-grid .reveal:nth-child(2){transition-delay:.1s}.services-grid .reveal:nth-child(3){transition-delay:.2s}.services-grid .reveal:nth-child(4){transition-delay:.3s}.services-grid .reveal:nth-child(5){transition-delay:.4s}.services-grid .reveal:nth-child(6){transition-delay:.5s}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 0}.ascii-container{width:100%;display:flex;justify-content:center;overflow:hidden;margin-bottom:1rem}pre.ascii-logo{font-family:var(--font);font-weight:900;font-size:clamp(2px,1.1vw,9px);line-height:1.1;color:var(--green);white-space:pre;filter:drop-shadow(0 0 8px rgba(0,255,0,.5))}.glitch-active{animation:glitch-skew .25s cubic-bezier(.25,.46,.45,.94) both infinite;color:#fff;text-shadow:-3px 0 #ff00c1,3px 0 #00fff9}@keyframes glitch-skew{0%{transform:skew(0)}20%{transform:skew(-8deg)}40%{transform:skew(8deg)}60%{transform:skew(-4deg)}80%{transform:skew(4deg)}to{transform:skew(0)}}.hero-name{font-size:clamp(2.5rem,7vw,5rem);margin-bottom:.25rem;text-shadow:0 0 20px rgba(0,255,0,.4);letter-spacing:.1em}.hero-role{font-size:clamp(.9rem,1.8vw,1.3rem);color:var(--green-dim);margin-bottom:1rem}.hero-tagline{font-size:clamp(1rem,2vw,1.5rem);color:var(--text);margin-bottom:.25rem;min-height:2rem}.cursor{display:inline-block;width:12px;height:1.4em;background:var(--green);vertical-align:middle;animation:blink 1s step-end infinite;margin-left:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-ctas{display:flex;gap:1rem;margin-top:2.5rem;flex-wrap:wrap;justify-content:center}.btn{display:inline-block;font-family:var(--font);font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.75rem 1.75rem;border:1px solid var(--green-border);background:var(--green-surface);color:var(--green);cursor:pointer;transition:all .3s ease;position:relative}.btn:before{content:"[ ";opacity:.5}.btn:after{content:" ]";opacity:.5}.btn-primary{background:#00ff001a;border-color:var(--green);box-shadow:var(--green-glow)}.btn-primary:hover{background:#0f03;box-shadow:0 0 25px #00ff0080,inset 0 0 25px #00ff0026;text-shadow:0 0 8px var(--green);transform:translateY(-2px)}.btn-secondary{border-color:var(--green-border)}.btn-secondary:hover{border-color:var(--green);box-shadow:var(--green-glow);transform:translateY(-2px)}.btn-accent{color:var(--purple);border-color:var(--purple-border);background:var(--purple-surface)}.btn-accent:hover{border-color:var(--purple);box-shadow:var(--purple-glow);text-shadow:0 0 8px var(--purple);transform:translateY(-2px)}.btn-large{font-size:1.1rem;padding:1rem 2.5rem}section{padding:6rem 0}.section-header{margin-bottom:3rem}.section-header h2{font-size:clamp(1.5rem,3vw,2.2rem);margin-bottom:1rem}.section-subtitle{color:var(--text-dim);font-size:1rem;max-width:600px;line-height:1.8}.section-cta{margin-top:4rem;text-align:center}.section-cta p{font-size:1.1rem;color:var(--green-dim);margin-bottom:1.5rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.service-card{background:var(--surface);border:1px solid var(--green-border);padding:2rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .4s ease}.service-card:hover{border-color:var(--green);box-shadow:var(--green-glow);transform:translateY(-4px)}.service-icon{font-size:2rem;margin-bottom:1rem}.service-card h3{font-size:1.1rem;margin-bottom:.75rem;color:var(--green)}.service-card p{color:var(--text);font-size:.9rem;line-height:1.7;margin-bottom:1rem}.service-features{list-style:none;padding:0}.service-features li{font-size:.8rem;color:var(--green-dim);padding:.3rem 0;border-top:1px solid rgba(0,255,0,.08)}.service-features li:before{content:"✓ ";color:var(--green)}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.product-card{background:var(--surface);border:1px solid var(--green-border);padding:2.5rem 2rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .4s ease;position:relative;overflow:hidden;display:flex;flex-direction:column}.product-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--green),transparent);opacity:0;transition:opacity .4s}.product-card:hover:before{opacity:1}.product-card:hover{border-color:var(--green);box-shadow:var(--green-glow);transform:translateY(-6px)}.product-card.payprflow{border-color:var(--purple-border)}.product-card.payprflow:before{background:linear-gradient(90deg,transparent,var(--purple),transparent)}.product-card.payprflow:hover{border-color:var(--purple);box-shadow:var(--purple-glow)}.product-card.payprflow h3{color:var(--purple)}.product-badge{position:absolute;top:1rem;right:1rem;font-size:.65rem;font-weight:700;padding:.2rem .6rem;background:#00ff0026;border:1px solid var(--green-border);color:var(--green);text-transform:uppercase;letter-spacing:.1em}.product-badge.free{background:#0f03;border-color:var(--green)}.product-card h3{font-size:1.3rem;margin-bottom:1rem}.product-description{font-size:.9rem;color:var(--text);line-height:1.8;margin-bottom:1rem}.product-description strong{color:var(--green)}.product-card.payprflow .product-description strong{color:var(--purple)}.product-btn{margin-top:auto;align-self:flex-start}.product-highlights{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.5rem 0}.highlight{font-size:.75rem;padding:.35rem .75rem;background:#00ff0014;border:1px solid rgba(0,255,0,.15);color:var(--green-dim)}.highlight.accent{background:#8b5cf614;border-color:#8b5cf626;color:var(--purple-dim)}.contact-section{text-align:center;padding:8rem 0}.contact-inner{background:var(--surface);border:1px solid var(--green-border);padding:4rem 3rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--green-glow)}.contact-section h2{font-size:clamp(1.5rem,3.5vw,2.5rem);margin-bottom:1.5rem}.contact-pitch{font-size:1.1rem;color:var(--text);max-width:600px;margin:0 auto 1rem;line-height:1.8}.contact-name{color:var(--green-dim);font-size:1rem;margin-bottom:2rem}.contact-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.footer{text-align:center;padding:3rem 0;font-size:.8rem;color:var(--text-dim);border-top:1px solid rgba(0,255,0,.08)}@media(max-width:768px){.services-grid,.products-grid{grid-template-columns:1fr}.hero-name{font-size:2.2rem}.contact-inner{padding:3rem 1.5rem}section{padding:4rem 0}}@media(max-width:480px){.hero-ctas{flex-direction:column;align-items:center}pre.ascii-logo{font-size:3px}}
