@import "https://fonts.googleapis.com/css2?family=Prompt:wght@400;500;600;700;800&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--orange:#f60;--orange-light:#fcc01e;--navy:#153d64;--navy-deep:#0a2238;--blue:#4376bd;--blue-deep:#3567b0;--bg:#fff;--bg-soft:#faf7f2;--ink:#0a2238;--ink-soft:#4a5b6e;--ink-mute:#8a96a3;--line:#0a223814;--line-strong:#0a223829;--accent:var(--blue);--accent-hover:var(--blue-deep);--accent-soft:#4376bd1a;--accent-line:#4376bd40;--accent-shadow:#4376bd73;--good:#1f5c1b;--bad:#a82a1a;--font-heading:"Prompt", system-ui, -apple-system, sans-serif;--font-body:Arial, Helvetica, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", monospace;--font-serif:"Instrument Serif", Georgia, serif;--hero-py:clamp(48px, 6vw, 88px);--section-px:clamp(20px, 4vw, 64px);--container:1280px;--stack-1:8px;--stack-2:14px;--stack-3:22px;--stack-4:32px;--stack-5:48px;--stack-6:72px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-soft);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}img,svg{max-width:100%;display:block}::selection{background:var(--accent);color:#fff}::placeholder{color:var(--ink-mute)}button{font:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--ink);letter-spacing:-.01em;font-weight:700;line-height:1.2}.serif{font-family:var(--font-serif);font-style:italic;font-weight:400}.accent{color:var(--accent)}.container{max-width:var(--container);padding-inline:var(--section-px);margin-inline:auto}.eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);align-items:center;gap:10px;font-size:11px;font-weight:500;display:inline-flex}.eyebrow:before{content:"";background:var(--accent);flex-shrink:0;width:24px;height:1.5px}.btn{font-family:var(--font-heading);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border:1.5px solid #0000;border-radius:0;justify-content:center;align-items:center;gap:10px;padding:15px 26px;font-size:13px;font-weight:600;line-height:1;transition:background .25s cubic-bezier(.2,.7,.2,1),color .25s cubic-bezier(.2,.7,.2,1),border-color .25s cubic-bezier(.2,.7,.2,1),transform .25s,box-shadow .25s;display:inline-flex}.btn .arrow{font-family:var(--font-serif);font-size:16px;line-height:1;transition:transform .25s cubic-bezier(.2,.7,.2,1)}.btn:hover .arrow{transform:translate(4px)}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 12px 30px -12px var(--accent-shadow);transform:translateY(-2px)}.btn-outline{color:var(--ink);border-color:var(--ink);background:0 0}.btn-outline:hover{background:var(--ink);color:#fff;transform:translateY(-2px)}.btn-ghost{color:var(--ink-mute);text-transform:uppercase;font-family:var(--font-mono);letter-spacing:.12em;background:0 0;border:none;padding:6px 0;font-size:10px}.btn-ghost:hover{color:var(--accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--bg);border:1px solid var(--line);border-radius:0;padding:28px;transition:border-color .25s,transform .25s,box-shadow .25s}.card-interactive:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 18px 40px -22px #0a223840}.tag{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-line);align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:500;line-height:1.2;display:inline-flex}.tag-dark{background:var(--ink);color:#fff;border-color:var(--ink)}.status-pill{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:6px;font-size:10px;font-weight:500;display:inline-flex}.status-pill .dot{background:currentColor;border-radius:50%;width:6px;height:6px;position:relative}.status-live{color:var(--accent)}.status-live .dot:after{content:"";border:1.5px solid var(--accent);border-radius:50%;animation:2s ease-in-out infinite nx-pulse-ring;position:absolute;inset:-3px}.status-beta{color:var(--orange)}.status-wip,.status-idea{color:var(--ink-mute)}@keyframes nx-pulse-ring{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.8)}}@media (prefers-reduced-motion:reduce){.status-live .dot:after{animation:none!important}}.field{flex-direction:column;gap:6px;margin-bottom:18px;display:flex}.field label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);font-size:10px;font-weight:500}.control{border:1px solid var(--line-strong);width:100%;color:var(--ink);font-family:var(--font-heading);background:0 0;border-radius:0;outline:none;padding:12px 14px;font-size:15px;transition:border-color .2s cubic-bezier(.2,.7,.2,1)}.control:focus{border-color:var(--accent)}.control-checkbox{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.grid-bg{position:relative;overflow:hidden}.grid-bg:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#4376bd12 1px,#0000 1px),linear-gradient(90deg,#4376bd12 1px,#0000 1px);background-size:80px 80px;position:absolute;inset:0}.grid-bg>*{z-index:1;position:relative}.modal-backdrop{z-index:100;background:#0a22388c;justify-content:center;align-items:flex-start;padding:clamp(16px,4vw,60px) 16px;display:flex;position:fixed;inset:0;overflow:auto}.modal-panel{width:100%;max-width:540px}.text-mute{color:var(--ink-mute)}.text-ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}