*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--indigo:#6366f1;--indigo-dark:#4f46e5;--indigo-light:#a5b4fc;--purple:#c084fc;--rose:#f43f5e;--emerald:#10b981;--bg:#0d1117;--surface:#161b22;--surface-2:#21262d;--surface-3:#30363d;--border:#ffffff14;--border-2:#ffffff21;--text:#f0f6fc;--muted:#9da7b3;--font-display:"Manrope", 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%}}.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), var(--purple));-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-lg{padding:.8rem 1.75rem;font-size:1rem}.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;box-shadow:0 4px 18px #6366f152}.btn-primary:hover{background:var(--indigo-dark);transform:translateY(-1px);box-shadow:0 8px 30px #6366f180}.hero{z-index:1;grid-template-columns:1.05fr .95fr;align-items:center;gap:3.5rem;width:100%;max-width:1140px;margin:0 auto;padding:4.5rem 1.5rem 3rem;display:grid;position:relative}.hero-content{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.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:1.75rem;padding:.35rem 1rem;font-size:.73rem;font-weight:700;display:inline-flex}h1{font-family:var(--font-display);letter-spacing:-1.5px;color:var(--text);margin-bottom:1.25rem;font-size:clamp(2.2rem,4.6vw,3.7rem);font-weight:800;line-height:1.1}h1 .hl{background:linear-gradient(90deg, var(--indigo-light) 0%, var(--purple) 50%, var(--indigo-light) 100%);-webkit-text-fill-color:transparent;color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:9s linear infinite shimmer}.hero-sub{color:var(--muted);max-width:540px;margin-bottom:2rem;font-size:1.1rem;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;display:flex}.trust-line{flex-wrap:wrap;gap:.5rem 1.4rem;margin-bottom:2.5rem;list-style:none;display:flex}.trust-line li{color:var(--muted);align-items:center;gap:.45rem;font-size:.82rem;font-weight:600;display:inline-flex}.trust-line svg{width:15px;height:15px;stroke:var(--emerald);flex-shrink:0}.hero-visual{z-index:1;justify-content:center;display:flex;position:relative}.mockup-wrapper{z-index:1;width:100%;max-width:430px;position:relative}.mockup-glow{pointer-events:none;z-index:-1;background:radial-gradient(#6366f142 0%,#0000 65%);border-radius:50%;position:absolute;inset:-50px}.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), var(--purple));-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:#fb7185}.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), var(--purple));border-radius:9999px;width:73%;height:100%}.social-proof{flex-wrap:wrap;align-items:center;gap:.9rem;display:flex}.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);max-width:280px;font-size:.85rem;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}.steps{z-index:1;width:100%;max-width:1000px;margin:0 auto;padding:0 1.5rem 1rem;position:relative}.steps-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.75rem;display:grid}.step{text-align:center;padding:0 .75rem;position:relative}.step:not(:last-child):after{content:"";background:linear-gradient(90deg,#6366f173,#6366f10d);height:2px;position:absolute;top:24px;left:calc(50% + 38px);right:calc(38px - 50%)}.step-num{width:48px;height:48px;font-family:var(--font-display);color:#fff;background:linear-gradient(135deg, var(--indigo), var(--purple));z-index:1;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.25rem;font-size:1.2rem;font-weight:800;display:flex;position:relative;box-shadow:0 8px 24px #6366f166}.step h3{font-family:var(--font-display);color:var(--text);margin-bottom:.5rem;font-size:1.05rem;font-weight:700}.step p{color:var(--muted);max-width:280px;margin:0 auto;font-size:.9rem;line-height:1.7}.features{z-index:1;grid-template-columns:repeat(3,1fr);gap:1.25rem;max-width:1080px;margin:0 auto;padding:2.5rem 1.5rem 3rem;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-card--featured{background:radial-gradient(ellipse at top left, #6366f12e, transparent 55%), var(--surface);border-color:#6366f152;flex-direction:column;grid-area:span 2/span 2;padding:2.25rem;display:flex}.feature-card--featured h3{font-size:1.5rem}.feature-card--featured p{max-width:460px;font-size:.95rem}.feature-list{z-index:1;gap:.65rem;margin-top:1.25rem;list-style:none;display:grid;position:relative}.feature-list li{color:var(--text);align-items:center;gap:.6rem;font-size:.9rem;font-weight:600;display:flex}.feature-list li:before{content:"✓";color:var(--purple);flex-shrink:0;font-size:1rem;font-weight:800}.feature-icon{z-index:1;background:linear-gradient(135deg,#6366f147,#c084fc1f);border:1px solid #6366f152;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:1.1rem;display:flex;position:relative;box-shadow:inset 0 1px #ffffff1a,0 4px 14px #6366f12e}.feature-icon svg{stroke:#cbbcff;width:22px;height:22px}.feature-icon--lg{border-radius:15px;width:58px;height:58px;margin-bottom:1.35rem}.feature-icon--lg svg{width:28px;height:28px}.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}.cta{z-index:1;max-width:1080px;margin:0 auto;padding:1rem 1.5rem 5rem;position:relative}.cta-card{text-align:center;background:linear-gradient(140deg,#6366f124,#c084fc0f);border:1px solid #6366f147;border-radius:24px;padding:3.5rem 1.5rem;position:relative;overflow:hidden}.cta-card:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(#6366f12e 0%,#0000 65%);position:absolute;inset:-40px}.cta-card h2{font-family:var(--font-display);letter-spacing:-.8px;color:var(--text);margin-bottom:.75rem;font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:800}.cta-card p{color:var(--muted);max-width:480px;margin:0 auto 2rem;font-size:1rem;line-height:1.7}.cta-card .btn{justify-content:center}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){.hero{text-align:center;grid-template-columns:1fr;gap:2.5rem;padding-top:3.5rem}.hero-content{align-items:center}.hero-sub{margin-left:auto;margin-right:auto}.hero-actions,.trust-line,.social-proof{justify-content:center}.hero-visual{order:2}.features{grid-template-columns:repeat(2,1fr)}.feature-card--featured{grid-area:span 1/span 2}}@media (width<=700px){.steps-grid{grid-template-columns:1fr;gap:2rem}.step:not(:last-child):after{display:none}}@media (width<=620px){.mockup-card{transform:rotate(0)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.features{grid-template-columns:1fr}.feature-card--featured{grid-column:span 1}.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;width:100%}.hero-actions .btn{justify-content:center}}