.demo-page{background:#0a0f0d;overflow-x:hidden}.demo-fade-up{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.demo-fade-up.demo-visible{opacity:1;transform:translateY(0)}.demo-glow-text{text-shadow:0 0 40px rgba(45,212,191,.35),0 0 80px rgba(45,212,191,.15)}.demo-hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;padding:4rem 1.5rem;text-align:center}.demo-hero-glow{position:absolute;top:50%;left:50%;width:600px;height:600px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(45,212,191,.12) 0,rgba(45,212,191,.04) 40%,transparent 70%);pointer-events:none}.demo-hero-title{font-size:clamp(2.5rem,7vw,4.5rem);font-weight:800;line-height:1.1;color:#e8f0ee;letter-spacing:-.02em}.demo-hero-subtitle{margin-top:1.25rem;font-size:1.125rem;color:#8faba5;max-width:28rem;margin-inline:auto}.demo-scroll-hint{position:absolute;bottom:2.5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:0;transition:opacity 1s ease .6s}.demo-scroll-hint.demo-visible{opacity:1}.demo-bounce-arrow{animation:demo-bounce 1.8s ease-in-out infinite}@keyframes demo-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.demo-section{max-width:640px;margin:0 auto;padding:3rem 1.5rem}.demo-path-label{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-radius:12px;background:linear-gradient(135deg,rgba(45,212,191,.08),rgba(45,212,191,.02));border:1px solid rgba(45,212,191,.15);opacity:0;transform:translateY(20px);transition:all .7s cubic-bezier(.16,1,.3,1);position:relative}.demo-path-label.demo-visible{opacity:1;transform:translateY(0)}.demo-path-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:rgba(45,212,191,.1);flex-shrink:0}.demo-badge{position:absolute;top:-8px;right:12px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:#2dd4bf;color:#0a0f0d;padding:2px 10px;border-radius:99px}.demo-step-card{padding:1.5rem;border-radius:12px;background:#0f1a17;border:1px solid #1e3530;transition:all .7s cubic-bezier(.16,1,.3,1)}.demo-step-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:rgba(45,212,191,.15);color:#2dd4bf;font-size:14px;font-weight:700;flex-shrink:0}.demo-mock-ui{margin-top:.75rem;padding:1rem;border-radius:8px;background:rgba(10,15,13,.6);border:1px solid #1e3530}.demo-spending-row{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid rgba(30,53,48,.5);transition:all .5s cubic-bezier(.16,1,.3,1)}.demo-spending-row:last-child{border-bottom:none}.demo-amount-chip{display:inline-flex;align-items:center;justify-content:center;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:500;background:#142320;color:#5f7a74;border:1px solid transparent;transition:all .4s ease}.demo-amount-active{background:rgba(45,212,191,.15);color:#2dd4bf;border-color:rgba(45,212,191,.4);box-shadow:0 0 12px rgba(45,212,191,.2)}.demo-analyzing{text-align:center}.demo-spin{animation:demo-spin 2s linear infinite}@keyframes demo-spin{to{transform:rotate(1turn)}}.demo-progress-track{height:4px;border-radius:2px;background:#1e3530;overflow:hidden}.demo-progress-bar{height:100%;width:0;border-radius:2px;background:linear-gradient(90deg,#2dd4bf,#5eead4);box-shadow:0 0 12px rgba(45,212,191,.4)}.demo-progress-animate{animation:demo-progress 2s ease-in-out infinite}@keyframes demo-progress{0%{width:0;margin-left:0}50%{width:60%;margin-left:20%}to{width:0;margin-left:100%}}.demo-result-card{padding:.75rem 1rem;border-radius:8px;background:#142320;border:1px solid #1e3530;transition:all .6s cubic-bezier(.16,1,.3,1)}.demo-result-highlight{border-color:rgba(45,212,191,.4);background:rgba(45,212,191,.08);box-shadow:0 0 24px rgba(45,212,191,.12),0 0 48px rgba(45,212,191,.06)}.demo-rank{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;font-size:11px;font-weight:700;flex-shrink:0}.demo-gap-callout{margin-top:1rem;padding:.75rem 1rem;border-radius:8px;background:rgba(251,113,133,.08);border:1px solid rgba(251,113,133,.2);text-align:center;opacity:0;transform:scale(.95);transition:all .6s cubic-bezier(.16,1,.3,1);transition-delay:.8s}.demo-gap-callout.demo-visible{opacity:1;transform:scale(1)}.demo-transition{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:3rem 0;opacity:0;transition:opacity .8s ease}.demo-transition.demo-visible{opacity:1}.demo-glow-line{width:120px;height:2px;background:linear-gradient(90deg,transparent,rgba(45,212,191,.5),transparent)}.demo-input-mock{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;border-radius:8px;background:#142320;border:1px solid #1e3530}.demo-typing{color:#5f7a74;font-size:14px}.demo-typing-animate{overflow:hidden;white-space:nowrap;width:0;animation:demo-type 1.2s steps(14) .5s forwards;color:#e8f0ee}@keyframes demo-type{to{width:8.5em}}.demo-mock-button{margin-top:.75rem;padding:.625rem;border-radius:8px;background:#2dd4bf;color:#0a0f0d;font-size:14px;font-weight:600;text-align:center}.demo-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border-radius:8px;border:2px dashed #1e3530;transition:border-color .5s ease;position:relative}.demo-dropzone-active{border-color:rgba(45,212,191,.4)}.demo-file-pill{display:inline-flex;align-items:center;gap:.375rem;margin-top:1rem;padding:.375rem .75rem;border-radius:6px;background:rgba(45,212,191,.1);color:#2dd4bf;font-size:12px;font-weight:500;opacity:0;transform:translateY(8px);transition:all .5s ease}.demo-file-appear{animation:demo-file-in .5s ease 1s forwards}@keyframes demo-file-in{to{opacity:1;transform:translateY(0)}}.demo-transaction-row{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid rgba(30,53,48,.5);transition:all .5s cubic-bezier(.16,1,.3,1)}.demo-transaction-row:last-child{border-bottom:none}.demo-category-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600;background:rgba(45,212,191,.1);color:#2dd4bf;white-space:nowrap}.demo-winner-card{padding:1.25rem;border-radius:10px;background:linear-gradient(135deg,rgba(45,212,191,.08),rgba(45,212,191,.02));border:1px solid rgba(45,212,191,.3);box-shadow:0 0 32px rgba(45,212,191,.1),0 0 64px rgba(45,212,191,.05)}.demo-trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:2rem 0;opacity:0;transform:translateY(20px);transition:all .7s cubic-bezier(.16,1,.3,1)}.demo-trust-strip.demo-visible{opacity:1;transform:translateY(0)}.demo-privacy-callout{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;margin-top:1rem;border-radius:8px;background:rgba(45,212,191,.05);border:1px solid rgba(45,212,191,.1);opacity:0;transition:opacity .6s ease .4s}.demo-privacy-callout.demo-visible{opacity:1}.demo-cta-section{position:relative;padding:5rem 1.5rem}.demo-cta-glow{position:absolute;top:50%;left:50%;width:500px;height:400px;transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(45,212,191,.1) 0,transparent 60%);pointer-events:none}.demo-cta-content{position:relative;opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1)}.demo-cta-content.demo-visible{opacity:1;transform:translateY(0)}.demo-cta-button{box-shadow:0 0 20px rgba(45,212,191,.2);transition:all .3s ease}.demo-cta-button:hover{box-shadow:0 0 32px rgba(45,212,191,.35)}@media (max-width:640px){.demo-hero{min-height:70vh;padding:3rem 1rem}.demo-section{padding:2rem 1rem}.demo-amount-chip{padding:2px 5px;font-size:10px}.demo-spending-row{flex-direction:column;align-items:flex-start;gap:.5rem}}