@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap");*,:after,:before{margin:0;padding:0;box-sizing:border-box}:root{--bg:#050505;--bg-card:#0d0d0d;--fg:#f5f5f5;--muted:#737373;--border:#1a1a1a;--accent:#10b981;--accent-subtle:#10b98115;--accent-glow:#10b98133;--danger:#f87171;--warning:#fbbf24;--radius:16px;--radius-sm:10px;--font:"Inter",-apple-system,BlinkMacSystemFont,sans-serif}html{scroll-behavior:smooth}.landing-body{font-family:var(--font);background:var(--bg);color:var(--fg);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#1a1a1a;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#333}.landing-body:before{content:"";z-index:9999;background:radial-gradient(ellipse at 0 50%,var(--accent-glow),transparent 40%),radial-gradient(ellipse at 100% 50%,var(--accent-glow),transparent 40%),radial-gradient(ellipse at 50% 0,var(--accent-glow),transparent 30%),radial-gradient(ellipse at 50% 100%,var(--accent-glow),transparent 30%)}.grid-bg,.landing-body:before{position:fixed;inset:0;pointer-events:none}.grid-bg{background-image:linear-gradient(rgba(16,185,129,.03) 1px,transparent 0),linear-gradient(90deg,rgba(16,185,129,.03) 1px,transparent 0);background-size:60px 60px;z-index:0}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 32px;display:flex;align-items:center;justify-content:space-between;transition:all .4s cubic-bezier(.16,1,.3,1)}.nav.scrolled{background:rgba(5,5,5,.8);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.nav-logo{display:flex;flex-direction:column;text-decoration:none;color:var(--fg);line-height:1}.nav-logo-main{font-size:1.25rem;font-weight:800;letter-spacing:-.04em}.nav-logo-sub{font-size:.55rem;font-weight:600;letter-spacing:.12em;color:var(--accent);margin-top:2px}.nav-links{display:flex;align-items:center;gap:32px;list-style:none}.nav-links a{font-size:.875rem;font-weight:500;color:var(--muted);text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--fg)}.nav-cta{background:var(--accent)!important;color:#000!important;padding:8px 20px;border-radius:100px;font-size:.875rem!important;font-weight:700!important;transition:transform .2s,box-shadow .2s!important;text-decoration:none}.nav-cta:hover{transform:scale(1.05);box-shadow:0 4px 24px rgba(16,185,129,.3)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 48px 80px;position:relative;overflow:hidden}.hero-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(16,185,129,.04) 1px,transparent 0),linear-gradient(90deg,rgba(16,185,129,.04) 1px,transparent 0);background-size:60px 60px;mask-image:radial-gradient(ellipse at 30% 50%,#000 10%,transparent 60%);pointer-events:none}.hero-inner{max-width:1200px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:100px;font-size:.813rem;font-weight:500;color:var(--muted);margin-bottom:32px;opacity:0;transform:translateY(20px);animation:fadeUp .8s .2s forwards}.badge-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:pulseDot 2s infinite}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.4}}.hero-title{font-size:clamp(2.5rem,6.5vw,5rem);font-weight:900;letter-spacing:-.06em;line-height:1;margin-bottom:24px;opacity:0;animation:heroReveal 1s .4s forwards}.hero-title .letter{display:inline-block;opacity:0;transform:translateY(80px) rotate(8deg);animation:letterReveal .6s forwards;animation-timing-function:cubic-bezier(.16,1,.3,1)}.hero-title .accent,.hero-title-sub{color:var(--accent)}.hero-title-sub{display:block;font-size:.875rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;margin-top:8px;opacity:0;animation:fadeUp .6s .8s forwards}@keyframes letterReveal{to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes heroReveal{to{opacity:1}}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.hero-subtitle{font-size:clamp(1rem,2vw,1.25rem);font-weight:400;color:var(--muted);max-width:440px;margin-bottom:40px;line-height:1.6;opacity:0;transform:translateY(20px);animation:fadeUp .8s .8s forwards}.hero-subtitle strong{color:var(--fg);font-weight:600}.hero-actions{display:flex;gap:12px;align-items:center;opacity:0;transform:translateY(20px);animation:fadeUp .8s 1s forwards}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:var(--accent);color:#000;border-radius:100px;font-size:1rem;font-weight:700;text-decoration:none;border:none;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.btn-primary:hover{transform:scale(1.05);box-shadow:0 8px 32px rgba(16,185,129,.3)}.btn-primary:hover svg{transform:translateX(4px)}.btn-primary svg{transition:transform .3s}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:transparent;color:var(--fg);border:1px solid var(--border);border-radius:100px;font-size:1rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .3s}.btn-secondary:hover{background:var(--bg-card);border-color:var(--muted)}.hero-phone-wrapper{display:flex;justify-content:center;align-items:center;opacity:0;transform:translateY(40px);animation:fadeUp 1s 1.2s forwards}.hero-phone{width:300px;height:620px;background:var(--bg-card);border-radius:44px;border:6px solid #222;overflow:hidden;position:relative;box-shadow:0 60px 120px rgba(16,185,129,.08),0 24px 48px rgba(0,0,0,.4),inset 0 0 0 2px rgba(16,185,129,.05);transition:box-shadow .4s}.hero-phone:hover{box-shadow:0 60px 120px rgba(16,185,129,.15),0 24px 48px rgba(0,0,0,.5),inset 0 0 0 2px rgba(16,185,129,.1)}.phone-notch{width:100px;height:28px;background:#222;border-radius:0 0 16px 16px;margin:0 auto;position:relative;z-index:2}.phone-screen{padding:16px 20px;font-size:11px}.phone-date{font-size:16px;font-weight:700;letter-spacing:-.02em;margin-bottom:4px}.phone-user-badge{display:inline-block;font-size:8px;font-weight:600;letter-spacing:.08em;color:var(--accent);border:1px solid var(--accent-subtle);padding:2px 8px;border-radius:4px;margin-bottom:16px;background:var(--accent-subtle)}.phone-section-title{font-size:12px;font-weight:600;color:var(--fg);margin-bottom:8px;margin-top:16px}.phone-balance-card{background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(16,185,129,.02));border-radius:12px;padding:12px 14px 10px;margin-bottom:14px;border:1px solid rgba(16,185,129,.1)}.phone-balance-label{font-size:7px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.phone-balance-value{font-size:20px;font-weight:800;letter-spacing:-.03em;color:var(--accent);margin-top:4px}.phone-balance-sub{font-size:9px;color:var(--muted);margin-top:2px}.phone-expense-item{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border)}.phone-expense-item:last-child{border-bottom:none}.phone-expense-left{display:flex;align-items:center;gap:8px}.phone-expense-dot{width:8px;height:8px;border-radius:50%}.phone-expense-dot.food{background:var(--accent)}.phone-expense-dot.transport{background:var(--warning)}.phone-expense-dot.leisure{background:var(--danger)}.phone-expense-dot.rent{background:#8b5cf6}.phone-expense-name{font-size:12px;font-weight:500}.phone-expense-amount{font-size:11px;font-weight:600;color:var(--muted)}.reveal-hint{text-align:center;margin-top:16px;font-size:9px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);opacity:0;transition:opacity .6s;pointer-events:none}.reveal-hint.visible{opacity:.5}.metrics-bar{padding:40px 24px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.metrics-inner{max-width:1000px;margin:0 auto;display:flex;justify-content:center;gap:56px;flex-wrap:wrap}.metric{text-align:center;opacity:0;transform:translateY(20px)}.metric.visible{animation:fadeUp .6s forwards}.metric-value{font-size:2rem;font-weight:800;letter-spacing:-.04em;color:var(--accent)}.metric-label{font-size:.813rem;color:var(--muted);font-weight:500;margin-top:4px}.spending-grid-section{padding:120px 24px;text-align:center}.section-label{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:16px}.section-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;letter-spacing:-.04em;line-height:1.1;max-width:600px;margin:0 auto 16px}.section-desc{font-size:1.125rem;color:var(--muted);max-width:480px;margin:0 auto 64px;line-height:1.6}.spending-grid-wrapper{max-width:750px;margin:0 auto;border-radius:12px;overflow:hidden}.spending-grid{display:grid;grid-template-columns:repeat(52,1fr);grid-template-rows:repeat(7,1fr);grid-auto-flow:column;gap:3px;padding:8px}.spending-cell{width:100%;aspect-ratio:1;border-radius:2px;background:var(--border);transition:background .3s,opacity .3s,box-shadow .3s;cursor:pointer}.spending-cell.filled{background:var(--accent)}.spending-cell.filled.l1{opacity:.15}.spending-cell.filled.l2{opacity:.3}.spending-cell.filled.l3{opacity:.5}.spending-cell.filled.l4{opacity:.75}.spending-cell.filled.l5{opacity:1}.spending-cell:hover{outline:2px solid var(--accent);outline-offset:1px;z-index:2;position:relative}.grid-labels{display:flex;justify-content:space-between;padding:12px 8px 0}.grid-label{font-size:.688rem;color:var(--muted);font-weight:500}.features-section{padding:120px 24px}.features-header{text-align:center;margin-bottom:64px}.bento-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.bento-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:40px 32px;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1);opacity:0;transform:translateY(30px)}.bento-card.visible{opacity:1;transform:translateY(0)}.bento-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 16px 48px rgba(16,185,129,.08)}.bento-card.span-2{grid-column:span 2}.bento-card.span-full{grid-column:1/-1}.bento-icon{width:48px;height:48px;background:var(--accent-subtle);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.bento-icon svg{width:24px;height:24px;stroke:var(--accent);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.bento-title{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;margin-bottom:8px}.bento-desc{font-size:.938rem;color:var(--muted);line-height:1.6}.mini-expenses{margin-top:20px}.mini-expense{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border);transition:all .3s;cursor:pointer}.mini-expense:last-child{border-bottom:none}.mini-expense:hover{padding-left:8px}.mini-expense-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.mini-expense-text{font-size:.875rem;font-weight:500;flex:1}.mini-expense-amount{font-size:.875rem;font-weight:600;color:var(--muted)}.privacy-visual{margin-top:24px;display:flex;align-items:center;justify-content:center;height:120px;position:relative}.lock-icon{width:64px;height:64px;position:relative}.lock-body{width:48px;height:36px;background:var(--accent);border-radius:8px;position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center}.lock-keyhole{width:8px;height:8px;background:var(--bg);border-radius:50%}.lock-shackle{width:28px;height:24px;border:4px solid var(--accent);border-bottom:none;border-radius:14px 14px 0 0;position:absolute;top:4px;left:50%;transform:translateX(-50%);transition:all .4s cubic-bezier(.16,1,.3,1);transform-origin:right bottom}.bento-card:hover .lock-shackle{transform:translateX(-50%) rotate(-20deg) translateY(-4px)}.lock-particles{position:absolute;width:100%;height:100%;pointer-events:none}.lock-particle{position:absolute;width:4px;height:4px;background:var(--accent);border-radius:50%;opacity:0}.bento-card:hover .lock-particle{animation:particleBurst .6s forwards}.lock-particle:first-child{top:30%;left:20%;animation-delay:0s}.lock-particle:nth-child(2){top:20%;left:60%;animation-delay:.05s}.lock-particle:nth-child(3){top:50%;left:80%;animation-delay:.1s}.lock-particle:nth-child(4){top:70%;left:30%;animation-delay:.15s}@keyframes particleBurst{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.5)}to{opacity:0;transform:scale(0) translateY(-20px)}}.jake-visual{margin-top:20px}.jake-msg{background:linear-gradient(135deg,var(--accent-subtle),rgba(16,185,129,.05));border-radius:10px;padding:14px 16px;margin-bottom:8px;border-left:3px solid var(--accent);transition:all .3s;cursor:default}.jake-msg:hover{transform:translateX(4px);background:rgba(16,185,129,.08)}.jake-msg-title{font-size:.813rem;font-weight:600;margin-bottom:4px;color:var(--accent)}.jake-msg-text{font-size:.75rem;color:var(--muted);line-height:1.5}.jake-msg-meta{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:.688rem;color:var(--muted);opacity:.6}.sync-card-layout{display:flex;align-items:center;gap:48px}.sync-card-text{flex:1}.sync-visual{display:flex;align-items:center;gap:24px;flex-shrink:0}.sync-laptop-screen{width:120px;height:78px;border:2px solid var(--accent);border-radius:8px 8px 0 0;padding:12px;display:flex;flex-direction:column;gap:6px;background:var(--bg-card)}.sync-laptop-base{width:140px;height:8px;background:var(--accent);border-radius:0 0 4px 4px;margin:-1px auto 0}.sync-phone-screen{width:52px;height:88px;border:2px solid var(--accent);border-radius:10px;padding:14px 8px 8px;display:flex;flex-direction:column;gap:5px;background:var(--bg-card)}.sync-screen-bar{height:4px;width:60%;background:var(--accent);border-radius:2px;opacity:.7}.sync-screen-line{height:3px;width:100%;background:var(--border);border-radius:2px}.sync-screen-line.short{width:65%}.sync-arrows{display:flex;flex-direction:column;align-items:center;gap:4px}.sync-arrow-icon{width:28px;height:28px;stroke:var(--accent);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;opacity:.5}.bento-card.span-full:hover .sync-arrow-icon{opacity:1;transition:opacity .3s}.how-section{padding:120px 24px;background:linear-gradient(180deg,rgba(16,185,129,.08),var(--bg))}.how-section .section-label{color:var(--accent)}.how-section .section-title{color:var(--fg)}.how-section .section-desc{color:var(--muted)}.how-steps{max-width:800px;margin:0 auto;display:flex;flex-direction:column}.how-step{display:flex;gap:32px;padding:48px 0;border-top:1px solid var(--border);opacity:0;transform:translateX(-30px);transition:all .6s cubic-bezier(.16,1,.3,1)}.how-step.visible{opacity:1;transform:translateX(0)}.how-step-number{font-size:3rem;font-weight:900;color:rgba(16,185,129,.15);line-height:1;flex-shrink:0;width:60px}.how-step-content h3{font-size:1.25rem;font-weight:700;margin-bottom:8px}.how-step-content p{font-size:.938rem;color:var(--muted);line-height:1.6}.reviews-section{padding:120px 24px;text-align:center}.reviews-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.review-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:32px;text-align:left;transition:all .4s cubic-bezier(.16,1,.3,1);opacity:0;transform:translateY(30px)}.review-card.visible{opacity:1;transform:translateY(0)}.review-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 16px 48px rgba(16,185,129,.06)}.review-card p{font-size:.938rem;color:var(--muted);line-height:1.6;margin-bottom:16px;font-style:italic}.review-user{font-size:.75rem;font-weight:700;letter-spacing:.06em;color:var(--accent)}.cta-section{padding:120px 24px;text-align:center;position:relative;overflow:hidden}.cta-bg-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(6rem,20vw,16rem);font-weight:900;letter-spacing:-.06em;color:rgba(16,185,129,.04);pointer-events:none;white-space:nowrap;line-height:1}.cta-content{position:relative;z-index:1}.cta-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;letter-spacing:-.04em;margin-bottom:16px;line-height:1.1}.cta-desc{font-size:1.125rem;color:var(--muted);margin-bottom:40px;max-width:450px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;gap:16px;justify-content:center;align-items:center;flex-wrap:wrap}.waitlist-form{display:flex;gap:8px;max-width:450px;margin:0 auto}.waitlist-input{flex:1;padding:14px 20px;background:var(--bg-card);border:1px solid var(--border);border-radius:100px;color:var(--fg);font-size:.938rem;font-family:var(--font);outline:none;transition:border-color .3s}.waitlist-input:focus{border-color:var(--accent)}.waitlist-input::placeholder{color:var(--muted)}.waitlist-btn{padding:14px 24px;background:var(--accent);color:#000;border:none;border-radius:100px;font-size:.813rem;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:all .3s;white-space:nowrap}.waitlist-btn:hover{transform:scale(1.05);box-shadow:0 4px 24px rgba(16,185,129,.3)}.waitlist-notice{font-size:.75rem;color:var(--muted);margin-top:12px;text-align:center}.footer{padding:48px 24px;border-top:1px solid var(--border)}.footer-inner{max-width:900px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.footer-logo{display:flex;flex-direction:column;line-height:1;text-decoration:none;color:inherit}.footer-logo-main{font-size:1rem;font-weight:800;letter-spacing:-.04em}.footer-logo-sub{font-size:.5rem;font-weight:600;letter-spacing:.12em;color:var(--accent);margin-top:2px}.footer-links{display:flex;gap:24px;list-style:none}.footer-links a{font-size:.813rem;color:var(--muted);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--fg)}.footer-tagline{font-size:.688rem;color:var(--muted);font-weight:500;letter-spacing:.08em;text-transform:uppercase}.footer-studio{font-size:.55rem;color:#222;letter-spacing:.25em;text-transform:uppercase;margin-top:8px}.reveal{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}.cursor-glow{position:fixed;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(16,185,129,.04) 0,transparent 70%);pointer-events:none;z-index:0;transform:translate(-50%,-50%);transition:opacity .3s}@media(max-width:900px){.hero-inner{grid-template-columns:1fr;gap:48px;text-align:center}.hero-text{text-align:center;order:1}.hero-phone-wrapper{order:2}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero{padding:120px 24px 80px}}@media(max-width:768px){.bento-grid{grid-template-columns:1fr}.bento-card.span-2{grid-column:span 1}.nav-links{display:none}.how-step{flex-direction:column;gap:16px}.metrics-inner{gap:32px}.hero-phone{width:260px;height:540px}.reviews-grid{grid-template-columns:1fr}.sync-card-layout{gap:24px}.footer-inner,.sync-card-layout{flex-direction:column;text-align:center}.waitlist-form{flex-direction:column}}@media(max-width:480px){.hero{padding:100px 16px 60px}.hero-actions{flex-direction:column;width:100%}.btn-primary,.btn-secondary{width:100%;justify-content:center}.hero-phone{width:240px;height:500px}.cta-buttons{flex-direction:column}}