:root{--bg-primary:#12141a;--bg-secondary:#181b22;--bg-tertiary:#1e2028;--bg-card:#181b22;--accent-primary:#ff5c5c;--accent-hover:#ff7070;--accent-cyan:#5c9eff;--accent-magenta:#ff5c8a;--accent-green:#5cff8a;--accent-yellow:#ffcc5c;--accent-orange:#ff8a5c;--accent-purple:#8a5cff;--accent-red:#ff5c5c;--accent-blue:#5c8aff;--text-primary:#e4e4e7;--text-secondary:#a1a1aa;--text-muted:#71717a;--border-subtle:#27272a;--border-strong:#3f3f46;--glow-primary:0 0 20px #ff5c5c4d;--glow-green:0 0 20px #5cff8a4d}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Outfit,sans-serif;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#00000008 0 1px,#0000 1px 2px);width:100%;height:100%;position:fixed;top:0;left:0}.nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);z-index:1000;background:#12141af2;align-items:center;height:60px;padding:0 30px;display:flex;position:fixed;top:0;left:0;right:0}.nav-badge{color:var(--text-muted);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:4px;margin-left:10px;padding:4px 8px;font-family:JetBrains Mono,monospace;font-size:.65em}.nav-links{flex-wrap:wrap;gap:5px;margin-left:auto;display:flex}.nav-link{color:var(--text-secondary);border:1px solid #0000;border-radius:4px;padding:6px 10px;font-family:JetBrains Mono,monospace;font-size:.7em;text-decoration:none;transition:all .2s}.nav-link:hover,.nav-link.active{color:var(--accent-primary);background:#ff5c5c1a;border-color:#ff5c5c4d}.nav-search{margin-left:20px;position:relative}.nav-search input{background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:20px;width:180px;padding:8px 15px 8px 35px;font-family:JetBrains Mono,monospace;font-size:.8em;transition:all .3s}.nav-search input:focus{border-color:var(--accent-primary);box-shadow:var(--glow-primary);outline:none;width:250px}.nav-search:before{content:"⌕";color:var(--text-muted);font-size:1em;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.progress-bar{background:linear-gradient(90deg,var(--accent-primary),var(--accent-orange));z-index:999;height:2px;transition:width .1s;position:fixed;top:60px;left:0}.floating-toggle{z-index:1001;border:2px solid var(--accent-primary);background:var(--bg-secondary);color:var(--accent-primary);cursor:pointer;border-radius:50px;align-items:center;gap:8px;padding:14px 24px;font-family:JetBrains Mono,monospace;font-size:.85em;font-weight:600;transition:all .3s;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 4px 20px #ff5c5c33}.floating-toggle:hover{background:var(--accent-primary);color:#fff;transform:translateY(-2px);box-shadow:0 6px 25px #ff5c5c66}.hero{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:100px 30px 60px;display:flex;position:relative;overflow:hidden}.hero-bg{background:radial-gradient(at 20% 20%,#00ffff14 0%,#0000 50%),radial-gradient(at 80% 80%,#ff00ff14 0%,#0000 50%),radial-gradient(#00ff8808 0%,#0000 70%);animation:8s ease-in-out infinite pulse;position:absolute;inset:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.hero-content{z-index:1;text-align:center;max-width:900px;position:relative}.hero-badge{color:var(--accent-green);background:#00ff881a;border:1px solid #00ff884d;border-radius:20px;align-items:center;gap:8px;margin-bottom:30px;padding:6px 14px;font-family:JetBrains Mono,monospace;font-size:.75em;animation:.6s fadeInUp;display:inline-flex}.hero-badge:before{content:"●";animation:1s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.hero-title{letter-spacing:-2px;margin-bottom:20px;font-size:clamp(3em,8vw,6em);font-weight:800;line-height:1;animation:.6s .1s both fadeInUp}.hero-title .gradient{background:linear-gradient(135deg,var(--accent-primary),var(--accent-orange));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-secondary);margin-bottom:40px;font-size:1.3em;animation:.6s .2s both fadeInUp}.hero-tags{flex-wrap:wrap;justify-content:center;gap:15px;animation:.6s .3s both fadeInUp;display:flex}.hero-tag{color:var(--text-muted);border:1px solid var(--border-subtle);border-radius:4px;padding:8px 16px;font-family:JetBrains Mono,monospace;font-size:.8em;transition:all .2s}.hero-tag:hover{border-color:var(--accent-primary);color:var(--accent-primary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.scroll-indicator{color:var(--text-muted);flex-direction:column;align-items:center;gap:10px;font-family:JetBrains Mono,monospace;font-size:.7em;animation:2s infinite bounce;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}@keyframes bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(10px)}}.main{max-width:1400px;margin:0 auto;padding:0 30px 100px}.section{margin-bottom:80px;scroll-margin-top:80px}.section-header{cursor:pointer;align-items:center;gap:20px;margin-bottom:30px;display:flex}.section-number{color:var(--accent-primary);background:#ff5c5c1a;border:1px solid #0ff3;border-radius:4px;padding:8px 14px;font-family:JetBrains Mono,monospace;font-size:.8em}.section-title{flex:1;font-size:2em;font-weight:700}.section-toggle{color:var(--text-muted);font-size:1.5em;transition:transform .3s}.section.collapsed .section-toggle{transform:rotate(-90deg)}.section.collapsed .section-content{display:none}.section-intro{color:var(--text-secondary);max-width:800px;margin-bottom:30px;font-size:1.1em;line-height:1.8}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.card{background:var(--bg-card);border:1px solid var(--border-subtle);cursor:pointer;border-radius:12px;padding:25px;transition:all .3s;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg,var(--accent-primary),var(--accent-orange));opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.card:hover{border-color:var(--accent-primary);box-shadow:var(--glow-primary);transform:translateY(-5px)}.card:hover:before{opacity:1}.card-icon{margin-bottom:15px;font-size:2em}.card-title{color:var(--accent-primary);margin-bottom:10px;font-family:JetBrains Mono,monospace;font-size:1.1em;font-weight:600}.card-desc{color:var(--text-secondary);font-size:.9em;line-height:1.6}.card-tag{color:var(--accent-green);background:#00ff881a;border-radius:3px;margin-top:15px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:.7em;display:inline-block}.channel-card{align-items:center;gap:15px;padding:20px;display:flex}.channel-card .card-icon{margin:0;font-size:2.5em}.channel-info{flex:1}.channel-lib{color:var(--accent-purple);font-family:JetBrains Mono,monospace;font-size:.75em}.code-block{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;margin:20px 0;overflow:hidden}.code-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);align-items:center;padding:10px 15px;display:flex}.code-dots{gap:6px;display:flex}.code-dot{border-radius:50%;width:10px;height:10px}.code-dot:first-child{background:#ff5f57}.code-dot:nth-child(2){background:#ffbd2e}.code-dot:nth-child(3){background:#28ca41}.code-title{color:var(--text-muted);margin-left:auto;font-family:JetBrains Mono,monospace;font-size:.75em}.code-content{padding:20px;font-family:JetBrains Mono,monospace;font-size:.85em;line-height:1.7;overflow-x:auto}.code-content .comment{color:var(--text-muted)}.code-content .keyword{color:var(--accent-magenta)}.code-content .string{color:var(--accent-green)}.code-content .number{color:var(--accent-orange)}.code-content .property{color:var(--accent-blue)}.flow-diagram{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;flex-direction:column;gap:0;padding:30px;display:flex}.flow-step{align-items:flex-start;gap:20px;display:flex}.flow-line{flex-direction:column;align-items:center;width:40px;display:flex}.flow-dot{background:var(--accent-primary);width:16px;height:16px;box-shadow:var(--glow-primary);border-radius:50%;flex-shrink:0}.flow-connector{background:linear-gradient(to bottom,var(--accent-primary),var(--accent-orange));width:2px;height:60px}.flow-content{flex:1;padding-bottom:40px}.flow-title{color:var(--text-primary);margin-bottom:8px;font-family:JetBrains Mono,monospace;font-weight:600}.flow-desc{color:var(--text-secondary);font-size:.9em}.pipeline{align-items:center;gap:0;padding:20px 0;display:flex;overflow-x:auto}.pipeline-step{background:var(--bg-card);border:1px solid var(--border-subtle);text-align:center;min-width:150px;padding:20px 25px;transition:all .3s;position:relative}.pipeline-step:first-child{border-radius:8px 0 0 8px}.pipeline-step:last-child{border-radius:0 8px 8px 0}.pipeline-step:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);z-index:1}.pipeline-arrow{color:var(--accent-primary);padding:0 5px;font-size:1.5em}.pipeline-name{color:var(--accent-green);margin-bottom:5px;font-family:JetBrains Mono,monospace;font-size:.85em;font-weight:600}.pipeline-desc{color:var(--text-muted);font-size:.75em}.tools-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.tool-card{background:var(--bg-card);border:1px solid var(--border-subtle);text-align:center;cursor:pointer;border-radius:8px;padding:15px;transition:all .3s}.tool-card:hover{border-color:var(--accent-yellow);box-shadow:0 0 20px #ffff001a}.tool-name{color:var(--accent-yellow);margin-bottom:5px;font-family:JetBrains Mono,monospace;font-size:.9em;font-weight:600}.tool-desc{color:var(--text-secondary);font-size:.75em}.providers-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;display:grid}.provider-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;align-items:center;gap:15px;padding:20px;transition:all .3s;display:flex}.provider-card:hover{border-color:var(--accent-orange)}.provider-logo{border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5em;display:flex}.provider-name{color:var(--text-primary);font-weight:600}.provider-models{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:.75em}.heartbeat-visual{background:linear-gradient(135deg,#aa77ff1a,#ff00ff0d);border:1px solid #aa77ff4d;border-radius:12px;margin:30px 0;padding:30px}.heartbeat-timeline{justify-content:space-between;align-items:center;gap:10px;padding:20px 0;display:flex;overflow-x:auto}.heartbeat-step{text-align:center;background:#aa77ff1a;border:1px solid #a7f3;border-radius:8px;min-width:100px;padding:15px 10px;transition:all .3s}.heartbeat-step:hover{background:#a7f3;transform:translateY(-5px)}.heartbeat-icon{margin-bottom:8px;font-size:1.8em}.heartbeat-name{color:var(--accent-purple);margin-bottom:3px;font-family:JetBrains Mono,monospace;font-size:.8em;font-weight:600}.heartbeat-desc{color:var(--text-muted);font-size:.7em}.heartbeat-arrow{color:var(--accent-purple);flex-shrink:0;font-size:1.5em}.stats-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin:30px 0;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-subtle);text-align:center;border-radius:12px;padding:25px}.stat-number{background:linear-gradient(135deg,var(--accent-primary),var(--accent-orange));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:JetBrains Mono,monospace;font-size:2.5em;font-weight:700}.stat-label{color:var(--text-secondary);margin-top:5px;font-size:.9em}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;background:#000c;justify-content:center;align-items:center;padding:30px;display:none;position:fixed;inset:0}.modal-overlay.active{display:flex}.modal{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:16px;width:100%;max-width:700px;max-height:80vh;animation:.3s modalIn;overflow-y:auto}@keyframes modalIn{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{border-bottom:1px solid var(--border-subtle);align-items:center;padding:25px 30px;display:flex}.modal-icon{margin-right:20px;font-size:2em}.modal-title{font-size:1.5em;font-weight:700}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:5px;font-size:1.5em;transition:color .2s}.modal-close:hover{color:var(--accent-primary)}.modal-body{padding:30px}.modal-body p{color:var(--text-secondary);margin-bottom:20px;line-height:1.8}.modal-body h4{color:var(--accent-primary);margin:25px 0 15px;font-family:JetBrains Mono,monospace}.modal-body ul{padding:0;list-style:none}.modal-body li{color:var(--text-secondary);padding:8px 0 8px 20px;position:relative}.modal-body li:before{content:"→";color:var(--accent-green);position:absolute;left:0}.modal-body code{background:var(--bg-tertiary);color:var(--accent-yellow);border-radius:4px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:.9em}.search-results{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;max-height:300px;margin-top:10px;display:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.search-results.active{display:block}.search-result{cursor:pointer;border-bottom:1px solid var(--border-subtle);padding:12px 15px;transition:background .2s}.search-result:last-child{border-bottom:none}.search-result:hover{background:var(--bg-tertiary)}.search-result-title{color:var(--accent-primary);font-family:JetBrains Mono,monospace;font-size:.9em}.search-result-section{color:var(--text-muted);font-size:.75em}.footer{border-top:1px solid var(--border-subtle);text-align:center;padding:60px 30px}.footer-logo{color:var(--accent-primary);margin-bottom:20px;font-family:JetBrains Mono,monospace;font-size:1.5em;font-weight:700}.footer-tagline{color:var(--text-muted);margin-bottom:30px}.footer-links{flex-wrap:wrap;justify-content:center;gap:30px;display:flex}.footer-link{color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:.8em;text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--accent-primary)}.mini-cards{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-top:20px;display:grid}.mini-card{background:var(--bg-tertiary);border:1px solid var(--border-subtle);text-align:center;border-radius:6px;padding:12px;font-size:.8em;transition:all .2s}.mini-card:hover{border-color:var(--accent-primary)}.mini-card-icon{margin-bottom:5px;font-size:1.5em}@media (max-width:768px){.nav{padding:0 12px}.nav-links{display:none}.nav-badge{margin-left:6px;padding:3px 6px;font-size:.55em}.nav-search{margin-left:auto}.nav-search input{width:120px;padding:6px 10px 6px 28px;font-size:.75em}.nav-search input:focus{width:160px}.nav-search:before{font-size:.85em;left:8px}.hero{min-height:90vh;padding:80px 20px 40px}.hero-title{letter-spacing:-1px;font-size:2.5em}.hero-subtitle{margin-bottom:25px;font-size:1em}.hero-tags{gap:8px}.hero-tag{padding:6px 10px;font-size:.7em}.main{padding:0 15px 60px}.section{margin-bottom:50px}.section-header{gap:12px}.section-number{padding:6px 10px;font-size:.7em}.section-title{font-size:1.3em}.section-intro{font-size:.95em}.cards-grid{grid-template-columns:1fr}.card{padding:18px}.card:hover{transform:none}.channel-card{padding:15px}.code-content{padding:12px;font-size:.75em}.flow-diagram{padding:15px}.flow-step{gap:12px}.flow-content{padding-bottom:25px}.pipeline{flex-direction:column;align-items:stretch}.pipeline-step{min-width:unset}.pipeline-arrow{text-align:center;padding:5px 0;transform:rotate(90deg)}.tools-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}.tool-card{padding:10px}.tool-name{font-size:.75em}.tool-desc{font-size:.65em}.providers-grid{grid-template-columns:1fr}.heartbeat-visual{padding:15px}.heartbeat-timeline{flex-direction:column;align-items:stretch}.heartbeat-step{min-width:unset}.heartbeat-arrow{text-align:center;padding:5px 0;transform:rotate(90deg)}.stats-row{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:15px}.stat-number{font-size:1.8em}.stat-label{font-size:.8em}.modal-overlay{padding:15px}.modal-header{padding:18px 20px}.modal-icon{margin-right:12px;font-size:1.5em}.modal-title{font-size:1.2em}.modal-body{padding:20px}.mini-cards{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:6px}.mini-card{padding:8px;font-size:.7em}.footer{padding:40px 15px}.footer-links{gap:15px}.floating-toggle{padding:10px 16px;font-size:.75em;bottom:15px;right:15px}.search-results{max-height:250px}}.reveal{opacity:0;transition:all .6s;transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}.paypal-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;margin:30px 0;padding:25px}.paypal-success{color:var(--accent-green);background:#5cff8a1a;border:1px solid #5cff8a4d;border-radius:8px;margin-top:15px;padding:15px;font-family:JetBrains Mono,monospace}.paypal-error{color:var(--accent-red);background:#ff5c5c1a;border:1px solid #ff5c5c4d;border-radius:8px;margin-top:15px;padding:15px;font-family:JetBrains Mono,monospace}.paypal-button-container{justify-content:center;margin-top:20px;display:flex}.buildmatic-ad{text-align:center;background:linear-gradient(135deg,#ff5c5c0d,#ff8a5c0d);border:1px solid #ff5c5c33;border-radius:12px;margin:30px 0;padding:25px}