:root{--primary: #0F0F0F;--secondary: #303030;--accent: #FF5E5B;--light: #F7F7F7;--code-bg: #1A1A1A;--spacing: clamp(1rem, 5vw, 5rem)}html,body{margin:0;padding:0;box-sizing:border-box;font-family:Space Mono,monospace,system-ui}svg *{font-family:Arial}body{background-color:var(--light);color:var(--primary);line-height:1.6;overflow-x:hidden}a,a:visited{color:var(--accent)}.container{max-width:1200px;margin:0 auto;padding:var(--spacing);padding-top:0}header{display:flex;flex-direction:column;justify-content:center}h1{font-size:clamp(2rem,12vw,8rem);line-height:.9;font-weight:700}.tagline{font-size:clamp(1rem,5vw,2rem);margin-bottom:3rem;max-width:800px}h2,h3,h4{margin:1em 0 2em}.accent{color:var(--accent)}.btn{display:inline-block;background-color:var(--primary);color:#fff;padding:1rem 2rem;text-decoration:none;font-weight:600;font-size:1.2rem;border:none;cursor:pointer;margin-top:1rem}.btn:hover{background-color:#fff}.section-title{font-size:clamp(2rem,8vw,4rem);margin-bottom:2rem;line-height:1}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:4rem}.feature{border-top:4px solid var(--primary);padding-top:1rem}.feature-title{font-size:1.5rem;margin-bottom:1rem}.feature p{font-size:1.1rem}.code-block{color:#fff;padding:.3em 0;overflow-x:auto;margin:3rem 0;font-family:Fira Code,monospace;font-size:1rem;overflow:visible}code{background-color:var(--code-bg);color:var(--light);padding:.05em .6em;display:inline-block;border-bottom:2px solid var(--accent)}.output{display:flex;justify-content:center;background-color:#fff}pre>code{background-color:var(--code-bg);border-left:8px solid var(--accent);color:var(--light);box-sizing:content-box;display:block;margin:.3em 0;padding:1em 0 1em .3em}.evolution{display:flex;flex-direction:column;margin:4rem 0}.stage{display:flex;flex-direction:column;margin-bottom:4rem}.stage-header{display:flex;align-items:center;margin-bottom:1rem}.stage-number{font-size:5rem;font-weight:700;opacity:.1;margin-right:1rem}.stage-title{font-size:2rem}.stage-content{margin-left:5rem}.diagram{width:100%;height:400px;background-color:#fff;margin:2rem 0;box-shadow:0 4px 20px #0000001a;display:flex;justify-content:center;align-items:center}.diagram svg{width:100%;height:100%;font-family:Arial}.output svg{font-family:Arial}.arrow{fill:var(--primary)}.cta{background-color:var(--primary);color:#fff;text-align:center;padding:0}.cta h2{font-size:clamp(2rem,6vw,4rem);margin:0;margin-bottom:2rem}h3{margin:1em 0}footer{background-color:var(--primary);color:#fff;padding:var(--spacing) 0}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.footer-links h3{margin-bottom:1rem;font-size:1.2rem}.footer-links ul{list-style:none}.footer-links li{margin-bottom:.5rem}.footer-links a{color:#fff;text-decoration:none;opacity:.7;transition:opacity .3s ease}.footer-links a:hover{opacity:1}.copyright{margin-top:4rem;opacity:.7;font-size:.9rem}@media (max-width: 768px){.stage-content{margin-left:0}}.carousel-container{position:relative;width:100%}.carousel{position:relative;overflow:hidden}.carousel-slide{display:none}.carousel-slide.active{display:block}.carousel-nav{display:flex;align-items:center;justify-content:center;margin-top:1rem;gap:1rem}.prev-btn,.next-btn{background:var(--primary);color:#fff;border:none;padding:.5rem 1rem;cursor:pointer;font-size:1rem;transition:background-color .3s ease}.prev-btn:hover,.next-btn:hover{background:var(--accent)}.carousel-dots{display:flex;gap:.5rem}.dot{width:10px;height:10px;border-radius:50%;background:var(--accent);opacity:.3;cursor:pointer;transition:opacity .3s ease}.dot.active{opacity:1}