#qonqrete-bg{position:fixed;inset:0;z-index:0;background:#0a0a0a;overflow:hidden}#qonqrete-bg canvas{position:absolute;inset:0;width:100%;height:100%}#qonqrete-sparks{z-index:1}#qonqrete-arcs{z-index:2}.qonqrete-vignette{position:fixed;inset:0;z-index:3;pointer-events:none;background:radial-gradient(ellipse at center,transparent 0%,transparent 40%,rgba(0,0,0,.4) 100%)}.qonqrete-scanlines{position:fixed;inset:0;z-index:4;pointer-events:none;opacity:.15;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px)}.qonqrete-glow{position:fixed;z-index:0;pointer-events:none;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgb(var(--qonqrete-primary-color),.08) 0%,rgb(var(--qonqrete-primary-color),.02) 40%,transparent 70%);animation:glowPulse 8s ease-in-out infinite}.qonqrete-glow.glow-1{top:-200px;left:-200px;animation-delay:0s}.qonqrete-glow.glow-2{bottom:-200px;right:-200px;animation-delay:-4s}@keyframes glowPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.qonqrete-corner{position:fixed;width:30px;height:30px;z-index:5;pointer-events:none}.qonqrete-corner:before,.qonqrete-corner:after{content:"";position:absolute;background:rgb(var(--qonqrete-primary-color),.3)}.qonqrete-corner:before{width:100%;height:1px;top:50%}.qonqrete-corner:after{width:1px;height:100%;left:50%}.qonqrete-corner.top-left{top:20px;left:20px}.qonqrete-corner.top-right{top:20px;right:20px}.qonqrete-corner.bottom-left{bottom:20px;left:20px}.qonqrete-corner.bottom-right{bottom:20px;right:20px}.text-qonqrete{color:var(--qonqrete-primary-color)}.text-glow-qonqrete{text-shadow:0 0 20px rgb(var(--qonqrete-primary-color),.5),0 0 40px rgb(var(--qonqrete-primary-color),.3),0 0 60px rgb(var(--qonqrete-primary-color),.2)}.text-glow-qonqrete-sm{text-shadow:0 0 10px rgb(var(--qonqrete-primary-color),.4),0 0 20px rgb(var(--qonqrete-primary-color),.2)}.btn-qonqrete{background:rgb(var(--qonqrete-primary-color),.15);border:1px solid rgb(var(--qonqrete-primary-color),.4);color:rgb(var(--qonqrete-primary-color),1);transition:all .3s ease}.btn-qonqrete:hover{background:rgb(var(--qonqrete-primary-color),.25);border-color:rgb(var(--qonqrete-primary-color),.6);box-shadow:0 0 20px rgb(var(--qonqrete-primary-color),.3)}.btn-qonqrete-outline{background:#000;border:1px solid rgba(255,255,255,.2);color:#fff;transition:all .3s ease}.btn-qonqrete-outline:hover{background:#000c;border-color:#fff6;color:#fff}.hiw-container{max-width:1200px;margin:0 auto;padding:2rem 1rem;position:relative;z-index:10}.simple-box{background:linear-gradient(135deg,#ff6b351a,#ffc1070d);border:1px solid rgb(var(--qonqrete-primary-color),.6);border-radius:12px;padding:2rem;margin-bottom:3rem;text-align:center}.simple-box h2{font-family:JetBrains Mono,monospace;font-size:1.5rem;letter-spacing:.05em;margin-bottom:1rem;color:#ff6b00}.simple-box p{font-size:1.1rem;line-height:1.8;max-width:800px;margin:0 auto;color:#ffffffd9}.highlight{color:#00d4ff;font-weight:600}.pipeline-section{margin-bottom:4rem}.pipeline-section h2{font-family:JetBrains Mono,monospace;font-size:1.5rem;letter-spacing:.1em;margin-bottom:2rem;display:flex;align-items:center;gap:1rem;color:#fff}.pipeline-section h2:before{content:"";width:40px;height:3px;background:#ff6b00}.pipeline{display:flex;flex-direction:column;gap:1rem;position:relative}.pipeline:before{content:"";position:absolute;left:40px;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,#00d4ff,#ff6b00,#0f8);border-radius:2px}.pipeline-step{display:flex;align-items:flex-start;gap:2rem;position:relative;cursor:pointer;transition:transform .3s ease}.pipeline-step:hover{transform:translate(10px)}.step-number{width:80px;height:80px;flex-shrink:0;background:#12121a;border:2px solid #2a2a3a;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:2rem;z-index:1;transition:all .3s ease}.pipeline-step:hover .step-number{border-color:#ff6b00;box-shadow:0 0 30px #ff6b354d}.step-content{flex:1;background:#12121a;border:1px solid #2a2a3a;border-radius:12px;padding:1.5rem;transition:all .3s ease}.pipeline-step:hover .step-content{border-color:#ff6b00;background:#ff6b350d}.step-header{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem;flex-wrap:wrap}.step-name{font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:700;color:#fff}.step-role{font-size:.8rem;color:#888;font-family:JetBrains Mono,monospace}.step-description{color:#888;margin-bottom:1rem;line-height:1.6}.step-analogy{background:#00d4ff1a;border-left:3px solid #00d4ff;padding:.75rem 1rem;font-size:.9rem;border-radius:0 8px 8px 0;color:#ffffffe6}.step-analogy strong{color:#00d4ff}.token-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .6rem;border-radius:20px;font-size:.75rem;font-family:JetBrains Mono,monospace}.badge-free{background:#0f83;color:#0f8}.badge-ai{background:#a855f733;color:#a855f7}.benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-top:1.5rem}.benefit-card{background:#12121a;border:1px solid #2a2a3a;border-radius:12px;padding:1.5rem;transition:all .3s ease}.benefit-card:hover{transform:translateY(-5px);border-color:#ff6b00;box-shadow:0 10px 40px #ff6b3533}.benefit-icon{font-size:2rem;margin-bottom:1rem}.benefit-title{font-family:JetBrains Mono,monospace;font-size:1.1rem;letter-spacing:.05em;margin-bottom:.5rem;color:#fff}.benefit-desc{color:#888;font-size:.9rem;line-height:1.6}@keyframes hiw-pulse{0%,to{opacity:.5}50%{opacity:1}}.pipeline-step[data-active=true] .step-number{animation:hiw-pulse 1.5s infinite;border-color:#0f8;box-shadow:0 0 30px #0f86}.demo-section{background:#12121a;border:1px solid #2a2a3a;border-radius:16px;padding:2rem;margin-top:3rem}.demo-section h3{font-family:JetBrains Mono,monospace;font-size:1.3rem;letter-spacing:.1em;margin-bottom:1rem;color:#ff6b00}.demo-terminal{background:#0d0d12;border-radius:8px;padding:1rem;font-family:JetBrains Mono,monospace;font-size:.8rem;overflow-x:auto;max-height:400px;overflow-y:auto}.terminal-header{display:flex;gap:.5rem;margin-bottom:1rem}.terminal-dot{width:12px;height:12px;border-radius:50%}.dot-red{background:#ff5f57}.dot-yellow{background:#ffbd2e}.dot-green{background:#28c840}.terminal-line{margin:.3rem 0;opacity:0;animation:typeIn .5s forwards}@keyframes typeIn{to{opacity:1}}.prompt{color:#0f8}.comment{color:#888}.output{color:#00d4ff}.agent{color:#ff6b00}.demo-btn{background:linear-gradient(135deg,#ff6b00,#ffc107);border:none;padding:1rem 2rem;border-radius:8px;font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:700;letter-spacing:.1em;color:#0a0a0f!important;cursor:pointer;margin-top:1rem;transition:all .3s ease;display:inline-block;position:relative;z-index:10;text-decoration:none;box-shadow:0 4px 15px #ff6b0066}.demo-btn:hover{transform:scale(1.05);box-shadow:0 6px 25px #ff6b0099}.flow-particle{position:absolute;width:8px;height:8px;background:#ff6b00;border-radius:50%;left:37px;animation:flowDown 3s infinite;box-shadow:0 0 10px #ff6b00}@keyframes flowDown{0%{top:0;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}@media (max-width: 768px){.pipeline:before{left:30px}.step-number{width:60px;height:60px;font-size:1.5rem}.step-content{padding:1rem}.step-name{font-size:1rem}.pipeline-step{gap:1rem}.simple-box{padding:1.5rem}.simple-box p{font-size:1rem}}.section-subtitle{color:#888;margin-bottom:1.5rem;font-size:.95rem}