@import "https://fonts.googleapis.com/css2?family=Satoshi:wght@500;700;900&family=JetBrains+Mono:wght@500;700&display=swap";:root{--bg:#eff1f5;--fg:#4c4f69;--card:#fff;--primary:#8839ef;--accent:#04a5e5;--destructive:#d20f39;--muted:#dce0e8;--muted-fg:#6c6f85;--border:#bcc0cc;--green:#40a02b;--orange:#fe640b;--shadow:#1a1a2e;--border-w:2px;--shadow-offset:4px;--radius:8px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;font-family:Satoshi,system-ui,-apple-system,sans-serif;line-height:1.5;overflow-x:hidden}::selection{background:var(--primary);color:#fff}.bg-layer{z-index:-1;background:var(--bg);position:fixed;inset:0}.bg-layer img{object-fit:cover;opacity:.06;width:100%;height:100%}.neo-card{background:var(--card);border:var(--border-w) solid var(--fg);border-radius:var(--radius);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 #1a1a2e2e}.neo-btn{border:var(--border-w) solid var(--fg);border-radius:var(--radius);cursor:pointer;align-items:center;gap:8px;padding:12px 24px;font-family:Satoshi,sans-serif;font-size:14px;font-weight:700;text-decoration:none;transition:transform .1s,box-shadow .1s;display:inline-flex;box-shadow:3px 3px #1a1a2e2e}.neo-btn:active{box-shadow:none;transform:translate(3px,3px)}.neo-btn:hover{filter:brightness(1.05)}.neo-btn-primary{background:var(--primary);color:#fff}.neo-btn-secondary{background:var(--card);color:var(--fg)}.pill{background:var(--muted);border:1px solid var(--border);border-radius:var(--radius);color:var(--accent);align-items:center;gap:6px;padding:8px 14px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;display:inline-flex}.pill span{color:var(--primary)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.animate-fade-up{animation:.6s ease-out both fadeUp}.animate-scale-in{animation:.5s ease-out both scaleIn}.animate-slide-left{animation:.5s ease-out both slideInLeft}nav{justify-content:space-between;align-items:center;max-width:1000px;margin:0 auto;padding:20px 24px;animation:.4s ease-out both fadeUp;display:flex}.logo{letter-spacing:-.5px;align-items:center;gap:10px;font-size:18px;font-weight:900;display:flex}.logo-icon{width:32px;height:32px;display:block}.nav-links{align-items:center;gap:24px;display:flex}.nav-links a{color:var(--muted-fg);font-size:13px;font-weight:700;text-decoration:none;transition:color .15s}.nav-links a:hover{color:var(--fg)}.hero{text-align:center;max-width:740px;margin:56px auto 0;padding:0 24px}.hero-mark{justify-content:center;margin-bottom:28px;animation:.5s ease-out .1s both scaleIn;display:flex}.hero-logo{background:var(--card);border:var(--border-w) solid var(--fg);border-radius:20px;width:108px;height:108px;padding:16px;transition:transform .2s,box-shadow .2s;box-shadow:6px 6px #1a1a2e2e}.hero-logo:hover{transform:translate(-2px,-2px);box-shadow:8px 8px #1a1a2e38}.hero h1{letter-spacing:-1px;margin-bottom:18px;font-size:clamp(34px,5.5vw,56px);font-weight:900;line-height:1.08;animation:.6s ease-out .2s both fadeUp}.hero h1 em{color:var(--primary);font-style:normal;position:relative}.hero h1 em:after{content:"";background:var(--primary);opacity:.18;border-radius:3px;width:100%;height:6px;position:absolute;bottom:2px;left:0}.hero p{color:var(--muted-fg);max-width:500px;margin:0 auto 32px;font-size:17px;font-weight:500;line-height:1.6;animation:.6s ease-out .3s both fadeUp}.hero-actions{flex-wrap:wrap;justify-content:center;gap:14px;animation:.6s ease-out .4s both fadeUp;display:flex}.hero-pills{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:36px;animation:.6s ease-out .5s both fadeUp;display:flex}.demo{max-width:660px;margin:56px auto 0;padding:0 24px;animation:.6s ease-out .6s both scaleIn}.demo-window{padding:0;overflow:hidden}.demo-titlebar{border-bottom:var(--border-w) solid var(--fg);background:var(--muted);align-items:center;gap:8px;padding:12px 16px;display:flex}.demo-dot{border:var(--border-w) solid var(--fg);border-radius:50%;width:11px;height:11px}.demo-dot.r{background:var(--destructive)}.demo-dot.y{background:var(--orange)}.demo-dot.g{background:var(--green)}.demo-body{padding:24px;font-size:15px;line-height:1.8}.demo-before{color:var(--muted-fg);font-family:JetBrains Mono,monospace;font-size:13px;text-decoration:line-through}.demo-after{color:var(--green);font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700}.demo-arrow{text-align:center;color:var(--primary);margin:10px 0;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;display:block}.features{max-width:1000px;margin:80px auto 0;padding:0 24px}.features h2{letter-spacing:-.5px;text-align:center;margin-bottom:40px;font-size:32px;font-weight:900}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.feature-card{padding:24px;transition:transform .15s,box-shadow .15s}.feature-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #1a1a2e38}.feature-icon{background:var(--muted);border:var(--border-w) solid var(--fg);border-radius:var(--radius);justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:12px;font-size:24px;display:flex}.feature-card h3{margin-bottom:6px;font-size:15px;font-weight:800}.feature-card p{color:var(--muted-fg);font-size:13px;font-weight:500;line-height:1.6}.steps{max-width:660px;margin:80px auto 0;padding:0 24px}.steps h2{letter-spacing:-.5px;text-align:center;margin-bottom:40px;font-size:32px;font-weight:900}.step-row{align-items:flex-start;gap:18px;margin-bottom:24px;display:flex}.step-num{background:var(--primary);color:#fff;border:var(--border-w) solid var(--fg);border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:900;display:flex}.step-text h3{margin-bottom:3px;font-size:15px;font-weight:800}.step-text p{color:var(--muted-fg);font-size:13px;font-weight:500;line-height:1.6}.cta{text-align:center;max-width:660px;margin:80px auto 0;padding:0 24px}.cta-card{padding:44px 32px;position:relative;overflow:hidden}.cta-card:before{content:"";background:var(--primary);opacity:.06;border-radius:50%;width:120px;height:120px;position:absolute;top:-40px;right:-40px}.cta-card h2{letter-spacing:-.5px;margin-bottom:10px;font-size:26px;font-weight:900}.cta-card p{color:var(--muted-fg);margin-bottom:24px;font-size:14px;font-weight:500;line-height:1.6}footer{text-align:center;color:var(--muted-fg);padding:48px 24px;font-size:12px;font-weight:600}footer a{color:var(--primary);text-decoration:none;transition:opacity .15s}footer a:hover{opacity:.8}@media (width<=640px){.nav-links a:not(.neo-btn){display:none}.hero{margin-top:36px}.hero-logo{width:88px;height:88px;padding:14px}.features-grid{grid-template-columns:1fr}}