:root{--bg-primary: #000000;--bg-secondary: #0a0a0a;--bg-card: rgba(15, 15, 15, .8);--bg-code: #0d0d0d;--neon-green: #39ff14;--neon-green-dim: rgba(57, 255, 20, .4);--neon-green-glow: rgba(57, 255, 20, .15);--accent-red: #ff3131;--metallic: #c0c0c0;--metallic-dim: rgba(192, 192, 192, .6);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5);--border-subtle: rgba(255, 255, 255, .08);--font-sans: "Space Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.fixed-bg{position:fixed;inset:0;z-index:-1;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:var(--bg-primary)}.fixed-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#00000080,#000000bf,#000000f2);pointer-events:none}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding:1rem 1.5rem;background:#0009;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle)}.nav-brand{font-size:1.1rem;font-weight:600;color:var(--neon-green);text-decoration:none;letter-spacing:.05em;transition:color .2s ease,text-shadow .2s ease}.nav-brand:hover{color:#4dff33;text-shadow:0 0 20px var(--neon-green-glow)}.nav-actions{display:flex;align-items:center;gap:.75rem}.nav-ca{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:#39ff1414;border:1px solid rgba(57,255,20,.2);border-radius:8px}.nav-ca-label{font-size:.75rem;font-weight:600;color:var(--neon-green);text-transform:uppercase;letter-spacing:.05em}.nav-ca-address{font-family:var(--font-mono);font-size:.8rem;color:var(--metallic);word-break:break-all}.btn-nav{padding:.5rem 1rem;font-size:.875rem;background:transparent;color:var(--metallic);border:1px solid var(--border-subtle);border-radius:8px;cursor:pointer;transition:all .25s ease;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;font-family:var(--font-sans);font-weight:500}.btn-nav:hover{border-color:var(--neon-green);color:var(--neon-green);box-shadow:0 0 15px var(--neon-green-glow)}.btn-twitter svg{flex-shrink:0}.landing{min-height:100vh;position:relative}.section-inner{max-width:1100px;margin:0 auto;padding:0 1.5rem}.section-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:600;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:3rem;text-align:center}.hero{position:relative;min-height:85vh;display:flex;align-items:center;justify-content:center;padding:5rem 1.5rem 4rem;overflow:hidden}.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(57,255,20,.06) 0%,transparent 60%),linear-gradient(180deg,transparent 0%,var(--bg-primary) 100%);pointer-events:none}.hero-content{position:relative;text-align:center;z-index:1}.brand{display:inline-block;font-size:.875rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--neon-green);margin-bottom:1.5rem;opacity:.9}.hero-headline{font-size:clamp(2.75rem,8vw,5rem);font-weight:700;line-height:1.05;letter-spacing:-.03em;margin-bottom:1.5rem}.hero-headline .accent{color:var(--neon-green);text-shadow:0 0 40px var(--neon-green-glow)}.hero-subtext{font-size:clamp(1rem,2vw,1.25rem);color:var(--text-secondary);max-width:520px;margin:0 auto 2.5rem;line-height:1.6}.hero-cta{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn{font-family:var(--font-sans);font-size:.95rem;font-weight:500;padding:.9rem 1.75rem;border-radius:8px;cursor:pointer;transition:all .25s ease;border:none;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn-primary{background:var(--neon-green);color:var(--bg-primary);box-shadow:0 0 30px var(--neon-green-dim)}.btn-primary:hover{background:#4dff33;box-shadow:0 0 40px var(--neon-green-glow),0 0 60px var(--neon-green-dim);transform:translateY(-2px)}.btn-secondary{background:transparent;color:var(--metallic);border:1px solid var(--border-subtle)}.btn-secondary:hover{border-color:var(--neon-green);color:var(--neon-green);box-shadow:0 0 20px var(--neon-green-glow)}.features{padding:6rem 0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.feature-card{position:relative;padding:2rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden;transition:all .3s ease}.feature-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 50% 50%,var(--neon-green-glow) 0%,transparent 40%);opacity:0;transition:opacity .3s ease;pointer-events:none}.feature-card:hover{border-color:#39ff1433;box-shadow:0 0 30px var(--neon-green-glow)}.feature-card:hover .feature-glow{opacity:1}.feature-card h3{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.feature-card p{font-size:.9rem;color:var(--text-secondary);line-height:1.5}.models{padding:6rem 0;background:linear-gradient(180deg,transparent 0%,rgba(57,255,20,.02) 50%,transparent 100%)}.models-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.model-card{position:relative;padding:1.75rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;font-family:var(--font-sans);font-size:1rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;text-align:center}.model-card:hover{border-color:#39ff144d;color:var(--text-primary);box-shadow:0 0 25px var(--neon-green-glow);transform:translateY(-2px)}.model-card.selected{border-color:var(--neon-green);color:var(--neon-green);box-shadow:0 0 30px var(--neon-green-glow),inset 0 0 20px var(--neon-green-glow)}.model-name{position:relative;z-index:1}.code-section{padding:6rem 0}.code-container{position:relative;max-width:640px;margin:0 auto;padding:2rem;background:var(--bg-code);border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden}.code-glow{position:absolute;top:-100px;left:50%;transform:translate(-50%);width:300px;height:200px;background:radial-gradient(ellipse,var(--neon-green-glow) 0%,transparent 70%);pointer-events:none}.code-block{position:relative;font-family:var(--font-mono);font-size:.9rem;line-height:1.7;color:var(--metallic-dim);overflow-x:auto;margin-bottom:1.5rem}.code-block code{display:block}.code-comment{color:var(--text-muted)}.code-keyword{color:var(--neon-green)}.code-string{color:#7ec699}.code-number{color:#f8c555}.code-fn{color:var(--neon-green)}.btn-copy{width:100%;padding:1rem;background:#39ff141a;color:var(--neon-green);border:1px solid rgba(57,255,20,.3);border-radius:8px;font-weight:500;cursor:pointer;transition:all .25s ease}.btn-copy:hover{background:#39ff1433;box-shadow:0 0 25px var(--neon-green-glow)}.btn-copy:active,.btn-copy:focus-visible{outline:2px solid var(--neon-green)}.footer{padding:2rem 1.5rem;text-align:center;font-size:.85rem;color:var(--text-muted)}.footer-divider{margin:0 .5rem;opacity:.5}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-content .brand,.hero-content .hero-headline,.hero-content .hero-subtext,.hero-content .hero-cta{opacity:0;animation:fadeInUp .6s ease forwards}.hero-content .hero-headline{animation-delay:.1s}.hero-content .hero-subtext{animation-delay:.2s}.hero-content .hero-cta{animation-delay:.3s}