body[data-page=home]{background:var(--color-bg-void)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:calc(var(--nav-height) + var(--spacing-8)) var(--spacing-6) var(--spacing-16);position:relative}.hero-content{text-align:center;max-width:800px;animation:hero-appear .8s ease-out}@keyframes hero-appear{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-title{margin-bottom:var(--spacing-6)}.title-line{display:block}.title-line.highlight{color:var(--color-primary-400);text-shadow:var(--text-glow-medium)}.hero-subtitle{font-size:var(--text-xl);color:var(--color-text-secondary);margin-bottom:var(--spacing-8);max-width:600px;margin-left:auto;margin-right:auto}.hero-cta{display:flex;gap:var(--spacing-4);justify-content:center;flex-wrap:wrap;margin-bottom:var(--spacing-6)}.hero-hint{display:inline-flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);color:var(--color-text-tertiary);padding:var(--spacing-2) var(--spacing-4);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-full)}.hint-icon{color:var(--color-accent-gold)}.demo-section{padding:var(--spacing-20) var(--spacing-6);position:relative}.demo-container{max-width:var(--container-narrow);margin:0 auto}.demo-header{text-align:center;margin-bottom:var(--spacing-10)}.proof-section{padding:var(--spacing-16) var(--spacing-6);background:var(--color-bg-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.proof-container{max-width:var(--container-max);margin:0 auto;text-align:center}.proof-title{font-size:var(--text-lg);color:var(--color-text-tertiary);margin-bottom:var(--spacing-10);font-weight:var(--weight-normal)}.proof-metrics{display:flex;justify-content:center;gap:var(--spacing-16)}.metric{display:flex;flex-direction:column;align-items:center}.metric-value{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-bold);color:var(--color-primary-400);text-shadow:var(--text-glow-subtle);margin-bottom:var(--spacing-2)}.metric-label{font-size:var(--text-sm);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.services-preview{padding:var(--spacing-20) var(--spacing-6)}.services-container{max-width:var(--container-max);margin:0 auto}.services-container .section-title{text-align:center;margin-bottom:var(--spacing-10)}.services-cta{text-align:center;margin-top:var(--spacing-10)}.cta-section{padding:var(--spacing-20) var(--spacing-6);text-align:center;position:relative}.cta-section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(0,255,255,.1) 0%,transparent 70%);pointer-events:none}.cta-container{max-width:600px;margin:0 auto;position:relative}.cta-title{font-size:var(--text-3xl);margin-bottom:var(--spacing-4)}.cta-subtitle{font-size:var(--text-lg);color:var(--color-text-tertiary);margin-bottom:var(--spacing-8)}@media (max-width: 768px){.hero{padding-top:calc(var(--nav-height) + var(--spacing-10));min-height:auto}.hero-title{font-size:var(--text-3xl)}.hero-subtitle{font-size:var(--text-lg)}.hero-cta{flex-direction:column;align-items:center}.proof-metrics{flex-direction:column;gap:var(--spacing-8)}.metric-value{font-size:var(--text-3xl)}}.boot-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .5s ease-out}.boot-overlay.fade-out{opacity:0;pointer-events:none;transition:opacity 1s ease-out}.boot-overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.15) 2px,rgba(0,0,0,.15) 4px);pointer-events:none;z-index:10}.boot-terminal{width:90%;max-width:800px;padding:var(--spacing-8, 2rem);position:relative;z-index:5}.boot-prompt{font-family:var(--font-terminal, "Courier New", monospace);font-size:1.5rem;color:#6ff;text-shadow:0 0 10px rgba(102,255,255,.8),0 0 20px rgba(0,255,255,.5);margin-bottom:var(--spacing-6, 1.5rem);transition:opacity .4s ease}.boot-prompt.fade-out{opacity:0}.launch-command{color:#8f8;text-shadow:0 0 10px rgba(136,255,136,.8),0 0 20px rgba(0,255,0,.5)}.exec-feedback{font-size:1.1rem;color:#aaa;margin-top:var(--spacing-2, .5rem);opacity:0;animation:fadeIn .3s ease-out forwards}.boot-header{text-align:center;margin-bottom:var(--spacing-10, 2.5rem);opacity:1;transform:translateY(0);transition:opacity .6s ease-out,transform .6s ease-out}.boot-header.hidden{opacity:0;transform:translateY(-20px);pointer-events:none}.boot-header.reveal{animation:headerReveal .8s ease-out forwards}@keyframes headerReveal{0%{opacity:0;transform:translateY(-20px) scale(.95)}50%{opacity:1;transform:translateY(5px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.boot-status.hidden{opacity:0}.boot-status.reveal{animation:fadeIn .5s ease-out forwards}.boot-logo{display:block;font-family:var(--font-terminal, "Courier New", monospace);font-size:var(--text-sm, .875rem);color:var(--color-primary-400, #00ffff);letter-spacing:.3em;margin-bottom:var(--spacing-2, .5rem);opacity:.7}.boot-title{display:block;font-family:var(--font-display, "JetBrains Mono", monospace);font-size:var(--text-xl, 1.25rem);color:var(--color-primary-400, #00ffff);letter-spacing:.15em;text-shadow:0 0 10px rgba(0,255,255,.5),0 0 20px rgba(0,255,255,.3),0 0 40px rgba(0,255,255,.2);margin-bottom:var(--spacing-2, .5rem)}.boot-subtitle{display:block;font-family:var(--font-terminal, "Courier New", monospace);font-size:var(--text-xs, .75rem);color:var(--color-text-tertiary, #4a5568);letter-spacing:.2em}.boot-content{min-height:200px;font-family:var(--font-terminal, "Courier New", monospace);font-size:1.5rem;line-height:1.8;transition:opacity .2s ease}.boot-content.fade-out{opacity:0}.era-header{color:var(--color-text-muted, #718096);font-size:1rem;letter-spacing:.15em;margin-top:var(--spacing-4, 1rem);margin-bottom:var(--spacing-2, .5rem);padding-bottom:var(--spacing-1, .25rem);border-bottom:1px solid rgba(255,255,255,.15);opacity:0;animation:fadeIn .3s ease-out forwards}.code-line{margin:var(--spacing-2, .5rem) 0;padding-left:var(--spacing-4, 1rem);opacity:0;animation:fadeIn .2s ease-out forwards;white-space:nowrap;overflow:hidden}.typing-cursor{display:inline-block;animation:cursorBlink .7s step-end infinite;margin-left:2px}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}.era-header.punch-card,.code-line.punch-card{color:#5f5;text-shadow:0 0 10px #55ff55,0 0 20px #00ff00,0 0 30px rgba(0,255,0,.7);font-family:Courier New,monospace;letter-spacing:.1em;font-weight:600}.era-header.cobol,.code-line.cobol{color:#fd5;text-shadow:0 0 10px #ffdd55,0 0 20px rgba(255,220,0,.7);text-transform:uppercase;font-family:Courier New,monospace;font-weight:600}.era-header.basic,.code-line.basic{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.8),0 0 20px rgba(255,255,255,.5);font-family:Courier New,monospace;font-weight:600}.era-header.c-cpp,.code-line.c-cpp{color:#6df;text-shadow:0 0 10px #66ddff,0 0 20px rgba(102,220,255,.6);font-family:var(--font-display, "JetBrains Mono", monospace);font-weight:600}.era-header.python,.code-line.python{color:#6fb;text-shadow:0 0 10px #66ffbb,0 0 20px rgba(102,255,187,.6);font-family:var(--font-display, "JetBrains Mono", monospace);font-weight:600}.era-header.modern,.code-line.modern{color:#6ff;text-shadow:0 0 12px rgba(102,255,255,1),0 0 25px rgba(0,255,255,.7),0 0 40px rgba(0,255,255,.5);font-family:var(--font-display, "JetBrains Mono", monospace);font-weight:700}.boot-status{margin-top:var(--spacing-10, 2.5rem);text-align:center;font-family:var(--font-terminal, "Courier New", monospace);font-size:var(--text-xs, .75rem);color:var(--color-text-muted, #718096);letter-spacing:.1em}.status-bar{display:block;width:200px;height:2px;margin:0 auto var(--spacing-3, .75rem);background:#ffffff1a;position:relative;overflow:hidden}.status-bar:after{content:"";position:absolute;left:0;top:0;height:100%;width:30%;background:linear-gradient(90deg,transparent,var(--color-primary-400, #00ffff),transparent);animation:statusSweep 1.5s ease-in-out infinite}@keyframes statusSweep{0%{transform:translate(-100%)}to{transform:translate(400%)}}.status-dots{animation:blink 1s step-end infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.boot-lines-container{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:20}.boot-lines-container.active{opacity:1}.transition-line{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--color-primary-400, #00ffff) 15%,var(--color-primary-400, #00ffff) 85%,transparent 100%);box-shadow:0 0 10px var(--color-primary-400, #00ffff),0 0 20px #00ffff80;transform:scaleX(0);animation:lineSweep .5s ease-out forwards}@keyframes lineSweep{0%{transform:scaleX(0);opacity:0}50%{transform:scaleX(1);opacity:1}to{transform:scaleX(1);opacity:.4}}.boot-lines-container.converge .transition-line{animation:lineConverge .4s ease-in forwards}@keyframes lineConverge{to{top:50%!important;opacity:0;height:4px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.code-line.fade-up{animation:fadeUp .3s ease-out forwards}@keyframes fadeUp{to{opacity:0;transform:translateY(-20px)}}@media (max-width: 768px){.boot-terminal{padding:var(--spacing-4, 1rem)}.boot-prompt{font-size:1.1rem}.boot-title{font-size:var(--text-lg, 1.125rem);letter-spacing:.1em}.boot-content{font-size:1.1rem;min-height:150px}.code-line{padding-left:var(--spacing-2, .5rem);font-size:1.1rem}.era-header{font-size:.85rem}}@media (max-width: 480px){.boot-prompt{font-size:.9rem}.boot-title{font-size:var(--text-base, 1rem)}.boot-content{font-size:.95rem}.code-line{font-size:.95rem;letter-spacing:0}.era-header{font-size:.75rem}}