:root{--color-bg: #0a0f14;--color-bg-elevated: #111920;--color-bg-card: #161e28;--color-surface: #1c2632;--color-primary: #00d4aa;--color-primary-dim: #00a88a;--color-primary-glow: rgba(0, 212, 170, .15);--color-accent: #6366f1;--color-accent-dim: #4f46e5;--color-text: #f0f4f8;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-border: #2a3544;--color-border-subtle: #1e2939;--font-display: "Instrument Serif", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:16px;line-height:1.6;color:var(--color-text);background:var(--color-bg);overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.grain-overlay{position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:var(--space-md) var(--space-xl);background:linear-gradient(to bottom,var(--color-bg),transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.nav-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-text);font-weight:600;font-size:1.1rem}.logo-icon{color:var(--color-primary)}.nav-links{display:flex;align-items:center;gap:var(--space-xl)}.nav-links a{font-size:.95rem;color:var(--color-text-secondary);transition:color var(--transition-fast)}.nav-links a:hover{color:var(--color-text)}.nav-github{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-surface);border-radius:var(--radius-full);border:1px solid var(--color-border)}.nav-github:hover{background:var(--color-bg-card);border-color:var(--color-primary)}.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:var(--space-4xl);padding:calc(80px + var(--space-4xl)) var(--space-xl) var(--space-4xl);max-width:1600px;margin:0 auto;position:relative}.hero-bg{position:absolute;inset:0;overflow:hidden;z-index:-1}.hero-gradient{position:absolute;top:-50%;left:-20%;width:80%;height:150%;background:radial-gradient(ellipse at center,var(--color-primary-glow) 0%,transparent 60%);animation:pulse 8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(to right,var(--color-border-subtle) 1px,transparent 1px),linear-gradient(to bottom,var(--color-border-subtle) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at 30% 30%,black 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 30% 30%,black 0%,transparent 70%)}.floating-codes{position:absolute;inset:0;overflow:hidden;pointer-events:none}.float-code{position:absolute;font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted);opacity:.3;padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-bg);animation:float 20s linear infinite}.fc-1{top:15%;left:10%;animation-delay:0s}.fc-2{top:25%;right:15%;animation-delay:-4s}.fc-3{top:60%;left:5%;animation-delay:-8s}.fc-4{bottom:20%;right:8%;animation-delay:-12s}.fc-5{top:40%;left:25%;animation-delay:-16s}@keyframes float{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:.3}90%{opacity:.3}to{transform:translateY(-100px) rotate(5deg);opacity:0}}.hero-content{max-width:640px}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:.85rem;color:var(--color-text-secondary);margin-bottom:var(--space-xl);animation:fadeInUp .6s ease-out}.badge-dot{width:8px;height:8px;background:var(--color-primary);border-radius:50%;animation:blink 2s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.hero-title{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4rem);font-weight:400;line-height:1.15;margin-bottom:var(--space-xl);letter-spacing:-.02em}.title-line{display:block;animation:fadeInUp .6s ease-out backwards}.title-line:nth-child(1){animation-delay:.1s}.title-line:nth-child(2){animation-delay:.2s}.title-accent{color:var(--color-primary)}.title-accent em{font-style:italic}.hero-subtitle{font-size:1.2rem;color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-2xl);animation:fadeInUp .6s ease-out .3s backwards}.hero-subtitle strong{color:var(--color-text);font-weight:600}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-cta{display:flex;gap:var(--space-md);margin-bottom:var(--space-2xl);animation:fadeInUp .6s ease-out .4s backwards}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-size:1rem;font-weight:500;border-radius:var(--radius-full);transition:all var(--transition-base);cursor:pointer;border:none}.btn-primary{background:var(--color-primary);color:var(--color-bg)}.btn-primary:hover{background:var(--color-primary-dim);transform:translateY(-2px);box-shadow:0 8px 30px var(--color-primary-glow)}.btn-secondary{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-surface);border-color:var(--color-text-muted)}.btn-large{padding:var(--space-lg) var(--space-2xl);font-size:1.1rem}.hero-stats{display:flex;align-items:center;gap:var(--space-xl);animation:fadeInUp .6s ease-out .5s backwards}.stat{text-align:left}.stat-value{display:block;font-family:var(--font-display);font-size:1.8rem;color:var(--color-text);line-height:1.2}.stat-label{font-size:.85rem;color:var(--color-text-muted)}.stat-divider{width:1px;height:40px;background:var(--color-border)}.hero-visual{animation:fadeInUp .8s ease-out .6s backwards}.code-transform{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.transform-input,.transform-output{width:100%}.transform-arrow{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);color:var(--color-primary)}.arrow-label{font-size:.75rem;font-family:var(--font-mono);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em}.code-card{padding:var(--space-lg);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-card);transition:all var(--transition-base)}.code-proprietary{background:linear-gradient(135deg,var(--color-bg-card) 0%,var(--color-surface) 100%);border-color:var(--color-accent)}.code-label{display:block;font-size:.7rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);margin-bottom:var(--space-sm)}.code-value{display:block;font-family:var(--font-display);font-size:1.5rem;color:var(--color-text);margin-bottom:var(--space-sm)}.code-meta{font-size:.85rem;color:var(--color-text-muted);font-family:var(--font-mono)}.transform-output{display:flex;flex-direction:column;gap:var(--space-sm)}.code-standard{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;gap:var(--space-xs) var(--space-md);padding:var(--space-md) var(--space-lg);opacity:.6;transform:scale(.98)}.code-standard.active{opacity:1;transform:scale(1);border-color:var(--color-primary);background:linear-gradient(135deg,var(--color-bg-card) 0%,rgba(0,212,170,.05) 100%)}.code-system{font-family:var(--font-mono);font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);background:var(--color-primary-glow);padding:2px 8px;border-radius:var(--radius-sm);grid-row:1}.code-id{font-family:var(--font-mono);font-size:.9rem;color:var(--color-text);grid-row:1;align-self:center}.code-confidence{font-size:.75rem;color:var(--color-text-muted);grid-row:1;align-self:center;justify-self:end}.code-display{font-size:.9rem;color:var(--color-text-secondary);grid-column:1 / -1;grid-row:2}.problem{padding:var(--space-4xl) var(--space-xl);background:var(--color-bg-elevated);position:relative}.problem:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-border),transparent)}.problem-content{max-width:1200px;margin:0 auto;text-align:center}.section-tag{display:inline-block;font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:var(--color-primary);margin-bottom:var(--space-md)}.problem-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:400;margin-bottom:var(--space-3xl)}.strike{position:relative;color:var(--color-text-muted)}.strike:after{content:"";position:absolute;left:-4px;right:-4px;top:50%;height:3px;background:#ef4444;transform:rotate(-2deg)}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl);text-align:left}.problem-item{padding:var(--space-xl);background:var(--color-bg-card);border-radius:var(--radius-md);border:1px solid var(--color-border)}.problem-icon{width:48px;height:48px;margin-bottom:var(--space-lg);color:var(--color-text-muted)}.problem-icon svg{width:100%;height:100%}.problem-item h3{font-size:1.1rem;font-weight:600;margin-bottom:var(--space-sm);color:var(--color-text)}.problem-item p{font-size:.95rem;color:var(--color-text-secondary);line-height:1.6}.features{padding:var(--space-4xl) var(--space-xl);max-width:1200px;margin:0 auto}.features-header{text-align:center;margin-bottom:var(--space-4xl)}.features-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:400;margin-bottom:var(--space-md)}.features-subtitle{font-size:1.15rem;color:var(--color-text-secondary);max-width:600px;margin:0 auto}.pipeline{display:flex;flex-direction:column;align-items:center;gap:0}.pipeline-stage{display:grid;grid-template-columns:auto 1fr;gap:var(--space-2xl);padding:var(--space-2xl);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:800px}.stage-number{font-family:var(--font-display);font-size:4rem;color:var(--color-primary);opacity:.3;line-height:1}.stage-content{display:flex;flex-direction:column;gap:var(--space-md)}.stage-icon{width:48px;height:48px;color:var(--color-primary)}.stage-icon svg{width:100%;height:100%}.stage-content h3{font-size:1.4rem;font-weight:600}.stage-content p{color:var(--color-text-secondary);line-height:1.7}.stage-content strong{color:var(--color-text)}.stage-features{list-style:none;display:flex;flex-direction:column;gap:var(--space-sm)}.stage-features li{display:flex;align-items:center;gap:var(--space-sm);font-size:.9rem;color:var(--color-text-secondary)}.stage-features li:before{content:"";width:6px;height:6px;background:var(--color-primary);border-radius:50%}.pipeline-connector{height:80px;color:var(--color-border)}.pipeline-connector svg{height:100%}.pipeline-connector circle{fill:var(--color-primary)}.tech-stack{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);margin-top:var(--space-4xl);padding-top:var(--space-3xl);border-top:1px solid var(--color-border)}.tech-label{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-muted)}.tech-logos{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-md)}.tech-item{padding:var(--space-sm) var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full)}.tech-name{font-size:.9rem;color:var(--color-text-secondary)}.demo{padding:var(--space-4xl) var(--space-xl);background:var(--color-bg-elevated)}.demo-header{text-align:center;margin-bottom:var(--space-3xl)}.demo-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:400}.demo-video{max-width:1000px;margin:0 auto var(--space-4xl)}.video-container{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg-card);border:1px solid var(--color-border);aspect-ratio:16 / 9}.video-container video{width:100%;height:100%;object-fit:cover}.video-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0006}.play-btn{width:80px;height:80px;border-radius:50%;background:var(--color-primary);color:var(--color-bg);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-base),box-shadow var(--transition-base)}.play-btn svg{width:32px;height:32px;margin-left:4px}.play-btn:hover{transform:scale(1.1);box-shadow:0 0 40px var(--color-primary-glow)}.demo-examples{max-width:1000px;margin:0 auto}.demo-examples h3{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:400;margin-bottom:var(--space-xl);text-align:center;color:var(--color-text)}.examples-table{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.example-row{display:grid;grid-template-columns:1fr 1.2fr 1.5fr auto;gap:var(--space-lg);padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--color-border);align-items:center}.example-row:last-child{border-bottom:none}.example-header{background:var(--color-surface);font-size:.8rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.prop-name{font-weight:600;font-size:.95rem;color:var(--color-text)}.prop-context{font-size:.8rem;color:var(--color-text-muted);font-family:var(--font-mono)}.match-name{font-size:.9rem;color:var(--color-text-secondary)}.match-code{font-family:var(--font-mono);font-size:.85rem;color:var(--color-primary);background:var(--color-primary-glow);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);white-space:nowrap}.architecture{padding:var(--space-4xl) var(--space-xl);max-width:1200px;margin:0 auto}.arch-header{text-align:center;margin-bottom:var(--space-3xl)}.arch-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:400;margin-bottom:var(--space-md)}.arch-subtitle{font-size:1.15rem;color:var(--color-text-secondary)}.arch-diagram{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-3xl);display:flex;justify-content:center}.arch-diagram img{max-width:100%;border-radius:var(--radius-md)}.arch-flow{display:flex;align-items:flex-start;justify-content:center;gap:var(--space-md);flex-wrap:wrap}.flow-step{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:180px}.flow-num{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:var(--color-bg);border-radius:50%;font-weight:600;margin-bottom:var(--space-md)}.flow-content h4{font-size:1rem;margin-bottom:var(--space-xs)}.flow-content p{font-size:.85rem;color:var(--color-text-secondary)}.flow-arrow{font-size:1.5rem;color:var(--color-text-muted);margin-top:8px}.cta{padding:var(--space-4xl) var(--space-xl);background:linear-gradient(to bottom,var(--color-bg),var(--color-bg-elevated));text-align:center}.cta-content{max-width:700px;margin:0 auto var(--space-3xl)}.cta h2{font-family:var(--font-display);font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:400;margin-bottom:var(--space-md)}.cta>.cta-content>p{font-size:1.15rem;color:var(--color-text-secondary);margin-bottom:var(--space-2xl)}.cta-buttons{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}.cost-breakdown{max-width:500px;margin:0 auto;padding:var(--space-xl);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md)}.cost-breakdown h3{font-size:1rem;font-weight:600;margin-bottom:var(--space-lg);color:var(--color-text-secondary)}.cost-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-bottom:var(--space-md)}.cost-item{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md);background:var(--color-surface);border-radius:var(--radius-sm)}.cost-label{font-size:.8rem;color:var(--color-text-muted)}.cost-value{font-family:var(--font-display);font-size:1.8rem;color:var(--color-primary)}.cost-note{font-size:.8rem;color:var(--color-text-muted)}.cost-note a{color:var(--color-primary);text-decoration:underline}.footer{padding:var(--space-4xl) var(--space-xl) var(--space-xl);background:var(--color-bg-elevated);border-top:1px solid var(--color-border)}.footer-content{max-width:1200px;margin:0 auto}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-4xl);margin-bottom:var(--space-3xl)}.footer-brand{max-width:300px}.footer-logo{font-size:1.2rem;font-weight:600;color:var(--color-text);display:block;margin-bottom:var(--space-md)}.footer-brand p{font-size:.9rem;color:var(--color-text-secondary);line-height:1.6}.footer-links{display:contents}.footer-col{display:flex;flex-direction:column;gap:var(--space-sm)}.footer-col h4{font-size:.8rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:var(--space-sm)}.footer-col a{font-size:.95rem;color:var(--color-text-secondary);transition:color var(--transition-fast)}.footer-col a:hover{color:var(--color-text)}.footer-bottom{display:flex;justify-content:space-between;padding-top:var(--space-xl);border-top:1px solid var(--color-border)}.footer-bottom p{font-size:.85rem;color:var(--color-text-muted)}.footer-bottom a{color:var(--color-primary)}@media(max-width:1024px){.hero{grid-template-columns:1fr;gap:var(--space-3xl);padding-top:calc(80px + var(--space-2xl))}.hero-content{max-width:100%;text-align:center}.hero-cta,.hero-stats{justify-content:center}.hero-visual{max-width:500px;margin:0 auto}.problem-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}.footer-main{grid-template-columns:1fr;gap:var(--space-2xl)}.footer-brand{max-width:100%}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl)}.footer-bottom{flex-direction:column;gap:var(--space-sm);text-align:center}}@media(max-width:768px){.nav-links a:not(.nav-github){display:none}.example-row{grid-template-columns:1fr 1fr;gap:var(--space-md)}.example-header{display:none}.arch-flow{flex-direction:column;align-items:center}.flow-arrow{transform:rotate(90deg);margin:var(--space-sm) 0}.pipeline-stage{grid-template-columns:1fr;gap:var(--space-lg)}.stage-number{font-size:2.5rem}}@media(max-width:480px){.hero-stats{flex-direction:column;gap:var(--space-lg)}.stat-divider{width:40px;height:1px}.hero-cta{flex-direction:column}.btn{width:100%;justify-content:center}.cost-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column}.footer-links{grid-template-columns:1fr}}.reveal{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}