Save Wise | Expense Tracker App
/* ---------- TECH THEME SCOPE: BALANCED EDITION (NAVY HERO) ---------- */ #ec-digitech, #ec-digitech * { box-sizing: border-box; font-family: Helvetica, Arial, sans-serif !importa nt; letter-spacing: normal; -webkit-font-smoothing: antialiased; } #ec-digitech { /* BACKGROUNDS */ --bg: #F8FAFC; /* Cool Light Gray */ --card: #ffffff; /* Pure white cards */ --line: #e2e8f0; /* Subtle Slate borders */ /* TYPOGRAPHY COLORS */ --text: #0f172a; /* Deepest Navy/Black */ --muted: #475569; /* Slate-600 */ --muted2: #64748b; /* Slate-500 */ /* ACCENT COLORS */ --ecBlue: #2563EB; /* Stays Blue for Icons to match Buy Button */ --ecBlueLight: #eff6ff; --ecNavy: #1e293b; /* NEW: Dark Navy for internal buttons */ --ecGreen: #10b981; /* NEW: Green for "Live" status */ /* UTILITIES */ --shadowSoft: 0 4px 12px rgba(0,0,0,0.03); --r26: 26px; --ease: cubic-bezier(0.16, 1, 0.3, 1); } /* LAYOUT UTILS */ #ec-digitech .wrap { background: var(--bg); padding: 42px 18px 28px; } #ec-digitech .container { max-width: 1120px; margin: 0 auto; } /* CARDS */ #ec-digitech .card { background: var(--card); border: 1px solid var(--line); border-radius: var(--r26); box-shadow: var(--shadowSoft); padding: 26px; margin-bottom: 14px; } /* TOP GRID */ #ec-digitech .topGrid { display: grid; grid-template-columns: 1fr; gap: 14px; } @media (min-width: 980px) { #ec-digitech .topGrid { grid-template-columns: 1.2fr 0.8fr; gap: 16px; align-items: stretch; } } /* HERO STYLES */ #ec-digitech .hero { position: relative; overflow: hidden; } #ec-digitech .hero::before { content: ""; position: absolute; inset: -2px; background: radial-gradient(800px 300px at 100% 0%, rgba(37, 99, 235, 0.04), transparent 60%); pointer-events: none; } #ec-digitech .heroInner { position: relative; z-index: 1; } /* CHIPS & PILLS */ #ec-digitech .chipRow { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; } #ec-digitech .chip { display: inline-flex; align-items: center; gap: 8px; padding: 10px 14px; border-radius: 999px; border: 1px solid rgba(0,0,0,0.10); background: #fff; font-size: 14px; color: var(--muted); font-weight: 700; line-height: 1; white-space: nowrap; text-decoration: none; /* Removed underline */ cursor: pointer; } /* CHANGED: Live chip is now GREEN and Animated */ #ec-digitech .chipLive { background: var(--ecGreen); border-color: rgba(255,255,255,0.10); color: #fff; transition: transform 0.2s ease; } #ec-digitech .chipLive:hover { transform: translateY(-1px); } /* NEW: Animation for the pulse effect */ @keyframes livePulse { 0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); } 70% { box-shadow: 0 0 0 5px rgba(255, 255, 255, 0); } 100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } #ec-digitech .chipLive .liveDot { width: 8px; height: 8px; border-radius: 99px; background: #d1fae5; /* Added animation here */ animation: livePulse 2s infinite; } /* TYPOGRAPHY */ #ec-digitech .h1 { margin: 0 0 16px; font-size: 32px; line-height: 1.2; letter-spacing: -0.02em; font-weight: 700; color: var(--text); } @media (min-width: 720px) { #ec-digitech .h1 { font-size: 38px; } } #ec-digitech .sub { margin: 0 0 24px; color: var(--muted); font-size: 18px; line-height: 1.6; max-width: 70ch; font-weight: 500; } #ec-digitech .sub strong { color: var(--text); font-weight: 700; } /* CALLOUTS */ #ec-digitech .calloutRow { display: flex; flex-wrap: wrap; gap: 12px; margin: 0 0 24px; } #ec-digitech .pill { display: inline-flex; align-items: center; gap: 8px; padding: 10px 14px; border-radius: 999px; border: 1px solid rgba(0,0,0,0.10); background: #fff; font-size: 14px; font-weight: 700; color: var(--muted); } #ec-digitech .pillStrong { background: var(--ecBlueLight); border-color: rgba(37, 99, 235, 0.2); color: var(--ecBlue); } /* BUTTONS */ #ec-digitech .heroBtnRow{ display: flex; flex-direction: column; gap: 10px; max-width: 520px; margin: 0 0 14px 0; } @media (min-width: 520px) { #ec-digitech .heroBtnRow { flex-direction: row; } } #ec-digitech .btnHero{ display: inline-flex; align-items: center; justify-content: center; gap: 10px; width: 100%; padding: 18px 24px; border-radius: 999px; font-weight: 700; text-decoration: none; border: 1px solid transparent; transition: transform 0.2s var(--ease), box-shadow 0.2s var(--ease); line-height: 1; font-size: 18px; } #ec-digitech .btnHeroPrimary{ background: var(--ecNavy); color: #fff; box-shadow: 0 16px 36px rgba(15, 23, 42, 0.15); flex: 1.4; } #ec-digitech .btnHeroPrimary:hover { transform: translateY(-2px); background: #000; } #ec-digitech .btnHeroGhost { background: #ffffff; color: var(--ecNavy); border: 1px solid rgba(15, 23, 42, 0.15); box-shadow: 0 4px 12px rgba(0,0,0,0.05); flex: 1; } #ec-digitech .btnHeroGhost:hover { transform: translateY(-2px); border-color: var(--ecNavy); background: #f1f5f9; } #ec-digitech .heroMicro { font-size: 14px; color: var(--muted2); font-weight: 700; margin-top: 8px; } #ec-digitech .heroMicro b { color: var(--text); } #ec-digitech .faqMini { margin-top: 12px; font-size: 14px; color: var(--muted2); font-weight: 700; } #ec-digitech .faqMini a { color: var(--ecBlue); text-decoration: none; display: inline-block; padding: 4px 0; } /* CREDENTIALS BOX */ #ec-digitech .heroCreds { margin: 16px 0 16px 0; padding: 14px 18px; background: var(--ecBlueLight); border: 1px solid rgba(37, 99, 235, 0.2); border-left: 4px solid var(--ecBlue); border-radius: 12px; display: inline-block; color: var(--text); font-size: 15px; max-width: 100%; } #ec-digitech .credRow { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; } #ec-digitech .credItem { font-family: monospace; font-size: 15px; } #ec-digitech .credItem strong { color: var(--ecBlue); font-weight: 700; } /* PANEL & STATS */ #ec-digitech .panelTitle { margin: 0 0 12px; font-size: 22px; font-weight: 700; color: var(--text); } #ec-digitech .panelGrid { display: grid; grid-template-columns: 1fr; gap: 10px; } #ec-digitech .stat { border: 1px solid var(--line); border-radius: 18px; padding: 14px; background: #fff; display: flex; gap: 12px; align-items: flex-start; } #ec-digitech .icon { width: 40px; height: 40px; border-radius: 14px; display: flex; align-items: center; justify-content: center; background: var(--ecBlueLight); border: 1px solid rgba(37, 99, 235, 0.15); flex-shrink: 0; } #ec-digitech .icon svg { width: 20px; height: 20px; stroke: var(--ecBlue); } #ec-digitech .stat b { display: block; color: var(--text); font-weight: 700; font-size: 18px; margin-bottom: 4px; } #ec-digitech .stat span { display: block; color: var(--muted); font-size: 16px; line-height: 1.5; font-weight: 500; } /* LISTS & FEATURES */ #ec-digitech .grid2 { display: grid; grid-template-columns: 1fr; gap: 14px; margin-top: 14px; } @media (min-width: 980px) { #ec-digitech .grid2 { grid-template-columns: 1fr 1fr; gap: 16px; } } #ec-digitech .title { margin: 0 0 10px; font-size: 22px; font-weight: 700; color: var(--text); } #ec-digitech .lead { margin: 0 0 12px; color: var(--muted); font-size: 17px; line-height: 1.6; font-weight: 500; } #ec-digitech .list { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 16px; } #ec-digitech .li { display: flex; gap: 10px; align-items: flex-start; color: var(--muted); font-size: 17px; line-height: 1.55; font-weight: 500; } #ec-digitech .li strong { color: var(--text); font-weight: 700; } #ec-digitech .bullet { margin-top: 3px; width: 22px; height: 22px; border-radius: 7px; background: var(--ecBlue); display: flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: 0 10px 18px rgba(37, 99, 235, 0.2); } #ec-digitech .bullet svg { width: 13px; height: 13px; fill: #fff; } /* SNAPSHOT & STACK GRID */ #ec-digitech .snapGrid, #ec-digitech .stackGrid { display: grid; grid-template-columns: 1fr; gap: 10px; margin-top: 10px; } @media (min-width: 760px) { #ec-digitech .snapGrid, #ec-digitech .stackGrid { grid-template-columns: 1fr 1fr; } } #ec-digitech .snapItem, #ec-digitech .stackItem { border: 1px solid var(--line); border-radius: 18px; background: #fff; padding: 16px; display: flex; gap: 12px; align-items: flex-start; } #ec-digitech .snapIcon, #ec-digitech .stackIcon { width: 40px; height: 40px; border-radius: 14px; background: var(--ecBlueLight); border: 1px solid rgba(37, 99, 235, 0.15); display: flex; align-items: center; justify-content: center; flex-shrink: 0; } #ec-digitech .snapIcon svg { width: 20px; height: 20px; stroke: var(--ecBlue); } #ec-digitech .stackIcon svg { width: 20px; height: 20px; stroke: var(--ecBlue); } #ec-digitech .snapItem b, #ec-digitech .stackItem b { display: block; color: var(--text); font-size: 18px; font-weight: 700; margin: 0 0 4px; } #ec-digitech .snapItem p, #ec-digitech .stackItem p { margin: 0; color: var(--muted); font-size: 16px; line-height: 1.5; font-weight: 500; } /* STEPS & FOOTER */ #ec-digitech .steps { display: grid; grid-template-columns: 1fr; gap: 10px; margin-top: 10px; } @media (min-width: 760px) { #ec-digitech .steps { grid-template-columns: repeat(3, 1fr); } } #ec-digitech .step { border: 1px solid var(--line); border-radius: 18px; padding: 16px; background: #fff; } #ec-digitech .stepNum { width: 32px; height: 32px; border-radius: 12px; background: var(--ecBlueLight); display: flex; align-items: center; justify-content: center; font-weight: 700; color: var(--ecBlue); font-size: 14px; margin-bottom: 8px; } #ec-digitech .step b { display: block; color: var(--text); font-weight: 700; font-size: 18px; margin-bottom: 4px; } #ec-digitech .step span { display: block; color: var(--muted); font-size: 16px; line-height: 1.5; font-weight: 500; } #ec-digitech .footer { margin-top: 14px; border-radius: var(--r26); background: radial-gradient(800px 300px at 50% 0%, rgba(37, 99, 235, 0.08), transparent 60%), #fff; border: 1px solid var(--line); box-shadow: var(--shadowSoft); padding: 26px; text-align: center; } #ec-digitech .footer p { font-size: 18px; line-height: 1.5; } #ec-digitech .btnRow { display: flex; flex-direction: column; gap: 10px; margin-bottom: 12px; } @media (min-width: 520px) { #ec-digitech .btnRow { flex-direction: row; } } #ec-digitech .btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; border-radius: 999px; padding: 16px 20px; font-weight: 700; text-decoration: none; border: 1px solid transparent; font-size: 18px; } #ec-digitech .btnPrimary { background: var(--ecNavy); color: #fff; flex: 1; } #ec-digitech .btnGhost { background: #fff; color: var(--text); border-color: rgba(0,0,0,0.12); flex: 1; } /* MOBILE OPTIMIZATIONS */ @media (max-width: 600px) { #ec-digitech .wrap { padding: 20px 4px 20px !important; } #ec-digitech .card { padding: 32px 24px !important; } #ec-digitech .topGrid, #ec-digitech .grid2, #ec-digitech .steps { gap: 28px; } #ec-digitech .chip { width: auto; padding: 10px 14px; } #ec-digitech .btnHero, #ec-digitech .btn, #ec-digitech .btnHeroGhost { width: 100%; padding: 20px 20px; } #ec-digitech .super-title, #ec-digitech .super-subtitle { margin-bottom: 12px; } #ec-digitech .btnRow { width: 100%; } #ec-digitech .credRow { font-size: 14px; flex-direction: column; gap: 8px; } } Live Dashboard Finance App Tax & Expenses Your Brand Save Wise | Expense & Tax Tracker App (Resell Unlimited Times) • Concept: A personal "CFO in your pocket" for freelancers & businesses.• The Mechanism: Users snap photos of receipts, and the app automatically organizes them for taxes.• The Business: You own the Master App. Sell it to accountants and contractors. Charge setup fees ($99-$599) + monthly fees ($29/mo). Keep 100% of the profit. 100% Your Brand Smart Scanner Tax Ready View Live Demo → Watch Video Tour Admin Login: User: [email protected] Pass: demo123 Questions? Read Reseller FAQs → App Highlights Smart Sorting Automatically sorts expenses so users know what they can claim on taxes. Receipt Scanner Users take a photo of a receipt, and the app reads the numbers instantly. PDF Reports One-click download of financial reports to send to accountants. Business Snapshot The quick, no-fluff overview—so you know exactly what you’re buying. Model Resell Unlimited Times (Keep 100% Profit). Target Customers Freelancers, Contractors, Small Agencies. You Receive Master Project Copy + Resell Rights. Setup We install and brand the app for you. Who this business is right for Software businesses are scalable and high-profit. This app is built for: Non-Tech Founders: No coding skills required. We act as your technical team and handle the installation. Digital Agencies: Sell this tool to your existing clients. You keep the setup fee and the monthly income. Accountants: A perfect "Own Brand" add-on to help your clients organize their receipts. Side Hustlers: Automated billing means you earn passive income while you sleep. Ways to Make Money Three proven ways to generate revenue with SaveWise: Setup Fees: Charge clients $99-$599 to launch the app for them (we do the work for you). Monthly Income: Charge users $9–$29/month to keep using the expense tracker. Zero Royalties: You pay us once. You keep 100% of the money you make. What’s included in the sale Master Project You get the Master File. You can create unlimited copies for your clients. Unlimited Resell Rights You have the right to copy and sell this app to unlimited clients. We Do The Setup Send us your client's logo & colors. We customize and launch the app for you. Tech Support 30 days of post-launch technical support to ensure smooth operations. How the handover works We handle the technical heavy lifting. You handle the vision. 1 Purchase Secure your Master App license on Ecomchief. You'll receive a next-steps email immediately. 2 Account Sync Create your cloud dashboard account (required to receive the Master File). 3 Transfer & Launch We transfer the Master File to you. You are now ready to sell. Ready to launch your Online Software Business?Own this expense management platform today. View Live Demo → View FAQs →
