:root{--background-primary: #0e0e0e;--background-secondary: #141414;--background-tertiary: #1e1e1e;--text-primary: #ffffff;--text-secondary: #cccccc;--text-muted: #8c8c8c;--accent-primary: #007acc;--accent-secondary: #4fc3f7;--border-color: #333333;--shadow-color: rgba(0, 0, 0, .5);--binary-color: #87ceea;--binary-alpha-base: .4;--binary-hover-radius: 110px;--binary-hover-boost: .85;--grid-size: 20px;--grid-dot-size: 1px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=light]{--background-primary: #ffffff;--background-secondary: #f8f8f8;--background-tertiary: #f0f0f0;--text-primary: #1e1e1e;--text-secondary: #333333;--text-muted: #666666;--accent-primary: #0066cc;--accent-secondary: #0099ff;--border-color: #e0e0e0;--shadow-color: rgba(0, 0, 0, .1);--binary-color: #87ceea;--binary-alpha-base: .5}*{margin:0;padding:0;box-sizing:border-box}body{font-family:inherit;background:var(--background-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0e0e0ee6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color)}.header .container{display:flex;align-items:center;justify-content:space-between;height:60px}.logo{display:flex;align-items:center;gap:.5rem;color:var(--text-primary);text-decoration:none;font-weight:600}.logo svg{color:#007acc}.nav{display:flex;gap:2rem}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color .2s ease}.nav-link:hover{color:var(--accent-primary)}.theme-toggle{background:none;border:1px solid var(--border-color);color:var(--text-secondary);padding:.5rem;border-radius:4px;cursor:pointer;transition:all .2s ease}.theme-toggle:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.main{padding-top:60px}.hero{position:relative;min-height:100vh;display:flex;align-items:center;background:linear-gradient(180deg,var(--background-primary) 0%,var(--background-secondary) 100%);overflow:hidden}.binary-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:1}@media (prefers-reduced-motion: reduce){.binary-canvas{display:none}}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:2}.hero-content{text-align:left}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.1;margin-bottom:1.5rem}.gradient-text{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.hero-description{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2.5rem;max-width:500px}.hero-actions{display:flex;flex-direction:column;gap:1rem;align-items:flex-start}.btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block}.btn-primary{background:var(--accent-primary);color:#fff}.btn-primary:hover{background:var(--accent-secondary);transform:translateY(-2px);box-shadow:0 8px 25px #007acc4d}.download-options{display:flex;gap:1.5rem}.download-link{color:var(--accent-primary);text-decoration:none;font-weight:500;transition:color .2s ease}.download-link:hover{color:var(--accent-secondary);text-decoration:underline}.hero-demo{position:relative}.demo-window{background:var(--background-tertiary);border-radius:8px;box-shadow:0 20px 60px var(--shadow-color);overflow:hidden;transform:perspective(1000px) rotateY(-5deg) rotateX(5deg);transition:transform .3s ease}.demo-window:hover{transform:perspective(1000px) rotateY(-2deg) rotateX(2deg)}.demo-titlebar{background:var(--background-secondary);display:flex;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border-color)}.demo-controls{display:flex;gap:.5rem;margin-right:auto}.demo-control{width:12px;height:12px;border-radius:50%;background:var(--text-muted)}.demo-control:nth-child(1){background:#ff5f57}.demo-control:nth-child(2){background:#ffbd2e}.demo-control:nth-child(3){background:#28ca42}.demo-title{color:var(--text-secondary);font-size:.875rem}.demo-content{padding:1.5rem;background:var(--background-tertiary)}.code-preview{text-align:left;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.875rem;line-height:1.5;color:var(--text-primary);background:none;margin:0}.token.keyword{color:#c586c0}.token.string{color:#ce9178}.token.function{color:#dcdcaa}.token.punctuation,.token.operator{color:#d4d4d4}.token.comment{color:#6a9955;font-style:italic}@media (max-width: 768px){.nav{display:none}.hero .container{grid-template-columns:1fr;gap:2rem;text-align:center}.hero-content{text-align:center}.hero-actions{align-items:center}.demo-window{transform:none}--grid-size: 15px}