*,:before,:after{box-sizing:border-box}:root{--primary-bg-color:#000;--primary-text-color:#fff;--primary-accent-color:#a682ff;--primary-border:1px solid #444}html{color:#fff;background-color:#000;font-family:monospace,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:larger}a{color:#709bcf}a:visited{color:#dd8bdd}a:hover{color:var(--primary-text-color)}.code{flex:1;padding:.5rem}.side-by-side-code{display:flex}.evaluated{background-color:#3e3061;border-radius:1rem}button{background-color:var(--primary-accent-color);color:var(--primary-text-color);border:0;border-radius:.5rem;padding:.3rem;font-family:monospace,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;transition:background-color .2s,color .2s}button:disabled{color:#dbdbdb78;background-color:#2c2c2c}button:hover:not(:disabled){background-color:#3e3061}.delete{background-color:#ab5659}.delete:hover:not(:disabled){background-color:#7f4143}*,:before,:after{box-sizing:border-box;margin:0;padding:0}.page{flex-direction:column;align-items:center;display:flex}.site-header{z-index:100;-webkit-backdrop-filter:blur(12px);background:#0d0d15d9;border-bottom:1px solid #a682ff1f;align-items:center;gap:.75rem;padding:.375rem .75rem;display:flex;position:fixed;top:0;left:0;right:0}.site-header-logo{width:auto;height:32px;display:block}.site-header-text{color:#e8e8ed;letter-spacing:.01em;font-size:.65rem}.site-header-text strong{color:var(--primary-accent-color);font-weight:600}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:720px;min-height:100vh;padding:2rem;display:flex;position:relative}.headline{letter-spacing:-.03em;margin-bottom:.75rem;font-size:3.5rem;font-weight:700}.tagline{color:var(--primary-accent-color);margin-bottom:2.5rem;font-size:1.25rem;line-height:1.5}.scroll-hint{cursor:pointer;animation:2.4s ease-in-out infinite float;position:absolute;bottom:2rem}.scroll-chevron{color:var(--primary-accent-color);opacity:.5;font-size:2.4rem;transition:opacity .2s}.scroll-hint:hover .scroll-chevron{opacity:1}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.signup-form{gap:.75rem;max-width:440px;margin:0 auto;display:flex}.signup-form--bottom{margin-top:1rem}.email-input{color:#e8e8ed;background:#13131f;border:1px solid #2a2a3a;border-radius:8px;outline:none;flex:1;padding:.75rem 1rem;font-family:monospace,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1rem;transition:border-color .2s}.email-input::placeholder{color:#5a5a6e}.email-input:focus{border-color:var(--primary-accent-color)}.submit-btn{background:var(--primary-accent-color);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:background .2s}.submit-btn:hover:not(:disabled){background:#4f46e5}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.msg{text-align:center;margin-top:1rem;font-size:.95rem}.msg-success{color:#34d399}.msg-error{color:#f87171}.showcase{text-align:center;width:100%;max-width:1180px;padding:5rem 2rem 4rem;position:relative}.showcase:before{content:"";filter:blur(40px);pointer-events:none;z-index:0;height:320px;position:absolute;inset:10% 15% auto}.showcase-eyebrow{z-index:1;letter-spacing:.08em;color:var(--primary-accent-color);opacity:.75;margin-bottom:1rem;font-family:monospace;font-size:.85rem;position:relative}.showcase-title{z-index:1;letter-spacing:-.01em;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem 1rem;margin-bottom:3rem;font-size:1.5rem;font-weight:700;display:flex;position:relative}.showcase-step{background:#a682ff0a;border:1px solid #a682ff2e;border-radius:999px;align-items:baseline;gap:.5rem;padding:.5rem .9rem;display:inline-flex}.showcase-step-num{letter-spacing:.08em;color:var(--primary-accent-color);opacity:.85;font-family:monospace;font-size:.85rem}.showcase-step-label{letter-spacing:-.01em;color:#e8e8ed;font-size:1rem}.showcase-step--accent{background:#a682ff1a;border-color:#a682ff73}.showcase-step--accent .showcase-step-label{color:var(--primary-accent-color)}.showcase-step-sep{color:var(--primary-accent-color);opacity:.6;font-family:monospace;font-size:1.1rem}.window-flow-vertical{z-index:1;flex-direction:column;align-items:center;gap:1.25rem;max-width:620px;margin:0 auto;display:flex;position:relative}.window-flow-vertical .ide-window{width:100%}.ide-window{text-align:left;background:#0d0d15;border:1px solid #2a2a3a;border-radius:10px;flex-direction:column;transition:transform .35s,box-shadow .35s,border-color .35s;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 20px 50px -20px #000000e6,0 0 0 1px #a682ff0f}.ide-window:hover{border-color:#a682ff59;transform:translateY(-4px);box-shadow:inset 0 1px #ffffff0d,0 30px 60px -20px #000,0 0 0 1px #a682ff2e,0 0 40px -10px #a682ff59}.ide-chrome{background:linear-gradient(#18182a 0%,#12121e 100%);border-bottom:1px solid #23233a;align-items:center;gap:.4rem;padding:.65rem .9rem;display:flex;position:relative}.ide-dot{border-radius:50%;width:11px;height:11px;display:inline-block}.ide-dot--red{background:#ff5f57}.ide-dot--yellow{background:#febc2e}.ide-dot--green{background:#28c840}.ide-filename{letter-spacing:.04em;color:#8a8aa0;font-family:monospace;font-size:.78rem;position:absolute;left:50%;transform:translate(-50%)}.ide-media{background:#000;width:100%;height:auto;padding:1.25rem 1.1rem;display:block}.ide-caption{color:#9797ae;letter-spacing:.02em;border-top:1px dashed #a682ff2e;padding:.85rem 1.1rem 1rem;font-family:monospace;font-size:.82rem}.window-flow{justify-content:center;align-items:center;display:flex}.window-flow-arrow{color:var(--primary-accent-color);opacity:.6;font-size:2rem;animation:2.6s ease-in-out infinite flow-pulse}@keyframes flow-pulse{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:.9;transform:translateY(4px)}}.secondary{text-align:center;width:100%;max-width:960px;padding:4rem 2rem 5rem}.section-heading{margin-bottom:2.5rem}.problem-heading{letter-spacing:-.02em;font-size:1.75rem;font-weight:700}.solution-heading{font-size:1.25rem;font-weight:500}.problem-grid,.solution-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:3.5rem;display:grid}.problem-card,.solution-card{background:#a682ff08;border:1px solid #a682ff1f;border-radius:12px;flex-direction:column;align-items:center;gap:1rem;padding:1.75rem 1.25rem;transition:border-color .25s,background .25s;display:flex}.problem-card:hover,.solution-card:hover{background:#a682ff0f;border-color:#a682ff4d}.card-icon-row{justify-content:center;align-items:center;gap:.75rem;display:flex}.card-icon{width:96px;height:96px}.card-text{color:#ccc;font-size:.95rem;line-height:1.55}@media (width<=700px){.headline{font-size:2.25rem}.problem-grid,.solution-grid{grid-template-columns:1fr;max-width:400px;margin-left:auto;margin-right:auto}.signup-form{flex-direction:column}.submit-btn{width:100%}.problem-heading{font-size:1.4rem}.showcase{padding:3rem 1.25rem 2.5rem}.showcase-title{flex-direction:column;gap:.5rem;font-size:1.1rem}.showcase-step-sep{display:none}.window-flow-vertical{max-width:100%}}