:root{--pg-app: #1c1a18;--pg-panel: #252220;--pg-panel-2: #2c2825;--pg-raised: #302b27;--pg-sunken: #191714;--pg-hover: #36312d;--pg-border: #393330;--pg-border-2: #443b35;--pg-border-3: #574b42;--pg-text: #e7e1d9;--pg-text-2: #aaa198;--pg-text-3: #786f67;--pg-text-4: #5f574e;--pg-accent: #cc785c;--pg-accent-2: #df9374;--pg-inset: inset 0 1px 0 rgb(255 255 255 / .045);--pg-field-shadow: inset 0 1px 2px rgb(0 0 0 / .36);--nx-amber: #ff8a3c;--nx-logo-font: "Space Grotesk", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{background:var(--pg-app);color:var(--pg-text);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}.nx-logo-font{font-family:var(--nx-logo-font)}.nx-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:0 clamp(20px,4vw,48px)}.nx-top{width:100%;max-width:1120px;display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--pg-border)}.nx-brand{display:inline-flex;align-items:center;gap:10px}.nx-wordmark{font-size:17px;font-weight:700;letter-spacing:.02em;color:var(--pg-text)}.nx-brand-dot{width:9px;height:9px;border-radius:50%;background:var(--nx-amber);box-shadow:0 0 9px 1px #ff8a3c8c}.nx-top-link{color:var(--pg-text-2);text-decoration:none;font-size:13px;font-weight:600;padding:7px 14px;border:1px solid var(--pg-border-2);border-radius:7px;background:var(--pg-raised);box-shadow:var(--pg-inset);transition:color .15s,border-color .15s,background .15s}.nx-top-link:hover{color:var(--pg-text);border-color:var(--pg-border-3);background:var(--pg-hover)}.nx-hero{flex:1;width:100%;max-width:1120px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(24px,4vh,48px) 0}.nx-headline{line-height:1;margin-bottom:16px;text-align:center}.nx-headline-mark{font-size:clamp(46px,6vw,72px);font-weight:700;letter-spacing:.01em;color:var(--pg-text)}.nx-tagline{font-size:clamp(16px,2vw,20px);line-height:1.5;color:var(--pg-text-2);max-width:560px;margin-bottom:clamp(22px,4vh,40px);text-align:center}.nx-tagline em{color:var(--pg-accent-2);font-style:normal;font-weight:600}.nx-tagline strong{color:var(--pg-text);font-weight:600}.nx-cta{margin-top:clamp(28px,5vh,52px);display:inline-flex;align-items:center;gap:10px;padding:14px 34px;border:1px solid #de8a68;border-radius:9px;background:var(--pg-accent);color:#fff8f1;font-size:16px;font-weight:600;letter-spacing:.01em;text-decoration:none;box-shadow:var(--pg-inset),0 2px 10px #00000059;transition:background .15s,transform .12s}.nx-cta:hover{background:var(--pg-accent-2);transform:translateY(-1px)}.nx-cta-arrow{display:block}.nx-cta-sub{margin-top:16px;margin-bottom:clamp(8px,2vh,24px);font-size:13px;color:var(--pg-text-4);text-align:center}.nx-stage{display:flex;align-items:stretch;gap:22px;width:min(860px,94vw)}.nx-preview{flex:1;min-height:286px;display:grid;place-items:center;background:var(--pg-sunken);border:1px solid var(--pg-border-2);border-radius:10px}.nx-preview-label{font-size:11px;font-family:JetBrains Mono,monospace;letter-spacing:.08em;color:var(--pg-text-4);border:1px dashed var(--pg-border-2);border-radius:6px;padding:8px 14px;user-select:none}.nx-panel{flex:0 0 236px;display:flex;flex-direction:column;background:var(--pg-panel);border:1px solid var(--pg-border-2);border-radius:10px;align-self:stretch;overflow:hidden}.nx-panel-head{display:flex;align-items:center;gap:8px;flex:none;height:30px;padding:0 10px;border-bottom:1px solid var(--pg-border);font-weight:600;font-size:12px;color:var(--pg-text);background:var(--pg-panel-2)}.nx-chip{font-size:9.5px;font-weight:700;letter-spacing:.05em;color:var(--pg-accent-2);background:color-mix(in srgb,var(--pg-accent) 18%,transparent);border:1px solid color-mix(in srgb,var(--pg-accent) 40%,transparent);border-radius:4px;padding:1px 5px}.nx-module-head{display:flex;align-items:center;gap:8px;flex:none;height:28px;padding:0 10px;border-bottom:1px solid var(--pg-border);background:linear-gradient(180deg,#312d2a,#2a2724);user-select:none}.nx-check{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:14px;height:14px;border:1px solid var(--pg-border-3);border-radius:3px;background:var(--pg-sunken);box-shadow:var(--pg-field-shadow)}.nx-check.on{border-color:var(--pg-accent);background:var(--pg-accent)}.nx-check.on:after{content:"";width:7px;height:4px;border-bottom:1.5px solid #fff;border-left:1.5px solid #fff;transform:rotate(-45deg) translateY(-1px)}.nx-module-name{color:var(--pg-text);font-size:12px;font-weight:600;white-space:nowrap}.nx-module-tag{margin-left:auto;font-size:9.5px;font-family:JetBrains Mono,monospace;color:var(--pg-text-3)}.nx-panel-body{flex:1;display:flex;flex-direction:column;gap:14px;padding:12px 10px}.nx-panel-row{display:grid;gap:7px}.nx-panel-label{padding-left:2px;color:var(--pg-text-2);font-size:11.5px;white-space:nowrap}.nx-panel-value{display:flex;align-items:center;gap:7px;min-width:0}.nx-num{flex:0 0 auto;min-width:36px;text-align:right;padding:2px 6px;border:1px solid var(--pg-border);border-radius:4px;background:var(--pg-sunken);box-shadow:var(--pg-field-shadow);color:var(--pg-text);font-size:11px;font-family:JetBrains Mono,monospace}.nx-panel-value input[type=range]{appearance:none;-webkit-appearance:none;flex:1;min-width:0;height:4px;border-radius:999px;background:var(--pg-sunken);box-shadow:var(--pg-field-shadow);outline:none;cursor:pointer}.nx-panel-value input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;border-radius:3px;background:var(--pg-raised);border:1px solid var(--pg-border-3);box-shadow:var(--pg-inset)}.nx-panel-value input[type=range]:hover::-webkit-slider-thumb{border-color:var(--pg-accent)}.nx-panel-value input[type=range]::-moz-range-thumb{width:11px;height:11px;border-radius:3px;background:var(--pg-raised);border:1px solid var(--pg-border-3)}.nx-scrub{flex:1;height:20px;display:inline-flex;align-items:center;padding:0 8px;border:1px solid var(--pg-border);border-radius:4px;background:var(--pg-sunken);box-shadow:var(--pg-field-shadow);color:var(--pg-text);font-size:11px;font-family:JetBrains Mono,monospace;cursor:ew-resize;user-select:none}.nx-scrub:hover,.nx-scrub.dragging{border-color:var(--pg-accent)}.nx-colorfield{position:relative;flex:1;height:20px;overflow:hidden;border:1px solid var(--pg-border);border-radius:4px;background-color:#2b2724;background-image:linear-gradient(45deg,rgb(255 255 255 / .16) 25%,transparent 25%),linear-gradient(-45deg,rgb(255 255 255 / .16) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgb(255 255 255 / .16) 75%),linear-gradient(-45deg,transparent 75%,rgb(255 255 255 / .16) 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;box-shadow:var(--pg-field-shadow);cursor:pointer}.nx-colorfield:hover{border-color:var(--pg-accent)}.nx-colorfield-fill{position:absolute;inset:0}.nx-colorfield input[type=color]{position:absolute;inset:0;opacity:0;cursor:pointer;border:0;padding:0}.nx-gradient{position:relative;flex:1;height:20px;border:1px solid var(--pg-border);border-radius:4px;background-color:#2b2724;background-image:linear-gradient(45deg,rgb(255 255 255 / .16) 25%,transparent 25%),linear-gradient(-45deg,rgb(255 255 255 / .16) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgb(255 255 255 / .16) 75%),linear-gradient(-45deg,transparent 75%,rgb(255 255 255 / .16) 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;box-shadow:var(--pg-field-shadow)}.nx-gradient-fill{position:absolute;inset:0;border-radius:3px}.nx-gradient-stop{position:absolute;top:-3px;bottom:-3px;width:8px;margin-left:-4px;border:1px solid var(--pg-border-3);border-radius:3px;background:var(--pg-raised);box-shadow:0 1px 4px #00000080;cursor:ew-resize}.nx-gradient-stop:after{content:"";position:absolute;inset:2px;border-radius:2px;background:var(--stop-color, #fff)}.nx-gradient-stop:hover,.nx-gradient-stop.dragging{border-color:var(--pg-accent)}.nx-minicurve{position:relative;flex:1;height:34px;overflow:hidden;border:1px solid var(--pg-border);border-radius:4px;background:var(--pg-sunken);box-shadow:var(--pg-field-shadow);cursor:crosshair}.nx-minicurve svg{position:absolute;inset:0;width:100%;height:100%}.nx-minicurve .fill{fill:#cc785c33}.nx-minicurve .stroke{fill:none;stroke:var(--pg-accent-2);stroke-linecap:round;stroke-width:1.4}.nx-curve-dot{position:absolute;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border:1px solid var(--pg-accent);border-radius:50%;background:var(--pg-raised);cursor:grab}.nx-curve-dot.dragging{cursor:grabbing;background:var(--pg-accent)}.nx-foot{width:100%;max-width:1120px;display:flex;justify-content:center;gap:10px;padding:22px 0 26px;border-top:1px solid var(--pg-border);font-size:12px;color:var(--pg-text-4)}.nx-foot-sep{opacity:.6}@media(max-width:640px){.nx-stage{flex-direction:column}.nx-preview{min-height:240px}.nx-panel{flex:none;width:100%;align-self:stretch}}