https://Wealth-os.online
Lighthouse Mobile
· 0 checks — Mobile Lighthouse audit -- Performance, Accessibility, Best Practices, and SEO category breakdown.SCORE
0
GRADE
FIX
0
REVIEW
0
PASS
0
INFO
0
Detailed Report
Audit breakdown by category with detailed findings.
49
Performance
Insights
Remove large, duplicate JavaScript modules from bundles to reduce unnecessary bytes consumed by network activity.
Why this matters
Performance issues directly impact user engagement and conversion rates.
Polyfills and transforms enable older browsers to use new JavaScript features. However, many aren't necessary for modern browsers. Consider modifying your JavaScript build process to not transpile Baseline features, unless you know you must support older browsers. Learn why most sites can deploy ES6+ code without transpiling
Why this matters
Performance issues directly impact user engagement and conversion rates.
3rd party code can significantly impact load performance. Reduce and defer loading of 3rd party code to prioritize your page's content.
Why this matters
Performance issues directly impact user engagement and conversion rates.
A long cache lifetime can speed up repeat visits to your page. Learn more about caching.
Why this matters
Performance issues directly impact user engagement and conversion rates.
| Request | Cache TTL | Transfer Size |
|---|---|---|
| img.rocket.new/generatedImages/rocket_gen_img_1da7b19fe-1772690671456.png | 0.0 ms | 2.0 MiB |
| img.rocket.new/generatedImages/rocket_gen_img_1993192c0-1767000199933.png | 0.0 ms | 1.3 MiB |
| img.rocket.new/generatedImages/rocket_gen_img_15d75124c-1772213059804.png | 0.0 ms | 1.3 MiB |
| img.rocket.new/generatedImages/rocket_gen_img_18dcf7862-1772562312913.png | 0.0 ms | 1.3 MiB |
| img.rocket.new/generatedImages/rocket_gen_img_1e3dcc45f-1772203448327.png | 0.0 ms | 1.3 MiB |
| /rocket-web.js?_cfg=https%3A%2F%2Fwealthos2508back.builtw... | 0.0 ms | 24.8 KiB |
Your first network request is the most important. Reduce its latency by avoiding redirects, ensuring a fast server response, and enabling text compression.
Why this matters
Performance issues directly impact user engagement and conversion rates.
A forced reflow occurs when JavaScript queries geometric properties (such as offsetWidth) after styles have been invalidated by a change to the DOM state. This can result in poor performance. Learn more about forced reflows and possible mitigations.
Why this matters
Performance issues directly impact user engagement and conversion rates.
headings: [map[key:source label:Source valueType:source-location] map[granularity:1 key:reflowTime label:Total reflow time valueType:ms]]
items: [map[reflowTime:112.12 source:map[type:text value:[unattributed]]]]
Reducing the download time of images can improve the perceived load time of the page and LCP. Learn more about optimizing image size
Why this matters
Performance issues directly impact user engagement and conversion rates.
| URL | Resource Size | Est Savings | |
|---|---|---|---|
Person standing triumphantly on a mountain peak at sunrise div.grid > div.group > div.aspect-[3/4] > img.w-full | images.unsplash.com/photo-1689164817640-44afb91c74c1 | 4.9 MiB | 4.8 MiB |
Beautiful modern family home with manicured lawn and blue sky div.grid > div.group > div.aspect-[3/4] > img.w-full | images.unsplash.com/photo-1684785619392-0bfa21177363 | 3.6 MiB | 3.6 MiB |
Happy family of four laughing together in a sunny park div.grid > div.group > div.aspect-[3/4] > img.w-full | img.rocket.new/generatedImages/rocket_gen_img_1da7b19fe-1772690671456.png | 2.0 MiB | 2.0 MiB |
Couple exploring a beautiful European city street at golden hour div.grid > div.group > div.aspect-[3/4] > img.w-full | images.unsplash.com/photo-1634188323561-6c001706e48f | 1.9 MiB | 1.9 MiB |
Young professional couple planning finances together at a modern home desk with… div.grid > div.transition-all > div.relative > img.w-full | img.rocket.new/generatedImages/rocket_gen_img_1993192c0-1767000199933.png | 1.3 MiB | 1.3 MiB |
Each subpart has specific improvement strategies. Ideally, most of the LCP time should be spent on loading the resources, not within delays.
Why this matters
Performance issues directly impact user engagement and conversion rates.
headings: [map[key:label label:Subpart valueType:text] map[key:duration label:Duration valueType:ms]]
items: [map[duration:151.527 label:Time to first byte subpart:timeToFirstByte] map[duration:2360.77 label:Element render delay subpart:elementRenderDelay]]
lhId: page-5-P
nodeLabel: We use cookies to enhance your experience, analyze site usage, and assist in ou…
path: 1,HTML,1,BODY,5,DIV,0,DIV,1,DIV,0,P
selector: div.fixed > div.bg-card > div.px-4 > p.text-xs
snippet: <p class="text-xs text-muted-foreground leading-relaxed mb-3">
Avoid chaining critical requests by reducing the length of chains, reducing the download size of resources, or deferring the download of unnecessary resources to improve page load.
Why this matters
Performance issues directly impact user engagement and conversion rates.
description: [preconnect](https://developer.chrome.com/docs/lighthouse/performance/uses-rel-preconnect/) hints help the browser establish a connection earlier in the page load, saving time when the first request for that origin is made. The following are the origins that the page preconnected to.
title: Preconnected origins
description: Add [preconnect](https://developer.chrome.com/docs/lighthouse/performance/uses-rel-preconnect/) hints to your most important origins, but try to use no more than 4.
title: Preconnect candidates
Requests are blocking the page's initial render, which may delay LCP. Deferring or inlining can move these network requests out of the critical path.
Why this matters
Performance issues directly impact user engagement and conversion rates.
| URL | Transfer Size |
|---|---|
| wealth-os.online/_next/static/css/b8a4a9a17a4c1ce2.css | 13.4 KiB |
| wealth-os.online/_next/static/css/2090cb7e7b73f9c6.css | 792 B |
These insights are also available in the Chrome DevTools Performance Panel - record a trace to view more detailed information.
Redirects introduce additional delays before the page can be loaded. Learn how to avoid page redirects.
Why this matters
Performance issues directly impact user engagement and conversion rates.
Estimated savings: 789 ms
| URL | Time Spent |
|---|---|
| wealth-os.online/ | 789 ms |
| wealth-os.online/welcome | 0.0 ms |
Time to Interactive is the amount of time it takes for the page to become fully interactive. Learn more about the Time to Interactive metric.
Why this matters
Performance issues directly impact user engagement and conversion rates.
TTI
The maximum potential First Input Delay that your users could experience is the duration of the longest task. Learn more about the Maximum Potential First Input Delay metric.
Why this matters
Performance issues directly impact user engagement and conversion rates.
Diagnostics
Reduce unused JavaScript and defer loading scripts until they are required to decrease bytes consumed by network activity. Learn how to reduce unused JavaScript.
Why this matters
Performance issues directly impact user engagement and conversion rates.
Estimated savings: 620 ms 109.4 KiB
| URL | Transfer Size | Est Savings |
|---|---|---|
| wealth-os.online/_next/static/chunks/9280-1506feca95eb9ee5.js | 74.7 KiB | 69.6 KiB |
| wealth-os.online/_next/static/chunks/6962-09ddab6e9e5dc247.js | 49.6 KiB | 39.8 KiB |
Consider reducing the time spent parsing, compiling, and executing JS. You may find delivering smaller JS payloads helps with this. Learn how to reduce Javascript execution time.
Why this matters
Performance issues directly impact user engagement and conversion rates.
| URL | Total CPU Time | Script Evaluation | Script Parse |
|---|---|---|---|
| wealth-os.online/welcome | 3.3 s | 11 ms | 9.1 ms |
| wealth-os.online/_next/static/chunks/1255-e9d6d8fa2063ff23.js | 1.6 s | 1.5 s | 50 ms |
| Unattributable | 1.0 s | 24 ms | 0.0 ms |
| wealth-os.online/_next/static/chunks/4bd1b696-16dcc2bec6e1bff8.js | 884 ms | 356 ms | 31 ms |
| /rocket-web.js?_cfg=https%3A%2F%2Fwealthos2508back.builtw... | 386 ms | 272 ms | 1.1 ms |
| wealth-os.online/_next/static/chunks/6962-09ddab6e9e5dc247.js | 273 ms | 213 ms | 59 ms |
| wealth-os.online/_next/static/chunks/9280-1506feca95eb9ee5.js | 234 ms | 133 ms | 100 ms |
| wealth-os.online/_next/static/chunks/app/welcome/page-6e5630660d61b64a.js | 64 ms | 14 ms | 43 ms |
Consider reducing the time spent parsing, compiling and executing JS. You may find delivering smaller JS payloads helps with this. Learn how to minimize main-thread work
Why this matters
Performance issues directly impact user engagement and conversion rates.
| Category | Time Spent |
|---|---|
| Other | 2.8 s |
| Script Evaluation | 2.6 s |
| Style & Layout | 1.4 s |
| Rendering | 699 ms |
| Script Parsing & Compilation | 347 ms |
| Parse HTML & CSS | 123 ms |
Large network payloads cost users real money and are highly correlated with long load times. Learn how to reduce payload sizes.
Why this matters
Performance issues directly impact user engagement and conversion rates.
More information about the performance of your application. These numbers don't directly affect the Performance score.
●Layout shift culprits
●Optimize DOM size
●Font display
●Modern HTTP
●Optimize viewport for mobile
●Minify CSS
●Minify JavaScript
●Reduce unused CSS
●Avoid long main-thread tasks 18 long tasks found
●Avoid non-composited animations 7 animated elements found
●Image elements have explicit `width` and `height`
●Page didn't prevent back/forward cache restoration
●Network Requests
●Network Round Trip Times 30 ms
●Server Backend Latencies 430 ms
●Tasks
●Diagnostics
●Metrics
●Screenshot Thumbnails
●Final Screenshot
●Script Treemap Data
●Resources Summary
●Initial server response time was short Root document took 60 ms
○INP breakdown
○LCP request discovery
○User Timing marks and measures
○Avoid large layout shifts
92
Accessibility
These checks highlight opportunities to improve the accessibility of your web app. Automatic detection can only detect a subset of issues and does not guarantee the accessibility of your web app, so manual testing is also encouraged.
Names and labels
When a button doesn't have an accessible name, screen readers announce it as "button", making it unusable for users who rely on screen readers. Learn how to make buttons more accessible.
Why this matters
Performance issues directly impact user engagement and conversion rates.
| Failing Elements |
|---|
div.relative > div.lg:hidden > div.flex > button.w-8 div.relative > div.lg:hidden > div.flex > button.w-8 |
div.relative > div.lg:hidden > div.flex > button.w-2 div.relative > div.lg:hidden > div.flex > button.w-2 |
div.relative > div.lg:hidden > div.flex > button.w-2 div.relative > div.lg:hidden > div.flex > button.w-2 |
div.relative > div.lg:hidden > div.flex > button.w-2 div.relative > div.lg:hidden > div.flex > button.w-2 |
div.relative > div.lg:hidden > div.flex > button.w-8 div.relative > div.lg:hidden > div.flex > button.w-8 |
These are opportunities to improve the semantics of the controls in your application. This may enhance the experience for users of assistive technology, like a screen reader.
Contrast
Low-contrast text is difficult or impossible for many users to read. Learn how to provide sufficient color contrast.
Why this matters
Performance issues directly impact user engagement and conversion rates.
| Failing Elements |
|---|
Net Worth div.relative > div.absolute > div > p.text-[9px] |
Savings Rate div.hero-dashboard-wrapper > div.relative > div.absolute > p.text-[9px] |
28% / month div.hero-dashboard-wrapper > div.relative > div.absolute > p.text-xs |
These are opportunities to improve the legibility of your content.
○Interactive controls are keyboard focusable
○Interactive elements indicate their purpose and state
○The page has a logical tab order
○Visual order on the page follows DOM order
○User focus is not accidentally trapped in a region
○The user's focus is directed to new content added to the page
○HTML5 landmark elements are used to improve navigation
○Offscreen content is hidden from assistive technology
○Custom controls have associated labels
○Custom controls have ARIA roles
●`[aria-*]` attributes match their roles
●`[aria-hidden="true"]` is not present on the document `<body>`
●`[role]`s have all required `[aria-*]` attributes
●`[role]` values are valid
●`[aria-*]` attributes have valid values
●`[aria-*]` attributes are valid and not misspelled
●Image elements have `[alt]` attributes
●Form elements have associated labels
●`[user-scalable="no"]` is not used in the `<meta name="viewport">` element and the `[maximum-scale]` attribute is not less than 5.
●ARIA attributes are used as specified for the element's role
●Elements with `role="dialog"` or `role="alertdialog"` have accessible names.
●`[aria-hidden="true"]` elements do not contain focusable descendents
●Elements use only permitted ARIA attributes
●Document has a `<title>` element
●`<html>` element has a `[lang]` attribute
●`<html>` element has a valid value for its `[lang]` attribute
●Links have a discernible name
●Lists contain only `<li>` elements and script supporting elements (`<script>` and `<template>`).
●List items (`<li>`) are contained within `<ul>`, `<ol>` or `<menu>` parent elements
●No element has a `[tabindex]` value greater than 0
●Touch targets have sufficient size and spacing.
●Heading elements appear in a sequentially-descending order
●Skip links are focusable.
●Document has a main landmark.
●Deprecated ARIA roles were not used
●Elements with visible text labels have matching accessible names.
○`[accesskey]` values are unique
○`button`, `link`, and `menuitem` elements have accessible names
○ARIA input fields have accessible names
○ARIA `meter` elements have accessible names
○ARIA `progressbar` elements have accessible names
○Elements with an ARIA `[role]` that require children to contain a specific `[role]` have all required children.
○`[role]`s are contained by their required parent element
○Elements with the `role=text` attribute do not have focusable descendents.
○ARIA toggle fields have accessible names
○ARIA `tooltip` elements have accessible names
○ARIA `treeitem` elements have accessible names
○The page contains a heading, skip link, or landmark region
○`<dl>`'s contain only properly-ordered `<dt>` and `<dd>` groups, `<script>`, `<template>` or `<div>` elements.
○Definition list items are wrapped in `<dl>` elements
○ARIA IDs are unique
○No form fields have multiple labels
○`<frame>` or `<iframe>` elements have a title
○`<html>` element has an `[xml:lang]` attribute with the same base language as the `[lang]` attribute.
○Input buttons have discernible text.
○`<input type="image">` elements have `[alt]` text
○Links are distinguishable without relying on color.
○The document does not use `<meta http-equiv="refresh">`
○`<object>` elements have alternate text
○Select elements have associated label elements.
○Cells in a `<table>` element that use the `[headers]` attribute refer to table cells within the same table.
○`<th>` elements and elements with `[role="columnheader"/"rowheader"]` have data cells they describe.
○`[lang]` attributes have a valid value
○`<video>` elements contain a `<track>` element with `[kind="captions"]`
○Tables have different content in the summary attribute and `<caption>`.
○All heading elements contain content.
○Uses ARIA roles only on compatible elements
○Image elements do not have `[alt]` attributes that are redundant text.
○Identical links have the same purpose.
○Tables use `<caption>` instead of cells with the `[colspan]` attribute to indicate a caption.
○`<td>` elements in a large `<table>` have one or more table headers.
92
Best Practices
User Experience
Image display dimensions should match natural aspect ratio. Learn more about image aspect ratio.
Why this matters
Performance issues directly impact user engagement and conversion rates.
| URL | Aspect Ratio (Displayed) | Aspect Ratio (Actual) | |
|---|---|---|---|
Logo div.flex > div.flex > div.hidden > img.flex-shrink-0 | /_next/image?url=%2Fassets%2Fimages%2F88fae7b0-4ec9-4e2a-... | 28 x 28 (1.00) | 64 x 45 (1.42) |
Logo div.flex > div.flex > div.hidden > img.flex-shrink-0 | /_next/image?url=%2Fassets%2Fimages%2F88fae7b0-4ec9-4e2a-... | 28 x 28 (1.00) | 64 x 45 (1.42) |
General
Errors logged to the console indicate unresolved problems. They can come from network request failures and other browser concerns. Learn more about this errors in console diagnostic audit
Why this matters
Performance issues directly impact user engagement and conversion rates.
| Source | Description |
|---|---|
Failed to load resource: the server responded with a status of 404 () | |
Manifest: Line: 1, column: 1, Syntax error. | |
Manifest: Line: 1, column: 1, Syntax error. |
●Uses HTTPS
●Avoids deprecated APIs
●Avoids third-party cookies
●Allows users to paste into input fields
●Avoids requesting the geolocation permission on page load
●Avoids requesting the notification permission on page load
●Serves images with appropriate resolution
●Page has the HTML doctype
●Properly defines charset
●No issues in the `Issues` panel in Chrome Devtools
●Ensure CSP is effective against XSS attacks
●Use a strong HSTS policy
●Ensure proper origin isolation with COOP
●Mitigate clickjacking with XFO or CSP
●Mitigate DOM-based XSS with Trusted Types
●Page has valid source maps
○Redirects HTTP traffic to HTTPS
○Detected JavaScript libraries
85
SEO
These checks ensure that your page is following basic search engine optimization advice. There are many additional factors Lighthouse does not score here that may affect your search ranking, including performance on Core Web Vitals. Learn more about Google Search Essentials.
Crawling and Indexing
If your robots.txt file is malformed, crawlers may not be able to understand how you want your website to be crawled or indexed. Learn more about robots.txt.
Why this matters
Performance issues directly impact user engagement and conversion rates.
| Line # | Content | Error |
|---|---|---|
| 1 | <!DOCTYPE html><html lang="en" class="__variable_a11773"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5, user-scalable=yes"/><link rel="preload" href="/_next/static/media/636a5ac981f94f8b-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fassets%2Fimages%2F88fae7b0-4ec9-4e2a-a86b-425065ffdbe7-1786380439194.png&w=32&q=85 1x, /_next/image?url=%2Fassets%2Fimages%2F88fae7b0-4ec9-4e2a-a86b-425065ffdbe7-1786380439194.png&w=64&q=85 2x"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fassets%2Fimages%2F88fae7b0-4ec9-4e2a-a86b-425065ffdbe7__1_-1786380439065.png&w=32&q=85 1x, /_next/image?url=%2Fassets%2Fimages%2F88fae7b0-4ec9-4e2a-a86b-425065ffdbe7__1_-1786380439065.png&w=64&q=85 2x"/><link rel="preload" as="image" href="https://img.rocket.new/generatedImages/rocket_gen_img_1993192c0-1767000199933.png"/><link rel="preload" as="image" href="https://images.unsplash.com/photo-1684785619392-0bfa21177363"/><link rel="preload" as="image" href="https://images.unsplash.com/photo-1634188323561-6c001706e48f"/><link rel="preload" as="image" href="https://img.rocket.new/generatedImages/rocket_gen_img_1da7b19fe-1772690671456.png"/><link rel="preload" as="image" href="https://images.unsplash.com/photo-1689164817640-44afb91c74c1"/><link rel="preload" as="image" href="https://img.rocket.new/generatedImages/rocket_gen_img_18dcf7862-1772562312913.png"/><link rel="preload" as="image" href="https://images.unsplash.com/photo-1653855394894-4c941ebd3748"/><link rel="preload" as="image" href="https://img.rocket.new/generatedImages/rocket_gen_img_1e3dcc45f-1772203448327.png"/><link rel="stylesheet" href="/_next/static/css/2090cb7e7b73f9c6.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/b8a4a9a17a4c1ce2.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-62cc3fc0c1590c23.js"/><script src="/_next/static/chunks/4bd1b696-16dcc2bec6e1bff8.js" async=""></script><script src="/_next/static/chunks/1255-e9d6d8fa2063ff23.js" async=""></script><script src="/_next/static/chunks/main-app-1736bf81b6ae43e6.js" async=""></script><script src="/_next/static/chunks/44530001-4c43e402a41c8493.js" async=""></script><script src="/_next/static/chunks/6801-5759e2c0740d76b3.js" async=""></script><script src="/_next/static/chunks/6962-09ddab6e9e5dc247.js" async=""></script><script src="/_next/static/chunks/8720-5f65033c1639b71d.js" async=""></script><script src="/_next/static/chunks/9541-207a4201a87b0191.js" async=""></script><script src="/_next/static/chunks/app/layout-587f5bf5c709c83b.js" async=""></script><script src="/_next/static/chunks/9280-1506feca95eb9ee5.js" async=""></script><script src="/_next/static/chunks/app/error-76cb83020c5345d5.js" async=""></script><script src="/_next/static/chunks/app/not-found-abc85e49548cc19c.js" async=""></script><script src="/_next/static/chunks/app/welcome/page-6e5630660d61b64a.js" async=""></script><script type="module" async="" src="https://static.rocket.new/rocket-web.js?_cfg=https%3A%2F%2Fwealthos2508back.builtwithrocket.new&_be=https%3A%2F%2Fappanalytics.rocket.new&_v=0.1.20"></script><link rel="preload" as="image" href="https://img.rocket.new/generatedImages/rocket_gen_img_15d75124c-1772213059804.png"/><link rel="preload" as="image" href="https://images.unsplash.com/photo-1551836022-deb4988cc6c0?w=1400&q=60"/><meta name="next-size-adjust" content=""/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"/><meta name="theme-color" content="#C9A227"/><title>WealthOS — Personal Financial Operating System</title><meta name="description" content="WealthOS is your personal financial operating system. Track net worth, automate savings, manage budgets, and reach your financial goals — all in one beautifully designed platform."/><meta name="author" content="WealthOS"/><link rel="manifest" href="/manifest.json"/><meta name="keywords" content="personal finance,wealth management,net worth tracker,budget tracker,savings goals,financial planning,money management,financial dashboard,WealthOS,fintech,investment tracker"/><meta name="creator" content="WealthOS"/><meta name="publisher" content="WealthOS"/><meta name="robots" content="index, follow"/><meta name="googlebot" content="index, follow, max-image-preview:large"/><link rel="canonical" href="https://wealth-os.online"/><meta property="og:title" content="WealthOS — Personal Financial Operating System"/><meta property="og:description" content="Track net worth, automate savings, manage budgets, and reach your financial goals — all in one beautifully designed platform."/><meta property="og:url" content="https://wealth-os.online"/><meta property="og:site_name" content="WealthOS"/><meta property="og:locale" content="en_US"/><meta property="og:image" content="https://wealth-os.online/assets/images/og-image.png"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="WealthOS — Personal Financial Operating System Dashboard"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:creator" content="@WealthOS"/><meta name="twitter:title" content="WealthOS — Personal Financial Operating System"/><meta name="twitter:description" content="Track net worth, automate savings, manage budgets, and reach your financial goals — all in one platform."/><meta name="twitter:image" content="https://wealth-os.online/assets/images/og-image.png"/><link rel="icon" href="/favicon.ico" type="image/x-icon"/><link rel="icon" href="/favicon-16x16.png" sizes="16x16" type="image/png"/><link rel="icon" href="/favicon-32x32.png" sizes="32x32" type="image/png"/><link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180" type="image/png"/><link rel="mask-icon" href="/safari-pinned-tab.svg" color="#C9A227"/><script type="application/ld+json">{"@context":"https://schema.org","@type":"SoftwareApplication","name":"WealthOS","applicationCategory":"FinanceApplication","operatingSystem":"Web","description":"WealthOS is your personal financial operating system. Track net worth, automate savings, manage budgets, and reach your financial goals.","url":"https://wealth-os.online","offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}</script><script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script></head><body class="__className_a11773"><div hidden=""><!--$--><!--/$--></div><a href="#main-content" class="skip-link sr-only focus:not-sr-only focus:fixed focus:top-4 focus:left-4 focus:z-[9999] focus:px-4 focus:py-2 focus:bg-primary focus:text-primary-foreground focus:rounded-lg focus:font-semibold">Skip to main content</a><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><div class="min-h-screen bg-background overflow-x-hidden transition-all duration-300 light " dir="ltr"><style> | Unknown directive |
| 2 | @keyframes cta-shimmer { | Syntax not understood |
| 3 | 0% { transform: translateX(-100%); } | Unknown directive |
| 4 | 100% { transform: translateX(300%); } | Unknown directive |
| 5 | } | Syntax not understood |
| 6 | @keyframes float-widget { | Syntax not understood |
| 7 | 0%, 100% { transform: translateY(0px); } | Unknown directive |
| 8 | 50% { transform: translateY(-6px); } | Unknown directive |
| 9 | } | Syntax not understood |
| 10 | @keyframes glow-pulse { | Syntax not understood |
| 11 | 0%, 100% { box-shadow: 0 0 20px 4px rgba(201,162,39,0.25); } | Unknown directive |
| 12 | 50% { box-shadow: 0 0 32px 8px rgba(201,162,39,0.45); } | Unknown directive |
| 13 | } | Syntax not understood |
| 14 | @keyframes border-glow { | Syntax not understood |
| 15 | 0%, 100% { border-color: rgba(201,162,39,0.3); } | Unknown directive |
| 16 | 50% { border-color: rgba(201,162,39,0.7); } | Unknown directive |
| 17 | } | Syntax not understood |
| 18 | .animate-cta-shimmer { animation: cta-shimmer 2.5s ease-in-out infinite; } | Unknown directive |
| 19 | .animate-float { animation: float-widget 4s ease-in-out infinite; } | Unknown directive |
| 20 | .animate-glow-pulse { animation: glow-pulse 2.5s ease-in-out infinite; } | Unknown directive |
| 21 | .btn-gold-glow:hover { box-shadow: 0 0 24px 6px rgba(201,162,39,0.4), 0 4px 20px rgba(201,162,39,0.3); } | Unknown directive |
| 22 | .card-hover-lift { transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; } | Unknown directive |
| 23 | .card-hover-lift:hover { transform: translateY(-6px); box-shadow: 0 20px 40px rgba(0,0,0,0.3), 0 0 0 1px rgba(201,162,39,0.2); } | Unknown directive |
| 24 | .progress-bar-fill { transition: width 1.2s cubic-bezier(0.4, 0, 0.2, 1); } | Unknown directive |
| 26 | /* ── Responsive nav mobile menu ── */ | Syntax not understood |
| 27 | .welcome-mobile-menu { | Syntax not understood |
| 28 | position: fixed; | Unknown directive |
| 29 | inset: 0; | Unknown directive |
| 30 | z-index: 100; | Unknown directive |
| 31 | display: flex; | Unknown directive |
| 32 | } | Syntax not understood |
| 33 | .welcome-mobile-menu-overlay { | Syntax not understood |
| 34 | position: absolute; | Unknown directive |
| 35 | inset: 0; | Unknown directive |
| 36 | background: rgba(0,0,0,0.65); | Unknown directive |
| 37 | backdrop-filter: blur(4px); | Unknown directive |
| 38 | -webkit-backdrop-filter: blur(4px); | Unknown directive |
| 39 | } | Syntax not understood |
| 40 | .welcome-mobile-menu-drawer { | Syntax not understood |
| 41 | position: relative; | Unknown directive |
| 42 | width: min(300px, 85vw); | Unknown directive |
| 43 | height: 100%; | Unknown directive |
| 44 | background: var(--glass-bg); | Unknown directive |
| 45 | backdrop-filter: blur(24px); | Unknown directive |
| 46 | -webkit-backdrop-filter: blur(24px); | Unknown directive |
| 47 | border-right: 1px solid var(--glass-border); | Unknown directive |
| 48 | display: flex; | Unknown directive |
| 49 | flex-direction: column; | Unknown directive |
| 50 | overflow-y: auto; | Unknown directive |
| 51 | padding: 1.5rem 1rem; | Unknown directive |
| 52 | padding-top: max(1.5rem, env(safe-area-inset-top)); | Unknown directive |
| 53 | padding-bottom: max(1.5rem, env(safe-area-inset-bottom)); | Unknown directive |
| 54 | animation: drawerSlideIn 0.3s cubic-bezier(0.22,1,0.36,1); | Unknown directive |
| 55 | } | Syntax not understood |
| 56 | [dir="rtl"] .welcome-mobile-menu-drawer { | Syntax not understood |
| 57 | border-right: none; | Unknown directive |
| 58 | border-left: 1px solid var(--glass-border); | Unknown directive |
| 59 | margin-left: auto; | Unknown directive |
| 60 | animation: drawerSlideInRtl 0.3s cubic-bezier(0.22,1,0.36,1); | Unknown directive |
| 61 | } | Syntax not understood |
| 62 | @keyframes drawerSlideIn { | Syntax not understood |
| 63 | from { transform: translateX(-100%); opacity: 0; } | Unknown directive |
| 64 | to { transform: translateX(0); opacity: 1; } | Unknown directive |
| 65 | } | Syntax not understood |
| 66 | @keyframes drawerSlideInRtl { | Syntax not understood |
| 67 | from { transform: translateX(100%); opacity: 0; } | Unknown directive |
| 68 | to { transform: translateX(0); opacity: 1; } | Unknown directive |
| 69 | } | Syntax not understood |
| 71 | /* ── Prevent body scroll when menu open ── */ | Syntax not understood |
| 72 | body.welcome-menu-open { overflow: hidden; } | Unknown directive |
| 74 | /* ── Fluid hero heading ── */ | Syntax not understood |
| 75 | .hero-heading { | Syntax not understood |
| 76 | font-size: clamp(2rem, 7vw, 3.5rem); | Unknown directive |
| 77 | line-height: 1.1; | Unknown directive |
| 78 | } | Syntax not understood |
| 79 | .section-heading { | Syntax not understood |
| 80 | font-size: clamp(1.5rem, 5vw, 2.5rem); | Unknown directive |
| 81 | line-height: 1.2; | Unknown directive |
| 82 | } | Syntax not understood |
| 83 | .section-sub { | Syntax not understood |
| 84 | font-size: clamp(0.875rem, 2.5vw, 1.125rem); | Unknown directive |
| 85 | } | Syntax not understood |
| 87 | /* ── Responsive hero dashboard ── */ | Syntax not understood |
| 88 | @media (max-width: 639px) { | Unknown directive |
| 89 | .hero-dashboard-wrapper { | Syntax not understood |
| 90 | position: relative !important; | Unknown directive |
| 91 | bottom: auto !important; | Unknown directive |
| 92 | left: auto !important; | Unknown directive |
| 93 | right: auto !important; | Unknown directive |
| 94 | width: 100% !important; | Unknown directive |
| 95 | margin-top: 1.5rem; | Unknown directive |
| 96 | } | Syntax not understood |
| 97 | .hero-image-overlay-widget { | Syntax not understood |
| 98 | display: none; | Unknown directive |
| 99 | } | Syntax not understood |
| 100 | } | Syntax not understood |
| 102 | /* ── Responsive calculator ── */ | Syntax not understood |
| 103 | @media (max-width: 767px) { | Unknown directive |
| 104 | .calc-result-value { | Syntax not understood |
| 105 | font-size: clamp(2rem, 10vw, 3rem); | Unknown directive |
| 106 | } | Syntax not understood |
| 107 | } | Syntax not understood |
| 109 | /* ── Landscape safe ── */ | Syntax not understood |
| 110 | @media (orientation: landscape) and (max-height: 500px) { | Unknown directive |
| 111 | .hero-section-landscape { | Syntax not understood |
| 112 | padding-top: 4rem; | Unknown directive |
| 113 | padding-bottom: 2rem; | Unknown directive |
| 114 | } | Syntax not understood |
| 115 | } | Syntax not understood |
| 117 | /* ── Ultrawide constraint ── */ | Syntax not understood |
| 118 | @media (min-width: 2560px) { | Unknown directive |
| 119 | .ultrawide-max { | Syntax not understood |
| 120 | max-width: 1800px; | Unknown directive |
| 121 | margin-left: auto; | Unknown directive |
| 122 | margin-right: auto; | Unknown directive |
| 123 | } | Syntax not understood |
| 124 | } | Syntax not understood |
| 126 | /* ── Focus visible ── */ | Syntax not understood |
| 127 | *:focus-visible { | Unknown directive |
| 128 | outline: 2px solid var(--primary); | Unknown directive |
| 129 | outline-offset: 2px; | Unknown directive |
| 130 | } | Syntax not understood |
| 131 | </style><div class="fixed inset-0 pointer-events-none z-0"><div class="absolute top-0 left-1/4 w-[600px] h-[600px] rounded-full bg-primary/4 blur-[140px]"></div><div class="absolute top-1/3 right-0 w-[500px] h-[500px] rounded-full bg-[#22c55e]/3 blur-[120px]"></div><div class="absolute bottom-0 left-0 w-[400px] h-[400px] rounded-full bg-primary/3 blur-[100px]"></div></div><div class="fixed z-50 transition-all duration-500 opacity-0 translate-y-4 pointer-events-none" style="bottom:calc(4.5rem + env(safe-area-inset-bottom, 0px));right:max(1.5rem, env(safe-area-inset-right, 1.5rem))"><a class="flex items-center gap-2 px-4 py-2.5 sm:px-5 sm:py-3 rounded-2xl gold-gradient text-primary-foreground font-bold text-xs sm:text-sm shadow-2xl shadow-primary/40 hover:opacity-90 hover:-translate-y-1 transition-all active:scale-95 relative overflow-hidden group touch-target" href="/register"><span class="absolute inset-0 w-1/2 bg-gradient-to-r from-transparent via-white/20 to-transparent -translate-x-full group-hover:translate-x-full transition-transform duration-700 pointer-events-none"></span>Start Free — No Card →<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="relative z-10"><a href="#main-content" class="skip-link">Skip to content</a><nav class="sticky top-0 z-50 border-b border-border/40 bg-background/85 backdrop-blur-xl" role="navigation" aria-label="Main navigation"><div class="max-w-7xl mx-auto px-4 sm:px-6 h-16 flex items-center justify-between gap-2"><div class="flex items-center gap-2 flex-shrink-0 order-first"><div class="flex items-center"><div class="block dark:hidden"><img alt="Logo" width="28" height="28" decoding="async" data-nimg="1" class="flex-shrink-0 bg-gray-200" style="color:transparent" srcSet="/_next/image?url=%2Fassets%2Fimages%2F88fae7b0-4ec9-4e2a-a86b-425065ffdbe7-1786380439194.png&w=32&q=85 1x, /_next/image?url=%2Fassets%2Fimages%2F88fae7b0-4ec9-4e2a-a86b-425065ffdbe7-1786380439194.png&w=64&q=85 2x" src="/_next/image?url=%2Fassets%2Fimages%2F88fae7b0-4ec9-4e2a-a86b-425065ffdbe7-1786380439194.png&w=64&q=85"/></div><div class="hidden dark:block"><img alt="Logo" width="28" height="28" decoding="async" data-nimg="1" class="flex-shrink-0 bg-gray-200" style="color:transparent" srcSet="/_next/image?url=%2Fassets%2Fimages%2F88fae7b0-4ec9-4e2a-a86b-425065ffdbe7__1_-1786380439065.png&w=32&q=85 1x, /_next/image?url=%2Fassets%2Fimages%2F88fae7b0-4ec9-4e2a-a86b-425065ffdbe7__1_-1786380439065.png&w=64&q=85 2x" src="/_next/image?url=%2Fassets%2Fimages%2F88fae7b0-4ec9-4e2a-a86b-425065ffdbe7__1_-1786380439065.png&w=64&q=85"/></div></div><span class="text-sm font-bold text-foreground">Wealth<span class="text-foreground">OS</span></span></div><div class="hidden md:flex items-center gap-4 lg:gap-6 flex-1 justify-center"><a href="#features" class="text-xs font-medium text-muted-foreground hover:text-primary transition-colors whitespace-nowrap">Features</a><a href="#how-it-works" class="text-xs font-medium text-muted-foreground hover:text-primary transition-colors whitespace-nowrap">How It Works</a><a href="#pricing" class="text-xs font-medium text-muted-foreground hover:text-primary transition-colors whitespace-nowrap">Pricing</a><a href="#testimonials" class="text-xs font-medium text-muted-foreground hover:text-primary transition-colors whitespace-nowrap">Reviews</a><a href="#faq" class="text-xs font-medium text-muted-foreground hover:text-primary transition-colors whitespace-nowrap">FAQ</a></div><div class="flex items-center gap-1.5 sm:gap-2 flex-shrink-0 order-last"><div class="hidden xs:block"><div class="flex items-center gap-1 p-1 rounded-xl border border-border bg-muted/40"><button class="px-3 py-1.5 rounded-lg text-xs font-bold transition-all duration-200 bg-foreground text-background shadow-sm" aria-label="Switch to English" aria-pressed="true">EN</button><button class="px-3 py-1.5 rounded-lg text-xs font-bold transition-all duration-200 text-muted-foreground hover:text-foreground" aria-label="Switch to Arabic" aria-pressed="false">AR</button><button class="px-3 py-1.5 rounded-lg text-xs font-bold transition-all duration-200 text-muted-foreground hover:text-foreground" aria-label="Switch to French" aria-pressed="false">FR</button></div></div><button class="flex items-center justify-center w-9 h-9 rounded-lg border border-border bg-muted/60 hover:border-primary/50 transition-all text-muted-foreground hover:text-foreground touch-target" aria-label="Toggle theme"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-moon" aria-hidden="true"><path d="M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401"></path></svg></button><a class="hidden sm:flex px-3 py-1.5 text-xs font-semibold text-foreground rounded-lg border border-border hover:border-primary/50 hover:text-primary transition-all whitespace-nowrap" href="/login">Sign In</a><a class="hidden sm:flex items-center gap-1 px-3 py-2 rounded-lg gold-gradient text-primary-foreground font-semibold text-xs hover:opacity-90 transition-all hover:-translate-y-0.5 active:scale-95 btn-gold-glow whitespace-nowrap" href="/register">Get Started<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><button class="md:hidden w-9 h-9 rounded-lg bg-muted/60 flex items-center justify-center text-muted-foreground hover:text-foreground transition-colors touch-target" aria-label="Open navigation menu" aria-expanded="false"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu" aria-hidden="true"><path d="M4 5h16"></path><path d="M4 12h16"></path><path d="M4 19h16"></path></svg></button></div></div></nav><section id="main-content" class="max-w-7xl mx-auto px-4 sm:px-6 pt-12 pb-16 sm:pt-16 sm:pb-20 lg:pt-24 hero-section-landscape"><div class="grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-16 items-center"><div class="lg:order-1"><div class="transition-all duration-700 ease-out " style="opacity:0;transform:translateY(28px);transition-delay:0ms"><div class="inline-flex items-center gap-2 px-3 py-1.5 rounded-full border border-primary/30 bg-primary/10 mb-5 sm:mb-6"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles text-amber-700 dark:text-primary flex-shrink-0" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg><span class="text-xs font-semibold text-amber-800 dark:text-primary leading-tight">Your Personal Financial Operating System</span></div></div><div class="transition-all duration-700 ease-out " style="opacity:0;transform:translateY(28px);transition-delay:100ms"><h1 class="hero-heading font-bold text-foreground mb-5 sm:mb-6 text-left">Your Money.<br/>Your Plan.<br/><span class="text-primary relative">Your Future.<span class="absolute -bottom-1 left-0 right-0 h-0.5 bg-gradient-to-r from-primary/60 to-transparent rounded-full"></span></span></h1></div><div class="transition-all duration-700 ease-out " style="opacity:0;transform:translateY(28px);transition-delay:200ms"><p class="section-sub text-muted-foreground leading-relaxed mb-7 sm:mb-8 max-w-lg text-left">One simple platform to understand your money, build better financial habits, and move closer to the life you want.</p></div><div class="transition-all duration-700 ease-out " style="opacity:0;transform:translateY(28px);transition-delay:300ms"><div class="flex flex-col xs:flex-row gap-3 mb-6 "><a class="relative flex items-center justify-center gap-2 px-6 py-3.5 rounded-xl gold-gradient text-primary-foreground font-bold text-sm hover:opacity-90 transition-all hover:-translate-y-1 active:scale-95 overflow-hidden group shadow-lg shadow-primary/25 btn-gold-glow animate-glow-pulse touch-target" href="/register"><span class="absolute inset-0 w-1/3 bg-gradient-to-r from-transparent via-white/25 to-transparent animate-cta-shimmer pointer-events-none"></span><span class="relative z-10 text-center leading-tight">Start Free — No Card Required</span><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right flex-shrink-0 relative z-10" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="#how-it-works" class="flex items-center justify-center gap-2 px-6 py-3.5 rounded-xl border border-border bg-muted/40 text-foreground font-semibold text-sm hover:bg-muted/70 hover:-translate-y-0.5 hover:border-primary/30 transition-all touch-target"><span class="text-center leading-tight">See How WealthOS Works</span><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right flex-shrink-0" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></a></div></div><div class="transition-all duration-700 ease-out " style="opacity:0;transform:translateY(28px);transition-delay:400ms"><div class="flex flex-wrap gap-3 sm:gap-4 "><div class="flex items-center gap-1.5"><div class="w-4 h-4 rounded-full bg-[#22c55e]/20 flex items-center justify-center flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-[#22c55e]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-xs text-muted-foreground">7-day free trial</span></div><div class="flex items-center gap-1.5"><div class="w-4 h-4 rounded-full bg-[#22c55e]/20 flex items-center justify-center flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-[#22c55e]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-xs text-muted-foreground">No credit card</span></div><div class="flex items-center gap-1.5"><div class="w-4 h-4 rounded-full bg-[#22c55e]/20 flex items-center justify-center flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-[#22c55e]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-xs text-muted-foreground">Cancel anytime</span></div></div></div></div><div class="transition-all duration-700 ease-out relative lg:order-2" style="opacity:0;transform:translateY(28px);transition-delay:200ms"><div class="relative rounded-3xl overflow-hidden aspect-[4/3] shadow-2xl"><img src="https://img.rocket.new/generatedImages/rocket_gen_img_1993192c0-1767000199933.png" alt="Young professional couple planning finances together at a modern home desk with laptop" class="w-full h-full object-cover" loading="eager"/><div class="absolute inset-0 bg-gradient-to-t from-background/70 via-background/20 to-transparent"></div><div class="hero-image-overlay-widget absolute top-4 right-4 glass-card rounded-2xl border border-primary/40 px-3 py-2 backdrop-blur-xl animate-float shadow-xl" style="animation-delay:0.5s"><p class="text-[9px] text-muted-foreground">Total Net Worth</p><p class="text-sm font-bold text-primary">$42,680</p><p class="text-[9px] text-[#22c55e]">↑ +6.42%</p></div><div class="hero-image-overlay-widget absolute top-4 left-4 glass-card rounded-2xl border border-[#22c55e]/30 px-3 py-2 backdrop-blur-xl animate-float shadow-xl" style="animation-delay:1.2s"><p class="text-[9px] text-muted-foreground">Income</p><p class="text-sm font-bold text-[#22c55e]">$6,420</p></div></div><div class="hero-dashboard-wrapper absolute -bottom-6 -left-4 sm:-left-8 w-[240px] sm:w-[280px] lg:w-[300px]"><div class="relative"><div class="absolute inset-0 rounded-3xl bg-primary/8 blur-3xl scale-110 pointer-events-none"></div><div class="relative glass-card rounded-3xl border border-primary/30 p-5 shadow-2xl backdrop-blur-xl"><div class="flex items-center justify-between mb-4"><div><p class="text-[10px] text-muted-foreground">WealthOS</p><p class="text-xs font-bold text-foreground">Good morning, Sarah 👋</p></div><div class="w-7 h-7 rounded-full bg-primary/20 flex items-center justify-center ring-2 ring-primary/30"><span class="text-[10px] font-bold text-primary">S</span></div></div><div class="rounded-2xl bg-gradient-to-br from-primary/20 to-primary/5 border border-primary/20 p-4 mb-3"><p class="text-[10px] text-muted-foreground mb-1">Total Net Worth</p><p class="text-2xl font-bold text-foreground">$<!-- -->0</p><p class="text-[10px] text-[#22c55e] mt-1">↑ +6.42% this year</p></div><div class="grid grid-cols-3 gap-2 mb-3"><div class="rounded-xl bg-muted/40 p-2.5 text-center"><p class="text-[9px] text-muted-foreground mb-0.5">Income</p><p class="text-xs font-bold" style="color:#22c55e">$6,420</p></div><div class="rounded-xl bg-muted/40 p-2.5 text-center"><p class="text-[9px] text-muted-foreground mb-0.5">Expenses</p><p class="text-xs font-bold" style="color:#f59e0b">$3,180</p></div><div class="rounded-xl bg-muted/40 p-2.5 text-center"><p class="text-[9px] text-muted-foreground mb-0.5">Savings</p><p class="text-xs font-bold" style="color:#C9A227">28%</p></div></div><div class="rounded-xl bg-muted/30 p-3 mb-3"><p class="text-[9px] text-muted-foreground mb-2">Net Worth Growth</p><div class="flex items-end gap-0.5 h-10"><div class="flex-1 rounded-sm transition-all duration-700" style="height:30%;background-color:#C9A227;transition-delay:0ms"></div><div class="flex-1 rounded-sm transition-all duration-700" style="height:45%;background-color:#C9A227;transition-delay:30ms"></div><div class="flex-1 rounded-sm transition-all duration-700" style="height:38%;background-color:#C9A227;transition-delay:60ms"></div><div class="flex-1 rounded-sm transition-all duration-700" style="height:55%;background-color:rgba(201,162,39,0.12);transition-delay:90ms"></div><div class="flex-1 rounded-sm transition-all duration-700" style="height:48%;background-color:rgba(201,162,39,0.12);transition-delay:120ms"></div><div class="flex-1 rounded-sm transition-all duration-700" style="height:65%;background-color:rgba(201,162,39,0.12);transition-delay:150ms"></div><div class="flex-1 rounded-sm transition-all duration-700" style="height:72%;background-color:rgba(201,162,39,0.12);transition-delay:180ms"></div><div class="flex-1 rounded-sm transition-all duration-700" style="height:68%;background-color:rgba(201,162,39,0.12);transition-delay:210ms"></div><div class="flex-1 rounded-sm transition-all duration-700" style="height:80%;background-color:rgba(201,162,39,0.12);transition-delay:240ms"></div><div class="flex-1 rounded-sm transition-all duration-700" style="height:88%;background-color:rgba(201,162,39,0.12);transition-delay:270ms"></div><div class="flex-1 rounded-sm transition-all duration-700" style="height:76%;background-color:rgba(201,162,39,0.12);transition-delay:300ms"></div><div class="flex-1 rounded-sm transition-all duration-700" style="height:95%;background-color:rgba(201,162,39,0.12);transition-delay:330ms"></div></div></div><div class="space-y-2"><div><div class="flex justify-between text-[9px] text-muted-foreground mb-1"><span>Dream Home</span><span style="color:#C9A227">73<!-- -->%</span></div><div class="h-1.5 rounded-full bg-border/50 overflow-hidden"><div class="h-full rounded-full transition-all duration-1200 ease-out" style="width:0%;background-color:#C9A227"></div></div></div><div><div class="flex justify-between text-[9px] text-muted-foreground mb-1"><span>Emergency Fund</span><span style="color:#22c55e">82<!-- -->%</span></div><div class="h-1.5 rounded-full bg-border/50 overflow-hidden"><div class="h-full rounded-full transition-all duration-1200 ease-out" style="width:0%;background-color:#22c55e"></div></div></div></div><div class="mt-3 rounded-xl bg-[#22c55e]/10 border border-[#22c55e]/20 px-3 py-2 flex items-center gap-2 transition-all duration-700 opacity-0 translate-y-3"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bell text-[#22c55e] flex-shrink-0 animate-pulse" aria-hidden="true"><path d="M10.268 21a2 2 0 0 0 3.464 0"></path><path d="M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326"></path></svg><p class="text-[10px] text-[#22c55e] font-medium">Great job! 🎉 You saved $240 this month.</p></div></div><div class="absolute -top-4 -right-4 glass-card rounded-2xl border border-primary/30 px-3 py-2 flex items-center gap-2 shadow-lg transition-all duration-700 backdrop-blur-xl opacity-0 -translate-y-2"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trending-up text-[#22c55e]" aria-hidden="true"><path d="M16 7h6v6"></path><path d="m22 7-8.5 8.5-5-5L2 17"></path></svg><div><p class="text-[9px] text-muted-foreground">Net Worth</p><p class="text-xs font-bold text-[#22c55e]">↑ +12.4%</p></div></div><div class="absolute -bottom-3 -right-6 glass-card rounded-2xl border border-primary/20 px-3 py-2 shadow-lg transition-all duration-700 backdrop-blur-xl opacity-0 translate-y-2"><p class="text-[9px] text-muted-foreground">Savings Rate</p><p class="text-xs font-bold text-primary">28% / month</p></div></div></div></div></div><div class="grid grid-cols-2 sm:grid-cols-4 gap-3 sm:gap-4 mt-20 sm:mt-24"><div class="transition-all duration-700 ease-out " style="opacity:0;transform:translateY(28px);transition-delay:0ms"><div class="glass-card rounded-2xl p-4 sm:p-5 text-center border border-border card-hover-lift cursor-default"><p class="text-xl sm:text-2xl font-bold text-primary mb-1"><span>0<!-- -->K+</span></p><p class="text-xs text-muted-foreground font-medium leading-tight">Active Users</p></div></div><div class="transition-all duration-700 ease-out " style="opacity:0;transform:translateY(28px);transition-delay:80ms"><div class="glass-card rounded-2xl p-4 sm:p-5 text-center border border-border card-hover-lift cursor-default"><p class="text-xl sm:text-2xl font-bold text-primary mb-1"><span>$<!-- -->0.0<!-- -->B</span></p><p class="text-xs text-muted-foreground font-medium leading-tight">Assets Tracked</p></div></div><div class="transition-all duration-700 ease-out " style="opacity:0;transform:translateY(28px);transition-delay:160ms"><div class="glass-card rounded-2xl p-4 sm:p-5 text-center border border-border card-hover-lift cursor-default"><p class="text-xl sm:text-2xl font-bold text-primary mb-1"><span>0<!-- -->%</span></p><p class="text-xs text-muted-foreground font-medium leading-tight">Satisfaction Rate</p></div></div><div class="transition-all duration-700 ease-out " style="opacity:0;transform:translateY(28px);transition-delay:240ms"><div class="glass-card rounded-2xl p-4 sm:p-5 text-center border border-border card-hover-lift cursor-default"><p class="text-xl sm:text-2xl font-bold text-primary mb-1"><span>0.0<!-- -->★</span></p><p class="text-xs text-muted-foreground font-medium leading-tight">App Rating</p></div></div></div></section><div class="relative flex items-center justify-center py-2 overflow-hidden"><div class="absolute inset-x-0 h-px bg-gradient-to-r from-transparent via-primary/30 to-transparent"></div><div class="relative w-2 h-2 rounded-full bg-primary/60 shadow-[0_0_8px_2px_rgba(201,162,39,0.4)]"></div></div><section class="py-16 sm:py-20 bg-muted/20 border-y border-border/40"><div class="max-w-7xl mx-auto px-4 sm:px-6"><div class="transition-all duration-700 ease-out " style="opacity:0;transform:translateY(28px);transition-delay:0ms"><div class="text-center mb-10 sm:mb-14"><h2 class="section-heading font-bold text-foreground mb-4">Money shouldn't feel this complicated<!-- -->.<br/><span class="text-primary"></span></h2><p class="section-sub text-muted-foreground max-w-lg mx-auto">Sound familiar? You're not alone.</p></div></div><div class="grid grid-cols-1 sm:grid-cols-3 gap-5 sm:gap-6"><div class="transition-all duration-700 ease-out " style="opacity:0;transform:translateY(28px);transition-delay:0ms"><div class="relative glass-card rounded-3xl p-6 sm:p-8 border border-border card-hover-lift overflow-hidden group"><div class="absolute top-0 right-0 w-32 h-32 rounded-full blur-2xl pointer-events-none opacity-30 group-hover:opacity-60 transition-all" style="background-color:#ef4444"></div><div class="absolute top-4 right-4 w-2 h-2 rounded-full opacity-60" style="background-color:#ef4444"></div><div class="text-3xl sm:text-4xl mb-4 sm:mb-5">🏦</div><h3 class="text-base sm:text-lg font-bold text-foreground mb-2 sm:mb-3">Too many accounts</h3><p class="text-sm text-muted-foreground leading-relaxed">Your money is scattered across different banks and apps.</p><div class="mt-4 h-0.5 rounded-full opacity-30 group-hover:opacity-70 transition-opacity" style="background-color:#ef4444"></div></div></div><div class="transition-all duration-700 ease-out " style="opacity:0;transform:translateY(28px);transition-delay:120ms"><div class="relative glass-card rounded-3xl p-6 sm:p-8 border border-border card-hover-lift overflow-hidden group"><div class="absolute top-0 right-0 w-32 h-32 rounded-full blur-2xl pointer-events-none opacity-30 group-hover:opacity-60 transition-all" style="background-color:#f97316"></div><div class="absolute top-4 right-4 w-2 h-2 rounded-full opacity-60" style="background-color:#f97316"></div><div class="text-3xl sm:text-4xl mb-4 sm:mb-5">🔍</div><h3 class="text-base sm:text-lg font-bold text-foreground mb-2 sm:mb-3">No clear picture</h3><p class="text-sm text-muted-foreground leading-relaxed">You know what you earn, but not where your money really goes.</p><div class="mt-4 h-0.5 rounded-full opacity-30 group-hover:opacity-70 transition-opacity" style="background-color:#f97316"></div></div></div><div class="transition-all duration-700 ease-out " style="opacity:0;transform:translateY(28px);transition-delay:240ms"><div class="relative glass-card rounded-3xl p-6 sm:p-8 border border-border card-hover-lift overflow-hidden group"><div class="absolute top-0 right-0 w-32 h-32 rounded-full blur-2xl pointer-events-none opacity-30 group-hover:opacity-60 transition-all" style="background-color:#eab308"></div><div class="absolute top-4 right-4 w-2 h-2 rounded-full opacity-60" style="background-color:#eab308"></div><div class="text-3xl sm:text-4xl mb-4 sm:mb-5">🎯</div><h3 class="text-base sm:text-lg font-bold text-foreground mb-2 sm:mb-3">Goals without a plan</h3><p class="text-sm text-muted-foreground leading-relaxed">Saving for your future shouldn't feel like guesswork.</p><div class="mt-4 h-0.5 rounded-full opacity-30 group-hover:opacity-70 transition-opacity" style="background-color:#eab308"></div></div></div></div></div></section><div class="relative flex items-center justify-center py-2 overflow-hidden"><div class="absolute inset-x-0 h-px bg-gradient-to-r from-transparent via-primary/30 to-transparent"></div><div class="relative w-2 h-2 rounded-full bg-primary/60 shadow-[0_0_8px_2px_rgba(201,162,39,0.4)]"></div></div><section id="features" class="py-16 sm:py-20"><div class="max-w-7xl mx-auto px-4 sm:px-6"><div class="transition-all duration-700 ease-out " style="opacity:0;transform:translateY(28px);transition-delay:0ms"><div class="text-center mb-10 sm:mb-14"><p class="text-xs font-bold text-primary uppercase tracking-widest mb-3">The Solution</p><h2 class="section-heading font-bold text-foreground mb-4">Meet WealthOS.</h2><p class="section-sub text-muted-foreground max-w-xl mx-auto leading-relaxed">Everything you need to understand, organize and grow your financial life — in one place.</p></div></div><div class="transition-all duration-700 ease-out " style="opacity:0;transform:translateY(28px);transition-delay:100ms"><div class="overflow-x-hidden"><div class="relative rounded-3xl overflow-hidden border border-primary/20 bg-gradient-to-br from-muted/50 to-muted/20 p-6 sm:p-8 shadow-2xl"><div class="absolute inset-0 bg-gradient-to-br from-primary/3 to-transparent pointer-events-none"></div><div class="flex items-center justify-between mb-6"><div><p class="text-xs text-muted-foreground">WealthOS Dashboard</p><p class="text-sm font-bold text-foreground">Good morning, Sarah 👋</p></div><div class="flex items-center gap-2"><div class="w-2 h-2 rounded-full bg-[#22c55e] animate-pulse"></div><span class="text-xs text-muted-foreground">Live</span></div></div><div class="grid grid-cols-1 lg:grid-cols-3 gap-5"><div class="lg:col-span-2 space-y-4"><div class="glass-card rounded-2xl p-5 border border-border"><div class="flex items-start justify-between mb-4"><div><p class="text-xs text-muted-foreground mb-1">Total Net Worth</p><p class="text-3xl font-bold text-foreground"><span>$<!-- -->0</span></p><p class="text-xs text-[#22c55e] mt-1">↑ +6.42% this year</p></div><div class="text-right"><p class="text-xs text-muted-foreground mb-1">Cash Flow</p><p class="text-sm font-bold text-[#22c55e]">Income: $6,420</p><p class="text-sm font-bold text-muted-foreground">Expenses: $3,180</p></div></div><div class="flex items-end gap-1 h-16"><div class="flex-1 rounded-sm transition-all duration-600" style="height:4%;background-color:#C9A227;transition-delay:0ms"></div><div class="flex-1 rounded-sm transition-all duration-600" style="height:4%;background-color:rgba(201,162,39,0.15);transition-delay:40ms"></div><div class="flex-1 rounded-sm transition-all duration-600" style="height:4%;background-color:rgba(201,162,39,0.15);transition-delay:80ms"></div><div class="flex-1 rounded-sm transition-all duration-600" style="height:4%;background-color:rgba(201,162,39,0.15);transition-delay:120ms"></div><div class="flex-1 rounded-sm transition-all duration-600" style="height:4%;background-color:rgba(201,162,39,0.15);transition-delay:160ms"></div><div class="flex-1 rounded-sm transition-all duration-600" style="height:4%;background-color:rgba(201,162,39,0.15);transition-delay:200ms"></div><div class="flex-1 rounded-sm transition-all duration-600" style="height:4%;background-color:rgba(201,162,39,0.15);transition-delay:240ms"></div><div class="flex-1 rounded-sm transition-all duration-600" style="height:4%;background-color:rgba(201,162,39,0.15);transition-delay:280ms"></div><div class="flex-1 rounded-sm transition-all duration-600" style="height:4%;background-color:rgba(201,162,39,0.15);transition-delay:320ms"></div><div class="flex-1 rounded-sm transition-all duration-600" style="height:4%;background-color:rgba(201,162,39,0.15);transition-delay:360ms"></div><div class="flex-1 rounded-sm transition-all duration-600" style="height:4%;background-color:rgba(201,162,39,0.15);transition-delay:400ms"></div><div class="flex-1 rounded-sm transition-all duration-600" style="height:4%;background-color:rgba(201,162,39,0.15);transition-delay:440ms"></div></div><div class="flex justify-between text-[9px] text-muted-foreground mt-1.5"><span>Jan</span><span>Feb</span><span>Mar</span><span>Apr</span><span>May</span><span>Jun</span><span>Jul</span><span>Aug</span><span>Sep</span><span>Oct</span><span>Nov</span><span>Dec</span></div></div><div class="grid grid-cols-3 gap-3"><div class="glass-card rounded-2xl p-3 border border-border hover:border-primary/30 transition-all hover:-translate-y-0.5"><div class="flex justify-between items-start mb-2"><p class="text-[10px] font-semibold text-foreground leading-tight">Dream Home</p><span class="text-[10px] font-bold" style="color:#C9A227">73<!-- -->%</span></div><div class="h-1.5 rounded-full bg-border mb-1.5 overflow-hidden"><div class="h-full rounded-full transition-all duration-1000 ease-out" style="width:0%;background-color:#C9A227"></div></div><p class="text-[9px] text-muted-foreground">$18,400 / $25,000</p></div><div class="glass-card rounded-2xl p-3 border border-border hover:border-primary/30 transition-all hover:-translate-y-0.5"><div class="flex justify-between items-start mb-2"><p class="text-[10px] font-semibold text-foreground leading-tight">Travel Fund</p><span class="text-[10px] font-bold" style="color:#0ea5e9">48<!-- -->%</span></div><div class="h-1.5 rounded-full bg-border mb-1.5 overflow-hidden"><div class="h-full rounded-full transition-all duration-1000 ease-out" style="width:0%;background-color:#0ea5e9"></div></div><p class="text-[9px] text-muted-foreground">$4,800 / $10,000</p></div><div class="glass-card rounded-2xl p-3 border border-border hover:border-primary/30 transition-all hover:-translate-y-0.5"><div class="flex justify-between items-start mb-2"><p class="text-[10px] font-semibold text-foreground leading-tight">Emergency Fund</p><span class="text-[10px] font-bold" style="color:#22c55e">82<!-- -->%</span></div><div class="h-1.5 rounded-full bg-border mb-1.5 overflow-hidden"><div class="h-full rounded-full transition-all duration-1000 ease-out" style="width:0%;background-color:#22c55e"></div></div><p class="text-[9px] text-muted-foreground">$8,200 / $10,000</p></div></div><div class="glass-card rounded-2xl p-4 border border-primary/30 bg-primary/5 flex items-start gap-3"><div class="w-8 h-8 rounded-xl bg-primary/20 flex items-center justify-center flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles text-primary" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg></div><div><p class="text-xs font-semibold text-foreground mb-0.5">WealthOS Insight</p><p class="text-xs text-muted-foreground">You're on track to reach your emergency fund goal 2 months early. 🎉</p></div></div></div><div class="space-y-4"><div class="glass-card rounded-2xl p-4 border border-[#22c55e]/30 bg-[#22c55e]/5"><div class="flex items-center gap-2 mb-2"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-piggy-bank text-[#22c55e]" aria-hidden="true"><path d="M11 17h3v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-3a3.16 3.16 0 0 0 2-2h1a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1h-1a5 5 0 0 0-2-4V3a4 4 0 0 0-3.2 1.6l-.3.4H11a6 6 0 0 0-6 6v1a5 5 0 0 0 2 4v3a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1z"></path><path d="M16 10h.01"></path><path d="M2 8v1a2 2 0 0 0 2 2h1"></path></svg><p class="text-xs font-semibold text-foreground">Savings Rate</p></div><p class="text-3xl font-bold text-[#22c55e]">28%</p><p class="text-[10px] text-muted-foreground mt-1">$1,797 saved this month</p></div><div class="glass-card rounded-2xl p-4 border border-border"><p class="text-xs font-semibold text-foreground mb-3">Recent Transactions</p><div class="space-y-2.5"><div class="flex items-center justify-between transition-all duration-500" style="opacity:0;transform:translateX(-8px)"><div class="flex items-center gap-2"><span class="text-sm">💼</span><p class="text-[10px] text-muted-foreground">Salary Deposit</p></div><p class="text-[10px] font-bold" style="color:#22c55e">+$6,420</p></div><div class="flex items-center justify-between transition-all duration-500" style="opacity:0;transform:translateX(-8px)"><div class="flex items-center gap-2"><span class="text-sm">🛒</span><p class="text-[10px] text-muted-foreground">Grocery Store</p></div><p class="text-[10px] font-bold" style="color:#f59e0b">-$124</p></div><div class="flex items-center justify-between transition-all duration-500" style="opacity:0;transform:translateX(-8px)"><div class="flex items-center gap-2"><span class="text-sm">📺</span><p class="text-[10px] text-muted-foreground">Netflix</p></div><p class="text-[10px] font-bold" style="color:#ef4444">-$15</p></div><div class="flex items-center justify-between transition-all duration-500" style="opacity:0;transform:translateX(-8px)"><div class="flex items-center gap-2"><span class="text-sm">🐷</span><p class="text-[10px] text-muted-foreground">Auto-Savings</p></div><p class="text-[10px] font-bold" style="color:#22c55e">+$640</p></div></div></div><div class="glass-card rounded-2xl p-4 border border-primary/20"><p class="text-[10px] text-muted-foreground mb-1">Financial Health Score</p><div class="flex items-end gap-2"><p class="text-3xl font-bold text-primary">82</p><p class="text-xs text-[#22c55e] mb-1">↑ Good</p></div><div class="h-2 rounded-full bg-border mt-2 overflow-hidden"><div class="h-full rounded-full bg-gradient-to-r from-primary to-[#22c55e] transition-all duration-1200 ease-out" style="width:0%"></div></div></div></div></div></div></div></div></div></section><div class="relative flex items-center justify-center py-2 overflow-hidden"><div class="absolute inset-x-0 h-px bg-gradient-to-r from-transparent via-primary/30 to-transparent"></div><div class="relative w-2 h-2 rounded-full bg-primary/60 shadow-[0_0_8px_2px_rgba(201,162,39,0.4)]"></div></div><section class="py-16 sm:py-20 bg-muted/20 border-y border-border/40"><div class="max-w-7xl mx-auto px-4 sm:px-6"><div class="transition-all duration-700 ease-out " style="opacity:0;transform:translateY(28px);transition-delay:0ms"><div class="text-center mb-10 sm:mb-14"><p class="text-xs font-bold text-primary uppercase tracking-widest mb-3">Why WealthOS</p><h2 class="section-heading font-bold text-foreground">Built around your life, not just your numbers.</h2></div></div><div class="grid grid-cols-1 sm:grid-cols-2 gap-5 sm:gap-6"><div class="transition-all duration-700 ease-out " style="opacity:0;transform:translateY(28px);transition-delay:0ms"><div class="glass-card rounded-3xl p-8 border border-border card-hover-lift group relative overflow-hidden"><div class="absolute top-0 right-0 w-40 h-40 rounded-full blur-3xl pointer-events-none transition-all group-hover:opacity-100 opacity-40" style="background-color:#C9A22715"></div><div class="flex items-start gap-5"><div class="w-14 h-14 rounded-2xl flex items-center justify-center flex-shrink-0 transition-transform group-hover:scale-110 group-hover:rotate-3" style="background-color:#C9A22720"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trending-up" aria-hidden="true" style="color:#C9A227"><path d="M16 7h6v6"></path><path d="m22 7-8.5 8.5-5-5L2 17"></path></svg></div><div class="flex-1"><h3 class="text-lg font-bold text-foreground mb-2">Know where you stand.</h3><p class="text-sm text-muted-foreground leading-relaxed mb-3">See your complete financial picture in seconds.</p><span class="inline-flex items-center gap-1.5 text-xs font-semibold px-3 py-1.5 rounded-full border" style="color:#C9A227;border-color:#C9A22740;background-color:#C9A22710"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chart-column" aria-hidden="true"><path d="M3 3v16a2 2 0 0 0 2 2h16"></path><path d="M18 17V9"></path><path d="M13 17V5"></path><path d="M8 17v-3"></path></svg> <!-- -->Net Worth Dashboard</span><div class="mt-4 rounded-xl bg-muted/40 p-3 border border-border/50"><p class="text-[9px] text-muted-foreground mb-1">Net Worth</p><p class="text-lg font-bold" style="color:#C9A227">$42,680</p><div class="flex items-end gap-0.5 h-6 mt-2"><div class="flex-1 rounded-sm" style="height:40%;background-color:#C9A22760"></div><div class="flex-1 rounded-sm" style="height:55%;background-color:#C9A22760"></div><div class="flex-1 rounded-sm" style="height:48%;background-color:#C9A22760"></div><div class="flex-1 rounded-sm" style="height:70%;background-color:#C9A22760"></div><div class="flex-1 rounded-sm" style="height:65%;background-color:#C9A22760"></div><div class="flex-1 rounded-sm" style="height:85%;background-color:#C9A22760"></div></div></div></div></div></div></div><div class="transition-all duration-700 ease-out " style="opacity:0;transform:translateY(28px);transition-delay:100ms"><div class="glass-card rounded-3xl p-8 border border-border card-hover-lift group relative overflow-hidden"><div class="absolute top-0 right-0 w-40 h-40 rounded-full blur-3xl pointer-events-none transition-all group-hover:opacity-100 opacity-40" style="background-color:#22c55e15"></div><div class="flex items-start gap-5"><div class="w-14 h-14 rounded-2xl flex items-center justify-center flex-shrink-0 transition-transform group-hover:scale-110 group-hover:rotate-3" style="background-color:#22c55e20"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-piggy-bank" aria-hidden="true" style="color:#22c55e"><path d="M11 17h3v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-3a3.16 3.16 0 0 0 2-2h1a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1h-1a5 5 0 0 0-2-4V3a4 4 0 0 0-3.2 1.6l-.3.4H11a6 6 0 0 0-6 6v1a5 5 0 0 0 2 4v3a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1z"></path><path d="M16 10h.01"></path><path d="M2 8v1a2 2 0 0 0 2 2h1"></path></svg></div><div class="flex-1"><h3 class="text-lg font-bold text-foreground mb-2">Save without thinking about it.</h3><p class="text-sm text-muted-foreground leading-relaxed mb-3">Set your goal once and let WealthOS help you stay on track.</p><span class="inline-flex items-center gap-1.5 text-xs font-semibold px-3 py-1.5 rounded-full border" style="color:#22c55e;border-color:#22c55e40;background-color:#22c55e10"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chart-column" aria-hidden="true"><path d="M3 3v16a2 2 0 0 0 2 2h16"></path><path d="M18 17V9"></path><path d="M13 17V5"></path><path d="M8 17v-3"></path></svg> <!-- -->Automatic Savings Engine</span><div class="mt-4 rounded-xl bg-muted/40 p-3 border border-border/50"><p class="text-[9px] text-muted-foreground mb-1">Auto-Savings Goal</p><div class="h-2 rounded-full bg-border mb-1 overflow-hidden"><div class="h-full rounded-full progress-bar-fill" style="width:68%;background-color:#22c55e"></div></div><p class="text-[9px]" style="color:#22c55e">$6,800 / $10,000 — 68%</p></div></div></div></div></div><div class="transition-all duration-700 ease-out " style="opacity:0;transform:translateY(28px);transition-delay:200ms"><div class="glass-card rounded-3xl p-8 border border-border card-hover-lift group relative overflow-hidden"><div class="absolute top-0 right-0 w-40 h-40 rounded-full blur-3xl pointer-events-none transition-all group-hover:opacity-100 opacity-40" style="background-color:#7c3aed15"></div><div class="flex items-start gap-5"><div class="w-14 h-14 rounded-2xl flex items-center justify-center flex-shrink-0 transition-transform group-hover:scale-110 group-hover:rotate-3" style="background-color:#7c3aed20"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text" aria-hidden="true" style="color:#7c3aed"><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"></path><path d="M14 2v5a1 1 0 0 0 1 1h5"></path><path d="M10 9H8"></path><path d="M16 13H8"></path><path d="M16 17H8"></path></svg></div><div class="flex-1"><h3 class="text-lg font-bold text-foreground mb-2">Turn numbers into decisions.</h3><p class="text-sm text-muted-foreground leading-relaxed mb-3">Get clear reports and insights that help you make smarter financial choices.</p><span class="inline-flex items-center gap-1.5 text-xs font-semibold px-3 py-1.5 rounded-full border" style="color:#7c3aed;border-color:#7c3aed40;background-color:#7c3aed10"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chart-column" aria-hidden="true"><path d="M3 3v16a2 2 0 0 0 2 2h16"></path><path d="M18 17V9"></path><path d="M13 17V5"></path><path d="M8 17v-3"></path></svg> <!-- -->Financial Reports</span><div class="mt-4 rounded-xl bg-muted/40 p-3 border border-border/50 space-y-1.5"><div class="flex items-center gap-2"><div class="h-1.5 rounded-full flex-1 bg-border overflow-hidden"><div class="h-full rounded-full progress-bar-fill" style="width:45%;background-color:#7c3aed"></div></div><span class="text-[9px] text-muted-foreground w-20">Housing 45%</span></div><div class="flex items-center gap-2"><div class="h-1.5 rounded-full flex-1 bg-border overflow-hidden"><div class="h-full rounded-full progress-bar-fill" style="width:20%;background-color:#7c3aed"></div></div><span class="text-[9px] text-muted-foreground w-20">Food 20%</span></div><div class="flex items-center gap-2"><div class="h-1.5 rounded-full flex-1 bg-border overflow-hidden"><div class="h-full rounded-full progress-bar-fill" style="width:15%;background-color:#7c3aed"></div></div><span class="text-[9px] text-muted-foreground w-20">Transport 15%</span></div></div></div></div></div></div><div class="transition-all duration-700 ease-out " style="opacity:0;transform:translateY(28px);transition-delay:300ms"><div class="glass-card rounded-3xl p-8 border border-border card-hover-lift group relative overflow-hidden"><div class="absolute top-0 right-0 w-40 h-40 rounded-full blur-3xl pointer-events-none transition-all group-hover:opacity-100 opacity-40" style="background-color:#0ea5e915"></div><div class="flex items-start gap-5"><div class="w-14 h-14 rounded-2xl flex items-center justify-center flex-shrink-0 transition-transform group-hover:scale-110 group-hover:rotate-3" style="background-color:#0ea5e920"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-target" aria-hidden="true" style="color:#0ea5e9"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="6"></circle><circle cx="12" cy="12" r="2"></circle></svg></div><div class="flex-1"><h3 class="text-lg font-bold text-foreground mb-2">See your progress.</h3><p class="text-sm text-muted-foreground leading-relaxed mb-3">Turn your financial goals into visible milestones.</p><span class="inline-flex items-center gap-1.5 text-xs font-semibold px-3 py-1.5 rounded-full border" style="color:#0ea5e9;border-color:#0ea5e940;background-color:#0ea5e910"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chart-column" aria-hidden="true"><path d="M3 3v16a2 2 0 0 0 2 2h16"></path><path d="M18 17V9"></path><path d="M13 17V5"></path><path d="M8 17v-3"></path></svg> <!-- -->Goal Progress</span><div class="mt-4 rounded-xl bg-muted/40 p-3 border border-border/50 space-y-2"><div><div class="flex justify-between text-[9px] text-muted-foreground mb-0.5"><span>Dream Home</span><span style="color:#0ea5e9">73<!-- -->%</span></div><div class="h-1.5 rounded-full bg-border overflow-hidden"><div class="h-full rounded-full progress-bar-fill" style="width:73%;background-color:#0ea5e9"></div></div></div><div><div class="flex justify-between text-[9px] text-muted-foreground mb-0.5"><span>Travel</span><span style="color:#0ea5e9">48<!-- -->%</span></div><div class="h-1.5 rounded-full bg-border overflow-hidden"><div class="h-full rounded-full progress-bar-fill" style="width:48%;background-color:#0ea5e9"></div></div></div></div></div></div></div></div></div></div></section><div class="relative flex items-center justify-center py-2 overflow-hidden"><div class="absolute inset-x-0 h-px bg-gradient-to-r from-transparent via-primary/30 to-transparent"></div><div class="relative w-2 h-2 rounded-full bg-primary/60 shadow-[0_0_8px_2px_rgba(201,162,39,0.4)]"></div></div><section class="py-16 sm:py-20"><div class="max-w-7xl mx-auto px-4 sm:px-6"><div class="transition-all duration-700 ease-out " style="opacity:0;transform:translateY(28px);transition-delay:0ms"><div class="text-center mb-12 sm:mb-16"><p class="text-xs font-bold text-primary uppercase tracking-widest mb-3">Life Goals</p><h2 class="section-heading font-bold text-foreground mb-4">Build the life you're saving for.</h2><p class="section-sub text-muted-foreground max-w-lg mx-auto">WealthOS isn't about numbers. It's about what those numbers allow you to achieve.</p></div></div><div class="grid grid-cols-2 sm:grid-cols-2 lg:grid-cols-4 gap-4 sm:gap-5"><div class="group relative rounded-3xl overflow-hidden border border-border hover:border-primary/50 transition-all duration-400 hover:-translate-y-3 cursor-pointer shadow-lg hover:shadow-2xl hover:shadow-primary/15" style="opacity:0;transform:translateY(32px);transition:all 0.7s ease-out 0ms"><div class="aspect-[3/4] relative overflow-hidden"><img src="https://images.unsplash.com/photo-1684785619392-0bfa21177363" alt="Beautiful modern family home with manicured lawn and blue sky" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-700 ease-out"/><div class="absolute inset-0 bg-gradient-to-t from-background via-background/60 to-transparent"></div><div class="absolute top-4 left-4 right-4 flex items-center justify-between"><div class="flex items-center gap-1.5 px-2.5 py-1 rounded-full bg-background/80 backdrop-blur-sm border border-border/60"><span class="text-sm">🏡</span></div><div class="px-2.5 py-1 rounded-full bg-primary/90 backdrop-blur-sm"><span class="text-[10px] font-bold text-primary-foreground">73<!-- -->%</span></div></div></div><div class="absolute bottom-0 left-0 right-0 p-5 bg-gradient-to-t from-background/95 to-transparent"><p class="text-sm font-bold text-foreground mb-1">Dream Home</p><p class="text-xs text-muted-foreground mb-3">$18,400 / $25,000</p><div class="h-2 rounded-full bg-border/50 mb-2 overflow-hidden"><div class="h-full rounded-full bg-gradient-to-r from-primary to-primary/70 transition-none" style="width:0%"></div></div><div class="flex justify-between items-center"><p class="text-[10px] text-primary font-semibold">73<!-- -->% <!-- -->complete</p><div class="w-5 h-5 rounded-full bg-primary/20 flex items-center justify-center group-hover:bg-primary/40 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trending-up text-primary" aria-hidden="true"><path d="M16 7h6v6"></path><path d="m22 7-8.5 8.5-5-5L2 17"></path></svg></div></div></div></div><div class="group relative rounded-3xl overflow-hidden border border-border hover:border-primary/50 transition-all duration-400 hover:-translate-y-3 cursor-pointer shadow-lg hover:shadow-2xl hover:shadow-primary/15" style="opacity:0;transform:translateY(32px);transition:all 0.7s ease-out 120ms"><div class="aspect-[3/4] relative overflow-hidden"><img src="https://images.unsplash.com/photo-1634188323561-6c001706e48f" alt="Couple exploring a beautiful European city street at golden hour" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-700 ease-out"/><div class="absolute inset-0 bg-gradient-to-t from-background via-background/60 to-transparent"></div><div class="absolute top-4 left-4 right-4 flex items-center justify-between"><div class="flex items-center gap-1.5 px-2.5 py-1 rounded-full bg-background/80 backdrop-blur-sm border border-border/60"><span class="text-sm">✈️</span></div><div class="px-2.5 py-1 rounded-full bg-primary/90 backdrop-blur-sm"><span class="text-[10px] font-bold text-primary-foreground">62<!-- -->%</span></div></div></div><div class="absolute bottom-0 left-0 right-0 p-5 bg-gradient-to-t from-background/95 to-transparent"><p class="text-sm font-bold text-foreground mb-1">Travel the World</p><p class="text-xs text-muted-foreground mb-3">$6,200 / $10,000</p><div class="h-2 rounded-full bg-border/50 mb-2 overflow-hidden"><div class="h-full rounded-full bg-gradient-to-r from-primary to-primary/70 transition-none" style="width:0%"></div></div><div class="flex justify-between items-center"><p class="text-[10px] text-primary font-semibold">62<!-- -->% <!-- -->complete</p><div class="w-5 h-5 rounded-full bg-primary/20 flex items-center justify-center group-hover:bg-primary/40 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trending-up text-primary" aria-hidden="true"><path d="M16 7h6v6"></path><path d="m22 7-8.5 8.5-5-5L2 17"></path></svg></div></div></div></div><div class="group relative rounded-3xl overflow-hidden border border-border hover:border-primary/50 transition-all duration-400 hover:-translate-y-3 cursor-pointer shadow-lg hover:shadow-2xl hover:shadow-primary/15" style="opacity:0;transform:translateY(32px);transition:all 0.7s ease-out 240ms"><div class="aspect-[3/4] relative overflow-hidden"><img src="https://img.rocket.new/generatedImages/rocket_gen_img_1da7b19fe-1772690671456.png" alt="Happy family of four laughing together in a sunny park" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-700 ease-out"/><div class="absolute inset-0 bg-gradient-to-t from-background via-background/60 to-transparent"></div><div class="absolute top-4 left-4 right-4 flex items-center justify-between"><div class="flex items-center gap-1.5 px-2.5 py-1 rounded-full bg-background/80 backdrop-blur-sm border border-border/60"><span class="text-sm">👨👩👧</span></div><div class="px-2.5 py-1 rounded-full bg-primary/90 backdrop-blur-sm"><span class="text-[10px] font-bold text-primary-foreground">71<!-- -->%</span></div></div></div><div class="absolute bottom-0 left-0 right-0 p-5 bg-gradient-to-t from-background/95 to-transparent"><p class="text-sm font-bold text-foreground mb-1">Family Future</p><p class="text-xs text-muted-foreground mb-3">$26,450 / $40,000</p><div class="h-2 rounded-full bg-border/50 mb-2 overflow-hidden"><div class="h-full rounded-full bg-gradient-to-r from-primary to-primary/70 transition-none" style="width:0%"></div></div><div class="flex justify-between items-center"><p class="text-[10px] text-primary font-semibold">71<!-- -->% <!-- -->complete</p><div class="w-5 h-5 rounded-full bg-primary/20 flex items-center justify-center group-hover:bg-primary/40 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trending-up text-primary" aria-hidden="true"><path d="M16 7h6v6"></path><path d="m22 7-8.5 8.5-5-5L2 17"></path></svg></div></div></div></div><div class="group relative rounded-3xl overflow-hidden border border-border hover:border-primary/50 transition-all duration-400 hover:-translate-y-3 cursor-pointer shadow-lg hover:shadow-2xl hover:shadow-primary/15" style="opacity:0;transform:translateY(32px);transition:all 0.7s ease-out 360ms"><div class="aspect-[3/4] relative overflow-hidden"><img src="https://images.unsplash.com/photo-1689164817640-44afb91c74c1" alt="Person standing triumphantly on a mountain peak at sunrise" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-700 ease-out"/><div class="absolute inset-0 bg-gradient-to-t from-background via-background/60 to-transparent"></div><div class="absolute top-4 left-4 right-4 flex items-center justify-between"><div class="flex items-center gap-1.5 px-2.5 py-1 rounded-full bg-background/80 backdrop-blur-sm border border-border/60"><span class="text-sm">🌅</span></div><div class="px-2.5 py-1 rounded-full bg-primary/90 backdrop-blur-sm"><span class="text-[10px] font-bold text-primary-foreground">62<!-- -->%</span></div></div></div><div class="absolute bottom-0 left-0 right-0 p-5 bg-gradient-to-t from-background/95 to-transparent"><p class="text-sm font-bold text-foreground mb-1">Financial Freedom</p><p class="text-xs text-muted-foreground mb-3">$62,000 / $100,000</p><div class="h-2 rounded-full bg-border/50 mb-2 overflow-hidden"><div class="h-full rounded-full bg-gradient-to-r from-primary to-primary/70 transition-none" style="width:0%"></div></div><div class="flex justify-between items-center"><p class="text-[10px] text-primary font-semibold">62<!-- -->% <!-- -->complete</p><div class="w-5 h-5 rounded-full bg-primary/20 flex items-center justify-center group-hover:bg-primary/40 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trending-up text-primary" aria-hidden="true"><path d="M16 7h6v6"></path><path d="m22 7-8.5 8.5-5-5L2 17"></path></svg></div></div></div></div></div></div></section><div class="relative flex items-center justify-center py-2 overflow-hidden"><div class="absolute inset-x-0 h-px bg-gradient-to-r from-transparent via-primary/30 to-transparent"></div><div class="relative w-2 h-2 rounded-full bg-primary/60 shadow-[0_0_8px_2px_rgba(201,162,39,0.4)]"></div></div><section class="py-16 sm:py-20 bg-muted/20 border-y border-border/40"><div class="max-w-7xl mx-auto px-4 sm:px-6"><div class="transition-all duration-700 ease-out " style="opacity:0;transform:translateY(28px);transition-delay:0ms"><div class="text-center mb-10 sm:mb-14"><h2 class="section-heading font-bold text-foreground">Stop managing your money everywhere.</h2><p class="section-sub text-muted-foreground mt-3">One platform. Total clarity.</p></div></div><div class="grid grid-cols-1 md:grid-cols-[1fr_auto_1fr] gap-5 sm:gap-6 max-w-4xl mx-auto items-center"><div class="transition-all duration-700 ease-out " style="opacity:0;transform:translateX(-32px);transition-delay:0ms"><div class="rounded-3xl border border-red-400/20 p-8 bg-red-400/5 relative overflow-hidden card-hover-lift"><div class="absolute top-0 right-0 w-32 h-32 rounded-full bg-red-400/5 blur-2xl pointer-events-none"></div><p class="text-xs font-bold text-red-400/80 uppercase tracking-widest mb-6">Before WealthOS</p><div class="space-y-4"><div class="flex items-center gap-3"><div class="w-6 h-6 rounded-full bg-red-400/10 border border-red-400/20 flex items-center justify-center flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x text-red-400" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></div><span class="text-sm text-muted-foreground">Multiple bank apps</span></div><div class="flex items-center gap-3"><div class="w-6 h-6 rounded-full bg-red-400/10 border border-red-400/20 flex items-center justify-center flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x text-red-400" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></div><span class="text-sm text-muted-foreground">Spreadsheets & notes</span></div><div class="flex items-center gap-3"><div class="w-6 h-6 rounded-full bg-red-400/10 border border-red-400/20 flex items-center justify-center flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x text-red-400" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></div><span class="text-sm text-muted-foreground">Manual calculations</span></div><div class="flex items-center gap-3"><div class="w-6 h-6 rounded-full bg-red-400/10 border border-red-400/20 flex items-center justify-center flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x text-red-400" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></div><span class="text-sm text-muted-foreground">No clear overview</span></div><div class="flex items-center gap-3"><div class="w-6 h-6 rounded-full bg-red-400/10 border border-red-400/20 flex items-center justify-center flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x text-red-400" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></div><span class="text-sm text-muted-foreground">Constant guessing</span></div></div></div></div><div class="transition-all duration-700 ease-out " style="opacity:0;transform:scale(0.92);transition-delay:150ms"><div class="flex items-center justify-center"><div class="w-12 h-12 rounded-full border-2 border-primary/40 bg-primary/10 flex items-center justify-center shadow-lg shadow-primary/20 animate-glow-pulse"><span class="text-xs font-black text-primary">VS</span></div></div></div><div class="transition-all duration-700 ease-out " style="opacity:0;transform:translateX(32px);transition-delay:300ms"><div class="rounded-3xl border border-primary/30 p-8 bg-primary/5 relative overflow-hidden card-hover-lift"><div class="absolute inset-0 bg-gradient-to-br from-primary/5 to-transparent pointer-events-none"></div><div class="absolute top-4 right-4 w-2 h-2 rounded-full bg-[#22c55e] shadow-[0_0_6px_2px_rgba(34,197,94,0.4)]"></div><p class="text-xs font-bold text-primary uppercase tracking-widest mb-6">With WealthOS</p><div class="space-y-4"><div class="flex items-center gap-3"><div class="w-6 h-6 rounded-full bg-[#22c55e]/15 border border-[#22c55e]/30 flex items-center justify-center flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-[#22c55e]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-sm font-medium text-foreground">Everything in one place</span></div><div class="flex items-center gap-3"><div class="w-6 h-6 rounded-full bg-[#22c55e]/15 border border-[#22c55e]/30 flex items-center justify-center flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-[#22c55e]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-sm font-medium text-foreground">Clear financial picture</span></div><div class="flex items-center gap-3"><div class="w-6 h-6 rounded-full bg-[#22c55e]/15 border border-[#22c55e]/30 flex items-center justify-center flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-[#22c55e]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-sm font-medium text-foreground">Automatic savings</span></div><div class="flex items-center gap-3"><div class="w-6 h-6 rounded-full bg-[#22c55e]/15 border border-[#22c55e]/30 flex items-center justify-center flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-[#22c55e]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-sm font-medium text-foreground">Smart insights</span></div><div class="flex items-center gap-3"><div class="w-6 h-6 rounded-full bg-[#22c55e]/15 border border-[#22c55e]/30 flex items-center justify-center flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-[#22c55e]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-sm font-medium text-foreground">Financial goals</span></div></div></div></div></div></div></section><div class="relative flex items-center justify-center py-2 overflow-hidden"><div class="absolute inset-x-0 h-px bg-gradient-to-r from-transparent via-primary/30 to-transparent"></div><div class="relative w-2 h-2 rounded-full bg-primary/60 shadow-[0_0_8px_2px_rgba(201,162,39,0.4)]"></div></div><section id="how-it-works" class="py-16 sm:py-20"><div class="max-w-7xl mx-auto px-4 sm:px-6"><div class="transition-all duration-700 ease-out " style="opacity:0;transform:translateY(28px);transition-delay:0ms"><div class="text-center mb-10 sm:mb-14"><p class="text-xs font-bold text-primary uppercase tracking-widest mb-3">How It Works</p><h2 class="section-heading font-bold text-foreground">Up and running in minutes.</h2></div></div><div class="grid grid-cols-1 sm:grid-cols-3 gap-8 relative"><div class="hidden md:block absolute top-10 left-[calc(16.67%+2rem)] right-[calc(16.67%+2rem)] h-px overflow-hidden"><div class="h-full bg-gradient-to-r from-primary/20 via-primary/60 to-primary/20"></div></div><div class="transition-all duration-700 ease-out " style="opacity:0;transform:translateY(28px);transition-delay:0ms"><div class="text-center relative group"><div class="relative inline-flex items-center justify-center w-20 h-20 rounded-3xl border border-primary/30 bg-primary/10 mb-6 mx-auto transition-all group-hover:border-primary/60 group-hover:bg-primary/20 group-hover:-translate-y-2 group-hover:shadow-lg group-hover:shadow-primary/20"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe text-primary" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg><span class="absolute -top-2 -right-2 w-7 h-7 rounded-full gold-gradient text-primary-foreground text-xs font-bold flex items-center justify-center shadow-lg">1</span></div><p class="text-5xl font-bold text-primary/10 mb-2">01</p><h3 class="text-xl font-bold text-foreground mb-3">Connect</h3><p class="text-sm text-muted-foreground leading-relaxed max-w-xs mx-auto">Connect your financial accounts and assets securely in seconds.</p></div></div><div class="transition-all duration-700 ease-out " style="opacity:0;transform:translateY(28px);transition-delay:150ms"><div class="text-center relative group"><div class="relative inline-flex items-center justify-center w-20 h-20 rounded-3xl border border-primary/30 bg-primary/10 mb-6 mx-auto transition-all group-hover:border-primary/60 group-hover:bg-primary/20 group-hover:-translate-y-2 group-hover:shadow-lg group-hover:shadow-primary/20"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chart-column text-primary" aria-hidden="true"><path d="M3 3v16a2 2 0 0 0 2 2h16"></path><path d="M18 17V9"></path><path d="M13 17V5"></path><path d="M8 17v-3"></path></svg><span class="absolute -top-2 -right-2 w-7 h-7 rounded-full gold-gradient text-primary-foreground text-xs font-bold flex items-center justify-center shadow-lg">2</span></div><p class="text-5xl font-bold text-primary/10 mb-2">02</p><h3 class="text-xl font-bold text-foreground mb-3">Understand</h3><p class="text-sm text-muted-foreground leading-relaxed max-w-xs mx-auto">See your complete financial picture — net worth, income, goals.</p></div></div><div class="transition-all duration-700 ease-out " style="opacity:0;transform:translateY(28px);transition-delay:300ms"><div class="text-center relative group"><div class="relative inline-flex items-center justify-center w-20 h-20 rounded-3xl border border-primary/30 bg-primary/10 mb-6 mx-auto transition-all group-hover:border-primary/60 group-hover:bg-primary/20 group-hover:-translate-y-2 group-hover:shadow-lg group-hover:shadow-primary/20"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trending-up text-primary" aria-hidden="true"><path d="M16 7h6v6"></path><path d="m22 7-8.5 8.5-5-5L2 17"></path></svg><span class="absolute -top-2 -right-2 w-7 h-7 rounded-full gold-gradient text-primary-foreground text-xs font-bold flex items-center justify-center shadow-lg">3</span></div><p class="text-5xl font-bold text-primary/10 mb-2">03</p><h3 class="text-xl font-bold text-foreground mb-3">Grow</h3><p class="text-sm text-muted-foreground leading-relaxed max-w-xs mx-auto">Build goals, track progress, and build better financial habits.</p></div></div></div></div></section><div class="relative flex items-center justify-center py-2 overflow-hidden"><div class="absolute inset-x-0 h-px bg-gradient-to-r from-transparent via-primary/30 to-transparent"></div><div class="relative w-2 h-2 rounded-full bg-primary/60 shadow-[0_0_8px_2px_rgba(201,162,39,0.4)]"></div></div><section class="py-16 sm:py-20 bg-muted/20 border-y border-border/40"><div class="max-w-5xl mx-auto px-4 sm:px-6"><div class="transition-all duration-700 ease-out " style="opacity:0;transform:translateY(28px);transition-delay:0ms"><div class="text-center mb-10 sm:mb-12"><p class="text-xs font-bold text-primary uppercase tracking-widest mb-3">Savings Calculator</p><h2 class="section-heading font-bold text-foreground mb-4">What could your savings become?</h2></div></div><div class="transition-all duration-700 ease-out " style="opacity:0;transform:translateY(28px);transition-delay:100ms"><div class="grid grid-cols-1 lg:grid-cols-2 gap-6 sm:gap-8 items-start lg:items-center"><div class="space-y-5 sm:space-y-6"><div><div class="flex justify-between mb-2 "><label class="text-sm font-medium text-foreground">Monthly savings ($)</label><span class="text-sm font-bold text-primary">$300</span></div><input type="range" min="50" max="5000" step="50" class="w-full h-2 rounded-full appearance-none cursor-pointer touch-target" aria-label="Monthly savings ($)" style="background:linear-gradient(to right, #C9A227 0%, #C9A227 5.05050505050505%, rgba(255,255,255,0.1) 5.05050505050505%, rgba(255,255,255,0.1) 100%)" value="300"/></div><div><div class="flex justify-between mb-2 "><label class="text-sm font-medium text-foreground">Years</label><span class="text-sm font-bold text-primary">5</span></div><input type="range" min="1" max="30" step="1" class="w-full h-2 rounded-full appearance-none cursor-pointer touch-target" aria-label="Years" style="background:linear-gradient(to right, #C9A227 0%, #C9A227 13.793103448275861%, rgba(255,255,255,0.1) 13.793103448275861%, rgba(255,255,255,0.1) 100%)" value="5"/></div><div><div class="flex justify-between mb-2 "><label class="text-sm font-medium text-foreground">Expected annual growth (%)</label><span class="text-sm font-bold text-primary">5%</span></div><input type="range" min="1" max="20" step="0.5" class="w-full h-2 rounded-full appearance-none cursor-pointer touch-target" aria-label="Expected annual growth (%)" style="background:linear-gradient(to right, #C9A227 0%, #C9A227 21.052631578947366%, rgba(255,255,255,0.1) 21.052631578947366%, rgba(255,255,255,0.1) 100%)" value="5"/></div></div><div class="glass-card rounded-3xl p-6 sm:p-8 border border-primary/30 text-center relative overflow-hidden"><div class="absolute inset-0 bg-gradient-to-br from-primary/5 to-transparent pointer-events-none"></div><p class="text-sm text-muted-foreground mb-2">You could have</p><p class="calc-result-value text-4xl sm:text-5xl font-bold text-primary mb-1">$<!-- -->0</p><p class="text-xs text-muted-foreground mb-4">in 5 years<!-- --> <!-- -->at 5% annual growth</p><div class="flex items-end gap-1 h-10 sm:h-12 mb-4 sm:mb-5 px-2"><div class="flex-1 rounded-sm transition-all duration-500" style="height:18.055525298159836%;background-color:rgba(201,162,39,0.3)"></div><div class="flex-1 rounded-sm transition-all duration-500" style="height:18.055525298159836%;background-color:rgba(201,162,39,0.35833333333333334)"></div><div class="flex-1 rounded-sm transition-all duration-500" style="height:37.034805537825186%;background-color:rgba(201,162,39,0.41666666666666663)"></div><div class="flex-1 rounded-sm transition-all duration-500" style="height:37.034805537825186%;background-color:rgba(201,162,39,0.475)"></div><div class="flex-1 rounded-sm transition-all duration-500" style="height:56.98510177498112%;background-color:rgba(201,162,39,0.5333333333333333)"></div><div class="flex-1 rounded-sm transition-all duration-500" style="height:56.98510177498112%;background-color:rgba(201,162,39,0.5916666666666667)"></div><div class="flex-1 rounded-sm transition-all duration-500" style="height:56.98510177498112%;background-color:rgba(201,162,39,0.6499999999999999)"></div><div class="flex-1 rounded-sm transition-all duration-500" style="height:77.95609303093268%;background-color:rgba(201,162,39,0.7083333333333333)"></div><div class="flex-1 rounded-sm transition-all duration-500" style="height:77.95609303093268%;background-color:rgba(201,162,39,0.7666666666666666)"></div><div class="flex-1 rounded-sm transition-all duration-500" style="height:100%;background-color:rgba(201,162,39,0.825)"></div><div class="flex-1 rounded-sm transition-all duration-500" style="height:100%;background-color:rgba(201,162,39,0.8833333333333333)"></div><div class="flex-1 rounded-sm transition-all duration-500" style="height:100%;background-color:rgba(201,162,39,0.9416666666666667)"></div></div><p class="text-xs text-muted-foreground italic mb-4 sm:mb-5">Small decisions today can create meaningful progress tomorrow.</p><a class="inline-flex items-center justify-center gap-2 w-full sm:w-auto px-6 py-3 rounded-xl gold-gradient text-primary-foreground font-bold text-sm hover:opacity-90 transition-all hover:-translate-y-0.5 active:scale-95 shadow-lg shadow-primary/25 touch-target" href="/register">Build My Financial Plan →</a></div></div></div></div></section><div class="relative flex items-center justify-center py-2 overflow-hidden"><div class="absolute inset-x-0 h-px bg-gradient-to-r from-transparent via-primary/30 to-transparent"></div><div class="relative w-2 h-2 rounded-full bg-primary/60 shadow-[0_0_8px_2px_rgba(201,162,39,0.4)]"></div></div><section id="testimonials" class="py-16 sm:py-20"><div class="max-w-7xl mx-auto px-4 sm:px-6"><div class="transition-all duration-700 ease-out " style="opacity:0;transform:translateY(28px);transition-delay:0ms"><div class="text-center mb-10 sm:mb-14"><p class="text-xs font-bold text-primary uppercase tracking-widest mb-3">Social Proof</p><h2 class="section-heading font-bold text-foreground">Trusted by people building their financial future.</h2></div></div><div class="transition-all duration-700 ease-out " style="opacity:0;transform:translateY(28px);transition-delay:100ms"><div class="grid grid-cols-2 sm:grid-cols-4 gap-4 mb-12"><div class="glass-card rounded-2xl p-4 text-center border border-border card-hover-lift"><p class="text-xl font-bold text-primary"><span>0<!-- -->K+</span></p><p class="text-xs text-muted-foreground">Active Users</p></div><div class="glass-card rounded-2xl p-4 text-center border border-border card-hover-lift"><p class="text-xl font-bold text-primary"><span>$<!-- -->0.0<!-- -->B</span></p><p class="text-xs text-muted-foreground">Assets Tracked</p></div><div class="glass-card rounded-2xl p-4 text-center border border-border card-hover-lift"><p class="text-xl font-bold text-primary"><span>0<!-- -->%</span></p><p class="text-xs text-muted-foreground">Satisfaction Rate</p></div><div class="glass-card rounded-2xl p-4 text-center border border-border card-hover-lift"><p class="text-xl font-bold text-primary"><span>0.0<!-- -->★</span></p><p class="text-xs text-muted-foreground">App Rating</p></div></div></div><div class="transition-all duration-700 ease-out " style="opacity:0;transform:translateY(28px);transition-delay:200ms"><div class="relative"><div class="hidden lg:grid grid-cols-4 gap-5"><div class="glass-card rounded-3xl p-6 border border-border hover:border-primary/30 transition-all duration-300 hover:-translate-y-2 hover:shadow-xl hover:shadow-primary/10 flex flex-col group"><div class="flex gap-0.5 mb-4"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-primary fill-primary" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-primary fill-primary" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-primary fill-primary" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-primary fill-primary" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-primary fill-primary" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></div><p class="text-sm text-foreground leading-relaxed mb-5 italic flex-1">“<!-- -->For the first time, I actually understand where my money is going. WealthOS made it so clear.<!-- -->”</p><div class="flex items-center gap-3"><div class="w-10 h-10 rounded-full overflow-hidden flex-shrink-0 border-2 border-border group-hover:border-primary/40 transition-colors"><img src="https://img.rocket.new/generatedImages/rocket_gen_img_18dcf7862-1772562312913.png" alt="Young professional woman smiling" class="w-full h-full object-cover"/></div><div><p class="text-sm font-semibold text-foreground">Sarah M.</p><p class="text-xs text-muted-foreground">Marketing Manager</p></div></div></div><div class="glass-card rounded-3xl p-6 border border-border hover:border-primary/30 transition-all duration-300 hover:-translate-y-2 hover:shadow-xl hover:shadow-primary/10 flex flex-col group"><div class="flex gap-0.5 mb-4"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-primary fill-primary" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-primary fill-primary" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-primary fill-primary" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-primary fill-primary" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-primary fill-primary" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></div><p class="text-sm text-foreground leading-relaxed mb-5 italic flex-1">“<!-- -->I finally have one place to see my entire financial picture. It changed how I think about money.<!-- -->”</p><div class="flex items-center gap-3"><div class="w-10 h-10 rounded-full overflow-hidden flex-shrink-0 border-2 border-border group-hover:border-primary/40 transition-colors"><img src="https://images.unsplash.com/photo-1653855394894-4c941ebd3748" alt="Young man in casual attire smiling" class="w-full h-full object-cover"/></div><div><p class="text-sm font-semibold text-foreground">James T.</p><p class="text-xs text-muted-foreground">Entrepreneur</p></div></div></div><div class="glass-card rounded-3xl p-6 border border-border hover:border-primary/30 transition-all duration-300 hover:-translate-y-2 hover:shadow-xl hover:shadow-primary/10 flex flex-col group"><div class="flex gap-0.5 mb-4"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-primary fill-primary" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-primary fill-primary" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-primary fill-primary" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-primary fill-primary" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-primary fill-primary" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></div><p class="text-sm text-foreground leading-relaxed mb-5 italic flex-1">“<!-- -->Seeing my progress made saving feel achievable. I hit my emergency fund goal in 8 months.<!-- -->”</p><div class="flex items-center gap-3"><div class="w-10 h-10 rounded-full overflow-hidden flex-shrink-0 border-2 border-border group-hover:border-primary/40 transition-colors"><img src="https://img.rocket.new/generatedImages/rocket_gen_img_1e3dcc45f-1772203448327.png" alt="Professional woman with confident smile" class="w-full h-full object-cover"/></div><div><p class="text-sm font-semibold text-foreground">Emily R.</p><p class="text-xs text-muted-foreground">Teacher</p></div></div></div><div class="glass-card rounded-3xl p-6 border border-border hover:border-primary/30 transition-all duration-300 hover:-translate-y-2 hover:shadow-xl hover:shadow-primary/10 flex flex-col group"><div class="flex gap-0.5 mb-4"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-primary fill-primary" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-primary fill-primary" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-primary fill-primary" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-primary fill-primary" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-primary fill-primary" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></div><p class="text-sm text-foreground leading-relaxed mb-5 italic flex-1">“<!-- -->The net worth dashboard gives a clarity that spreadsheets never could. I recommend it to everyone.<!-- -->”</p><div class="flex items-center gap-3"><div class="w-10 h-10 rounded-full overflow-hidden flex-shrink-0 border-2 border-border group-hover:border-primary/40 transition-colors"><img src="https://img.rocket.new/generatedImages/rocket_gen_img_15d75124c-1772213059804.png" alt="Professional man in business casual" class="w-full h-full object-cover"/></div><div><p class="text-sm font-semibold text-foreground">Ahmed R.</p><p class="text-xs text-muted-foreground">Financial Analyst</p></div></div></div></div><div class="lg:hidden"><div class="overflow-hidden rounded-3xl"><div class="flex transition-transform duration-500 ease-in-out" style="transform:translateX(-0%)"><div class="w-full flex-shrink-0 glass-card rounded-3xl p-6 border border-border flex flex-col"><div class="flex gap-0.5 mb-4"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-primary fill-primary" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-primary fill-primary" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-primary fill-primary" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-primary fill-primary" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-primary fill-primary" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></div><p class="text-sm text-foreground leading-relaxed mb-5 italic flex-1">“<!-- -->For the first time, I actually understand where my money is going. WealthOS made it so clear.<!-- -->”</p><div class="flex items-center gap-3"><div class="w-10 h-10 rounded-full overflow-hidden flex-shrink-0 border-2 border-border"><img src="https://img.rocket.new/generatedImages/rocket_gen_img_18dcf7862-1772562312913.png" alt="Young professional woman smiling" class="w-full h-full object-cover"/></div><div><p class="text-sm font-semibold text-foreground">Sarah M.</p><p class="text-xs text-muted-foreground">Marketing Manager</p></div></div></div><div class="w-full flex-shrink-0 glass-card rounded-3xl p-6 border border-border flex flex-col"><div class="flex gap-0.5 mb-4"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-primary fill-primary" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-primary fill-primary" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-primary fill-primary" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-primary fill-primary" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-primary fill-primary" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></div><p class="text-sm text-foreground leading-relaxed mb-5 italic flex-1">“<!-- -->I finally have one place to see my entire financial picture. It changed how I think about money.<!-- -->”</p><div class="flex items-center gap-3"><div class="w-10 h-10 rounded-full overflow-hidden flex-shrink-0 border-2 border-border"><img src="https://images.unsplash.com/photo-1653855394894-4c941ebd3748" alt="Young man in casual attire smiling" class="w-full h-full object-cover"/></div><div><p class="text-sm font-semibold text-foreground">James T.</p><p class="text-xs text-muted-foreground">Entrepreneur</p></div></div></div><div class="w-full flex-shrink-0 glass-card rounded-3xl p-6 border border-border flex flex-col"><div class="flex gap-0.5 mb-4"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-primary fill-primary" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-primary fill-primary" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-primary fill-primary" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-primary fill-primary" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-primary fill-primary" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></div><p class="text-sm text-foreground leading-relaxed mb-5 italic flex-1">“<!-- -->Seeing my progress made saving feel achievable. I hit my emergency fund goal in 8 months.<!-- -->”</p><div class="flex items-center gap-3"><div class="w-10 h-10 rounded-full overflow-hidden flex-shrink-0 border-2 border-border"><img src="https://img.rocket.new/generatedImages/rocket_gen_img_1e3dcc45f-1772203448327.png" alt="Professional woman with confident smile" class="w-full h-full object-cover"/></div><div><p class="text-sm font-semibold text-foreground">Emily R.</p><p class="text-xs text-muted-foreground">Teacher</p></div></div></div><div class="w-full flex-shrink-0 glass-card rounded-3xl p-6 border border-border flex flex-col"><div class="flex gap-0.5 mb-4"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-primary fill-primary" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-primary fill-primary" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-primary fill-primary" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-primary fill-primary" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-primary fill-primary" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></div><p class="text-sm text-foreground leading-relaxed mb-5 italic flex-1">“<!-- -->The net worth dashboard gives a clarity that spreadsheets never could. I recommend it to everyone.<!-- -->”</p><div class="flex items-center gap-3"><div class="w-10 h-10 rounded-full overflow-hidden flex-shrink-0 border-2 border-border"><img src="https://img.rocket.new/generatedImages/rocket_gen_img_15d75124c-1772213059804.png" alt="Professional man in business casual" class="w-full h-full object-cover"/></div><div><p class="text-sm font-semibold text-foreground">Ahmed R.</p><p class="text-xs text-muted-foreground">Financial Analyst</p></div></div></div></div></div><div class="flex items-center justify-center gap-3 mt-4"><button class="w-8 h-8 rounded-full border border-border flex items-center justify-center hover:border-primary/50 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-left text-muted-foreground" aria-hidden="true"><path d="m15 18-6-6 6-6"></path></svg></button><button class="w-2 h-2 rounded-full transition-all bg-primary w-4"></button><button class="w-2 h-2 rounded-full transition-all bg-border"></button><button class="w-2 h-2 rounded-full transition-all bg-border"></button><button class="w-2 h-2 rounded-full transition-all bg-border"></button><button class="w-8 h-8 rounded-full border border-border flex items-center justify-center hover:border-primary/50 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right text-muted-foreground" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></button></div></div></div></div></div></section><div class="relative flex items-center justify-center py-2 overflow-hidden"><div class="absolute inset-x-0 h-px bg-gradient-to-r from-transparent via-primary/30 to-transparent"></div><div class="relative w-2 h-2 rounded-full bg-primary/60 shadow-[0_0_8px_2px_rgba(201,162,39,0.4)]"></div></div><section class="py-14 sm:py-16 bg-muted/20 border-y border-border/40"><div class="max-w-7xl mx-auto px-4 sm:px-6"><div class="transition-all duration-700 ease-out " style="opacity:0;transform:translateY(28px);transition-delay:0ms"><div class="text-center mb-10 sm:mb-12"><p class="text-xs font-bold text-primary uppercase tracking-widest mb-3">Security</p><h2 class="text-2xl sm:text-3xl font-bold text-foreground">Your financial data deserves serious protection.</h2></div></div><div class="grid grid-cols-2 lg:grid-cols-4 gap-4 sm:gap-5"><div class="transition-all duration-700 ease-out " style="opacity:0;transform:translateY(28px);transition-delay:0ms"><div class="glass-card rounded-2xl p-6 border border-border text-center card-hover-lift group"><div class="w-12 h-12 rounded-2xl flex items-center justify-center mx-auto mb-4 transition-transform group-hover:scale-110 group-hover:rotate-3" style="background-color:#22c55e20"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lock" aria-hidden="true" style="color:#22c55e"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg></div><div class="flex items-center justify-center gap-1.5 mb-2"><div class="w-1.5 h-1.5 rounded-full" style="background-color:#22c55e"></div><p class="text-sm font-bold text-foreground">AES-256 Encryption</p></div><p class="text-xs text-muted-foreground">All data encrypted at rest and in transit</p></div></div><div class="transition-all duration-700 ease-out " style="opacity:0;transform:translateY(28px);transition-delay:80ms"><div class="glass-card rounded-2xl p-6 border border-border text-center card-hover-lift group"><div class="w-12 h-12 rounded-2xl flex items-center justify-center mx-auto mb-4 transition-transform group-hover:scale-110 group-hover:rotate-3" style="background-color:#C9A22720"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe" aria-hidden="true" style="color:#C9A227"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg></div><div class="flex items-center justify-center gap-1.5 mb-2"><div class="w-1.5 h-1.5 rounded-full" style="background-color:#C9A227"></div><p class="text-sm font-bold text-foreground">Multi-Currency</p></div><p class="text-xs text-muted-foreground">USD, EUR, and DZD with live conversion</p></div></div><div class="transition-all duration-700 ease-out " style="opacity:0;transform:translateY(28px);transition-delay:160ms"><div class="glass-card rounded-2xl p-6 border border-border text-center card-hover-lift group"><div class="w-12 h-12 rounded-2xl flex items-center justify-center mx-auto mb-4 transition-transform group-hover:scale-110 group-hover:rotate-3" style="background-color:#0ea5e920"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-activity" aria-hidden="true" style="color:#0ea5e9"><path d="M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2"></path></svg></div><div class="flex items-center justify-center gap-1.5 mb-2"><div class="w-1.5 h-1.5 rounded-full" style="background-color:#0ea5e9"></div><p class="text-sm font-bold text-foreground">99.9% Uptime</p></div><p class="text-xs text-muted-foreground">Reliable infrastructure you can count on</p></div></div><div class="transition-all duration-700 ease-out " style="opacity:0;transform:translateY(28px);transition-delay:240ms"><div class="glass-card rounded-2xl p-6 border border-border text-center card-hover-lift group"><div class="w-12 h-12 rounded-2xl flex items-center justify-center mx-auto mb-4 transition-transform group-hover:scale-110 group-hover:rotate-3" style="background-color:#22c55e20"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield" aria-hidden="true" style="color:#22c55e"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg></div><div class="flex items-center justify-center gap-1.5 mb-2"><div class="w-1.5 h-1.5 rounded-full" style="background-color:#22c55e"></div><p class="text-sm font-bold text-foreground">Secure Infrastructure</p></div><p class="text-xs text-muted-foreground">Zero data selling, ever</p></div></div></div></div></section><section id="pricing" class="max-w-6xl mx-auto px-4 sm:px-6 py-14 sm:py-20 lg:py-24"><div class="text-center mb-10 sm:mb-12"><p class="text-xs font-bold text-amber-800 dark:text-primary uppercase tracking-widest mb-3">Transparent Pricing</p><h2 class="text-2xl sm:text-3xl lg:text-4xl font-bold text-foreground mb-4">Invest in your financial future</h2><p class="text-muted-foreground max-w-xl mx-auto text-sm leading-relaxed">Choose the plan that fits your wealth-building journey. Every paid plan includes a 14-day free trial — no credit card required.</p></div><div class="flex justify-center mb-10 sm:mb-12"><div class="relative flex items-center gap-1 p-1.5 rounded-2xl border border-border bg-card/60 backdrop-blur-sm shadow-lg overflow-x-auto max-w-full"><button class="relative flex items-center gap-1 sm:gap-1.5 px-2.5 sm:px-4 py-2 rounded-xl text-[11px] sm:text-sm font-semibold transition-all duration-300 whitespace-nowrap flex-shrink-0 bg-foreground text-background shadow-lg shadow-foreground/20">Monthly</button><button class="relative flex items-center gap-1 sm:gap-1.5 px-2.5 sm:px-4 py-2 rounded-xl text-[11px] sm:text-sm font-semibold transition-all duration-300 whitespace-nowrap flex-shrink-0 text-muted-foreground hover:text-foreground hover:bg-muted/60">Quarterly</button><button class="relative flex items-center gap-1 sm:gap-1.5 px-2.5 sm:px-4 py-2 rounded-xl text-[11px] sm:text-sm font-semibold transition-all duration-300 whitespace-nowrap flex-shrink-0 text-muted-foreground hover:text-foreground hover:bg-muted/60">Semi-Annual</button><button class="relative flex items-center gap-1 sm:gap-1.5 px-2.5 sm:px-4 py-2 rounded-xl text-[11px] sm:text-sm font-semibold transition-all duration-300 whitespace-nowrap flex-shrink-0 text-muted-foreground hover:text-foreground hover:bg-muted/60">Annual<span class="hidden sm:inline ml-1 text-[9px] font-black px-1.5 py-0.5 rounded-full tracking-wider bg-primary/20 text-amber-800 dark:text-primary animate-pulse">SAVE 40%</span></button><button class="relative flex items-center gap-1 sm:gap-1.5 px-2.5 sm:px-4 py-2 rounded-xl text-[11px] sm:text-sm font-semibold transition-all duration-300 whitespace-nowrap flex-shrink-0 text-muted-foreground hover:text-foreground hover:bg-muted/60"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-infinity text-primary dark:text-primary text-amber-700" aria-hidden="true"><path d="M6 16c5 0 7-8 12-8a4 4 0 0 1 0 8c-5 0-7-8-12-8a4 4 0 1 0 0 8"></path></svg>Lifetime<span class="hidden sm:inline ml-1 text-[9px] font-black px-1.5 py-0.5 rounded-full tracking-wider bg-[#C9A227]/20 text-amber-800 dark:text-[#C9A227]">VIP</span></button></div></div><div class="grid grid-cols-1 sm:grid-cols-3 gap-4 sm:gap-5 mb-6 sm:mb-8"><div class="relative rounded-3xl p-6 border border-border glass-card flex flex-col pricing-card-enter"><div class="flex items-center gap-2 mb-1"><p class="text-xs font-bold text-muted-foreground uppercase tracking-widest">Free</p></div><p class="text-lg font-bold text-foreground mb-1">Starter</p><p class="text-xs text-muted-foreground mb-5 leading-relaxed">Basic personal expense & balance tracking</p><div class="flex items-baseline gap-1 mb-6"><span class="text-4xl font-black text-foreground">$0</span><span class="text-sm text-muted-foreground">/ forever</span></div><ul class="space-y-2.5 mb-6 flex-1"><li class="flex items-start gap-2.5 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check text-[#22c55e] flex-shrink-0 mt-0.5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="text-foreground">1 Financial Account Link</span></li><li class="flex items-start gap-2.5 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check text-[#22c55e] flex-shrink-0 mt-0.5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="text-foreground">Basic Monthly Budgeting</span></li><li class="flex items-start gap-2.5 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check text-[#22c55e] flex-shrink-0 mt-0.5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="text-foreground">Manual Expense Logging</span></li><li class="flex items-start gap-2.5 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check text-[#22c55e] flex-shrink-0 mt-0.5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="text-foreground">Basic Dashboard Analytics</span></li><li class="flex items-start gap-2.5 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check text-[#22c55e] flex-shrink-0 mt-0.5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="text-foreground">Standard Community Support</span></li></ul><a class="flex items-center justify-center gap-2 w-full py-3 rounded-xl font-semibold text-sm transition-all active:scale-95 border border-border bg-muted/30 text-foreground hover:bg-muted/60 hover:border-border/80 backdrop-blur-sm" href="/register">Get Started<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="relative rounded-3xl p-6 border border-primary/30 bg-primary/5 flex flex-col shadow-xl shadow-primary/10 pricing-card-enter" style="animation-delay:0.08s"><div class="absolute inset-0 rounded-3xl bg-gradient-to-b from-primary/8 to-transparent pointer-events-none"></div><div class="flex items-center gap-2 mb-1"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap text-primary" aria-hidden="true"><path d="M15.914 4a1.5 1.5 0 00-2.474-1.561l-9 9A1.5 1.5 0 005.5 14h4.002a.5.5 0 01.471.666L8.086 20a1.5 1.5 0 002.475 1.56l9-9A1.5 1.5 0 0018.5 10h-3.997a.5.5 0 01-.472-.667z"></path></svg><p class="text-xs font-bold text-primary uppercase tracking-widest">Pro</p></div><p class="text-lg font-bold text-foreground mb-1">Financial Freedom</p><p class="text-xs text-muted-foreground mb-5 leading-relaxed">Automated wealth building and analytics</p><div class="flex flex-col mb-6"><div class="flex items-baseline gap-1"><span class="text-4xl font-black text-foreground">$4.99</span><span class="text-sm text-muted-foreground">/mo</span></div></div><ul class="space-y-2.5 mb-6 flex-1"><li class="flex items-start gap-2.5 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check text-[#22c55e] flex-shrink-0 mt-0.5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="text-foreground">Unlimited Bank & Crypto Account Sync</span></li><li class="flex items-start gap-2.5 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check text-[#22c55e] flex-shrink-0 mt-0.5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="text-foreground">Advanced AI Wealth Insights & Expense Categorization</span></li><li class="flex items-start gap-2.5 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check text-[#22c55e] flex-shrink-0 mt-0.5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="text-foreground">Real-time Multi-Currency & Asset Tracking</span></li><li class="flex items-start gap-2.5 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check text-[#22c55e] flex-shrink-0 mt-0.5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="text-foreground">Custom Monthly & Yearly Financial Goals</span></li><li class="flex items-start gap-2.5 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check text-[#22c55e] flex-shrink-0 mt-0.5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="text-foreground">Export Data (CSV, PDF Reports)</span></li><li class="flex items-start gap-2.5 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check text-[#22c55e] flex-shrink-0 mt-0.5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="text-foreground">Priority Support</span></li></ul><a class="relative flex items-center justify-center gap-2 w-full py-3 rounded-xl font-semibold text-sm transition-all active:scale-95 overflow-hidden bg-[#0D1424] border border-primary/60 text-primary hover:border-primary hover:bg-primary/10 shadow-lg shadow-primary/10" href="/register?plan=pro&cycle=monthly"><span class="absolute inset-0 rounded-xl bg-gradient-to-r from-transparent via-primary/10 to-transparent opacity-0 hover:opacity-100 transition-opacity pointer-events-none"></span>Start 14-Day Free Trial<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="relative rounded-3xl p-6 flex flex-col pricing-card-enter" style="animation-delay:0.16s;background:linear-gradient(135deg, #0D1424 0%, #0A0F1D 60%, #1a1200 100%);border:1.5px solid rgba(201,162,39,0.45);box-shadow:0 0 40px rgba(201,162,39,0.12), 0 20px 60px rgba(0,0,0,0.4);z-index:10"><div class="absolute inset-0 rounded-3xl bg-gradient-to-b from-[#C9A227]/10 to-transparent pointer-events-none"></div><div class="absolute top-0 right-0 w-32 h-32 rounded-full bg-[#C9A227]/8 blur-3xl pointer-events-none"></div><div class="absolute -top-3.5 left-1/2 -translate-x-1/2 px-4 py-1 rounded-full text-[11px] font-black whitespace-nowrap tracking-wider" style="background:linear-gradient(90deg, #C9A227, #F3E5AB, #C9A227);color:#0A0F1D">✦ <!-- -->Most Popular</div><div class="flex items-center gap-2 mb-1 mt-2"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-crown" aria-hidden="true" style="color:#C9A227"><path d="M11.562 3.266a.5.5 0 0 1 .876 0L15.39 8.87a1 1 0 0 0 1.516.294L21.183 5.5a.5.5 0 0 1 .798.519l-2.834 10.246a1 1 0 0 1-.956.734H5.81a1 1 0 0 1-.957-.734L2.02 6.02a.5.5 0 0 1 .798-.519l4.276 3.664a1 1 0 0 0 1.516-.294z"></path><path d="M5 21h14"></path></svg><p class="text-xs font-bold uppercase tracking-widest" style="color:#C9A227">Pro Max</p></div><p class="text-lg font-bold text-foreground mb-1">Wealth Mastery</p><p class="text-xs text-muted-foreground mb-5 leading-relaxed">For high-net-worth individuals & family offices</p><div class="flex flex-col mb-6"><div class="flex items-baseline gap-1"><span class="text-4xl font-black" style="color:#F3E5AB">$12.99</span><span class="text-sm text-muted-foreground">/mo</span></div></div><ul class="space-y-2.5 mb-6 flex-1"><li class="flex items-start gap-2.5 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check flex-shrink-0 mt-0.5" aria-hidden="true" style="color:#C9A227"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="text-foreground">Everything in Pro</span></li><li class="flex items-start gap-2.5 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check flex-shrink-0 mt-0.5" aria-hidden="true" style="color:#22c55e"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="text-foreground">Family & Multi-User Sharing (Up to 4 Profiles)</span></li><li class="flex items-start gap-2.5 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check flex-shrink-0 mt-0.5" aria-hidden="true" style="color:#22c55e"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="text-foreground">AI Tax Optimization & Financial Scenario Simulator</span></li><li class="flex items-start gap-2.5 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check flex-shrink-0 mt-0.5" aria-hidden="true" style="color:#22c55e"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="text-foreground">Personalized Investment Portfolio Risk Analysis</span></li><li class="flex items-start gap-2.5 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check flex-shrink-0 mt-0.5" aria-hidden="true" style="color:#22c55e"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="text-foreground">Automated Debt Payoff & Passive Income Planner</span></li><li class="flex items-start gap-2.5 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check flex-shrink-0 mt-0.5" aria-hidden="true" style="color:#22c55e"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="text-foreground">1-on-1 Financial Advisor Consultation (Bi-annually)</span></li><li class="flex items-start gap-2.5 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check flex-shrink-0 mt-0.5" aria-hidden="true" style="color:#22c55e"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="text-foreground">24/7 VIP Concierge Support</span></li></ul><a class="relative flex items-center justify-center gap-2 w-full py-3 rounded-xl font-bold text-sm transition-all active:scale-95 overflow-hidden" style="background:linear-gradient(135deg, #C9A227 0%, #F3E5AB 50%, #C9A227 100%);color:#0A0F1D;box-shadow:0 4px 20px rgba(201,162,39,0.4)" href="/register?plan=pro_max&cycle=monthly"><span class="absolute inset-0 bg-gradient-to-r from-transparent via-white/20 to-transparent opacity-0 hover:opacity-100 transition-opacity pointer-events-none"></span><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>Unlock Wealth Mastery</a></div></div><div class="relative rounded-2xl p-5 sm:p-6 flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4 cursor-pointer group" style="background:linear-gradient(135deg, rgba(201,162,39,0.08) 0%, rgba(10,15,29,0.6) 100%);border:1px solid rgba(201,162,39,0.3)"><div class="absolute inset-0 rounded-2xl bg-gradient-to-r from-[#C9A227]/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none"></div><div class="flex items-center gap-3"><div class="w-10 h-10 rounded-xl flex items-center justify-center flex-shrink-0" style="background:linear-gradient(135deg, #C9A227, #F3E5AB);box-shadow:0 4px 15px rgba(201,162,39,0.3)"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-infinity" aria-hidden="true" style="color:#0A0F1D"><path d="M6 16c5 0 7-8 12-8a4 4 0 0 1 0 8c-5 0-7-8-12-8a4 4 0 1 0 0 8"></path></svg></div><div><p class="text-sm font-bold text-foreground">Legacy VIP — Lifetime Access</p><p class="text-xs text-muted-foreground">Pro from <span style="color:#C9A227" class="font-bold">$119</span> · Pro Max from <span style="color:#C9A227" class="font-bold">$249</span> · Pay once, own forever</p></div></div><div class="flex items-center gap-2 text-xs font-semibold px-4 py-2 rounded-xl transition-all" style="color:#C9A227;border:1px solid rgba(201,162,39,0.4)"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>View Lifetime Plans<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></section><section id="faq" class="py-16 sm:py-20"><div class="max-w-3xl mx-auto px-4 sm:px-6"><div class="transition-all duration-700 ease-out " style="opacity:0;transform:translateY(28px);transition-delay:0ms"><div class="text-center mb-10 sm:mb-12"><p class="text-xs font-bold text-primary uppercase tracking-widest mb-3">FAQ</p><h2 class="section-heading font-bold text-foreground">Questions answered.</h2></div></div><div class="space-y-3"><div class="transition-all duration-700 ease-out " style="opacity:0;transform:translateY(28px);transition-delay:0ms"><div class="border border-border/60 rounded-2xl overflow-hidden cursor-pointer hover:border-primary/40 transition-all duration-300 group"><div class="flex items-center justify-between px-6 py-5 gap-4 "><p class="text-sm font-semibold text-foreground group-hover:text-primary transition-colors">Is my financial data secure?</p><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-muted-foreground flex-shrink-0 transition-transform duration-300" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></div><div class="overflow-hidden transition-all duration-400 ease-in-out max-h-0"><div class="px-6 pb-5 border-t border-border/40"><p class="text-sm text-muted-foreground leading-relaxed pt-4">Yes. All data is encrypted at rest and in transit using AES-256 and TLS 1.3. We never sell your data to third parties.</p></div></div></div></div><div class="transition-all duration-700 ease-out " style="opacity:0;transform:translateY(28px);transition-delay:60ms"><div class="border border-border/60 rounded-2xl overflow-hidden cursor-pointer hover:border-primary/40 transition-all duration-300 group"><div class="flex items-center justify-between px-6 py-5 gap-4 "><p class="text-sm font-semibold text-foreground group-hover:text-primary transition-colors">Can I cancel my subscription anytime?</p><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-muted-foreground flex-shrink-0 transition-transform duration-300" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></div><div class="overflow-hidden transition-all duration-400 ease-in-out max-h-0"><div class="px-6 pb-5 border-t border-border/40"><p class="text-sm text-muted-foreground leading-relaxed pt-4">Absolutely. Cancel anytime from your settings — no questions asked. Your data remains accessible on the Free plan.</p></div></div></div></div><div class="transition-all duration-700 ease-out " style="opacity:0;transform:translateY(28px);transition-delay:120ms"><div class="border border-border/60 rounded-2xl overflow-hidden cursor-pointer hover:border-primary/40 transition-all duration-300 group"><div class="flex items-center justify-between px-6 py-5 gap-4 "><p class="text-sm font-semibold text-foreground group-hover:text-primary transition-colors">What does the 7-day free trial include?</p><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-muted-foreground flex-shrink-0 transition-transform duration-300" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></div><div class="overflow-hidden transition-all duration-400 ease-in-out max-h-0"><div class="px-6 pb-5 border-t border-border/40"><p class="text-sm text-muted-foreground leading-relaxed pt-4">Full access to either Pro or Pro Max — all features unlocked, no credit card required. After 7 days, choose to subscribe or drop to Free.</p></div></div></div></div><div class="transition-all duration-700 ease-out " style="opacity:0;transform:translateY(28px);transition-delay:180ms"><div class="border border-border/60 rounded-2xl overflow-hidden cursor-pointer hover:border-primary/40 transition-all duration-300 group"><div class="flex items-center justify-between px-6 py-5 gap-4 "><p class="text-sm font-semibold text-foreground group-hover:text-primary transition-colors">Which currencies are supported?</p><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-muted-foreground flex-shrink-0 transition-transform duration-300" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></div><div class="overflow-hidden transition-all duration-400 ease-in-out max-h-0"><div class="px-6 pb-5 border-t border-border/40"><p class="text-sm text-muted-foreground leading-relaxed pt-4">WealthOS supports USD, EUR, and DZD (Algerian Dinar) with live exchange rate conversion across all assets and reports.</p></div></div></div></div><div class="transition-all duration-700 ease-out " style="opacity:0;transform:translateY(28px);transition-delay:240ms"><div class="border border-border/60 rounded-2xl overflow-hidden cursor-pointer hover:border-primary/40 transition-all duration-300 group"><div class="flex items-center justify-between px-6 py-5 gap-4 "><p class="text-sm font-semibold text-foreground group-hover:text-primary transition-colors">Can I export my data?</p><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-muted-foreground flex-shrink-0 transition-transform duration-300" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></div><div class="overflow-hidden transition-all duration-400 ease-in-out max-h-0"><div class="px-6 pb-5 border-t border-border/40"><p class="text-sm text-muted-foreground leading-relaxed pt-4">Pro users can export PDF reports. Pro Max users get PDF, Excel, and JSON exports — perfect for accountants or tax filing.</p></div></div></div></div><div class="transition-all duration-700 ease-out " style="opacity:0;transform:translateY(28px);transition-delay:300ms"><div class="border border-border/60 rounded-2xl overflow-hidden cursor-pointer hover:border-primary/40 transition-all duration-300 group"><div class="flex items-center justify-between px-6 py-5 gap-4 "><p class="text-sm font-semibold text-foreground group-hover:text-primary transition-colors">Is there a mobile app?</p><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-muted-foreground flex-shrink-0 transition-transform duration-300" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></div><div class="overflow-hidden transition-all duration-400 ease-in-out max-h-0"><div class="px-6 pb-5 border-t border-border/40"><p class="text-sm text-muted-foreground leading-relaxed pt-4">WealthOS is a fully responsive web app that works beautifully on any device. A dedicated mobile app is on our roadmap.</p></div></div></div></div></div></div></section><div class="relative flex items-center justify-center py-2 overflow-hidden"><div class="absolute inset-x-0 h-px bg-gradient-to-r from-transparent via-primary/30 to-transparent"></div><div class="relative w-2 h-2 rounded-full bg-primary/60 shadow-[0_0_8px_2px_rgba(201,162,39,0.4)]"></div></div><section class="py-16 sm:py-20 pb-24 sm:pb-28"><div class="max-w-7xl mx-auto px-4 sm:px-6"><div class="transition-all duration-700 ease-out " style="opacity:0;transform:translateY(28px);transition-delay:0ms"><div class="relative rounded-3xl overflow-hidden border border-primary/30 p-8 sm:p-12 lg:p-20 text-center"><div class="absolute inset-0 bg-gradient-to-br from-primary/8 via-transparent to-[#22c55e]/5 pointer-events-none"></div><div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[600px] h-[600px] rounded-full bg-primary/5 blur-3xl pointer-events-none"></div><div class="absolute inset-0 opacity-8"><img src="https://images.unsplash.com/photo-1551836022-deb4988cc6c0?w=1400&q=60" alt="" class="w-full h-full object-cover" aria-hidden="true"/><div class="absolute inset-0 bg-background/80"></div></div><div class="relative z-10"><div class="inline-flex items-center gap-2 px-4 py-2 rounded-full border border-primary/30 bg-primary/10 mb-5 sm:mb-6"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-gift text-primary flex-shrink-0" aria-hidden="true"><path d="M12 7v14"></path><path d="M20 11v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8"></path><path d="M7.5 7a1 1 0 0 1 0-5A4.8 8 0 0 1 12 7a4.8 8 0 0 1 4.5-5 1 1 0 0 1 0 5"></path><rect x="3" y="7" width="18" height="4" rx="1"></rect></svg><span class="text-xs font-semibold text-primary">7-day free trial<!-- --> — <!-- -->No credit card</span></div><h2 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-foreground mb-4 sm:mb-5 leading-tight">Your future won't build itself.</h2><p class="section-sub text-muted-foreground max-w-lg mx-auto leading-relaxed mb-8 sm:mb-10">Start making smarter financial decisions today.</p><div class="flex flex-col xs:flex-row items-center justify-center gap-3 sm:gap-4 mb-5 sm:mb-6 "><a class="relative flex items-center justify-center gap-2 w-full xs:w-auto px-8 py-4 rounded-xl gold-gradient text-primary-foreground font-bold text-sm sm:text-base hover:opacity-90 hover:-translate-y-1 transition-all active:scale-95 shadow-2xl shadow-primary/30 btn-gold-glow overflow-hidden group touch-target" href="/register"><span class="absolute inset-0 w-1/3 bg-gradient-to-r from-transparent via-white/20 to-transparent animate-cta-shimmer pointer-events-none"></span><span class="relative z-10">Create My Free Account →</span></a><a class="flex items-center justify-center gap-2 w-full xs:w-auto px-8 py-4 rounded-xl border border-border bg-muted/50 text-foreground font-semibold text-sm sm:text-base hover:bg-muted/80 hover:-translate-y-0.5 hover:border-primary/30 transition-all touch-target" href="/login">Sign In</a></div><div class="flex flex-wrap items-center justify-center gap-3 sm:gap-4 text-xs text-muted-foreground"><div class="flex items-center gap-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-[#22c55e] flex-shrink-0" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span>No credit card</span></div><div class="flex items-center gap-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-[#22c55e] flex-shrink-0" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span>7-day free trial</span></div><div class="flex items-center gap-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-[#22c55e] flex-shrink-0" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span>Cancel anytime</span></div></div></div></div></div></div></section><footer class="border-t border-border/50 py-10 sm:py-12" role="contentinfo"><div class="max-w-7xl mx-auto px-4 sm:px-6"><div class="flex flex-col sm:flex-row items-center justify-between gap-6 mb-8 "><div class="flex items-center gap-2 flex-shrink-0"><div class="flex items-center"><div class="block dark:hidden"><img alt="Logo" width="28" height="28" decoding="async" data-nimg="1" class="flex-shrink-0 bg-gray-200" style="color:transparent" srcSet="/_next/image?url=%2Fassets%2Fimages%2F88fae7b0-4ec9-4e2a-a86b-425065ffdbe7-1786380439194.png&w=32&q=85 1x, /_next/image?url=%2Fassets%2Fimages%2F88fae7b0-4ec9-4e2a-a86b-425065ffdbe7-1786380439194.png&w=64&q=85 2x" src="/_next/image?url=%2Fassets%2Fimages%2F88fae7b0-4ec9-4e2a-a86b-425065ffdbe7-1786380439194.png&w=64&q=85"/></div><div class="hidden dark:block"><img alt="Logo" width="28" height="28" decoding="async" data-nimg="1" class="flex-shrink-0 bg-gray-200" style="color:transparent" srcSet="/_next/image?url=%2Fassets%2Fimages%2F88fae7b0-4ec9-4e2a-a86b-425065ffdbe7__1_-1786380439065.png&w=32&q=85 1x, /_next/image?url=%2Fassets%2Fimages%2F88fae7b0-4ec9-4e2a-a86b-425065ffdbe7__1_-1786380439065.png&w=64&q=85 2x" src="/_next/image?url=%2Fassets%2Fimages%2F88fae7b0-4ec9-4e2a-a86b-425065ffdbe7__1_-1786380439065.png&w=64&q=85"/></div></div><span class="text-base font-bold text-foreground">Wealth<span class="text-foreground">OS</span></span></div><p class="text-xs text-muted-foreground text-center">Your Personal Financial Operating System</p><div class="flex items-center gap-1 bg-muted/40 rounded-xl p-1 "><button aria-label="Switch to EN" aria-pressed="true" class="px-3 py-1.5 rounded-lg text-xs font-bold transition-all bg-foreground text-background shadow">EN</button><button aria-label="Switch to AR" aria-pressed="false" class="px-3 py-1.5 rounded-lg text-xs font-bold transition-all text-muted-foreground hover:text-foreground">AR</button><button aria-label="Switch to FR" aria-pressed="false" class="px-3 py-1.5 rounded-lg text-xs font-bold transition-all text-muted-foreground hover:text-foreground">FR</button></div></div><div class="flex flex-wrap items-center justify-center gap-x-5 gap-y-2 text-xs text-muted-foreground border-t border-border/40 pt-6 "><a class="hover:text-foreground transition-colors" href="/privacy">Privacy</a><a class="hover:text-foreground transition-colors" href="/terms">Terms</a><a class="hover:text-foreground transition-colors" href="/cookie-policy">Cookie Policy</a><a class="hover:text-foreground transition-colors" href="/refund-policy">Refund Policy</a><a class="hover:text-foreground transition-colors" href="/support">Support</a><span class="text-muted-foreground/40">·</span><span>© 2026 WealthOS. <!-- -->All rights reserved.</span></div></div></footer></div></div><!--$--><!--/$--><section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false"></section><script src="/_next/static/chunks/webpack-62cc3fc0c1590c23.js" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[65380,[\"5730\",\"static/chunks/44530001-4c43e402a41c8493.js\",\"6801\",\"static/chunks/6801-5759e2c0740d76b3.js\",\"6962\",\"static/chunks/6962-09ddab6e9e5dc247.js\",\"8720\",\"static/chunks/8720-5f65033c1639b71d.js\",\"9541\",\"static/chunks/9541-207a4201a87b0191.js\",\"7177\",\"static/chunks/app/layout-587f5bf5c709c83b.js\"],\"AuthProvider\"]\n3:I[11493,[\"5730\",\"static/chunks/44530001-4c43e402a41c8493.js\",\"6801\",\"static/chunks/6801-5759e2c0740d76b3.js\",\"6962\",\"static/chunks/6962-09ddab6e9e5dc247.js\",\"8720\",\"static/chunks/8720-5f65033c1639b71d.js\",\"9541\",\"static/chunks/9541-207a4201a87b0191.js\",\"7177\",\"static/chunks/app/layout-587f5bf5c709c83b.js\"],\"PermissionProvider\"]\n4:I[26241,[\"5730\",\"static/chunks/44530001-4c43e402a41c8493.js\",\"6801\",\"static/chunks/6801-5759e2c0740d76b3.js\",\"6962\",\"static/chunks/6962-09ddab6e9e5dc247.js\",\"8720\",\"static/chunks/8720-5f65033c1639b71d.js\",\"9541\",\"static/chunks/9541-207a4201a87b0191.js\",\"7177\",\"static/chunks/app/layout-587f5bf5c709c83b.js\"],\"AppProvider\"]\n5:I[75341,[\"5730\",\"static/chunks/44530001-4c43e402a41c8493.js\",\"6801\",\"static/chunks/6801-5759e2c0740d76b3.js\",\"6962\",\"static/chunks/6962-09ddab6e9e5dc247.js\",\"8720\",\"static/chunks/8720-5f65033c1639b71d.js\",\"9541\",\"static/chunks/9541-207a4201a87b0191.js\",\"7177\",\"static/chunks/app/layout-587f5bf5c709c83b.js\"],\"default\"]\n6:I[9766,[],\"\"]\n7:I[50960,[\"6801\",\"static/chunks/6801-5759e2c0740d76b3.js\",\"9280\",\"static/chunks/9280-1506feca95eb9ee5.js\",\"8039\",\"static/chunks/app/error-76cb83020c5345d5.js\"],\"default\"]\n8:I[98924,[],\"\"]\n9:I[33486,[\"6801\",\"static/chunks/6801-5759e2c0740d76b3.js\",\"9280\",\"static/chunks/9280-1506feca95eb9ee5.js\",\"4345\",\"static/chunks/app/not-found-abc85e49548cc19c.js\"],\"default\"]\na:I[43866,[\"5730\",\"static/chunks/44530001-4c43e402a41c8493.js\",\"6801\",\"static/chunks/6801-5759e2c0740d76b3.js\",\"6962\",\"static/chunks/6962-09ddab6e9e5dc247.js\",\"8720\",\"static/chunks/8720-5f65033c1639b71d.js\",\"9541\",\"static/chunks/9541-207a4201a87b0191.js\",\"7177\",\"static/chunks/app/layout-587f5bf5c709c83b.js\"],\"default\"]\nb:I[18720,[\"5730\",\"st"])</script><script>self.__next_f.push([1,"atic/chunks/44530001-4c43e402a41c8493.js\",\"6801\",\"static/chunks/6801-5759e2c0740d76b3.js\",\"6962\",\"static/chunks/6962-09ddab6e9e5dc247.js\",\"8720\",\"static/chunks/8720-5f65033c1639b71d.js\",\"9541\",\"static/chunks/9541-207a4201a87b0191.js\",\"7177\",\"static/chunks/app/layout-587f5bf5c709c83b.js\"],\"Toaster\"]\nc:I[81959,[],\"ClientPageRoot\"]\nd:I[20704,[\"5730\",\"static/chunks/44530001-4c43e402a41c8493.js\",\"6801\",\"static/chunks/6801-5759e2c0740d76b3.js\",\"6962\",\"static/chunks/6962-09ddab6e9e5dc247.js\",\"9280\",\"static/chunks/9280-1506feca95eb9ee5.js\",\"6593\",\"static/chunks/app/welcome/page-6e5630660d61b64a.js\"],\"default\"]\n10:I[24431,[],\"OutletBoundary\"]\n12:I[15278,[],\"AsyncMetadataOutlet\"]\n14:I[24431,[],\"ViewportBoundary\"]\n16:I[24431,[],\"MetadataBoundary\"]\n17:\"$Sreact.suspense\"\n19:I[57150,[],\"\"]\n:HL[\"/_next/static/media/636a5ac981f94f8b-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/css/2090cb7e7b73f9c6.css\",\"style\"]\n:HL[\"/_next/static/css/b8a4a9a17a4c1ce2.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"FuamXTM-DWny-xFxIHg_H\",\"p\":\"\",\"c\":[\"\",\"welcome\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"welcome\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/2090cb7e7b73f9c6.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/b8a4a9a17a4c1ce2.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"__variable_a11773\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"link\",null,{\"rel\":\"preconnect\",\"href\":\"https://fonts.googleapis.com\"}],[\"$\",\"link\",null,{\"rel\":\"preconnect\",\"href\":\"https://fonts.gstatic.com\",\"crossOrigin\":\"anonymous\"}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"SoftwareApplication\\\",\\\"name\\\":\\\"WealthOS\\\",\\\"applicationCategory\\\":\\\"FinanceApplication\\\",\\\"operatingSystem\\\":\\\"Web\\\",\\\"description\\\":\\\"WealthOS is your personal financial operating system. Track net worth, automate savings, manage budgets, and reach your financial goals.\\\",\\\"url\\\":\\\"https://wealth-os.online\\\",\\\"offers\\\":{\\\"@type\\\":\\\"Offer\\\",\\\"price\\\":\\\"0\\\",\\\"priceCurrency\\\":\\\"USD\\\"}}\"}}],[\"$\",\"script\",null,{\"type\":\"module\",\"async\":true,\"src\":\"https://static.rocket.new/rocket-web.js?_cfg=https%3A%2F%2Fwealthos2508back.builtwithrocket.new\u0026_be=https%3A%2F%2Fappanalytics.rocket.new\u0026_v=0.1.20\"}]]}],[\"$\",\"body\",null,{\"className\":\"__className_a11773\",\"children\":[[\"$\",\"a\",null,{\"href\":\"#main-content\",\"className\":\"skip-link sr-only focus:not-sr-only focus:fixed focus:top-4 focus:left-4 focus:z-[9999] focus:px-4 focus:py-2 focus:bg-primary focus:text-primary-foreground focus:rounded-lg focus:font-semibold\",\"children\":\"Skip to main content\"}],[\"$\",\"$L2\",null,{\"children\":[\"$\",\"$L3\",null,{\"children\":[\"$\",\"$L4\",null,{\"children\":[[\"$\",\"$L5\",null,{}],[\"$\",\"$L6\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$7\",\"errorStyles\":[],\"errorScripts\":[],\"template\":[\"$\",\"$L8\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"$L9\",null,{}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],[\"$\",\"$La\",null,{}],[\"$\",\"$Lb\",null,{\"position\":\"bottom-center\",\"richColors\":true,\"expand\":false,\"duration\":4000,\"toastOptions\":{\"style\":{\"background\":\"var(--card)\",\"border\":\"1px solid var(--border)\",\"color\":\"var(--foreground)\",\"fontFamily\":\"var(--font-plus-jakarta-sans)\",\"borderRadius\":\"12px\",\"boxShadow\":\"0 8px 32px rgba(0,0,0,0.18)\",\"fontSize\":\"14px\",\"padding\":\"14px 18px\"}}}]]}]}]}]]}]]}]]}],{\"children\":[\"welcome\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L6\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L8\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$Lc\",null,{\"Component\":\"$d\",\"searchParams\":{},\"params\":{},\"promises\":[\"$@e\",\"$@f\"]}],null,[\"$\",\"$L10\",null,{\"children\":[\"$L11\",[\"$\",\"$L12\",null,{\"promise\":\"$@13\"}]]}]]}],{},null,false]},null,false]},null,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[[\"$\",\"$L14\",null,{\"children\":\"$L15\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]],[\"$\",\"$L16\",null,{\"children\":[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$17\",null,{\"fallback\":null,\"children\":\"$L18\"}]}]}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$19\",[]],\"s\":false,\"S\":true}\n"])</script><script>self.__next_f.push([1,"e:{}\nf:\"$0:f:0:1:2:children:2:children:1:props:children:0:props:params\"\n"])</script><script>self.__next_f.push([1,"15:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1, maximum-scale=5, user-scalable=yes\"}],[\"$\",\"meta\",\"2\",{\"name\":\"theme-color\",\"content\":\"#C9A227\"}]]\n11:null\n"])</script><script>self.__next_f.push([1,"1a:I[80622,[],\"IconMark\"]\n"])</script><script>self.__next_f.push([1,"13:{\"metadata\":[[\"$\",\"title\",\"0\",{\"children\":\"WealthOS — Personal Financial Operating System\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"WealthOS is your personal financial operating system. Track net worth, automate savings, manage budgets, and reach your financial goals — all in one beautifully designed platform.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"author\",\"content\":\"WealthOS\"}],[\"$\",\"link\",\"3\",{\"rel\":\"manifest\",\"href\":\"/manifest.json\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"meta\",\"4\",{\"name\":\"keywords\",\"content\":\"personal finance,wealth management,net worth tracker,budget tracker,savings goals,financial planning,money management,financial dashboard,WealthOS,fintech,investment tracker\"}],[\"$\",\"meta\",\"5\",{\"name\":\"creator\",\"content\":\"WealthOS\"}],[\"$\",\"meta\",\"6\",{\"name\":\"publisher\",\"content\":\"WealthOS\"}],[\"$\",\"meta\",\"7\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"meta\",\"8\",{\"name\":\"googlebot\",\"content\":\"index, follow, max-image-preview:large\"}],[\"$\",\"link\",\"9\",{\"rel\":\"canonical\",\"href\":\"https://wealth-os.online\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:title\",\"content\":\"WealthOS — Personal Financial Operating System\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:description\",\"content\":\"Track net worth, automate savings, manage budgets, and reach your financial goals — all in one beautifully designed platform.\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:url\",\"content\":\"https://wealth-os.online\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:site_name\",\"content\":\"WealthOS\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:locale\",\"content\":\"en_US\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:image\",\"content\":\"https://wealth-os.online/assets/images/og-image.png\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"17\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"18\",{\"property\":\"og:image:alt\",\"content\":\"WealthOS — Personal Financial Operating System Dashboard\"}],[\"$\",\"meta\",\"19\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"20\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"21\",{\"name\":\"twitter:creator\",\"content\":\"@WealthOS\"}],[\"$\",\"meta\",\"22\",{\"name\":\"twitter:title\",\"content\":\"WealthOS — Personal Financial Operating System\"}],[\"$\",\"meta\",\"23\",{\"name\":\"twitter:description\",\"content\":\"Track net worth, automate savings, manage budgets, and reach your financial goals — all in one platform.\"}],[\"$\",\"meta\",\"24\",{\"name\":\"twitter:image\",\"content\":\"https://wealth-os.online/assets/images/og-image.png\"}],[\"$\",\"link\",\"25\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\",\"type\":\"image/x-icon\"}],[\"$\",\"link\",\"26\",{\"rel\":\"icon\",\"href\":\"/favicon-16x16.png\",\"sizes\":\"16x16\",\"type\":\"image/png\"}],[\"$\",\"link\",\"27\",{\"rel\":\"icon\",\"href\":\"/favicon-32x32.png\",\"sizes\":\"32x32\",\"type\":\"image/png\"}],[\"$\",\"link\",\"28\",{\"rel\":\"apple-touch-icon\",\"href\":\"/apple-touch-icon.png\",\"sizes\":\"180x180\",\"type\":\"image/png\"}],[\"$\",\"link\",\"29\",{\"rel\":\"mask-icon\",\"href\":\"/safari-pinned-tab.svg\",\"color\":\"#C9A227\"}],[\"$\",\"$L1a\",\"30\",{}]],\"error\":null,\"digest\":\"$undefined\"}\n"])</script><script>self.__next_f.push([1,"18:\"$13:metadata\"\n"])</script></body></html> | Syntax not understood |
To appear in search results, crawlers need access to your app.
Content Best Practices
Canonical links suggest which URL to show in search results. Learn more about canonical links.
Why this matters
Informational: a Permissions-Policy directive showing feature -> allowed origins.
Source: MDN Permissions-Policy
Format your HTML in a way that enables crawlers to better understand your app’s content.
○Structured data is valid
●Page isn’t blocked from indexing
●Document has a `<title>` element
●Document has a meta description
●Page has successful HTTP status code
●Links have descriptive text
●Links are crawlable
●Image elements have `[alt]` attributes
●Document has a valid `hreflang`