diff --git a/LICENSE b/LICENSE
new file mode 100644
index 0000000..a1ac679
--- /dev/null
+++ b/LICENSE
@@ -0,0 +1,22 @@
+MIT License
+
+Copyright (c) 2023 Pablo Fernandez
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
diff --git a/assets/img/03_Clouds.webp b/assets/img/03_Clouds.webp
new file mode 100644
index 0000000..e01be65
Binary files /dev/null and b/assets/img/03_Clouds.webp differ
diff --git a/assets/img/07_Clouds.webp b/assets/img/07_Clouds.webp
new file mode 100644
index 0000000..9717e4f
Binary files /dev/null and b/assets/img/07_Clouds.webp differ
diff --git a/assets/img/about-1.webp b/assets/img/about-1.webp
new file mode 100644
index 0000000..52f98ae
Binary files /dev/null and b/assets/img/about-1.webp differ
diff --git a/assets/img/about-2.webp b/assets/img/about-2.webp
new file mode 100644
index 0000000..a965ec5
Binary files /dev/null and b/assets/img/about-2.webp differ
diff --git a/assets/img/about-3.webp b/assets/img/about-3.webp
new file mode 100644
index 0000000..23677b3
Binary files /dev/null and b/assets/img/about-3.webp differ
diff --git a/assets/img/apk_badge.png b/assets/img/apk_badge.png
index 477383d..e766afb 100644
Binary files a/assets/img/apk_badge.png and b/assets/img/apk_badge.png differ
diff --git a/assets/img/banga-icon.png b/assets/img/banga-icon.png
new file mode 100644
index 0000000..db9a907
Binary files /dev/null and b/assets/img/banga-icon.png differ
diff --git a/assets/img/be-your-own-bank.png b/assets/img/be-your-own-bank.png
index 0b00d18..849d1e5 100644
Binary files a/assets/img/be-your-own-bank.png and b/assets/img/be-your-own-bank.png differ
diff --git a/assets/img/be-your-own-bank.webp b/assets/img/be-your-own-bank.webp
new file mode 100644
index 0000000..641b76c
Binary files /dev/null and b/assets/img/be-your-own-bank.webp differ
diff --git a/assets/img/bg-light-mob.webp b/assets/img/bg-light-mob.webp
new file mode 100644
index 0000000..2599b97
Binary files /dev/null and b/assets/img/bg-light-mob.webp differ
diff --git a/assets/img/bg-stream-lit-2.webp b/assets/img/bg-stream-lit-2.webp
new file mode 100644
index 0000000..209dc75
Binary files /dev/null and b/assets/img/bg-stream-lit-2.webp differ
diff --git a/assets/img/favicon.ico b/assets/img/favicon.ico
new file mode 100644
index 0000000..1d7600a
Binary files /dev/null and b/assets/img/favicon.ico differ
diff --git a/assets/img/google-play-badge.png b/assets/img/google-play-badge.png
index b3d48fa..48a7290 100644
Binary files a/assets/img/google-play-badge.png and b/assets/img/google-play-badge.png differ
diff --git a/assets/img/ios-badge.png b/assets/img/ios-badge.png
index 204f738..441f132 100644
Binary files a/assets/img/ios-badge.png and b/assets/img/ios-badge.png differ
diff --git a/assets/img/machankura-phone.png b/assets/img/machankura-phone.png
new file mode 100644
index 0000000..6b74883
Binary files /dev/null and b/assets/img/machankura-phone.png differ
diff --git a/assets/img/phones-alt-2.png b/assets/img/phones-alt-2.png
index f67fde9..43df469 100644
Binary files a/assets/img/phones-alt-2.png and b/assets/img/phones-alt-2.png differ
diff --git a/assets/img/phones-des.png b/assets/img/phones-des.png
new file mode 100644
index 0000000..43df469
Binary files /dev/null and b/assets/img/phones-des.png differ
diff --git a/assets/img/phones-des.webp b/assets/img/phones-des.webp
new file mode 100644
index 0000000..4cd9b21
Binary files /dev/null and b/assets/img/phones-des.webp differ
diff --git a/assets/img/phones-mob.png b/assets/img/phones-mob.png
new file mode 100644
index 0000000..15c4176
Binary files /dev/null and b/assets/img/phones-mob.png differ
diff --git a/assets/img/phones-mob.webp b/assets/img/phones-mob.webp
new file mode 100644
index 0000000..db4a830
Binary files /dev/null and b/assets/img/phones-mob.webp differ
diff --git a/assets/img/pwaNeutralBadge.svg b/assets/img/pwaNeutralBadge.svg
new file mode 100644
index 0000000..36f6fd6
--- /dev/null
+++ b/assets/img/pwaNeutralBadge.svg
@@ -0,0 +1,2314 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ File not found
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Branch not found, redirected to default branch.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ / ... /
+ diekus /
+ diekus.github.io /
+
+
+
+
+
+
+ Clear Command Palette
+
+
+
+
+
+
+
+ Tip:
+ Type # to search pull requests
+
+
+ Type ? for help and tips
+
+
+
+
+
+
+ Tip:
+ Type # to search issues
+
+
+ Type ? for help and tips
+
+
+
+
+
+
+ Tip:
+ Type # to search discussions
+
+
+ Type ? for help and tips
+
+
+
+
+
+
+ Tip:
+ Type ! to search projects
+
+
+ Type ? for help and tips
+
+
+
+
+
+
+ Tip:
+ Type @ to search teams
+
+
+ Type ? for help and tips
+
+
+
+
+
+
+ Tip:
+ Type @ to search people and organizations
+
+
+ Type ? for help and tips
+
+
+
+
+
+
+ Tip:
+ Type > to activate command mode
+
+
+ Type ? for help and tips
+
+
+
+
+
+
+ Tip:
+ Go to your accessibility settings to change your keyboard shortcuts
+
+
+ Type ? for help and tips
+
+
+
+
+
+
+ Tip:
+ Type author:@me to search your content
+
+
+ Type ? for help and tips
+
+
+
+
+
+
+ Tip:
+ Type is:pr to filter to pull requests
+
+
+ Type ? for help and tips
+
+
+
+
+
+
+ Tip:
+ Type is:issue to filter to issues
+
+
+ Type ? for help and tips
+
+
+
+
+
+
+ Tip:
+ Type is:project to filter to projects
+
+
+ Type ? for help and tips
+
+
+
+
+
+
+ Tip:
+ Type is:open to filter to open content
+
+
+ Type ? for help and tips
+
+
+
+
+
+
+ Weβve encountered an error and some results aren't available at this time. Type a new search or try again later.
+
+
+
+ No results matched your search
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Search for issues and pull requests
+
+ #
+
+
+
+ Search for issues, pull requests, discussions, and projects
+
+ #
+
+
+
+ Search for organizations, repositories, and users
+
+ @
+
+
+
+ Search for projects
+
+ !
+
+
+
+ Search for files
+
+ /
+
+
+
+ Activate command mode
+
+ >
+
+
+
+ Search your issues, pull requests, and discussions
+
+ # author:@me
+
+
+
+ Search your issues, pull requests, and discussions
+
+ # author:@me
+
+
+
+ Filter to pull requests
+
+ # is:pr
+
+
+
+ Filter to issues
+
+ # is:issue
+
+
+
+ Filter to discussions
+
+ # is:discussion
+
+
+
+ Filter to projects
+
+ # is:project
+
+
+
+ Filter to open issues, pull requests, and discussions
+
+ # is:open
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ You canβt perform that action at this time.
+
+
+
+
+
+
+
You signed in with another tab or window. Reload to refresh your session.
+
You signed out in another tab or window. Reload to refresh your session.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/assets/img/pwa_badge.png b/assets/img/pwa_badge.png
index 7f3146b..2d80193 100644
Binary files a/assets/img/pwa_badge.png and b/assets/img/pwa_badge.png differ
diff --git a/css/main.css b/css/main.css
index 3b98fa7..55023ea 100644
--- a/css/main.css
+++ b/css/main.css
@@ -100,6 +100,7 @@ main {
}
.container {
max-width: 1200px;
+ width: 100%;
margin-left: auto;
margin-right: auto;
}
@@ -290,7 +291,7 @@ header .container {
/* Download/Hero Page */
main {
- background-image: url(../assets/img/bg-stream-lit-2.png);
+ background-image: url(../assets/img/bg-stream-lit-2.webp);
background-size: contain;
background-position: left top;
background-repeat: no-repeat;
@@ -333,6 +334,10 @@ main {
}
.downloads-container {
max-width: 75%;
+ /* ! NEW */
+ display: flex;
+ flex-wrap: wrap;
+ gap: calc(var(--padding-gen) / 4);
}
.downloads-container a {
outline: none;
@@ -1354,6 +1359,9 @@ footer {
padding-top: 0;
padding-bottom: var(--padding-gen);
}
+ .downloads-container {
+ max-width: none; /* !NEW */
+ }
.downloads-container img {
height: 40px;
}
@@ -1452,6 +1460,10 @@ footer {
}
@media screen and (max-width: 450px) {
+ main {
+ background-image: url(../assets/img/bg-light-mob.webp);
+ background-size: auto;
+ }
.banner-left {
position: relative;
z-index: 2;
diff --git a/css/main.min.css b/css/main.min.css
new file mode 100644
index 0000000..1fc26b2
--- /dev/null
+++ b/css/main.min.css
@@ -0,0 +1 @@
+*, *::before, *::after {box-sizing: border-box;margin: 0;padding: 0;}:root {--padding-gen: 20px;--padding-nav: 30px;--padding-section: 120px;--flash-yellow: #fff200;--flash-green: #41ad49;--flash-red: #d12229;--flash-off-white: #eeeeee;--flash-white: #ffffff;--flash-black: #000000;--flash-placeholder-colour: #929292;--flash-darkmode-border: #151515;--flash-darkmode-txtbg: #030503;--roboto: 'Roboto', sans-serif;;--montserrat: 'Montserrat', sans-serif;--fSize-default: 18px;--fSize-label: 14px;--fSize-placeholder: 18px;--fSize-section-header: calc(2 * var(--fSize-default));--fSize-med: 20px;--fSize-lg: 28px;--fSize-banner: 65px;--fWeight-reg: 400;--fWeight-med: 500;--fWeight-bold: 700;--transition-time: 350ms;--border-radius: 6px;font-family: var(--roboto);font-size: var(--fSize-default);font-weight: var(--fWeight-reg);}html {scroll-behavior: smooth;}body.light-mode {--bg-body: var(--flash-white);--box-shadow: #00000025;--text-colour: var(--flash-black);}body.dark-mode {--bg-body: var(--flash-black);--box-shadow: #3d3d3d18;--text-colour: var(--flash-white);}body.light-mode .dark {display: none;}body.dark-mode .light {display: none;}.warning {color: var(--flash-red);}.highlight {color: var(--flash-green);font-weight: var(--fWeight-bold);}.spacer {margin-bottom: var(--padding-gen);}body {--_dark-transition: calc(var(--transition-time) * .8);background-color: var(--bg-body);color: var(--text-colour);transition: color var(--_dark-transition), background-color var(--_dark-transition);}main {max-width: 100vw;overflow: hidden;}.container {max-width: 1200px;width: 100%;margin-left: auto;margin-right: auto;}section:not(.pg-download) > * {padding-top: var(--padding-section);}main section:last-of-type {margin-bottom: var(--padding-section);}input, textarea {color: var(--text-colour);}input::placeholder, textarea::placeholder {color: var(--flash-placeholder-colour);opacity: 1;}input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: var(--flash-placeholder-colour);opacity: 1;}input, textarea, button {font-family: 'Roboto', sans-serif;font-size: var(--fSize-default);outline: none;}textarea {padding-top: 5px;padding-bottom: 5px;}textarea.error::placeholder {color: var(--flash-red);}textarea.error:-ms-input-placeholder {color: var(--flash-red);}h2 {font-size: var(--fSize-section-header);font-weight: var(--fWeight-med);margin-bottom: 50px;}h3 {font-size: var(--fSize-lg);font-weight: var(--fWeight-med);}h4 {font-size: var(--fSize-med);font-weight: var(--fWeight-med);}h5 {font-size: var(--fSize-default);font-weight: var(--fWeight-med);}img {max-width: 100%;height: auto;}.col-2-even {display: grid;grid-template-columns: 50% 1fr;gap: 40px;}.col-3 {display: grid;grid-template-columns: 1fr 1fr 1fr;gap: var(--padding-gen);}a:not(.no-style) {color: inherit;text-decoration: none;outline: none;transition: color var(--transition-time);box-shadow: 0 3px 0 var(--flash-green);position: relative;}.custom-link {outline: none;transition: color var(--transition-time);box-shadow: 0 3px 0 var(--flash-green);position: relative;cursor: pointer;}a:not(.no-style)::after, .custom-link::after {content:"";position: absolute;bottom: -3px;right: 0;height: 3px;width: 100%;background: var(--bg-body);transition: width var(--transition-time);}a:visited {color: inherit;}a:hover, a:focus-visible, .nav-link.active, .custom-link:hover, .custom-link:focus-visible {color: var(--flash-green);}a:hover::after, a:focus-visible::after, .custom-link:hover::after, .custom-link:focus-visible::after {width: 20%;}a.greenlink {color: var(--flash-green);}button:not(.accordion-head) {padding: 0 40px;height: 40px;border-radius: 20px;border-width: 2px;border-style: solid;transition: all var(--transition-time);font-weight: var(--fWeight-med);cursor: pointer;}.button-1 {background-color: var(--flash-black);border-color: var(--flash-black);color: var(--flash-white);}.dark-mode .button-1 {background-color: var(--flash-yellow);border-color: var(--flash-yellow);color: var(--flash-black);}.button-2 {border-color: var(--text-colour);background-color: var(--bg-body);color: var(--text-colour);}button:hover:not(.accordion-head), button:focus-visible:not(.accordion-head) {background-color: var(--flash-green);border-color: var(--flash-green);color: var(--flash-white);}header {position: fixed;z-index: 999;top: 0;width: 100%;box-shadow: 0 4px 8px var(--box-shadow);background-color: var(--bg-body);}header .container {display: flex;align-items: center;justify-content: space-between;padding: 10px 0;}.main-nav {list-style: none;display: flex;gap: var(--padding-nav);font-family: var(--montserrat);font-weight: var(--fWeight-bold);}.nav-icon path, .nav-icon line {stroke: var(--text-colour);}.logo-container {height: 40px;}.logo-container a:hover::after {width: 100% !important;}.logo-container img {max-height: 100%;width: auto;}main {background-image: url(../assets/img/bg-stream-lit-2.webp);background-size: contain;background-position: left top;background-repeat: no-repeat;}.pg-download {display: grid;grid-template-areas: "hero";position: relative;}.dark-mode .pg-download {background: rgba(0,0,0,0.3);}.pg-download canvas {grid-area: hero;background-color: transparent;}.pg-download .container {min-height: 100vh;min-height: 100svh;grid-area: hero;}.banner-left {align-self: center;}.banner-txt {font-family: var(--montserrat);font-weight: bold;font-size: var(--fSize-banner);margin-bottom: calc(var(--padding-gen) / 2);line-height: 1.1;}.banner-highlight {color: var(--flash-green);font-style: italic;}.pg-download p {font-size:var(--fSize-med);font-weight: var(--fWeight-med);margin-bottom: var(--padding-gen);}.downloads-container {max-width: 75%;display: flex;flex-wrap: wrap;gap: calc(var(--padding-gen) / 4) var(--padding-gen);}.downloads-container a {outline: none;box-shadow: none;}.downloads-container a::after {content:"";position: absolute;bottom: -3px;left: 0;height: 3px;width: 0;background: var(--flash-green);transition: width var(--transition-time);}.downloads-container a:focus-visible::after {width: 80%;}.downloads-container img {height: 50px;width: auto;cursor: pointer;}.banner-right {--_padding-top: 65px;padding-top: var(--_padding-top);align-self: center;}.banner-right .hero-img-2 {position: relative;z-index: 1;max-width: 100%;height: auto;}.dark-mode .pg-about {background: rgba(0,0,0,0.3);}.bg-yellow {background-color: var(--flash-yellow);}.dark-mode .bg-yellow {background-color: var(--bg-body);background-color: transparent;}.mar-top-60 {margin-top: 60px;}.about-banner-left {padding-bottom: var(--padding-section);align-self: center;position: relative;z-index: 1;}.about-banner h2 {margin-bottom: 5px;}.about-banner p {font-size: var(--fSize-med);}.about-banner h3 {margin-bottom: 5px;}.about-banner-right {position: relative;}.about-banner-right .mtn-img {max-width: none;width: min(100%, 600px);display: block;}.mtn-img-container {position: relative;}.mtn-img-container #mtn-clouds {position: absolute;bottom: -20%;left: -10%;z-index: 1;pointer-events: none;touch-action: none;max-width: 120%;height: auto;}.mtn-img-container canvas {position: absolute;z-index: -1;}#user-lightning {z-index: 1;top: 70%;min-height: 200px;}.dark-mode .mtn-img-container::after {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 50px;background-image: linear-gradient(transparent, var(--bg-body));z-index: 0;}.slider-container {display: grid;grid-template-columns: 30% 1fr;grid-template-rows: min-content 1fr;gap: 30px;}.slider-tabs {display: grid;grid-template-columns: 1fr 1fr 1fr;gap: var(--padding-gen);padding: calc(var(--padding-gen) * 5) 0 calc(var(--padding-gen) * 1);margin-bottom: 60px;scroll-behavior: smooth;}.dark-mode .slider-tab {border-color: var(--flash-darkmode-border);border-bottom-color: var(--text-colour);}.slider-tab {border: 1px solid var(--flash-off-white);border-bottom-width: 4px;border-bottom-color: var(--text-colour);border-radius: var(--border-radius);background-color: var(--bg-body);padding: calc(var(--padding-gen) * 2) var(--padding-gen) calc(var(--padding-gen) * 3);position: relative;height: min-content;cursor: pointer;transition: transform 0.5s ease;}.hover-effect, .slider-tab.active, .slider-tab:hover, .slider-tab:focus-visible {border-bottom-color: var(--flash-green);outline: none;transform: scale(1.25);z-index: 1;}.slider-tab h3 {margin-bottom: 15px;width: max-content;}.slider-tab h3 {box-shadow: 0 3px 0 var(--flash-green);position: relative;}.slider-tab h3::after {content:"";position: absolute;bottom: -3px;right: 0;height: 3px;width: 100%;background: var(--bg-body);transition: width var(--transition-time);}.hover-effect h3::after, .slider-tab.active h3::after, .slider-tab:hover h3::after, .slider-tab:focus-visible h3::after {width: 30%;}.slider-tab img {position: absolute;right: 0;top: 100%;transform: translateY(-50%);max-width: 65px;height: auto;transition: all var(--transition-time);}.hover-effect img, .slider-tab.active img, .slider-tab:hover img, .slider-tab:focus-visible img {max-width: 100%;}.slider-msg-container {grid-column: 2/-1;grid-row: 2/-1;}.slider-msg {background: var(--flash-white);padding: var(--padding-gen) calc(var(--padding-gen) / 1.5);font-size: var(--fSize-med);position: relative;overflow: hidden;}.dark-mode .slider-msg {background: var(--flash-darkmode-txtbg);}.slider-imgs {overflow-x: auto;grid-row: 1/-1;align-self: center;display: grid;grid-template-columns: 1fr;grid-template-rows: 1fr;scrollbar-width: none;-ms-overflow-style: none;overflow: hidden;}.slider-imgs img {max-width: 100%;height: auto;scrollbar-width: none;-ms-overflow-style: none;overflow: hidden;}.slide {--_scale: 1.13;--_slide-transition: 750ms;grid-column: 1/-1;grid-row: 1/-1;position: relative;background-size: contain;background-repeat: no-repeat;background-position: top center;transition: scale var(--transition-time);cursor: pointer;animation-duration: var(--_slide-transition);animation-fill-mode: forwards;animation-timing-function: ease-in-out;scrollbar-width: none;-ms-overflow-style: none;overflow: hidden;}.slide::after {content: '';position: relative;left: 0;width: 100%;border-color: var(--bg-body);border-style: solid;border-width: 0;height: 34%;z-index: 2;transition: height var(--_slide-transition) ease-in-out;scrollbar-width: none;-ms-overflow-style: none;overflow: hidden;}.slide:nth-child(1) {clip-path: inset(0 0 67% 0);}.slide:nth-child(1)::after {top: 0;border-bottom-width: 3px;}.slide:nth-child(2) {clip-path: inset(34% 0 34% 0);}.slide:nth-child(2)::after {top: 34%;bottom: 34%;}.slide:nth-child(3) {clip-path: inset(67% 0 0 0);}.slide:nth-child(3)::after {bottom: 0;border-top-width: 3px;}.slide.active::after {height: 100%;scrollbar-width: none;-ms-overflow-style: none;overflow: hidden;}.push-effect, .slide:not(.active):hover {scale: var(--_scale);z-index: 3;scrollbar-width: none;-ms-overflow-style: none;overflow: hidden;}.slide:not(.active):hover::after {border-top-width: 0;border-bottom-width: 0;}@keyframes top-down {0% {clip-path: inset(0% 0% 67% 0%);}100% {clip-path: inset(0%);}}@keyframes top-up {0% {clip-path: inset(0%);}100% {clip-path: inset(0% 0% 67% 0%);}}@keyframes mid-out {0% {clip-path: inset(34% 0% 34% 0%);}100% {clip-path: inset(0%);}}@keyframes mid-in {0% {clip-path: inset(0%);}100% {clip-path: inset(34% 0% 34% 0%);}}@keyframes btm-up {0% {clip-path: inset(67% 0% 0% 0%);}100% {clip-path: inset(0%);}}@keyframes btm-down {0% {clip-path: inset(0%);}100% {clip-path: inset(67% 0% 0% 0%);}}.accordion {position: relative;z-index: 9;}.accordion-tab {--_head-height: 50px;margin-bottom: 5px;}.accordion-head {display: grid;grid-template-columns: 70px 1fr;width: 100%;min-height: var(--_head-height);align-content: center;text-align: left;background-color: inherit;border-top-width: 0;border-left-width: 0;border-right-width: 0;border-bottom: 2px solid var(--flash-green);border-bottom-right-radius: 10px;color: var(--text-colour);cursor: pointer;transition: color var(--transition-time), opacity var(--transition-time);}.accordion-head:hover, .accordion-head:focus-visible {color: var(--flash-green);}.accordion-label {font-size: var(--fSize-med);font-weight: var(--fWeight-med);}.accordion-head svg {width: 17px;height: 100%;margin-left: var(--padding-gen);}.accordion-head .plus, .accordion-head .minus {fill: var(--flash-green);}.accordion-body p, .accordion-body li {margin-bottom: 15px;}.accordion-body ol {padding-bottom: 10px;}.accordion-body li {margin-left: 40px;}.accordion-body {color: var(--text-colour);max-height: 0;overflow: hidden;padding: 0 70px;will-change: max-height;transition: max-height var(--transition-time) ease-out;}.accordion-body > *:first-child {margin-top: var(--padding-gen);}.accordion-body > *:last-child {margin-bottom: var(--padding-gen);}.accordion-body > * {opacity: 0;transition: opacity var(--transition-time);}.accordion-tab[data-active='active'] .accordion-body > * {opacity: 1;}.accordion-tab[data-active='inactive'] .plus {opacity: 1;}.accordion-tab[data-active='inactive'] .minus {opacity: 0;}.accordion-tab[data-active='active'] .plus {opacity: 0;}.accordion-tab[data-active='active'] .minus {opacity: 1;}.forms-bg {position: relative;min-height: 570px;}.cloud-bg {position: absolute;z-index: 2;top: -55%;left: -5%;display: block;width: 110%;pointer-events: none;touch-action: none;}.dark-mode .cloud-bg {opacity: .3;}.dark-mode .cloud-bg.fade-in {opacity: .7;transition: opacity var(--transition-time);}.dark-mode .cloud-bg.fade-out {opacity: .3;transition: opacity calc(1667ms - 1.8 * var(--transition-time));}.cloud-bg .cloud-contact {width: 100%;height: auto;}.contact-content {position: absolute;top: 0;}.dark-mode .forms-bg {background-color: transparent;}.forms-bg > *:not(canvas, .cloud-bg) {position: relative;z-index: 2;}.forms-bg canvas {position: absolute;z-index: 1;}.pg-contact .col-2-even {gap: var(--padding-gen);align-items: center;height: 100%;}.pg-contact .col-2-even form {max-width: 430px;}form {display: grid;align-items: center;justify-content: center;grid-template-columns: 1fr;grid-template-rows: 1fr;}form > * {grid-row: 1/-1;grid-column: 1/-1;}.pg-contact label {font-size: var(--fSize-label);margin-left: var(--padding-gen);}.pg-contact input, .pg-contact textarea {display: block;width: 100%;border: 2px solid var(--text-colour);background-color: var(--bg-body);border-radius: var(--border-radius);padding-left: var(--padding-gen);margin-bottom: var(--padding-gen);}.pg-contact input {height: 35px;}.pg-contact textarea {min-height: 170px;}.pg-contact input:focus-visible, .pg-contact textarea:focus-visible {border-color: var(--flash-green);}.button-container {width: 100%;display: flex;justify-content: flex-end;}.pg-contact button {display: flex;gap: 10px;align-items: center;}.pg-contact button svg, .pg-contact button .plus {height: calc(var(--fSize-default) - 5px);width: auto;}.button-1 path {stroke: var(--bg-body);transition: all var(--transition-time);}.dark-mode .button-1:hover path {stroke: var(--flash-white);}.waitlist-form {justify-self: flex-end;}.waitlist-form p {font-size: var(--fSize-default);margin-bottom: var(--padding-gen);}.button-2 .plus {fill: var(--text-colour);transition: all var(--transition-time);}.button-2:hover .plus, .button-2:focus-visible .plus {fill: var(--flash-white);}.form-success {display: none;text-align: center;}.form-success h2 {margin-bottom: 0;}.form-success *:not(svg) {text-align: center;}.success-waitlist h2{margin-bottom: var(--padding-gen);}#success-icon {max-width: 100%;height: auto;margin: calc(var(--padding-gen) * 2) auto;}.envelope path, .envelope line {stroke: var(--text-colour);}.contact-or {font-size: 96px;font-weight: var(--fWeight-bold);text-align: center;opacity: .2;}.form-error {--_bg-error: var(--bg-body);background-color: var(--_bg-error);padding: var(--padding-gen);border: 2px solid var(--text-colour);border-radius: var(--border-radius);margin: var(--padding-gen);}.form-error .btn-container {display: flex;flex-direction: column;}.form-error.hidden {display: none;}.light-mode .form-error {--_bg-error: var(--flash-off-white);}.dark-mode .form-error {--_bg-error: var(--flash-darkmode-txtbg);}.form-error p {margin-bottom: var(--padding-gen);font-size: var(--fSize-default);}.form-error button {background-color: var(--_bg-error);align-self: flex-end;}.darkmode {--_switch-height: 20px;--_switch-width: 40px;height: var(--_switch-height);position: fixed;width: 100%;bottom: var(--padding-gen);z-index: 9;}.switch-container {display: flex;align-items: center;gap: 5px;height: inherit;cursor: pointer;width: 100px;}.switch-container svg {max-height: var(--_switch-height);min-width: 20px;}.switch-container svg > * {stroke: var(--text-colour);}#icon-moon {max-height: calc(var(--_switch-height) - 3px);}.switch {position: relative;display: inline-block;width: var(--_switch-width);height: var(--_switch-height);}.dark-switch {opacity: 0;width: 0;height: 0;}.slider {position: absolute;inset: 0;border: 2px solid var(--text-colour);border-radius: calc(var(--_switch-height) / 2);background-color: var(--bg-body);transition: all var(--transition-time);}.switch-container:hover .slider, .dark-switch:focus-visible ~ .slider{background-color: var(--flash-green);}.dark-mode .switch-container:hover .slider, .dark-mode .dark-switch:focus-visible ~ .slider{background-color: var(--flash-yellow);}.slider::before {content: "";position: absolute;height: calc(var(--_switch-height) - 8px);aspect-ratio: 1;background-color: var(--flash-green);border-radius: 50%;left: 2px;top: 2px;}.dark-mode .slider::before {background-color: var(--flash-yellow);}.dark-switch:checked + .slider::before {left: calc(var(--_switch-width) - var(--_switch-height) + 2px);}.switch-container:hover .slider::before, .dark-switch:focus-visible ~ .slider::before{background-color: var(--bg-body);}.spaceholder {height: 20px;width: 100%;}footer {margin-top: var(--padding-gen);}.footer-top > .container, .footer-btm > .container {display: flex;justify-content: space-between;}.footer-top {background-color: var(--bg-body);box-shadow: 0 -4px 8px var(--box-shadow);}.footer-links {display: flex;align-items: center;gap: var(--padding-gen);}.footer-links .logo {max-width: 175px;margin: 30px 30px 30px 0;}.footer-links a:hover::after {width: 100% !important;}.footer-links .badge {max-height: 52px;width: auto;cursor: pointer;}.footer-links .badge.ios {height: 52px;}.footer-top .credits, .footer-mid {font-size: var(--fSize-label);align-self: center;}.footer-top .credits p, .footer-mid p {margin-bottom: 5px;}.footer-mid {height: 0;transition: height var(--transition-time);overflow: hidden;text-align: right }.footer-mid.open {height: calc(3 * var(--fSize-label));}.footer-btm {background: var(--flash-green);color: var(--flash-black);height: 75px;}.dark-mode .footer-btm {background: var(--flash-yellow);}.footer-btm > .container {height: inherit;align-items: center;}.copyright {font-size: var(--fSize-label);display: flex;align-items: center;gap: 5px;}.copyright span {font-size: var(--fSize-default);}.socials {display: flex;gap: var(--padding-gen);}.socials a {text-decoration: none;}.socials img {max-height: 35px;width: auto;transition: scale calc(var(--transition-time) / 2);}.socials img:hover {scale: 1.1;}.loading-screen {position: fixed;z-index: 99;top: 0;left: 0;width: 100%;height: 100%;background-color: var(--bg-body);display: flex;flex-direction: column;align-items: center;justify-content: center;}.progress-bar {--_bar-height: 5px;--_animation-name: '';width: 60vw;height: var(--_bar-height);border-radius: calc(var(--_bar-height) / 2);background-color: var(--text-colour);position: relative;}.progress-bar::before {content: '';display: block;position: absolute;height: inherit;width: 0;top: 0;left: 0;border-radius: inherit;background-color: var(--flash-green);animation: var(--_animation-name) 2s linear infinite;}@keyframes page-load {0% {width: 0;}100% {width: 100%;}}@media screen and (max-width: 1239px) {.container, header .container {padding-left: var(--padding-gen);padding-right: var(--padding-gen);}.col-2-even {display: block;}.pg-download .col-2-even {display: grid;grid-template-columns: 50% 1fr;gap: 40px;}.about-banner-left {padding-bottom: calc(var(--padding-section) / 2);}.mtn-img {margin-left: auto;margin-right: auto;}.mtn-img-container #mtn-clouds {left: 50%;transform: translateX(-50%);width: min(130%, 630px);}#user-lightning {left: 50%;transform: translateX(-50%);}.slider-tabs {overflow: scroll;height: 370px;margin-bottom: 0;padding-top: calc(var(--padding-gen) * 3);}.slider-tab {min-width: 210px;}.cloud-bg {top: -370px;}.pg-contact form {margin: calc(var(--padding-gen) * 3) auto;}.waitlist-form {padding-top: 60px;}}@media screen and (max-width: 1069px) {.slider-container {grid-template-columns: 30% 1fr;}.slider-imgs {grid-row: 1/2;}.slider-tabs {align-self: center;margin-bottom: 0;padding-top: calc(var(--padding-gen) * 3);}.slider-msg-container {grid-column: 1/-1;}.slider-overlay {width: 0;}.cloud-bg {top: -315px;}.footer-top > .container {flex-direction: column;align-items: center;}.footer-top .credits {align-self: auto;display: flex;flex-wrap: wrap;justify-content: center;column-gap: 20px;margin-bottom: 10px;}.footer-mid {text-align: center;}}@media screen and (max-width: 899px) {.pg-download .col-2-even {--hero-img-height: 60%;grid-template-columns: 1fr;grid-template-rows: auto var(--hero-img-height);height: 100svh;}.download-bg {height: 100% }.download-bg img {margin-top: 0;height: 100%;width: auto;max-width: none;}.banner-left {align-self: flex-end;padding-top: var(--padding-section);}.banner-right {padding-top: 0;justify-self: center;text-align: center;}.mtn-img-container {max-width: 600px;margin: 0 auto;}.cloud-bg {top: -150px;}.cloud-contact.desktop-only {display: none;}.cloud-contact.mobile-only {display: block;}}@media screen and (min-width: 800px) {.mobile-only {display: none;}}@media screen and (max-width:799px) {.desktop-only {display: none;}nav {position: relative;}.main-nav {position: fixed;top: 0;height: 100vh;right: 0;flex-direction: column;min-width: min(60vw, 250px);padding: var(--padding-gen);background-color: var(--bg-body);box-shadow: -4px 0 8px var(--box-shadow);transition: transform var(--transition-time);}.main-nav[data-mob-state='closed'] {transform: translateX(100%);}.main-nav[data-mob-state='open'] {transform: translateX(0);}.main-nav li {transition: opacity 100ms;}.main-nav > li:first-child {margin-bottom: calc(var(--padding-nav) * 2);text-align: right;}.slider-container {grid-template-columns: 40% 1fr;}.footer-links .logo {margin-right: 0;}.footer-links a {display: none;}}@media screen and (max-width: 619px) {body {--fSize-default: 14px;--fSize-section-header: 32px;--fSize-med: 16px;--fSize-lg: 18px;--fSize-banner: 48px;}input, textarea, button {font-size: var(--fSize-lg);}main {background-size: 200%;}.pg-download {background-position: center left;}.pg-download .col-2-even {display: block;padding-top: var(--padding-section);}.banner-left {padding-top: 0;padding-bottom: var(--padding-gen);}.downloads-container {max-width: none;}.downloads-container img {height: 40px;}.mar-top-60 {margin-top: 30px;}.about-banner-left {padding-bottom: var(--padding-gen);}.about-banner-right .mtn-img {max-width: max(70vw, 320px);}.about-banner-right::before {width: auto;left: calc(var(--padding-gen) * -1);right: calc(var(--padding-gen) * -1);}#user-lightning {left: calc(var(--padding-gen) * -1);transform: translateX(0);}.slider-container {grid-template-rows: max-content auto 1fr;}.frame-container {grid-template-rows: 1fr;grid-template-columns: 1fr min(70vw, 320px) 1fr;grid-template-areas: "a frame b";}.slider-overlay {width: 100%;}.slider-imgs, .slider-tabs, .slider-msg-container {grid-column: 1/-1;}.slider-imgs img {max-width: min(71vw, 320px);}.slider-msg-container {grid-row: 3/-1;}.slider-tabs {padding-top: var(--padding-gen);padding-bottom: 0;height: 250px;}.slider-tabs h3 {font-size: calc(var(--fSize-med) * 1.5);}.slider-tab {padding: var(--padding-gen) var(--padding-gen) calc(var(--padding-gen) * 2);}.slider-tab p {font-size: var(--fSize-med);margin-top: var(--padding-gen);}.slider-msg {font-size: var(--fSize-lg);}.slide {text-align: center;}.phone-frame {left: 50%;transform:translateX(-50%);}.accordion-head {grid-template-columns: 30px 1fr;}.accordion-head svg {width: 14px;margin-left: 0;}.accordion-tab[data-active="active"] .accordion-body {padding: var(--padding-gen) 30px var(--padding-gen) 10px;}.accordion-body {font-size: var(--fSize-med);}.cloud-bg {top: -135px;}.pg-contact button svg, .pg-contact button .plus {height: calc(var(--fSize-lg) - 5px);}.footer-btm > .container {flex-direction: column-reverse;align-items: center;justify-content: center;}}@media screen and (max-width: 450px) {main {background-image: url(../assets/img/bg-light-mob.webp);background-size: auto;}.banner-left {position: relative;z-index: 2;}.dark-mode .pg-download {background-color: rgba(0,0,0,0.4);}.cloud-bg {top: -90px;}.footer-top .credits {font-size: 12px;}}
\ No newline at end of file
diff --git a/css/support.css b/css/support.css
new file mode 100644
index 0000000..5bb1138
--- /dev/null
+++ b/css/support.css
@@ -0,0 +1,1688 @@
+.qr.svelte-2fcki1.svelte-2fcki1 {
+ display: block;
+ shape-rendering: crispEdges;
+ transform: translateZ(0)
+}
+
+.qr.svelte-2fcki1 rect.svelte-2fcki1 {
+ fill: var(--qr-color, 'currentColor')
+}
+
+.svelte-1x5ct6j,
+.svelte-1x5ct6j::before,
+.svelte-1x5ct6j::after {
+ box-sizing: border-box;
+ border-width: 0;
+ border-style: solid;
+ border-color: #e5e7eb
+}
+
+.svelte-1x5ct6j::before,
+.svelte-1x5ct6j::after {
+ --tw-content: ''
+}
+
+h1.svelte-1x5ct6j {
+ font-size: inherit;
+ font-weight: inherit
+}
+
+button.svelte-1x5ct6j {
+ font-family: inherit;
+ font-size: 100%;
+ font-weight: inherit;
+ line-height: inherit;
+ color: inherit;
+ margin: 0;
+ padding: 0
+}
+
+button.svelte-1x5ct6j {
+ text-transform: none
+}
+
+button.svelte-1x5ct6j {
+ -webkit-appearance: button;
+ background-color: transparent;
+ background-image: none
+}
+
+.svelte-1x5ct6j:-moz-focusring {
+ outline: auto
+}
+
+.svelte-1x5ct6j:-moz-ui-invalid {
+ box-shadow: none
+}
+
+.svelte-1x5ct6j::-webkit-inner-spin-button,
+.svelte-1x5ct6j::-webkit-outer-spin-button {
+ height: auto
+}
+
+.svelte-1x5ct6j::-webkit-search-decoration {
+ -webkit-appearance: none
+}
+
+.svelte-1x5ct6j::-webkit-file-upload-button {
+ -webkit-appearance: button;
+ font: inherit
+}
+
+h1.svelte-1x5ct6j,
+p.svelte-1x5ct6j {
+ margin: 0
+}
+
+button.svelte-1x5ct6j {
+ cursor: pointer
+}
+
+.svelte-1x5ct6j:disabled {
+ cursor: default
+}
+
+.svelte-1x5ct6j,
+.svelte-1x5ct6j::before,
+.svelte-1x5ct6j::after {
+ --tw-border-spacing-x: 0;
+ --tw-border-spacing-y: 0;
+ --tw-translate-x: 0;
+ --tw-translate-y: 0;
+ --tw-rotate: 0;
+ --tw-skew-x: 0;
+ --tw-skew-y: 0;
+ --tw-scale-x: 1;
+ --tw-scale-y: 1;
+ --tw-pan-x: ;
+ --tw-pan-y: ;
+ --tw-pinch-zoom: ;
+ --tw-scroll-snap-strictness: proximity;
+ --tw-ordinal: ;
+ --tw-slashed-zero: ;
+ --tw-numeric-figure: ;
+ --tw-numeric-spacing: ;
+ --tw-numeric-fraction: ;
+ --tw-ring-inset: ;
+ --tw-ring-offset-width: 0px;
+ --tw-ring-offset-color: #fff;
+ --tw-ring-color: rgb(59 130 246 / 0.5);
+ --tw-ring-offset-shadow: 0 0 #0000;
+ --tw-ring-shadow: 0 0 #0000;
+ --tw-shadow: 0 0 #0000;
+ --tw-shadow-colored: 0 0 #0000;
+ --tw-blur: ;
+ --tw-brightness: ;
+ --tw-contrast: ;
+ --tw-grayscale: ;
+ --tw-hue-rotate: ;
+ --tw-invert: ;
+ --tw-saturate: ;
+ --tw-sepia: ;
+ --tw-drop-shadow: ;
+ --tw-backdrop-blur: ;
+ --tw-backdrop-brightness: ;
+ --tw-backdrop-contrast: ;
+ --tw-backdrop-grayscale: ;
+ --tw-backdrop-hue-rotate: ;
+ --tw-backdrop-invert: ;
+ --tw-backdrop-opacity: ;
+ --tw-backdrop-saturate: ;
+ --tw-backdrop-sepia:
+}
+
+.svelte-1x5ct6j::backdrop {
+ --tw-border-spacing-x: 0;
+ --tw-border-spacing-y: 0;
+ --tw-translate-x: 0;
+ --tw-translate-y: 0;
+ --tw-rotate: 0;
+ --tw-skew-x: 0;
+ --tw-skew-y: 0;
+ --tw-scale-x: 1;
+ --tw-scale-y: 1;
+ --tw-pan-x: ;
+ --tw-pan-y: ;
+ --tw-pinch-zoom: ;
+ --tw-scroll-snap-strictness: proximity;
+ --tw-ordinal: ;
+ --tw-slashed-zero: ;
+ --tw-numeric-figure: ;
+ --tw-numeric-spacing: ;
+ --tw-numeric-fraction: ;
+ --tw-ring-inset: ;
+ --tw-ring-offset-width: 0px;
+ --tw-ring-offset-color: #fff;
+ --tw-ring-color: rgb(59 130 246 / 0.5);
+ --tw-ring-offset-shadow: 0 0 #0000;
+ --tw-ring-shadow: 0 0 #0000;
+ --tw-shadow: 0 0 #0000;
+ --tw-shadow-colored: 0 0 #0000;
+ --tw-blur: ;
+ --tw-brightness: ;
+ --tw-contrast: ;
+ --tw-grayscale: ;
+ --tw-hue-rotate: ;
+ --tw-invert: ;
+ --tw-saturate: ;
+ --tw-sepia: ;
+ --tw-drop-shadow: ;
+ --tw-backdrop-blur: ;
+ --tw-backdrop-brightness: ;
+ --tw-backdrop-contrast: ;
+ --tw-backdrop-grayscale: ;
+ --tw-backdrop-hue-rotate: ;
+ --tw-backdrop-invert: ;
+ --tw-backdrop-opacity: ;
+ --tw-backdrop-saturate: ;
+ --tw-backdrop-sepia:
+}
+
+@media(min-width: 640px) {}
+
+@media(min-width: 768px) {}
+
+@media(min-width: 1024px) {}
+
+@media(min-width: 1280px) {}
+
+@media(min-width: 1536px) {}
+
+.mb-3.svelte-1x5ct6j {
+ margin-bottom: 0.75rem
+}
+
+.flex.svelte-1x5ct6j {
+ display: flex
+}
+
+.w-full.svelte-1x5ct6j {
+ width: 100%
+}
+
+.flex-col.svelte-1x5ct6j {
+ flex-direction: column
+}
+
+.gap-1.svelte-1x5ct6j {
+ gap: 0.25rem
+}
+
+.rounded-xl.svelte-1x5ct6j {
+ border-radius: 0.75rem
+}
+
+.bg-white.svelte-1x5ct6j {
+ --tw-bg-opacity: 1;
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity))
+}
+
+.bg-purple-900.svelte-1x5ct6j {
+ --tw-bg-opacity: 1;
+ background-color: rgb(88 28 135 / var(--tw-bg-opacity))
+}
+
+.p-2.svelte-1x5ct6j {
+ padding: 0.5rem
+}
+
+.p-3.svelte-1x5ct6j {
+ padding: 0.75rem
+}
+
+.p-4.svelte-1x5ct6j {
+ padding: 1rem
+}
+
+.text-center.svelte-1x5ct6j {
+ text-align: center
+}
+
+.text-xs.svelte-1x5ct6j {
+ font-size: 0.75rem;
+ line-height: 1rem
+}
+
+.text-xl.svelte-1x5ct6j {
+ font-size: 1.25rem;
+ line-height: 1.75rem
+}
+
+.font-bold.svelte-1x5ct6j {
+ font-weight: 700
+}
+
+.text-white.svelte-1x5ct6j {
+ --tw-text-opacity: 1;
+ color: rgb(255 255 255 / var(--tw-text-opacity))
+}
+
+.text-gray-200.svelte-1x5ct6j {
+ --tw-text-opacity: 1;
+ color: rgb(229 231 235 / var(--tw-text-opacity))
+}
+
+.text-gray-600.svelte-1x5ct6j {
+ --tw-text-opacity: 1;
+ color: rgb(75 85 99 / var(--tw-text-opacity))
+}
+
+.text-gray-400.svelte-1x5ct6j {
+ --tw-text-opacity: 1;
+ color: rgb(156 163 175 / var(--tw-text-opacity))
+}
+
+.text-gray-300.svelte-1x5ct6j {
+ --tw-text-opacity: 1;
+ color: rgb(209 213 219 / var(--tw-text-opacity))
+}
+
+.hover\:bg-purple-700.svelte-1x5ct6j:hover {
+ --tw-bg-opacity: 1;
+ background-color: rgb(126 34 206 / var(--tw-bg-opacity))
+}
+
+@media(prefers-color-scheme: dark) {}
+
+@media(min-width: 768px) {}
+
+@media(min-width: 1024px) {}
+
+@media(min-width: 1280px) {}
+
+.svelte-1x5ct6j,
+.svelte-1x5ct6j::before,
+.svelte-1x5ct6j::after {
+ box-sizing: border-box;
+ border-width: 0;
+ border-style: solid;
+ border-color: #e5e7eb
+}
+
+.svelte-1x5ct6j::before,
+.svelte-1x5ct6j::after {
+ --tw-content: ''
+}
+
+a.svelte-1x5ct6j {
+ color: inherit;
+ text-decoration: inherit
+}
+
+button.svelte-1x5ct6j {
+ font-family: inherit;
+ font-size: 100%;
+ font-weight: inherit;
+ line-height: inherit;
+ color: inherit;
+ margin: 0;
+ padding: 0
+}
+
+button.svelte-1x5ct6j {
+ text-transform: none
+}
+
+button.svelte-1x5ct6j {
+ -webkit-appearance: button;
+ background-color: transparent;
+ background-image: none
+}
+
+.svelte-1x5ct6j:-moz-focusring {
+ outline: auto
+}
+
+.svelte-1x5ct6j:-moz-ui-invalid {
+ box-shadow: none
+}
+
+.svelte-1x5ct6j::-webkit-inner-spin-button,
+.svelte-1x5ct6j::-webkit-outer-spin-button {
+ height: auto
+}
+
+.svelte-1x5ct6j::-webkit-search-decoration {
+ -webkit-appearance: none
+}
+
+.svelte-1x5ct6j::-webkit-file-upload-button {
+ -webkit-appearance: button;
+ font: inherit
+}
+
+p.svelte-1x5ct6j {
+ margin: 0
+}
+
+button.svelte-1x5ct6j {
+ cursor: pointer
+}
+
+.svelte-1x5ct6j:disabled {
+ cursor: default
+}
+
+img.svelte-1x5ct6j {
+ display: block;
+ vertical-align: middle
+}
+
+img.svelte-1x5ct6j {
+ max-width: 100%;
+ height: auto
+}
+
+.svelte-1x5ct6j,
+.svelte-1x5ct6j::before,
+.svelte-1x5ct6j::after {
+ --tw-border-spacing-x: 0;
+ --tw-border-spacing-y: 0;
+ --tw-translate-x: 0;
+ --tw-translate-y: 0;
+ --tw-rotate: 0;
+ --tw-skew-x: 0;
+ --tw-skew-y: 0;
+ --tw-scale-x: 1;
+ --tw-scale-y: 1;
+ --tw-pan-x: ;
+ --tw-pan-y: ;
+ --tw-pinch-zoom: ;
+ --tw-scroll-snap-strictness: proximity;
+ --tw-ordinal: ;
+ --tw-slashed-zero: ;
+ --tw-numeric-figure: ;
+ --tw-numeric-spacing: ;
+ --tw-numeric-fraction: ;
+ --tw-ring-inset: ;
+ --tw-ring-offset-width: 0px;
+ --tw-ring-offset-color: #fff;
+ --tw-ring-color: rgb(59 130 246 / 0.5);
+ --tw-ring-offset-shadow: 0 0 #0000;
+ --tw-ring-shadow: 0 0 #0000;
+ --tw-shadow: 0 0 #0000;
+ --tw-shadow-colored: 0 0 #0000;
+ --tw-blur: ;
+ --tw-brightness: ;
+ --tw-contrast: ;
+ --tw-grayscale: ;
+ --tw-hue-rotate: ;
+ --tw-invert: ;
+ --tw-saturate: ;
+ --tw-sepia: ;
+ --tw-drop-shadow: ;
+ --tw-backdrop-blur: ;
+ --tw-backdrop-brightness: ;
+ --tw-backdrop-contrast: ;
+ --tw-backdrop-grayscale: ;
+ --tw-backdrop-hue-rotate: ;
+ --tw-backdrop-invert: ;
+ --tw-backdrop-opacity: ;
+ --tw-backdrop-saturate: ;
+ --tw-backdrop-sepia:
+}
+
+.svelte-1x5ct6j::backdrop {
+ --tw-border-spacing-x: 0;
+ --tw-border-spacing-y: 0;
+ --tw-translate-x: 0;
+ --tw-translate-y: 0;
+ --tw-rotate: 0;
+ --tw-skew-x: 0;
+ --tw-skew-y: 0;
+ --tw-scale-x: 1;
+ --tw-scale-y: 1;
+ --tw-pan-x: ;
+ --tw-pan-y: ;
+ --tw-pinch-zoom: ;
+ --tw-scroll-snap-strictness: proximity;
+ --tw-ordinal: ;
+ --tw-slashed-zero: ;
+ --tw-numeric-figure: ;
+ --tw-numeric-spacing: ;
+ --tw-numeric-fraction: ;
+ --tw-ring-inset: ;
+ --tw-ring-offset-width: 0px;
+ --tw-ring-offset-color: #fff;
+ --tw-ring-color: rgb(59 130 246 / 0.5);
+ --tw-ring-offset-shadow: 0 0 #0000;
+ --tw-ring-shadow: 0 0 #0000;
+ --tw-shadow: 0 0 #0000;
+ --tw-shadow-colored: 0 0 #0000;
+ --tw-blur: ;
+ --tw-brightness: ;
+ --tw-contrast: ;
+ --tw-grayscale: ;
+ --tw-hue-rotate: ;
+ --tw-invert: ;
+ --tw-saturate: ;
+ --tw-sepia: ;
+ --tw-drop-shadow: ;
+ --tw-backdrop-blur: ;
+ --tw-backdrop-brightness: ;
+ --tw-backdrop-contrast: ;
+ --tw-backdrop-grayscale: ;
+ --tw-backdrop-hue-rotate: ;
+ --tw-backdrop-invert: ;
+ --tw-backdrop-opacity: ;
+ --tw-backdrop-saturate: ;
+ --tw-backdrop-sepia:
+}
+
+@media(min-width: 640px) {}
+
+@media(min-width: 768px) {}
+
+@media(min-width: 1024px) {}
+
+@media(min-width: 1280px) {}
+
+@media(min-width: 1536px) {}
+
+.absolute.svelte-1x5ct6j {
+ position: absolute
+}
+
+.relative.svelte-1x5ct6j {
+ position: relative
+}
+
+.z-10.svelte-1x5ct6j {
+ z-index: 10
+}
+
+.my-4.svelte-1x5ct6j {
+ margin-top: 1rem;
+ margin-bottom: 1rem
+}
+
+.mb-3.svelte-1x5ct6j {
+ margin-bottom: 0.75rem
+}
+
+.ml-5.svelte-1x5ct6j {
+ margin-left: 1.25rem
+}
+
+.mt-10.svelte-1x5ct6j {
+ margin-top: 2.5rem
+}
+
+.mt-1.svelte-1x5ct6j {
+ margin-top: 0.25rem
+}
+
+.block.svelte-1x5ct6j {
+ display: block
+}
+
+.flex.svelte-1x5ct6j {
+ display: flex
+}
+
+.h-8.svelte-1x5ct6j {
+ height: 2rem
+}
+
+.h-12.svelte-1x5ct6j {
+ height: 3rem
+}
+
+.max-h-64.svelte-1x5ct6j {
+ max-height: 16rem
+}
+
+.w-full.svelte-1x5ct6j {
+ width: 100%
+}
+
+.w-8.svelte-1x5ct6j {
+ width: 2rem
+}
+
+.w-12.svelte-1x5ct6j {
+ width: 3rem
+}
+
+.min-w-fit.svelte-1x5ct6j {
+ min-width: -moz-fit-content;
+ min-width: fit-content
+}
+
+.cursor-pointer.svelte-1x5ct6j {
+ cursor: pointer
+}
+
+.flex-row.svelte-1x5ct6j {
+ flex-direction: row
+}
+
+.flex-row-reverse.svelte-1x5ct6j {
+ flex-direction: row-reverse
+}
+
+.flex-col.svelte-1x5ct6j {
+ flex-direction: column
+}
+
+.items-center.svelte-1x5ct6j {
+ align-items: center
+}
+
+.items-stretch.svelte-1x5ct6j {
+ align-items: stretch
+}
+
+.justify-center.svelte-1x5ct6j {
+ justify-content: center
+}
+
+.justify-between.svelte-1x5ct6j {
+ justify-content: space-between
+}
+
+.gap-4.svelte-1x5ct6j {
+ gap: 1rem
+}
+
+.gap-2.svelte-1x5ct6j {
+ gap: 0.5rem
+}
+
+.gap-3.svelte-1x5ct6j {
+ gap: 0.75rem
+}
+
+.overflow-auto.svelte-1x5ct6j {
+ overflow: auto
+}
+
+.overflow-hidden.svelte-1x5ct6j {
+ overflow: hidden
+}
+
+.overflow-clip.svelte-1x5ct6j {
+ overflow: clip
+}
+
+.text-ellipsis.svelte-1x5ct6j {
+ text-overflow: ellipsis
+}
+
+.text-clip.svelte-1x5ct6j {
+ text-overflow: clip
+}
+
+.whitespace-nowrap.svelte-1x5ct6j {
+ white-space: nowrap
+}
+
+.rounded-full.svelte-1x5ct6j {
+ border-radius: 9999px
+}
+
+.rounded-2xl.svelte-1x5ct6j {
+ border-radius: 1rem
+}
+
+.rounded-t-xl.svelte-1x5ct6j {
+ border-top-left-radius: 0.75rem;
+ border-top-right-radius: 0.75rem
+}
+
+.border.svelte-1x5ct6j {
+ border-width: 1px
+}
+
+.border-2.svelte-1x5ct6j {
+ border-width: 2px
+}
+
+.border-l.svelte-1x5ct6j {
+ border-left-width: 1px
+}
+
+.border-gray-200.svelte-1x5ct6j {
+ --tw-border-opacity: 1;
+ border-color: rgb(229 231 235 / var(--tw-border-opacity))
+}
+
+.border-slate-200.svelte-1x5ct6j {
+ --tw-border-opacity: 1;
+ border-color: rgb(226 232 240 / var(--tw-border-opacity))
+}
+
+.border-l-gray-400.svelte-1x5ct6j {
+ --tw-border-opacity: 1;
+ border-left-color: rgb(156 163 175 / var(--tw-border-opacity))
+}
+
+.bg-purple-700.svelte-1x5ct6j {
+ --tw-bg-opacity: 1;
+ background-color: rgb(126 34 206 / var(--tw-bg-opacity))
+}
+
+.bg-white.svelte-1x5ct6j {
+ --tw-bg-opacity: 1;
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity))
+}
+
+.bg-orange-500.svelte-1x5ct6j {
+ --tw-bg-opacity: 1;
+ background-color: rgb(249 115 22 / var(--tw-bg-opacity))
+}
+
+.bg-black.svelte-1x5ct6j {
+ --tw-bg-opacity: 1;
+ background-color: rgb(0 0 0 / var(--tw-bg-opacity))
+}
+
+.p-3.svelte-1x5ct6j {
+ padding: 0.75rem
+}
+
+.p-4.svelte-1x5ct6j {
+ padding: 1rem
+}
+
+.py-2.svelte-1x5ct6j {
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem
+}
+
+.pl-5.svelte-1x5ct6j {
+ padding-left: 1.25rem
+}
+
+.text-center.svelte-1x5ct6j {
+ text-align: center
+}
+
+.text-xs.svelte-1x5ct6j {
+ font-size: 0.75rem;
+ line-height: 1rem
+}
+
+.text-xl.svelte-1x5ct6j {
+ font-size: 1.25rem;
+ line-height: 1.75rem
+}
+
+.text-base.svelte-1x5ct6j {
+ font-size: 1rem;
+ line-height: 1.5rem
+}
+
+.font-semibold.svelte-1x5ct6j {
+ font-weight: 600
+}
+
+.text-white.svelte-1x5ct6j {
+ --tw-text-opacity: 1;
+ color: rgb(255 255 255 / var(--tw-text-opacity))
+}
+
+.text-gray-400.svelte-1x5ct6j {
+ --tw-text-opacity: 1;
+ color: rgb(156 163 175 / var(--tw-text-opacity))
+}
+
+.text-orange-500.svelte-1x5ct6j {
+ --tw-text-opacity: 1;
+ color: rgb(249 115 22 / var(--tw-text-opacity))
+}
+
+.text-gray-900.svelte-1x5ct6j {
+ --tw-text-opacity: 1;
+ color: rgb(17 24 39 / var(--tw-text-opacity))
+}
+
+.text-purple-500.svelte-1x5ct6j {
+ --tw-text-opacity: 1;
+ color: rgb(168 85 247 / var(--tw-text-opacity))
+}
+
+.opacity-100.svelte-1x5ct6j {
+ opacity: 1
+}
+
+.opacity-10.svelte-1x5ct6j {
+ opacity: 0.1
+}
+
+.shadow-sm.svelte-1x5ct6j {
+ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
+}
+
+.ring-4.svelte-1x5ct6j {
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
+}
+
+.ring-purple-700.svelte-1x5ct6j {
+ --tw-ring-opacity: 1;
+ --tw-ring-color: rgb(126 34 206 / var(--tw-ring-opacity))
+}
+
+.drop-shadow-xl.svelte-1x5ct6j {
+ --tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08));
+ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
+}
+
+.hover\:bg-orange-500.svelte-1x5ct6j:hover {
+ --tw-bg-opacity: 1;
+ background-color: rgb(249 115 22 / var(--tw-bg-opacity))
+}
+
+.hover\:bg-slate-100.svelte-1x5ct6j:hover {
+ --tw-bg-opacity: 1;
+ background-color: rgb(241 245 249 / var(--tw-bg-opacity))
+}
+
+.hover\:opacity-100.svelte-1x5ct6j:hover {
+ opacity: 1
+}
+
+@media(prefers-color-scheme: dark) {}
+
+@media(min-width: 768px) {}
+
+@media(min-width: 1024px) {}
+
+@media(min-width: 1280px) {}
+
+.svelte-1x5ct6j,
+.svelte-1x5ct6j::before,
+.svelte-1x5ct6j::after {
+ box-sizing: border-box;
+ border-width: 0;
+ border-style: solid;
+ border-color: #e5e7eb
+}
+
+.svelte-1x5ct6j::before,
+.svelte-1x5ct6j::after {
+ --tw-content: ''
+}
+
+h1.svelte-1x5ct6j {
+ font-size: inherit;
+ font-weight: inherit
+}
+
+a.svelte-1x5ct6j {
+ color: inherit;
+ text-decoration: inherit
+}
+
+b.svelte-1x5ct6j {
+ font-weight: bolder
+}
+
+button.svelte-1x5ct6j,
+textarea.svelte-1x5ct6j {
+ font-family: inherit;
+ font-size: 100%;
+ font-weight: inherit;
+ line-height: inherit;
+ color: inherit;
+ margin: 0;
+ padding: 0
+}
+
+button.svelte-1x5ct6j {
+ text-transform: none
+}
+
+button.svelte-1x5ct6j,
+[type='button'].svelte-1x5ct6j {
+ -webkit-appearance: button;
+ background-color: transparent;
+ background-image: none
+}
+
+.svelte-1x5ct6j:-moz-focusring {
+ outline: auto
+}
+
+.svelte-1x5ct6j:-moz-ui-invalid {
+ box-shadow: none
+}
+
+.svelte-1x5ct6j::-webkit-inner-spin-button,
+.svelte-1x5ct6j::-webkit-outer-spin-button {
+ height: auto
+}
+
+.svelte-1x5ct6j::-webkit-search-decoration {
+ -webkit-appearance: none
+}
+
+.svelte-1x5ct6j::-webkit-file-upload-button {
+ -webkit-appearance: button;
+ font: inherit
+}
+
+h1.svelte-1x5ct6j {
+ margin: 0
+}
+
+textarea.svelte-1x5ct6j {
+ resize: vertical
+}
+
+textarea.svelte-1x5ct6j::-moz-placeholder {
+ opacity: 1;
+ color: #9ca3af
+}
+
+textarea.svelte-1x5ct6j::placeholder {
+ opacity: 1;
+ color: #9ca3af
+}
+
+button.svelte-1x5ct6j {
+ cursor: pointer
+}
+
+.svelte-1x5ct6j:disabled {
+ cursor: default
+}
+
+svg.svelte-1x5ct6j {
+ display: block;
+ vertical-align: middle
+}
+
+.svelte-1x5ct6j,
+.svelte-1x5ct6j::before,
+.svelte-1x5ct6j::after {
+ --tw-border-spacing-x: 0;
+ --tw-border-spacing-y: 0;
+ --tw-translate-x: 0;
+ --tw-translate-y: 0;
+ --tw-rotate: 0;
+ --tw-skew-x: 0;
+ --tw-skew-y: 0;
+ --tw-scale-x: 1;
+ --tw-scale-y: 1;
+ --tw-pan-x: ;
+ --tw-pan-y: ;
+ --tw-pinch-zoom: ;
+ --tw-scroll-snap-strictness: proximity;
+ --tw-ordinal: ;
+ --tw-slashed-zero: ;
+ --tw-numeric-figure: ;
+ --tw-numeric-spacing: ;
+ --tw-numeric-fraction: ;
+ --tw-ring-inset: ;
+ --tw-ring-offset-width: 0px;
+ --tw-ring-offset-color: #fff;
+ --tw-ring-color: rgb(59 130 246 / 0.5);
+ --tw-ring-offset-shadow: 0 0 #0000;
+ --tw-ring-shadow: 0 0 #0000;
+ --tw-shadow: 0 0 #0000;
+ --tw-shadow-colored: 0 0 #0000;
+ --tw-blur: ;
+ --tw-brightness: ;
+ --tw-contrast: ;
+ --tw-grayscale: ;
+ --tw-hue-rotate: ;
+ --tw-invert: ;
+ --tw-saturate: ;
+ --tw-sepia: ;
+ --tw-drop-shadow: ;
+ --tw-backdrop-blur: ;
+ --tw-backdrop-brightness: ;
+ --tw-backdrop-contrast: ;
+ --tw-backdrop-grayscale: ;
+ --tw-backdrop-hue-rotate: ;
+ --tw-backdrop-invert: ;
+ --tw-backdrop-opacity: ;
+ --tw-backdrop-saturate: ;
+ --tw-backdrop-sepia:
+}
+
+.svelte-1x5ct6j::backdrop {
+ --tw-border-spacing-x: 0;
+ --tw-border-spacing-y: 0;
+ --tw-translate-x: 0;
+ --tw-translate-y: 0;
+ --tw-rotate: 0;
+ --tw-skew-x: 0;
+ --tw-skew-y: 0;
+ --tw-scale-x: 1;
+ --tw-scale-y: 1;
+ --tw-pan-x: ;
+ --tw-pan-y: ;
+ --tw-pinch-zoom: ;
+ --tw-scroll-snap-strictness: proximity;
+ --tw-ordinal: ;
+ --tw-slashed-zero: ;
+ --tw-numeric-figure: ;
+ --tw-numeric-spacing: ;
+ --tw-numeric-fraction: ;
+ --tw-ring-inset: ;
+ --tw-ring-offset-width: 0px;
+ --tw-ring-offset-color: #fff;
+ --tw-ring-color: rgb(59 130 246 / 0.5);
+ --tw-ring-offset-shadow: 0 0 #0000;
+ --tw-ring-shadow: 0 0 #0000;
+ --tw-shadow: 0 0 #0000;
+ --tw-shadow-colored: 0 0 #0000;
+ --tw-blur: ;
+ --tw-brightness: ;
+ --tw-contrast: ;
+ --tw-grayscale: ;
+ --tw-hue-rotate: ;
+ --tw-invert: ;
+ --tw-saturate: ;
+ --tw-sepia: ;
+ --tw-drop-shadow: ;
+ --tw-backdrop-blur: ;
+ --tw-backdrop-brightness: ;
+ --tw-backdrop-contrast: ;
+ --tw-backdrop-grayscale: ;
+ --tw-backdrop-hue-rotate: ;
+ --tw-backdrop-invert: ;
+ --tw-backdrop-opacity: ;
+ --tw-backdrop-saturate: ;
+ --tw-backdrop-sepia:
+}
+
+@media(min-width: 640px) {}
+
+@media(min-width: 768px) {}
+
+@media(min-width: 1024px) {}
+
+@media(min-width: 1280px) {}
+
+@media(min-width: 1536px) {}
+
+.-mx-4.svelte-1x5ct6j {
+ margin-left: -1rem;
+ margin-right: -1rem
+}
+
+.my-2.svelte-1x5ct6j {
+ margin-top: 0.5rem;
+ margin-bottom: 0.5rem
+}
+
+.-mx-1.svelte-1x5ct6j {
+ margin-left: -0.25rem;
+ margin-right: -0.25rem
+}
+
+.-mt-5.svelte-1x5ct6j {
+ margin-top: -1.25rem
+}
+
+.mb-3.svelte-1x5ct6j {
+ margin-bottom: 0.75rem
+}
+
+.mt-2.svelte-1x5ct6j {
+ margin-top: 0.5rem
+}
+
+.ml-2.svelte-1x5ct6j {
+ margin-left: 0.5rem
+}
+
+.-mb-2.svelte-1x5ct6j {
+ margin-bottom: -0.5rem
+}
+
+.inline-block.svelte-1x5ct6j {
+ display: inline-block
+}
+
+.flex.svelte-1x5ct6j {
+ display: flex
+}
+
+.inline-flex.svelte-1x5ct6j {
+ display: inline-flex
+}
+
+.h-2.svelte-1x5ct6j {
+ height: 0.5rem
+}
+
+.h-6.svelte-1x5ct6j {
+ height: 1.5rem
+}
+
+.w-2.svelte-1x5ct6j {
+ width: 0.5rem
+}
+
+.w-6.svelte-1x5ct6j {
+ width: 1.5rem
+}
+
+.w-full.svelte-1x5ct6j {
+ width: 100%
+}
+
+.rotate-90.svelte-1x5ct6j {
+ --tw-rotate: 90deg;
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+}
+
+.resize-none.svelte-1x5ct6j {
+ resize: none
+}
+
+.flex-row.svelte-1x5ct6j {
+ flex-direction: row
+}
+
+.flex-col.svelte-1x5ct6j {
+ flex-direction: column
+}
+
+.items-end.svelte-1x5ct6j {
+ align-items: flex-end
+}
+
+.items-center.svelte-1x5ct6j {
+ align-items: center
+}
+
+.justify-between.svelte-1x5ct6j {
+ justify-content: space-between
+}
+
+.gap-1.svelte-1x5ct6j {
+ gap: 0.25rem
+}
+
+.gap-4.svelte-1x5ct6j {
+ gap: 1rem
+}
+
+.gap-2.svelte-1x5ct6j {
+ gap: 0.5rem
+}
+
+.overflow-auto.svelte-1x5ct6j {
+ overflow: auto
+}
+
+.overflow-hidden.svelte-1x5ct6j {
+ overflow: hidden
+}
+
+.overflow-clip.svelte-1x5ct6j {
+ overflow: clip
+}
+
+.text-ellipsis.svelte-1x5ct6j {
+ text-overflow: ellipsis
+}
+
+.whitespace-nowrap.svelte-1x5ct6j {
+ white-space: nowrap
+}
+
+.rounded-full.svelte-1x5ct6j {
+ border-radius: 9999px
+}
+
+.rounded-xl.svelte-1x5ct6j {
+ border-radius: 0.75rem
+}
+
+.border.svelte-1x5ct6j {
+ border-width: 1px
+}
+
+.border-y.svelte-1x5ct6j {
+ border-top-width: 1px;
+ border-bottom-width: 1px
+}
+
+.border-transparent.svelte-1x5ct6j {
+ border-color: transparent
+}
+
+.border-y-slate-200.svelte-1x5ct6j {
+ --tw-border-opacity: 1;
+ border-top-color: rgb(226 232 240 / var(--tw-border-opacity));
+ border-bottom-color: rgb(226 232 240 / var(--tw-border-opacity))
+}
+
+.bg-purple-700.svelte-1x5ct6j {
+ --tw-bg-opacity: 1;
+ background-color: rgb(126 34 206 / var(--tw-bg-opacity))
+}
+
+.bg-green-500.svelte-1x5ct6j {
+ --tw-bg-opacity: 1;
+ background-color: rgb(34 197 94 / var(--tw-bg-opacity))
+}
+
+.bg-gray-300.svelte-1x5ct6j {
+ --tw-bg-opacity: 1;
+ background-color: rgb(209 213 219 / var(--tw-bg-opacity))
+}
+
+.bg-slate-100.svelte-1x5ct6j {
+ --tw-bg-opacity: 1;
+ background-color: rgb(241 245 249 / var(--tw-bg-opacity))
+}
+
+.p-2.svelte-1x5ct6j {
+ padding: 0.5rem
+}
+
+.p-3.svelte-1x5ct6j {
+ padding: 0.75rem
+}
+
+.px-4.svelte-1x5ct6j {
+ padding-left: 1rem;
+ padding-right: 1rem
+}
+
+.py-3.svelte-1x5ct6j {
+ padding-top: 0.75rem;
+ padding-bottom: 0.75rem
+}
+
+.py-2.svelte-1x5ct6j {
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem
+}
+
+.text-lg.svelte-1x5ct6j {
+ font-size: 1.125rem;
+ line-height: 1.75rem
+}
+
+.text-xs.svelte-1x5ct6j {
+ font-size: 0.75rem;
+ line-height: 1rem
+}
+
+.text-sm.svelte-1x5ct6j {
+ font-size: 0.875rem;
+ line-height: 1.25rem
+}
+
+.font-semibold.svelte-1x5ct6j {
+ font-weight: 600
+}
+
+.text-white.svelte-1x5ct6j {
+ --tw-text-opacity: 1;
+ color: rgb(255 255 255 / var(--tw-text-opacity))
+}
+
+.text-gray-200.svelte-1x5ct6j {
+ --tw-text-opacity: 1;
+ color: rgb(229 231 235 / var(--tw-text-opacity))
+}
+
+.text-black.svelte-1x5ct6j {
+ --tw-text-opacity: 1;
+ color: rgb(0 0 0 / var(--tw-text-opacity))
+}
+
+.text-gray-600.svelte-1x5ct6j {
+ --tw-text-opacity: 1;
+ color: rgb(75 85 99 / var(--tw-text-opacity))
+}
+
+.shadow-sm.svelte-1x5ct6j {
+ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
+}
+
+.hover\:bg-purple-600.svelte-1x5ct6j:hover {
+ --tw-bg-opacity: 1;
+ background-color: rgb(147 51 234 / var(--tw-bg-opacity))
+}
+
+.focus\:outline-none.svelte-1x5ct6j:focus {
+ outline: 2px solid transparent;
+ outline-offset: 2px
+}
+
+.focus\:ring-2.svelte-1x5ct6j:focus {
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
+}
+
+.focus\:ring-purple-500.svelte-1x5ct6j:focus {
+ --tw-ring-opacity: 1;
+ --tw-ring-color: rgb(168 85 247 / var(--tw-ring-opacity))
+}
+
+.focus\:ring-offset-2.svelte-1x5ct6j:focus {
+ --tw-ring-offset-width: 2px
+}
+
+@media(prefers-color-scheme: dark) {}
+
+@media(min-width: 768px) {}
+
+@media(min-width: 1024px) {}
+
+@media(min-width: 1280px) {}
+
+@media(min-width: 640px) {}
+
+@media(min-width: 768px) {}
+
+@media(min-width: 1024px) {}
+
+@media(min-width: 1280px) {}
+
+@media(min-width: 1536px) {}
+
+@media(prefers-color-scheme: dark) {}
+
+@media(min-width: 768px) {}
+
+@media(min-width: 1024px) {}
+
+@media(min-width: 1280px) {}
+
+.svelte-1x5ct6j,
+.svelte-1x5ct6j::before,
+.svelte-1x5ct6j::after {
+ box-sizing: border-box;
+ border-width: 0;
+ border-style: solid;
+ border-color: #e5e7eb
+}
+
+.svelte-1x5ct6j::before,
+.svelte-1x5ct6j::after {
+ --tw-content: ''
+}
+
+h1.svelte-1x5ct6j {
+ font-size: inherit;
+ font-weight: inherit
+}
+
+a.svelte-1x5ct6j {
+ color: inherit;
+ text-decoration: inherit
+}
+
+button.svelte-1x5ct6j {
+ font-family: inherit;
+ font-size: 100%;
+ font-weight: inherit;
+ line-height: inherit;
+ color: inherit;
+ margin: 0;
+ padding: 0
+}
+
+button.svelte-1x5ct6j {
+ text-transform: none
+}
+
+button.svelte-1x5ct6j {
+ -webkit-appearance: button;
+ background-color: transparent;
+ background-image: none
+}
+
+.svelte-1x5ct6j:-moz-focusring {
+ outline: auto
+}
+
+.svelte-1x5ct6j:-moz-ui-invalid {
+ box-shadow: none
+}
+
+.svelte-1x5ct6j::-webkit-inner-spin-button,
+.svelte-1x5ct6j::-webkit-outer-spin-button {
+ height: auto
+}
+
+.svelte-1x5ct6j::-webkit-search-decoration {
+ -webkit-appearance: none
+}
+
+.svelte-1x5ct6j::-webkit-file-upload-button {
+ -webkit-appearance: button;
+ font: inherit
+}
+
+h1.svelte-1x5ct6j,
+p.svelte-1x5ct6j {
+ margin: 0
+}
+
+button.svelte-1x5ct6j {
+ cursor: pointer
+}
+
+.svelte-1x5ct6j:disabled {
+ cursor: default
+}
+
+svg.svelte-1x5ct6j {
+ display: block;
+ vertical-align: middle
+}
+
+.svelte-1x5ct6j,
+.svelte-1x5ct6j::before,
+.svelte-1x5ct6j::after {
+ --tw-border-spacing-x: 0;
+ --tw-border-spacing-y: 0;
+ --tw-translate-x: 0;
+ --tw-translate-y: 0;
+ --tw-rotate: 0;
+ --tw-skew-x: 0;
+ --tw-skew-y: 0;
+ --tw-scale-x: 1;
+ --tw-scale-y: 1;
+ --tw-pan-x: ;
+ --tw-pan-y: ;
+ --tw-pinch-zoom: ;
+ --tw-scroll-snap-strictness: proximity;
+ --tw-ordinal: ;
+ --tw-slashed-zero: ;
+ --tw-numeric-figure: ;
+ --tw-numeric-spacing: ;
+ --tw-numeric-fraction: ;
+ --tw-ring-inset: ;
+ --tw-ring-offset-width: 0px;
+ --tw-ring-offset-color: #fff;
+ --tw-ring-color: rgb(59 130 246 / 0.5);
+ --tw-ring-offset-shadow: 0 0 #0000;
+ --tw-ring-shadow: 0 0 #0000;
+ --tw-shadow: 0 0 #0000;
+ --tw-shadow-colored: 0 0 #0000;
+ --tw-blur: ;
+ --tw-brightness: ;
+ --tw-contrast: ;
+ --tw-grayscale: ;
+ --tw-hue-rotate: ;
+ --tw-invert: ;
+ --tw-saturate: ;
+ --tw-sepia: ;
+ --tw-drop-shadow: ;
+ --tw-backdrop-blur: ;
+ --tw-backdrop-brightness: ;
+ --tw-backdrop-contrast: ;
+ --tw-backdrop-grayscale: ;
+ --tw-backdrop-hue-rotate: ;
+ --tw-backdrop-invert: ;
+ --tw-backdrop-opacity: ;
+ --tw-backdrop-saturate: ;
+ --tw-backdrop-sepia:
+}
+
+.svelte-1x5ct6j::backdrop {
+ --tw-border-spacing-x: 0;
+ --tw-border-spacing-y: 0;
+ --tw-translate-x: 0;
+ --tw-translate-y: 0;
+ --tw-rotate: 0;
+ --tw-skew-x: 0;
+ --tw-skew-y: 0;
+ --tw-scale-x: 1;
+ --tw-scale-y: 1;
+ --tw-pan-x: ;
+ --tw-pan-y: ;
+ --tw-pinch-zoom: ;
+ --tw-scroll-snap-strictness: proximity;
+ --tw-ordinal: ;
+ --tw-slashed-zero: ;
+ --tw-numeric-figure: ;
+ --tw-numeric-spacing: ;
+ --tw-numeric-fraction: ;
+ --tw-ring-inset: ;
+ --tw-ring-offset-width: 0px;
+ --tw-ring-offset-color: #fff;
+ --tw-ring-color: rgb(59 130 246 / 0.5);
+ --tw-ring-offset-shadow: 0 0 #0000;
+ --tw-ring-shadow: 0 0 #0000;
+ --tw-shadow: 0 0 #0000;
+ --tw-shadow-colored: 0 0 #0000;
+ --tw-blur: ;
+ --tw-brightness: ;
+ --tw-contrast: ;
+ --tw-grayscale: ;
+ --tw-hue-rotate: ;
+ --tw-invert: ;
+ --tw-saturate: ;
+ --tw-sepia: ;
+ --tw-drop-shadow: ;
+ --tw-backdrop-blur: ;
+ --tw-backdrop-brightness: ;
+ --tw-backdrop-contrast: ;
+ --tw-backdrop-grayscale: ;
+ --tw-backdrop-hue-rotate: ;
+ --tw-backdrop-invert: ;
+ --tw-backdrop-opacity: ;
+ --tw-backdrop-saturate: ;
+ --tw-backdrop-sepia:
+}
+
+@media(min-width: 640px) {}
+
+@media(min-width: 768px) {}
+
+@media(min-width: 1024px) {}
+
+@media(min-width: 1280px) {}
+
+@media(min-width: 1536px) {}
+
+.fixed.svelte-1x5ct6j {
+ position: fixed
+}
+
+.bottom-5.svelte-1x5ct6j {
+ bottom: 1.25rem
+}
+
+.right-5.svelte-1x5ct6j {
+ right: 1.25rem
+}
+
+.mb-3.svelte-1x5ct6j {
+ margin-bottom: 0.75rem
+}
+
+.mb-5.svelte-1x5ct6j {
+ margin-bottom: 1.25rem
+}
+
+.mt-3.svelte-1x5ct6j {
+ margin-top: 0.75rem
+}
+
+.flex.svelte-1x5ct6j {
+ display: flex
+}
+
+.hidden.svelte-1x5ct6j {
+ display: none
+}
+
+.w-full.svelte-1x5ct6j {
+ width: 100%
+}
+
+.w-96.svelte-1x5ct6j {
+ width: 24rem
+}
+
+.max-w-screen-sm.svelte-1x5ct6j {
+ max-width: 640px
+}
+
+.flex-row.svelte-1x5ct6j {
+ flex-direction: row
+}
+
+.flex-col.svelte-1x5ct6j {
+ flex-direction: column
+}
+
+.items-center.svelte-1x5ct6j {
+ align-items: center
+}
+
+.justify-end.svelte-1x5ct6j {
+ justify-content: flex-end
+}
+
+.gap-4.svelte-1x5ct6j {
+ gap: 1rem
+}
+
+.self-end.svelte-1x5ct6j {
+ align-self: flex-end
+}
+
+.overflow-auto.svelte-1x5ct6j {
+ overflow: auto
+}
+
+.rounded-full.svelte-1x5ct6j {
+ border-radius: 9999px
+}
+
+.rounded-xl.svelte-1x5ct6j {
+ border-radius: 0.75rem
+}
+
+.rounded-3xl.svelte-1x5ct6j {
+ border-radius: 1.5rem
+}
+
+.bg-purple-900.svelte-1x5ct6j {
+ --tw-bg-opacity: 1;
+ background-color: rgb(88 28 135 / var(--tw-bg-opacity))
+}
+
+.bg-white\/90.svelte-1x5ct6j {
+ background-color: rgb(255 255 255 / 0.9)
+}
+
+.p-2.svelte-1x5ct6j {
+ padding: 0.5rem
+}
+
+.p-5.svelte-1x5ct6j {
+ padding: 1.25rem
+}
+
+.py-4.svelte-1x5ct6j {
+ padding-top: 1rem;
+ padding-bottom: 1rem
+}
+
+.text-center.svelte-1x5ct6j {
+ text-align: center
+}
+
+.font-sans.svelte-1x5ct6j {
+ font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
+}
+
+.text-xl.svelte-1x5ct6j {
+ font-size: 1.25rem;
+ line-height: 1.75rem
+}
+
+.text-2xl.svelte-1x5ct6j {
+ font-size: 1.5rem;
+ line-height: 2rem
+}
+
+.font-semibold.svelte-1x5ct6j {
+ font-weight: 600
+}
+
+.font-bold.svelte-1x5ct6j {
+ font-weight: 700
+}
+
+.uppercase.svelte-1x5ct6j {
+ text-transform: uppercase
+}
+
+.tracking-wide.svelte-1x5ct6j {
+ letter-spacing: 0.025em
+}
+
+.tracking-wider.svelte-1x5ct6j {
+ letter-spacing: 0.05em
+}
+
+.text-white.svelte-1x5ct6j {
+ --tw-text-opacity: 1;
+ color: rgb(255 255 255 / var(--tw-text-opacity))
+}
+
+.text-black.svelte-1x5ct6j {
+ --tw-text-opacity: 1;
+ color: rgb(0 0 0 / var(--tw-text-opacity))
+}
+
+.text-purple-700.svelte-1x5ct6j {
+ --tw-text-opacity: 1;
+ color: rgb(126 34 206 / var(--tw-text-opacity))
+}
+
+.text-gray-700.svelte-1x5ct6j {
+ --tw-text-opacity: 1;
+ color: rgb(55 65 81 / var(--tw-text-opacity))
+}
+
+.text-purple-300.svelte-1x5ct6j {
+ --tw-text-opacity: 1;
+ color: rgb(216 180 254 / var(--tw-text-opacity))
+}
+
+.shadow-2xl.svelte-1x5ct6j {
+ --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
+ --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
+}
+
+.backdrop-blur-md.svelte-1x5ct6j {
+ --tw-backdrop-blur: blur(12px);
+ -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+ backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
+}
+
+.backdrop-brightness-150.svelte-1x5ct6j {
+ --tw-backdrop-brightness: brightness(1.5);
+ -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+ backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
+}
+
+.hover\:bg-purple-700.svelte-1x5ct6j:hover {
+ --tw-bg-opacity: 1;
+ background-color: rgb(126 34 206 / var(--tw-bg-opacity))
+}
+
+@media(prefers-color-scheme: dark) {}
+
+@media(min-width: 768px) {}
+
+@media(min-width: 1024px) {}
+
+@media(min-width: 1280px) {}
\ No newline at end of file
diff --git a/favicon.png b/favicon.png
new file mode 100644
index 0000000..825b9e6
Binary files /dev/null and b/favicon.png differ
diff --git a/index.html b/index.html
index 3a23464..5c955aa 100644
--- a/index.html
+++ b/index.html
@@ -1,363 +1,814 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
- Flash | Global Cash
-
-
-
-
-
-
-
-
-
-
-
-
Global Cash
-
in a Flash
-
Move cash around the world at lightning speed
-
-
-
-
+
Flash | Global Cash
+
+
+
-
-
-
+
+
+
+
+
-
-
Be Your Own Bank
-
Made with convenience and ease of use in mind, Flash gives you the power of a bank account in the palm of your hand
-
Pay Less To Move Cash
-
Flash removes the middlemen when moving cash, lowering cost and increasing the speed of transactions
-
-
No Signup Needed
-
No ID, no Mobile Number, no Email. Just download Flash and you are ready to receive cash!
-
-
-
-
-
-
-
+
+
Global Cash
+
+ in a Flash
+
+
Move cash around the world at lightning speed
+
+
+
+
+
+
-
-
-
Flash is for Everyone
-
-
Buying, Selling, Building, Creating or Connecting - Flash can electrify whatever it is that you do in life. Earning, saving and spending, made easy
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
Be Your Own Bank
+
+ Made with convenience and ease of use in mind, Flash gives you
+ the power of a bank account in the palm of your hand
+
+
Pay Less To Move Cash
+
+ Flash removes the middlemen when moving cash, lowering cost and
+ increasing the speed of transactions
+
+
+
No Signup Needed
+
+ No ID, no Mobile Number, no Email. Just
+ download Flash and you are ready to
+ receive cash!
+
-
-
-
-
-
-
Flash Cash
-
Send and receive cash instantly for free
-
+
+
+
Flash is for Everyone
+
+
+ Buying, Selling, Building, Creating or Connecting - Flash can
+ electrify whatever it is that you do in life. Earning, saving and
+ spending, made easy
+
+
+
+
+
+
-
-
Flash Pay
-
Start accepting payment in seconds on any device
-
+
+
+
+
+
Flash Cash
+
Send and receive cash instantly for free
+
+
+
+
Flash Pay
+
Start accepting payment in seconds on any device
+
+
+
+
Flash Business
+
Add a cash-in and cash-out point to your business
+
+
-
-
Flash Business
-
Add a cash-in and cash-out point to your business
-
+
+
+
+
+ Select one of the boxes to learn more about the many features
+ of Flash
+
+
-
-
-
-
Select one of the boxes to learn more about the many features of Flash
+
+
+
+
+
+
+
+
+
Frequently Asked Questions
+
+
-
-
-
+
+
-
-
-
+
+