:root{--primary-color: #00ffcc;--secondary-color: #ffffff;--accent-color: #ffff00;--background-color: #13345f;--card-background: #1a4a73;--code-background: #0a1a2a;--text-color: #ffffff;--text-muted: #cccccc;--border-color: #00ffcc;--font-mono: "Fira Code", "Courier New", monospace;--font-sans: "Inter", system-ui, sans-serif}html{scroll-behavior:smooth}body{background-color:var(--background-color);color:var(--text-color);font-family:var(--font-sans);line-height:1.6;overflow-x:hidden;background-image:linear-gradient(rgba(0,255,204,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,204,.05) 1px,transparent 1px);background-size:40px 40px;background-attachment:fixed}h1,h2,h3,.mono-text{font-family:var(--font-mono);color:var(--primary-color);font-weight:400}a{color:var(--primary-color);text-decoration:none}.blink{animation:blinker 1s step-end infinite}@keyframes blinker{50%{opacity:0}}.site-wrapper{display:flex;flex-direction:column;align-items:center}.content-bounds{width:100%;max-width:1000px;margin:0 auto;border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);background-color:#13345fd9;min-height:100vh}.terminal-nav{position:sticky;top:0;z-index:100;background-color:var(--code-background);border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color);padding:10px 20px;display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:.9rem}.terminal-nav .nav-prompt{color:var(--secondary-color);transition:color .3s}.terminal-nav .nav-prompt span.accent{color:var(--primary-color)}.nav-links{display:flex;gap:20px}.nav-links a{color:var(--text-muted);transition:all .2s;text-transform:lowercase}.nav-links a:before{content:"[ ";opacity:.5;transition:color .2s}.nav-links a:after{content:" ]";opacity:.5;transition:color .2s}.nav-links a:hover{color:var(--primary-color)}.nav-links a:hover:before,.nav-links a:hover:after{color:var(--primary-color);opacity:1}.hero{height:90vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;border-bottom:1px dashed var(--border-color);position:relative;background-color:#0a1a2a80}.hero-box{border:1px solid var(--border-color);background-color:var(--code-background);padding:40px;width:100%;max-width:600px;text-align:left;box-shadow:10px 10px #00ffcc1a}.hero-box h1{font-size:1.5rem;margin-bottom:20px;color:var(--secondary-color)}.typing-text{font-family:var(--font-mono);font-size:1.2rem;margin-bottom:40px;color:var(--primary-color)}.scroll-msg{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);text-align:center;margin-top:40px;opacity:.7;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}section.content-section{padding:60px 40px;border-bottom:1px solid rgba(0,255,204,.2)}.section-title{font-size:1.2rem;margin-bottom:40px;display:inline-block;padding-bottom:5px;cursor:default}.grid-2{display:grid;grid-template-columns:1fr 1px 1fr;gap:0;border:1px solid var(--border-color)}.grid-col{padding:40px;background-color:#0a1a2a4d;transition:background-color .3s}.grid-col:hover{background-color:#0a1a2a99}.grid-divider{background-color:var(--border-color);width:1px}.service-card h3{font-size:1.1rem;margin-bottom:15px}.service-card p{font-size:.95rem;color:var(--text-muted);margin-bottom:25px}.btn-mono{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:.85rem;padding:8px 15px;border:1px solid var(--border-color);background:transparent;color:var(--primary-color);transition:all .2s;cursor:pointer;text-transform:uppercase;letter-spacing:1px}.btn-mono:before{content:"[";margin-right:10px;color:var(--text-muted);transition:transform .2s}.btn-mono:after{content:"]";margin-left:10px;color:var(--text-muted);transition:transform .2s}.btn-mono:hover{background-color:var(--primary-color);color:var(--code-background)}.btn-mono:hover:before{transform:translate(-4px);color:var(--code-background)}.btn-mono:hover:after{transform:translate(4px);color:var(--code-background)}.product-showcase{display:flex;flex-direction:column;gap:60px}.product-row{display:flex;gap:40px;align-items:center}.product-row:nth-child(2n){flex-direction:row-reverse}.product-image{flex:1;border:1px solid var(--border-color);background-color:var(--code-background);padding:10px;min-height:250px;display:flex;justify-content:center;align-items:center;font-family:var(--font-mono);color:#ffffff4d;position:relative;overflow:hidden}.product-image:after{content:"";position:absolute;top:-50%;left:0;right:0;height:10px;background:#00ffcc4d;box-shadow:0 0 10px #00ffcc80;animation:scan 4s linear infinite;opacity:0}.product-row:hover .product-image:after{opacity:1}@keyframes scan{0%{top:-10%}to{top:110%}}.product-info{flex:1}.product-info h3{margin-bottom:10px}.product-info p{margin-bottom:20px;color:var(--text-muted)}.product-features{list-style:none;margin-bottom:25px;font-family:var(--font-mono);font-size:.85rem;color:var(--secondary-color)}.product-features li:before{content:"* ";color:var(--primary-color)}.home-blog-list{border:1px solid var(--border-color);font-family:var(--font-mono)}.home-blog-row{display:flex;justify-content:space-between;padding:20px;border-bottom:1px solid rgba(0,255,204,.2);transition:all .2s;text-decoration:none;align-items:center}.home-blog-row:last-child{border-bottom:none}.home-blog-row:hover{background-color:var(--primary-color);color:var(--code-background)}.home-blog-row:hover .home-blog-date,.home-blog-row:hover .home-blog-title{color:var(--code-background)}.home-blog-date{color:var(--text-muted);margin-right:20px;font-size:.9rem}.home-blog-title{color:var(--secondary-color);flex-grow:1}.home-blog-link-arrow{opacity:0;transition:opacity .2s,transform .2s}.home-blog-row:hover .home-blog-link-arrow{opacity:1;transform:translate(5px)}footer.eof{padding:60px 40px;font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted);border-top:1px dashed var(--border-color);background-color:var(--code-background)}.footer-inner{flex:1}.footer-inner span.divider{margin:0 10px;color:var(--primary-color)}.footer-inner a{color:var(--text-muted);border-bottom:1px solid transparent;transition:border .2s,color .2s}.footer-inner a:hover{color:var(--primary-color);border-bottom:1px solid var(--primary-color)}.reveal,.reveal-child{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal.active,.reveal-child.active{opacity:1;transform:translateY(0)}.click-firework{position:fixed;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle,#fffffff2,#fff0 70%);transform:translate(-50%,-50%);pointer-events:none;animation:firework-core .68s ease-out forwards;z-index:9999}.click-firework:after{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;border-radius:50%;border:1px solid rgba(255,255,255,.55);transform:translate(-50%,-50%);animation:firework-ring .62s ease-out forwards}.click-firework .spark,.click-firework .ember{position:absolute;left:50%;top:50%;border-radius:50%;background:var(--spark-color, rgba(0, 255, 204, .95));transform:translate(-50%,-50%);will-change:transform,opacity}.click-firework .spark{width:var(--size, 2px);height:calc(var(--size, 2px) * 2.6);border-radius:999px;box-shadow:0 0 8px color-mix(in srgb,var(--spark-color, #00ffcc) 65%,white 35%);animation:firework-spark var(--duration, .5s) cubic-bezier(.2,.82,.24,1) forwards;animation-delay:var(--delay, 0s)}.click-firework .ember{width:2px;height:2px;box-shadow:0 0 5px color-mix(in srgb,var(--spark-color, #00ffcc) 55%,white 45%);animation:firework-ember var(--duration, .62s) ease-out forwards}@keyframes firework-core{0%{opacity:.9;transform:translate(-50%,-50%) scale(.75)}35%{opacity:.65;transform:translate(-50%,-50%) scale(1.4)}to{opacity:0;transform:translate(-50%,-50%) scale(2.35)}}@keyframes firework-ring{0%{opacity:.75;width:8px;height:8px}to{opacity:0;width:56px;height:56px}}@keyframes firework-spark{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle, 0deg)) translate(0) translateY(0) scale(.55)}12%{opacity:1;transform:translate(-50%,-50%) rotate(var(--angle, 0deg)) translate(calc(var(--distance, 24px) * .32)) translateY(calc(var(--drop, 6px) * -.35)) scale(1)}72%{opacity:.85;transform:translate(-50%,-50%) rotate(var(--angle, 0deg)) translate(var(--distance, 24px)) translateY(var(--drop, 6px)) scale(.9)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle, 0deg)) translate(calc(var(--distance, 24px) * 1.12)) translateY(calc(var(--drop, 6px) * 2.8)) scale(.3)}}@keyframes firework-ember{0%{opacity:.75;transform:translate(-50%,-50%) rotate(var(--angle, 0deg)) translate(0) scale(1)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle, 0deg)) translate(var(--distance, 10px)) translateY(16px) scale(.4)}}.other-product-link{position:relative;transition:color .2s ease,transform .2s ease,box-shadow .2s ease,background-color .2s ease}.other-product-link:hover{color:#0fc;background-color:#00ffcc14;transform:translateY(-1px);box-shadow:inset 0 0 0 1px #00ffcc59}.other-product-link:after{content:"";position:absolute;left:20px;right:20px;bottom:7px;height:1px;background:#00ffcc8c;transform:scaleX(.35);opacity:0;transform-origin:center;transition:transform .2s ease,opacity .2s ease}.other-product-link:hover:after{opacity:1;transform:scaleX(1)}@media (max-width: 768px){.grid-2,.product-row,.product-row:nth-child(2n){grid-template-columns:1fr;flex-direction:column}.grid-divider{width:100%;height:1px}.home-blog-row{flex-direction:column;align-items:flex-start;gap:5px}section.content-section{padding:40px 20px}}.grid-3{display:grid;grid-template-columns:1fr 1px 1fr 1px 1fr;gap:0;border:1px solid var(--border-color);margin-top:30px}.grid-3 .grid-col{padding:20px;background-color:#0a1a2a4d;transition:background-color .3s;display:flex;flex-direction:column;align-items:flex-start}.grid-3 .grid-col:hover{background-color:#0a1a2a99}.grid-3 h4{margin-bottom:10px;display:flex;align-items:center;gap:10px}.grid-3 img.icon{width:20px;height:20px;border-radius:4px}@media (max-width: 768px){.grid-3{grid-template-columns:1fr}}.ascii-art{font-size:.5rem;line-height:1.1;color:var(--primary-color);overflow:hidden}