*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--indigo:#6366f1;--indigo-dark:#4f46e5;--indigo-light:#a5b4fc;--rose:#f43f5e;--emerald:#10b981;--bg:#0d1117;--surface:#161b22;--surface-2:#21262d;--surface-3:#30363d;--border:#ffffff14;--border-2:#ffffff21;--text:#f0f6fc;--muted:#8b949e;--font-display:"Syne", sans-serif;--font-body:"Nunito Sans", sans-serif}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;line-height:1.6;display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-12px)rotate(-2deg)}}@keyframes shimmer{0%{background-position:0%}to{background-position:200%}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #6366f14d}50%{box-shadow:0 0 40px #6366f199}}.animate-1{animation:.65s both fadeUp}.animate-2{animation:.65s .1s both fadeUp}.animate-3{animation:.65s .2s both fadeUp}.animate-4{animation:.65s .3s both fadeUp}.animate-5{animation:.65s .45s both fadeUp}.animate-6{animation:.65s .6s both fadeUp}.orbs{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.orb{filter:blur(130px);opacity:.14;border-radius:50%;position:absolute}.orb-1{background:var(--indigo);width:700px;height:700px;top:-200px;left:-200px}.orb-2{background:var(--rose);width:550px;height:550px;bottom:-120px;right:-150px}.orb-3{background:var(--emerald);opacity:.07;width:350px;height:350px;top:55%;left:42%}header{z-index:100;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#0d1117c7;position:sticky;top:0}nav{justify-content:space-between;align-items:center;max-width:1140px;height:64px;margin:0 auto;padding:0 1.5rem;display:flex}.logo{font-family:var(--font-display);letter-spacing:-.5px;background:linear-gradient(135deg, var(--indigo-light), #c084fc);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800;text-decoration:none}.nav-actions{align-items:center;gap:.75rem;display:flex}.btn{font-size:.9rem;font-weight:700;font-family:var(--font-body);white-space:nowrap;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem 1.25rem;text-decoration:none;transition:all .2s;display:inline-flex}.btn-ghost{color:var(--text);border:1px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--surface-2);border-color:var(--border-2)}.btn-primary{background:var(--indigo);color:#fff;border:1px solid #0000;animation:3s infinite pulse-glow}.btn-primary:hover{background:var(--indigo-dark);transform:translateY(-1px)}.hero{z-index:1;text-align:center;flex-direction:column;align-items:center;padding:5rem 1.5rem 2rem;display:flex;position:relative}.badge{color:var(--indigo-light);letter-spacing:1px;text-transform:uppercase;background:#6366f11a;border:1px solid #6366f147;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.35rem 1rem;font-size:.73rem;font-weight:700;display:inline-flex}h1{font-family:var(--font-display);letter-spacing:-1.5px;background:linear-gradient(90deg, #fff 0%, var(--indigo-light) 40%, #c084fc 65%, #fff 100%);-webkit-text-fill-color:transparent;color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;max-width:740px;margin-bottom:1.25rem;font-size:clamp(2.2rem,5.5vw,4rem);font-weight:800;line-height:1.1;animation:.65s .1s both fadeUp,9s linear infinite shimmer}.hero-sub{color:var(--muted);max-width:560px;margin-bottom:2.5rem;font-size:1.1rem;line-height:1.75}.hero-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:4rem;display:flex}.hero-actions .btn{padding:.8rem 1.75rem;font-size:1rem}.mockup-wrapper{z-index:1;width:100%;max-width:400px;position:relative}.mockup-glow{pointer-events:none;z-index:-1;background:radial-gradient(#6366f138 0%,#0000 65%);border-radius:50%;position:absolute;inset:-40px}.mockup-card{background:var(--surface);border:1px solid var(--border-2);border-radius:20px;animation:6s ease-in-out infinite float;overflow:hidden;transform:rotate(-2deg);box-shadow:0 50px 100px #0000008c,0 0 0 1px #ffffff0a}.mockup-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.2rem .85rem;display:flex}.mockup-logo{font-family:var(--font-display);background:linear-gradient(135deg, var(--indigo-light), #c084fc);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:.9rem;font-weight:800}.mockup-month{color:var(--muted);font-size:.72rem;font-weight:600}.mockup-balance{border-bottom:1px solid var(--border);padding:1.2rem 1.2rem 1rem}.mockup-balance-label{color:var(--muted);text-transform:uppercase;letter-spacing:.9px;margin-bottom:.3rem;font-size:.68rem;font-weight:700}.mockup-balance-amount{font-family:var(--font-display);color:var(--text);letter-spacing:-1px;margin-bottom:.7rem;font-size:1.7rem;font-weight:800}.mockup-chips{gap:.5rem;display:flex}.chip{border-radius:9999px;align-items:center;gap:.3rem;padding:.22rem .65rem;font-size:.7rem;font-weight:700;display:inline-flex}.chip-income{color:#34d399;background:#10b9811f;border:1px solid #10b98133}.chip-expense{color:#fb7185;background:#f43f5e1f;border:1px solid #f43f5e33}.mockup-transactions{padding:.65rem 0}.mockup-tx{align-items:center;gap:.7rem;padding:.5rem 1.2rem;display:flex}.tx-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.8rem;display:flex}.tx-icon.income{background:#10b9811f}.tx-icon.expense{background:#6366f11f}.tx-info{flex-direction:column;flex:1;min-width:0;display:flex}.tx-info span{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:700;overflow:hidden}.tx-info small{color:var(--muted);font-size:.66rem}.tx-amount{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.78rem;font-weight:700}.tx-amount.income{color:#34d399}.tx-amount.expense{color:var(--muted)}.mockup-budget{border-top:1px solid var(--border);padding:.85rem 1.2rem 1.1rem}.mockup-budget-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.mockup-budget-header span:first-child{color:var(--muted);text-transform:uppercase;letter-spacing:.9px;font-size:.68rem;font-weight:700}.mockup-budget-header span:last-child{color:var(--indigo-light);font-size:.7rem;font-weight:700}.mockup-progress{background:var(--surface-3);border-radius:9999px;height:5px;overflow:hidden}.mockup-progress-fill{background:linear-gradient(90deg, var(--indigo), #c084fc);border-radius:9999px;width:73%;height:100%}.social-proof{z-index:1;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;padding:3.5rem 1.5rem .5rem;display:flex;position:relative}.avatar-stack{display:flex}.avatar{border:2px solid var(--bg);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.7rem;font-weight:800;display:flex}.avatar+.avatar{margin-left:-8px}.social-proof-text{color:var(--muted);font-size:.88rem;line-height:1.5}.social-proof-text strong{color:var(--text);font-weight:700}.divider{z-index:1;max-width:900px;color:var(--muted);letter-spacing:1.5px;text-transform:uppercase;align-items:center;gap:1rem;margin:3rem auto 0;padding:0 1.5rem;font-size:.72rem;font-weight:700;display:flex;position:relative}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.features{z-index:1;grid-template-columns:repeat(3,1fr);gap:1.25rem;max-width:1080px;margin:0 auto;padding:2.5rem 1.5rem 5.5rem;display:grid;position:relative}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.75rem;transition:border-color .25s,transform .25s;position:relative;overflow:hidden}.feature-card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(140deg,#6366f114,#c084fc0a);border-radius:16px;transition:opacity .25s;position:absolute;inset:0}.feature-card:hover{border-color:#6366f166;transform:translateY(-5px)}.feature-card:hover:before{opacity:1}.feature-icon{z-index:1;background:#6366f11a;border:1px solid #6366f133;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:1.1rem;display:flex;position:relative}.feature-icon svg{width:22px;height:22px;stroke:var(--indigo-light)}.feature-card h3{font-family:var(--font-display);color:var(--text);z-index:1;margin-bottom:.5rem;font-size:1rem;font-weight:700;position:relative}.feature-card p{color:var(--muted);z-index:1;font-size:.875rem;line-height:1.7;position:relative}footer{z-index:1;border-top:1px solid var(--border);margin-top:auto;position:relative}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;max-width:1080px;margin:0 auto;padding:2rem 1.5rem;display:flex}.footer-brand .logo{font-size:1.2rem}.footer-brand p{color:var(--muted);margin-top:.2rem;font-size:.78rem}.footer-links{flex-wrap:wrap;gap:1.75rem;display:flex}.footer-links a{color:var(--muted);font-size:.82rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--text)}.footer-bottom{border-top:1px solid var(--border);text-align:center;color:var(--muted);padding:.9rem 1.5rem;font-size:.77rem}@media (width<=900px){.features{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.mockup-card{transform:rotate(0)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.features{grid-template-columns:1fr}.footer-inner{text-align:center;flex-direction:column}.footer-links{justify-content:center}}@media (width<=480px){h1{letter-spacing:-.5px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{justify-content:center}}