https://solelytax.ai/

1<!DOCTYPE html>
2<html lang="en">
3  <head>
4    <meta charset="UTF-8" />
5    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6    <title>Stop Overpaying Taxes | Find Hidden Deductions | SolelyTax.ai</title>
7    <meta name="description" content="Most freelancers and business owners overpay taxes. SolelyTax finds hidden deductions and shows exactly how to save money — in minutes." />
8    
9    <!-- Favicon -->
10    <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='5.34' y='5.34' width='21.32' height='21.32' rx='4' fill='%2310b981' transform='rotate(45 16 16)'/%3E%3Crect x='11' y='11' width='10' height='10' rx='2' fill='%23020617'/%3E%3C/svg%3E" />
11
12    <!-- Resource Hints -->
13    <link rel="preconnect" href="https://fonts.googleapis.com" />
14    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
15    <link rel="dns-prefetch" href="https://www.clarity.ms" />
16
17    <!-- Microsoft Clarity -->
18    

18<script type="text/javascript">
19      (function(c,l,a,r,i,t,y){
20          c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
21          t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
22          y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
23      })(window, document, "clarity", "script", "uyud5ijyib");
24    </script>

24
25
26    <!-- Google tag (gtag.js) -->

26
27    <script async src="https://www.googletagmanager.com/gtag/js?id=

27G-ET8MYR9FG1

27"></script>
28    

28<script>
29      

29window.dataLayer = window.dataLayer || [];
30      function gtag(){dataLayer.push(arguments);}
31      gtag('js', new Date());
32      gtag('config', '

32G-ET8MYR9FG1

32', { 'anonymize_ip': true });
33    

33</script>

33
34
35    <!-- Optimized Font Loading -->
36    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet" media="print" onload="this.media='all'">
37    <noscript>
38      <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
39    </noscript>
40
41    <style>
42      * {
43        -webkit-tap-highlight-color: transparent;
44      }
45      
46      body { 
47        font-family: 'Inter', sans-serif; 
48        background-color: #ffffff;
49      }
50      
51      .main-bg-gradient {
52        background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
53        background-attachment: fixed;
54        position: relative;
55      }
56
57      /* Subtle noise texture to prevent banding and add premium feel */
58      .main-bg-gradient::before {
59        content: "";
60        position: fixed;
61        top: 0;
62        left: 0;
63        width: 100%;
64        height: 100%;
65        opacity: 0.02;
66        z-index: -1;
67        pointer-events: none;
68        background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
69      }
70
71      .gradient-text {
72        background: linear-gradient(to right, #059669, #2563eb);
73        -webkit-background-clip: text;
74        -webkit-text-fill-color: transparent;
75      }
76      .perspective-1000 { perspective: 1000px; }
77      .shadow-3xl { box-shadow: 0 35px 60px -15px rgba(0, 0, 0, 0.1); }
78      .text-glow { text-shadow: 0 0 20px rgba(16, 185, 129, 0.2); }
79      
80      @keyframes fade-in-up {
81        from { opacity: 0; transform: translateY(20px); }
82        to { opacity: 1; transform: translateY(0); }
83      }
84      .animate-fade-in-up { animation: fade-in-up 0.6s ease-out forwards; }
85      
86      .animate-in { animation-duration: 300ms; animation-fill-mode: forwards; }
87      .fade-in { animation-name: fadeIn; }
88      .zoom-in-95 { animation-name: zoomIn95; }
89      .slide-in-from-bottom-10 { animation-name: slideInBottom10; }
90      
91      @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
92      @keyframes zoomIn95 { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } }
93      @keyframes slideInBottom10 { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
94
95      .no-scrollbar::-webkit-scrollbar { display: none; }
96      .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
97      
98      .custom-scrollbar::-webkit-scrollbar { width: 4px; }
99      .custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
100      .custom-scrollbar::-webkit-scrollbar-thumb { background: #e2e8f0; border-radius: 10px; }
101      .custom-scrollbar::-webkit-scrollbar-thumb:hover { background: #cbd5e1; }
102
103      .snap-x-mandatory {
104        scroll-snap-type: x mandatory;
105        -webkit-overflow-scrolling: touch;
106      }
107      .snap-center {
108        scroll-snap-align: center;
109      }
110
111      /* Smooth glass effect for cards against the gradient */
112      .glass-card {
113        background: rgba(255, 255, 255, 0.7);
114        backdrop-filter: blur(12px);
115        -webkit-backdrop-filter: blur(12px);
116        border: 1px solid rgba(0, 0, 0, 0.05);
117        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
118      }
119    </style>
120    

120<script type="module" crossorigin src="/assets/index-CSQPeO9t.js"></script>

120
121    <link rel="stylesheet" crossorigin href="/assets/index-BE7Oqht0.css">
122  </head>
123  <body class="bg-white text-slate-900 antialiased overflow-x-hidden main-bg-gradient">
124    <div id="root"></div>
125  </body>
126</html>