*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;color:#fff;background-color:#0d1117;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 2rem}#three-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.3}#three-bg canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.header{position:fixed;top:0;left:0;right:0;background:rgba(13,17,23,.95);backdrop-filter:blur(10px);border-bottom:1px solid #30363d;z-index:1000;transition:all .3s ease}.nav{display:flex;justify-content:space-between;align-items:flex-end;padding:1rem 2rem;max-width:1200px;margin:0 auto}.nav-brand{display:flex;align-items:normal;gap:.75rem}.logo{width:32px;height:32px;object-fit:contain}.nav-brand h1{font-size:1.5rem !important;font-weight:700;background:linear-gradient(135deg, #007acc 0%, #00d4ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;margin:0;margin-block:0;line-height:1.2}.nav-actions{display:flex;align-items:center;gap:1rem}.github-link{color:#fff;text-decoration:none;width:48px;height:48px;border-radius:50%;transition:all .3s ease;background-color:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);display:flex;align-items:center;justify-content:center}.github-link:hover{transform:scale(1.1);background-color:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.4)}.hero{padding:120px 2rem 80px;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;max-width:1200px;margin:0 auto;min-height:100vh}.hero-title{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}.highlight{background:linear-gradient(135deg, #007acc 0%, #00d4ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.hero-subtitle{font-size:1.25rem;color:#ccc;margin-bottom:2rem;line-height:1.6}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;padding:.75rem 2rem;border-radius:8px;text-decoration:none;font-weight:500;transition:all .3s ease;border:2px solid rgba(0,0,0,0);cursor:pointer;font-size:1rem}.btn-primary{background:linear-gradient(135deg, #007acc 0%, #00d4ff 100%);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.2)}.btn-secondary{background:rgba(0,0,0,0);color:#fff;border-color:#30363d}.btn-secondary:hover{background:#161b22;transform:translateY(-2px)}.hero-demo{animation:fadeInUp .8s ease-out .2s both}.demo-container{position:relative;max-width:700px;margin:0 auto}.demo-window{background:#161b22;border:1px solid #30363d;border-radius:12px;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,.2);transform:perspective(1000px) rotateY(-5deg);transition:transform .3s ease;min-height:400px}.demo-window:hover{transform:perspective(1000px) rotateY(0deg)}.demo-header{background:#21262d;padding:1rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid #30363d}.demo-controls{display:flex;gap:.5rem}.demo-dot{width:12px;height:12px;border-radius:50%}.demo-dot.red{background:#ff5f56}.demo-dot.yellow{background:#ffbd2e}.demo-dot.green{background:#27ca3f}.demo-title{font-size:.9rem;color:#888}.demo-content{padding:0;font-family:"SF Mono",Monaco,"Cascadia Code","Consolas",monospace;position:relative}.demo-editor{padding:1.5rem;background:#0d1117;min-height:200px}.demo-line{display:block;position:relative;margin-bottom:0}.demo-line-content{display:flex;gap:1rem;align-items:flex-start;min-height:1.8em;line-height:1.8}.line-number-column{color:#888;width:25px;text-align:right;font-size:.9rem;flex-shrink:0;user-select:none;line-height:1.8}.demo-code{color:#fff;font-size:.95rem;line-height:1.8;flex:1;word-wrap:break-word;overflow-wrap:break-word}.demo-selection{background:rgba(0,122,204,.3);border-radius:3px;padding:2px 4px;position:relative;transition:all .3s ease;border:1px solid rgba(0,0,0,0)}.demo-selection.active{background:rgba(0,122,204,.5);border-color:#007acc;box-shadow:0 0 0 1px #007acc;animation:selection-highlight .8s ease-in-out}.demo-selection.transforming{animation:transform-pulse .6s ease-in-out}.demo-command-palette{background:#0d1117;border-top:1px solid #30363d;padding:1rem 1.5rem;opacity:0;transform:translateY(10px);transition:all .3s ease}.demo-command-palette.visible{opacity:1;transform:translateY(0);background:#21262d}.palette-header{display:flex;align-items:center;gap:.5rem}.palette-prompt{color:#007acc;font-weight:600}.palette-command{color:#fff;font-weight:500}.demo-status{background:#161b22;color:#888;padding:.75rem 1.5rem;font-size:.85rem;border-top:1px solid #30363d;text-align:center}@keyframes transform-pulse{0%{background:rgba(0,122,204,.3);transform:scale(1)}50%{background:rgba(255,107,53,.4);transform:scale(1.05)}100%{background:rgba(0,122,204,.3);transform:scale(1)}}@keyframes selection-highlight{0%{background:rgba(0,122,204,.3)}100%{background:rgba(0,122,204,.6)}}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:1rem;background:linear-gradient(135deg, #007acc 0%, #00d4ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.section-subtitle{font-size:1.1rem;color:#ccc;text-align:center;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.features{padding:100px 0;background:#161b22}.features-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:2rem}.feature-card{background:#0d1117;padding:2rem;border-radius:16px;border:1px solid #30363d;transition:all .3s ease;position:relative;overflow:hidden}.feature-card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(135deg, #007acc 0%, #00d4ff 100%);transform:scaleX(0);transition:transform .3s ease}.feature-card:hover::before{transform:scaleX(1)}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.2)}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.feature-card h4{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#fff}.feature-card p{color:#ccc;margin-bottom:1.5rem}.feature-examples{background:#161b22;padding:1rem;border-radius:8px;font-family:"SF Mono",Monaco,"Cascadia Code","Consolas",monospace;font-size:.85rem}.example{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.example-input{color:#b0b0b0;background:#21262d;padding:.25rem .5rem;border-radius:4px}.example-arrow{color:#007acc;font-weight:bold}.example-output{color:#ff6b35;background:#21262d;padding:.25rem .5rem;border-radius:4px;font-weight:500}.commands{padding:100px 0}.commands-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:2rem}.command-category{background:#161b22;padding:2rem;border-radius:16px;border:1px solid #30363d}.command-category h4{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:#1a9bff}.command-list{list-style:none}.command-list li{padding:.5rem 0;color:#ccc;border-bottom:1px solid #30363d;transition:color .3s ease}.command-list li:last-child{border-bottom:none}.command-list li:hover{color:#fff}.usage{padding:100px 0;background:#161b22}.usage-steps{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:2rem}.step{display:flex;align-items:flex-start;gap:1rem;padding:2rem;background:#0d1117;border-radius:16px;border:1px solid #30363d;transition:all .3s ease}.step:hover{transform:translateY(-3px);box-shadow:0 4px 6px rgba(0,0,0,.1)}.step-number{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg, #007acc 0%, #00d4ff 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.step-content h4{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:#fff}.step-content p{color:#ccc}kbd{background:#21262d;border:1px solid #30363d;border-radius:4px;padding:.2rem .4rem;font-family:"SF Mono",Monaco,"Cascadia Code","Consolas",monospace;font-size:.85rem;color:#fff}.cta{padding:100px 0;background:#0d1117}.cta-content{text-align:center;max-width:600px;margin:0 auto}.cta-content h3{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#fff}.cta-content p{font-size:1.1rem;color:#ccc;margin-bottom:2rem}.cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.footer{background:#161b22;padding:2rem 0;border-top:1px solid #30363d}.footer .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer p{color:#888}.footer-links{display:flex;gap:2rem}.footer-links a{color:#ccc;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#007acc}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-on-scroll{opacity:1;transform:translateY(0);transition:opacity .6s ease,transform .6s ease}.animate-on-scroll.animate-in{animation:subtle-fade-in .6s ease-out}@keyframes subtle-fade-in{from{opacity:.3;transform:translateY(10px) scale(0.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.6}}@media(max-width: 768px){.hero{grid-template-columns:1fr;text-align:center;padding:100px 1rem 60px}.hero-title{font-size:2.5rem}.nav{padding:1rem}.container{padding:0 1rem}.features-grid{grid-template-columns:1fr}.commands-grid{grid-template-columns:1fr}.usage-steps{grid-template-columns:1fr}.cta-content h3{font-size:2rem}.footer .container{flex-direction:column;text-align:center}.demo-window{transform:none;min-height:auto}.demo-editor{padding:1rem;text-align:left}.line-number-column{width:20px;font-size:.8rem}.demo-code{font-size:.85rem}.demo-command-palette{padding:1rem}.demo-status{padding:.5rem 1rem;font-size:.8rem;text-align:left}}@media(max-width: 480px){.hero-title{font-size:2rem}.section-title{font-size:2rem}.hero-actions{flex-direction:column;align-items:center}.btn{width:100%;justify-content:center}.cta-actions{flex-direction:column;align-items:center}.line-number-column{width:18px;font-size:.7rem}.demo-code{font-size:.75rem;line-height:1.3}.demo-selection{padding:1px 2px;font-size:.75rem}.palette-command{font-size:.85rem}.demo-status{text-align:left}.demo-editor{text-align:left}.demo-line-content{text-align:left}}html{scroll-behavior:smooth}.btn:focus,.github-link:focus{outline:2px solid #007acc;outline-offset:2px}.keyboard-nav .btn:focus,.keyboard-nav .github-link:focus{outline:2px solid #007acc;outline-offset:2px;box-shadow:0 0 0 4px rgba(0,122,204,.2)}.hero-demo,.feature-card,.demo-window{will-change:transform}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}.demo-window{transform:none !important}.feature-card:hover{transform:none !important}}@media(prefers-contrast: high){:root{--border-color: #ffffff;--text-secondary: #ffffff}}