*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #050508;--bg-grid: rgba(255, 255, 255, .03);--node-bg: rgba(12, 12, 16, .6);--node-border: rgba(255, 255, 255, .12);--text-main: #f8fafc;--text-muted: #8b949e;--wire-cyan: #00e5ff;--wire-purple: #b400ff;--wire-pink: #ff0055}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(0,229,255,.25) transparent}body{font-family:Inter,system-ui,sans-serif;background-color:var(--bg);color:var(--text-main);overflow-x:hidden;background-image:linear-gradient(var(--bg-grid) 1px,transparent 1px),linear-gradient(90deg,var(--bg-grid) 1px,transparent 1px);background-size:40px 40px;background-position:center center}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00e5ff33;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00e5ff73}#scroll-progress{position:fixed;top:0;left:0;height:2px;width:0%;background:linear-gradient(90deg,var(--wire-cyan),var(--wire-purple),var(--wire-pink));z-index:9999;box-shadow:0 0 10px #00e5ff80;pointer-events:none}#schematic-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none}.layout-container{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:12vh;padding:12vh 4vw 15vh;max-width:1400px;margin:0 auto}.row{display:flex;width:100%;justify-content:center;gap:5vw}.row.split{justify-content:space-between;max-width:1100px}.node{background:var(--node-bg);border:1px solid var(--node-border);border-radius:12px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 20px 50px #0009,inset 0 1px #ffffff0d;position:relative;width:100%;max-width:480px;opacity:0;transform:translateY(24px);will-change:opacity,transform;transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1),border-color .3s ease}.node.is-visible{opacity:1;transform:translateY(0)}.node.is-visible:hover{border-color:#ffffff40;transform:translateY(-2px);transition:border-color .3s ease,transform .3s ease}.node.large{max-width:800px}.node-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1.2rem;background:#00000080;border-bottom:1px solid var(--node-border);border-radius:12px 12px 0 0;font-family:Fira Code,monospace;font-size:.75rem;color:var(--text-muted);-webkit-user-select:none;user-select:none}.node-header .dots{display:flex;gap:6px}.node-header .dot{width:10px;height:10px;border-radius:50%;background:#333}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.node-body{padding:1.8rem}.port{width:14px;height:14px;background:#111;border:2px solid #555;border-radius:50%;position:absolute;z-index:20;transition:all .3s ease}.port-in{top:-7px;left:50%;transform:translate(-50%)}.port-out{bottom:-7px;left:50%;transform:translate(-50%)}.port-in.left-port{left:25%}.port-in.right-port{left:75%}@keyframes pulseGlow{0%,to{box-shadow:0 0 8px var(--glow-color)}50%{box-shadow:0 0 18px var(--glow-color)}}.port-glow-cyan{--glow-color: rgba(0, 229, 255, .6);border-color:var(--wire-cyan);animation:pulseGlow 2.5s infinite}.port-glow-purple{--glow-color: rgba(180, 0, 255, .6);border-color:var(--wire-purple);animation:pulseGlow 2.5s infinite .5s}.port-glow-pink{--glow-color: rgba(255, 0, 85, .6);border-color:var(--wire-pink);animation:pulseGlow 2.5s infinite 1s}h1,h2,h3,.mono{font-family:Fira Code,monospace}.node-title{font-size:2.2rem;font-weight:700;color:#fff;margin-bottom:.5rem;letter-spacing:-.02em}.node-subtitle{color:var(--wire-cyan);font-size:.95rem;font-weight:500;margin-bottom:1.2rem}.node-text{color:var(--text-muted);font-size:.95rem;line-height:1.6}.node-text p{margin-bottom:1rem}.node-text strong{color:var(--text-main);font-weight:500}.tech-category{margin-bottom:1.5rem}.tech-category:last-child{margin-bottom:0}.tech-label{font-family:Fira Code,monospace;font-size:.75rem;color:var(--wire-purple);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.6rem;display:block}.pill-container{display:flex;flex-wrap:wrap;gap:.5rem}.pill{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:.3rem .8rem;border-radius:6px;font-size:.8rem;font-family:Fira Code,monospace;color:#cbd5e1;transition:all .2s ease}.pill:hover{background:#b400ff26;border-color:var(--wire-purple);color:#fff}.builds-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.build-card{background:#0000004d;border:1px solid rgba(255,255,255,.05);padding:1rem;border-radius:8px}.build-icon{width:40px;height:40px;border-radius:9px;display:flex;align-items:center;justify-content:center;margin-bottom:.85rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);flex-shrink:0}.build-icon svg{display:block}.build-card h4{color:#fff;font-size:.9rem;margin-bottom:.4rem}.build-card p{color:var(--text-muted);font-size:.8rem;line-height:1.5}.btn-contact{display:inline-flex;align-items:center;gap:.6rem;background:transparent;border:1px solid var(--wire-pink);color:var(--text-main);padding:.8rem 1.5rem;border-radius:8px;font-family:Fira Code,monospace;font-size:.85rem;text-decoration:none;transition:all .3s ease;cursor:pointer}.btn-contact:hover{background:#ff00551a;box-shadow:0 0 20px #ff00554d}@media (max-width: 900px){.row.split{flex-direction:column;align-items:center;gap:10vh}.node{max-width:100%}.port-in.left-port,.port-in.right-port{left:50%;top:-7px}}