:root{--bg: #060610;--bg2: #0a0a18;--surface: #111122;--surface2: #161630;--accent: #00d4a0;--accent2: #5ebaff;--accent3: #f0c040;--text: #e8e8f0;--muted: #6a6a88;--border: rgba(255,255,255,.05);--glow: rgba(0, 212, 160, .1);--radius: 14px;--ease: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1080px;margin:0 auto;padding:0 1.5rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .8s linear infinite}.section{animation:fadeInUp .7s var(--ease) both}.hero-content{animation:fadeInUp .9s var(--ease) .15s both}.hero-stats{animation:fadeInUp .7s var(--ease) .4s both}.hero-cta{animation:fadeInUp .6s var(--ease) .55s both}.section+.section:before{content:"";display:block;height:1px;background:linear-gradient(90deg,transparent,rgba(0,212,160,.15),rgba(94,186,255,.1),transparent);margin:0 auto;max-width:600px}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero-glow{position:absolute;top:-25%;left:50%;transform:translate(-50%);width:900px;height:700px;background:radial-gradient(ellipse,var(--glow),transparent 65%);pointer-events:none;z-index:0}.hero-grid{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 79px,rgba(255,255,255,.012) 80px),repeating-linear-gradient(90deg,transparent 0,transparent 79px,rgba(255,255,255,.012) 80px);mask-image:radial-gradient(ellipse 70% 55% at 50% 35%,black,transparent);pointer-events:none;z-index:0}.hero-content{position:relative;z-index:1;text-align:center;padding:2rem 1.5rem;max-width:780px}.badge{display:inline-flex;align-items:center;gap:6px;font-size:.76rem;font-weight:500;letter-spacing:.06em;color:var(--accent);background:#00d4a00f;border:1px solid rgba(0,212,160,.15);backdrop-filter:blur(8px);padding:.35rem 1rem;border-radius:99px;margin-bottom:1.8rem}.hero h1{font-size:clamp(4rem,12vw,8rem);font-weight:800;letter-spacing:-.05em;line-height:.95;color:#fff}.hero .accent{background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tagline{font-size:clamp(1.15rem,2.8vw,1.5rem);font-weight:300;color:var(--muted);margin-top:.6rem}.subtitle{font-size:.95rem;color:var(--muted);margin-top:1.2rem;line-height:1.75}.terminal{background:linear-gradient(180deg,#111122f2,#0a0a14fa);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);max-width:620px;width:100%;margin:2.5rem auto 0;overflow:hidden;box-shadow:0 30px 80px #00000080,inset 0 1px #ffffff08}.terminal-bar{background:#ffffff06;padding:12px 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border)}.dot{width:11px;height:11px;border-radius:50%}.dot.red{background:#ff5f57}.dot.yellow{background:#febc2e}.dot.green{background:#28c840}.terminal-title{font-family:JetBrains Mono,monospace;font-size:.7rem;color:var(--muted);margin-left:auto;letter-spacing:.03em}.terminal pre{font-family:JetBrains Mono,monospace;font-size:.8rem;padding:1.2rem 1.5rem;line-height:2;overflow-x:auto}.terminal code{color:var(--text)}.cm{color:#444}.pr{color:var(--accent);font-weight:600}.str{color:var(--accent3)}.out{color:var(--accent);opacity:.85}.hero-stats{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;margin-top:2.5rem}.stat{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.15rem}.stat-icon{color:var(--accent);opacity:.5}.stat-num{font-size:2.2rem;font-weight:800;background:linear-gradient(135deg,#fff 40%,var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px rgba(0,212,160,.15))}.stat-lbl{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:500}.hero-cta{margin-top:2.5rem;display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--accent),#00e0aa);color:var(--bg);font-weight:600;font-size:.9rem;padding:.7rem 1.6rem;border-radius:10px;text-decoration:none;border:none;cursor:pointer;transition:all .25s var(--ease);box-shadow:0 4px 20px #00d4a026,inset 0 1px #fff3}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 32px #00d4a04d,inset 0 1px #ffffff40;filter:brightness(1.1)}.btn-primary:active{transform:translateY(0) scale(.98)}.btn-lg{font-size:1rem;padding:.85rem 2.2rem;border-radius:12px}.btn-ghost{display:inline-flex;align-items:center;gap:.4rem;color:var(--muted);font-weight:500;font-size:.9rem;padding:.7rem 1.4rem;border-radius:10px;text-decoration:none;border:1px solid var(--border);transition:all .2s}.btn-ghost:hover{border-color:#ffffff26;color:var(--text)}.section{padding:6rem 0}.section-dark{background:var(--bg2)}.section-title{font-size:1.8rem;font-weight:700;text-align:center;margin-bottom:.5rem;color:#fff}.section-sub{text-align:center;color:var(--muted);max-width:520px;margin:0 auto 3rem;font-size:.95rem}.pipeline{display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap}.pipe-card{background:linear-gradient(180deg,var(--surface),rgba(17,17,34,.8));border:1px solid var(--border);border-radius:var(--radius);padding:1.8rem 1.5rem 1.5rem;text-align:center;min-width:170px;box-shadow:0 2px 12px #0003;position:relative;transition:all .2s}.pipe-card:hover{border-color:#00d4a04d;transform:translateY(-3px);box-shadow:0 8px 30px #0000004d,0 0 0 1px #00d4a01a}.pipe-num{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--accent);color:var(--bg);width:22px;height:22px;border-radius:7px;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center}.pipe-icon{color:var(--accent);margin-bottom:.6rem;opacity:.8}.pipe-label{font-weight:600;font-size:.9rem;color:#fff}.pipe-sub{font-size:.75rem;color:var(--muted);margin-top:.25rem}.pipe-arrow{color:var(--accent);padding:0 .6rem;opacity:.4}.arch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:.6rem}.arch-card{background:linear-gradient(135deg,var(--surface),rgba(17,17,34,.6));border:1px solid var(--border);border-radius:12px;padding:1rem 1.2rem;display:flex;align-items:flex-start;gap:1rem;transition:all .25s var(--ease)}.arch-card:hover{border-color:#00d4a033;transform:translateY(-1px);box-shadow:0 4px 20px #0003}.arch-icon{color:var(--accent);opacity:.7;flex-shrink:0;margin-top:.1rem;width:24px;height:24px}.arch-name{font-weight:600;font-size:.95rem;color:#fff}.arch-engine{font-size:.78rem;color:var(--muted);margin-top:.15rem;line-height:1.5}.arch-cpu{font-family:JetBrains Mono,monospace;font-size:.7rem;color:var(--accent);margin-top:.35rem;opacity:.8}.guard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.6rem;max-width:750px;margin:0 auto}.guard-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1rem;display:flex;align-items:flex-start;gap:.75rem}.guard-id{background:#00d4a01a;color:var(--accent);width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.guard-rule{font-weight:600;font-size:.88rem;color:#fff}.guard-thresh{font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--accent);margin-top:.15rem;opacity:.8}.guard-purpose{font-size:.75rem;color:var(--muted);margin-top:.1rem}.fx-grid{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;max-width:700px;margin:0 auto}.fx-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1rem 1.2rem;min-width:120px;text-align:center;transition:all .2s;flex:1}.fx-card:hover{border-color:#00d4a040}.fx-icon{color:var(--accent);opacity:.7;margin-bottom:.4rem}.fx-name{font-weight:600;font-size:.9rem;color:#fff}.fx-engine{font-size:.72rem;color:var(--muted);margin-top:.2rem;line-height:1.4}.theme-grid{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.theme-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem 1.5rem;text-align:center;transition:all .2s;min-width:140px}.theme-card:hover{border-color:#ffffff1f}.theme-swatches{display:flex;gap:6px;justify-content:center;margin-bottom:.5rem}.theme-swatch{width:28px;height:28px;border-radius:6px;border:1px solid rgba(255,255,255,.08)}.theme-name{font-weight:600;font-size:.85rem;color:#fff}.section-cta{background:radial-gradient(ellipse at 50% 100%,var(--glow),transparent 55%);padding:7rem 0 6rem}.cta-inner{text-align:center}.cta-title{font-size:2.5rem;color:#fff;margin-bottom:.4rem}footer{text-align:center;padding:3rem 1.5rem 2.5rem;border-top:none;font-size:.85rem;color:var(--muted);background:linear-gradient(180deg,transparent,rgba(0,0,0,.3));position:relative}footer:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:200px;height:1px;background:linear-gradient(90deg,transparent,rgba(0,212,160,.2),transparent)}footer a{color:var(--accent);text-decoration:none}footer a:hover{text-decoration:underline}.footer-sub{font-size:.78rem;margin-top:.3rem;opacity:.7}.gen-panel{background:linear-gradient(135deg,#ffffff09,#ffffff02);border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:2.5rem;backdrop-filter:blur(16px);box-shadow:0 20px 60px #0000004d,inset 0 1px #ffffff0a}.gen-row{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.gen-label{font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);display:flex;align-items:center;gap:.5rem;margin-bottom:.6rem}.gen-count{background:var(--accent);color:var(--bg);font-size:.7rem;font-weight:700;padding:.1rem .45rem;border-radius:8px;min-width:1.2rem;text-align:center}.gen-input{flex:1;background:#ffffff0a;border:1px solid var(--border);border-radius:8px;padding:.6rem 1rem;color:var(--text);font-family:JetBrains Mono,monospace;font-size:.95rem;outline:none;transition:border-color .2s}.gen-input:focus{border-color:var(--accent)}.btn-random{display:flex;align-items:center;gap:.4rem;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent),#fff 30%));color:var(--bg);border:none;border-radius:8px;padding:.6rem 1.1rem;font-weight:600;font-size:.82rem;cursor:pointer;transition:transform .15s,box-shadow .2s;white-space:nowrap}.btn-random:hover{transform:scale(1.05);box-shadow:0 0 20px #00d4a04d}.btn-random:active{transform:scale(.97)}.gen-group{margin-bottom:1.5rem}.gen-chips{display:flex;flex-wrap:wrap;gap:.5rem}.gen-chip{padding:.45rem 1rem;border-radius:20px;font-size:.78rem;font-weight:500;border:1px solid rgba(255,255,255,.06);background:#ffffff06;color:var(--muted);cursor:pointer;transition:all .25s var(--ease);user-select:none}.gen-chip:hover{border-color:#00d4a04d;color:var(--text);background:#ffffff0a}.gen-chip.active{background:#00d4a01a;border-color:#00d4a059;color:var(--accent);font-weight:600;box-shadow:0 0 16px #00d4a01f,inset 0 0 8px #00d4a00d}.gen-knob-well{background:#00000040;border:1px solid rgba(255,255,255,.03);border-radius:16px;padding:1.5rem 2rem 2.2rem;margin:.5rem 0 2rem;box-shadow:inset 0 2px 8px #0006,inset 0 0 0 1px #ffffff05}.gen-knobs-row{display:flex;gap:3rem;justify-content:center;flex-wrap:wrap;margin:0}.knob-group{text-align:center}.knob-wrap{position:relative;width:80px;height:80px;margin:0 auto;cursor:grab}.knob-wrap:active{cursor:grabbing}.knob-svg{width:80px;height:80px}.knob-track{fill:none;stroke:#ffffff0f;stroke-width:4;stroke-linecap:round;stroke-dasharray:175;stroke-dashoffset:44;transform:rotate(135deg);transform-origin:50% 50%}.knob-arc{fill:none;stroke:var(--accent);stroke-width:4;stroke-linecap:round;stroke-dasharray:175;stroke-dashoffset:175;transform:rotate(135deg);transform-origin:50% 50%;transition:stroke-dashoffset .15s;filter:drop-shadow(0 0 4px var(--accent))}.knob-body{fill:#ffffff08;stroke:#ffffff14;stroke-width:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));transition:fill .2s}.knob-wrap:hover .knob-body{fill:#ffffff0f;stroke:#ffffff1f}.knob-pointer{stroke:var(--accent);stroke-width:2.5;stroke-linecap:round;transition:transform .15s;transform-origin:40px 40px;filter:drop-shadow(0 0 3px var(--accent))}.knob-val{font-size:.72rem;font-weight:600;color:var(--text);margin-top:.3rem;font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.05em}.gen-output{margin-top:0}.gen-actions{display:flex;gap:.8rem;margin-top:1rem;flex-wrap:wrap}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff0d;border:1px solid var(--border);border-radius:8px;padding:.65rem 1.2rem;color:var(--text);font-weight:500;font-size:.85rem;cursor:pointer;transition:all .2s;text-decoration:none}.btn-secondary:hover{background:#ffffff14;border-color:var(--accent)}@media(max-width:640px){.hero-stats{gap:1.2rem}.pipe-arrow{display:none}.pipeline{flex-direction:column;gap:.75rem}.pipe-card{width:100%}.arch-grid{grid-template-columns:1fr}.gen-knobs-row{gap:1.5rem}.gen-row{flex-direction:column;align-items:stretch}}