.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(6,182,212,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(6,182,212,.04) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,black 30%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,black 30%,transparent 100%)}.hero-glow{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);width:600px;height:400px;background:radial-gradient(ellipse,rgba(6,182,212,.08) 0%,transparent 70%);pointer-events:none}.typing-cursor{display:inline-block;font-weight:300;color:var(--color-accent);animation:blink-cursor 1s step-end infinite}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.karpathy-quote{position:relative}.karpathy-quote:before{content:"";position:absolute;inset:-1px;border-radius:.5rem;padding:1px;background:linear-gradient(135deg,rgba(6,182,212,.3),transparent 60%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;pointer-events:none}.scroll-indicator{display:flex;flex-direction:column;align-items:center}.scroll-arrow{animation:bounce-arrow 2s ease-in-out infinite}@keyframes bounce-arrow{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.reveal-element{opacity:0;transform:translateY(24px);transition:opacity .7s ease-out,transform .7s ease-out}.reveal-element.revealed{opacity:1;transform:translateY(0)}.reveal-element:nth-child(2){transition-delay:.08s}.reveal-element:nth-child(3){transition-delay:.16s}.reveal-element:nth-child(4){transition-delay:.24s}.pipeline-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}.pipeline-step{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 16px;border-radius:10px;background:var(--color-page);border:2px solid var(--color-border);transition:border-color .5s ease,box-shadow .5s ease,background .5s ease;min-width:80px}.pipeline-step.active{border-color:var(--color-accent);box-shadow:0 0 16px #06b6d426;background:#06b6d40a}.pipeline-icon{font-size:1.25rem;line-height:1}.pipeline-label{font-family:var(--font-mono);font-size:.7rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.pipeline-step.active .pipeline-label{color:var(--color-accent)}.pipeline-arrow{font-size:1.25rem;color:var(--color-border);transition:color .5s ease;font-family:var(--font-mono)}.pipeline-arrow.active{color:var(--color-accent)}@media(max-width:640px){.pipeline-container{gap:6px}.pipeline-step{padding:8px 10px;min-width:56px}.pipeline-icon{font-size:1rem}.pipeline-label{font-size:.6rem}.pipeline-arrow{font-size:1rem}}.terminal-block-custom{background-color:var(--color-terminal);border:1px solid #30363d;border-radius:10px;box-shadow:0 4px 6px -1px #0003,0 2px 4px -2px #00000026,inset 0 1px #ffffff0a;overflow:hidden;font-family:var(--font-mono);font-size:.8125rem;line-height:1.6}.terminal-titlebar-custom{display:flex;align-items:center;gap:6px;padding:12px 16px 10px;background-color:#161b22;border-bottom:1px solid #21262d;position:relative}.tdot{display:inline-block;width:12px;height:12px;border-radius:50%;flex-shrink:0}.tdot-red{background-color:#ff5f56;box-shadow:inset 0 0 0 1px #00000026}.tdot-yellow{background-color:#ffbd2e;box-shadow:inset 0 0 0 1px #00000026}.tdot-green{background-color:#27c93f;box-shadow:inset 0 0 0 1px #00000026}.terminal-title-custom{position:absolute;left:50%;transform:translate(-50%);color:#8b949e;font-size:.75rem;user-select:none;pointer-events:none}.terminal-body-custom{padding:20px 24px 24px}.terminal-content-custom{color:var(--color-terminal-text);margin:0;padding:0;background:transparent;border:none;font-family:inherit;font-size:inherit;line-height:inherit;white-space:pre-wrap;word-break:break-word}.t-green{color:var(--color-terminal-green)}.t-amber{color:var(--color-terminal-amber)}.t-dim{color:#6a737d}.t-cyan{color:var(--color-accent)}.demo-play-btn{position:absolute;right:16px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;border:1px solid #30363d;background:#06b6d41a;color:var(--color-accent);font-family:var(--font-mono);font-size:.7rem;cursor:pointer;transition:background .2s,border-color .2s}.demo-play-btn:hover{background:#06b6d433;border-color:var(--color-accent)}.demo-play-btn:disabled{opacity:.5;cursor:not-allowed}.layers-diagram{display:flex;flex-direction:column;gap:6px}.layer-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;background:var(--color-elevated);border:2px solid transparent;transition:border-color .5s ease,box-shadow .5s ease,background .5s ease}.layer-bar.active{border-color:var(--color-accent);box-shadow:0 0 20px #06b6d41a;background:#06b6d40a}.layer-num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:var(--color-surface);font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:var(--color-text-secondary);flex-shrink:0;transition:background .5s ease,color .5s ease}.layer-bar.active .layer-num{background:var(--color-accent);color:#fff}.layer-name{font-family:var(--font-mono);font-size:.875rem;font-weight:600;color:var(--color-text-primary);min-width:140px}.layer-desc{font-size:.8125rem;color:var(--color-text-secondary);display:none}@media(min-width:640px){.layer-desc{display:inline}}.lego-container{display:flex;flex-direction:column;align-items:center}.lego-row{display:flex;align-items:center;gap:0;flex-wrap:wrap;justify-content:center}.lego-block{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:8px;background:var(--color-elevated);border:2px solid var(--color-border);font-family:var(--font-mono);font-size:.75rem;font-weight:600;color:var(--color-text-primary);transition:border-color .4s ease,box-shadow .4s ease,transform .4s ease}.lego-block.active{border-color:var(--color-accent);box-shadow:0 0 12px #06b6d41f;transform:translateY(-2px)}.lego-pipe{font-family:var(--font-mono);font-size:1.25rem;font-weight:700;padding:0 8px;color:var(--color-border);transition:color .4s ease}.lego-pipe.active{color:var(--color-accent)}.counter{font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.reveal-element{opacity:1;transform:none;transition:none}.typing-cursor{animation:none;opacity:1}.scroll-arrow{animation:none}.pipeline-step,.pipeline-arrow,.layer-bar,.lego-block,.lego-pipe{transition:none}}