html,body,#main {
box-sizing: border-box;
margin: 0;
padding: 0;
}
:root {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
* {
box-sizing: border-box;
-webkit-font-smoothing: inherit;
}
h1,h2,h3,h4,h5,h6,p,figure {
margin: 0;
}
body,input,textarea,select,button {
font-family: sans-serif;
font-size: 12px;
}
body {
--token-3c23a715-9cc6-4622-9c1d-31267541ea7f: #fff;
--token-db788891-ba10-4012-9273-117ab7af4ea3: #0a0a0a;
--token-68c5c5f5-0e58-4492-b1b9-f805d76d95e8: #646464;
--token-ead78c25-61c2-4dbd-ab91-81844bb73469: #fafafa;
--token-9dc0c0fe-cfd7-4346-b8bf-156a4b1e4ce3: #0000000a;
--token-aebe4520-8d50-43bc-a572-98166dacd3fb: #0000000f;
--token-7177bb40-68f3-44ac-9bc5-36e94c02a67a: #fb411f;
--token-00140c59-4f87-4d8a-ab95-8858e6e7932f: #fa1e64;
--token-4ee1dd3e-c38f-4b16-a394-7bbd222023a6: #e20aff;
--token-f3ed8519-b8e0-4d86-b6e9-eaa878e2c843: #60f;
--token-f4b57233-9dba-495f-8ca2-7a3e8905c3ad: #00000080;
--token-65043ad0-ae66-4aa8-a980-ad193b869ab2: #000;
--token-c350441e-2736-45e6-877e-207da59d7dcc: #f2f2f2;
--token-49d4c8d9-c1f7-42d2-aef0-e4197c80fb61: #fff;
--token-53d3902a-bd98-4922-8567-08d38e24d66c: #787878;
--token-ab6b075a-e2eb-47fe-8c97-8f3747b4f73a: #e20aff33;
--token-653b443a-947e-40bc-a48e-8b3cf911ec44: #e6e6e6;
--token-26675f0a-9d4b-4b58-a4c2-fdeac7361988: #fafafa;
}
@supports (z-index:calc(infinity)) {
#__framer-badge-container {
--infinity: infinity;
}
}
#__framer-badge-container {
pointer-events: none;
width: 100%;
z-index: calc(var(--infinity,2147480000));
justify-content: flex-end;
padding: 20px;
display: flex;
position: fixed;
bottom: 0;
}
@supports (background:-webkit-named-image(i)) and (not (grid-template-rows:subgrid)) {
body {
--framer-will-change-override: transform;
}
}
@supports (background:-webkit-named-image(i)) and (not (position-area:top right)) {
body {
--framer-will-change-filter-override: filter;
}
}
[data-framer-component-type=Text] div div span,[data-framer-component-type=Text] a div span,[data-framer-component-type=Text] span span span,[data-framer-component-type=Text] p span span,[data-framer-component-type=Text] h1 span span,[data-framer-component-type=Text] h2 span span,[data-framer-component-type=Text] h3 span span,[data-framer-component-type=Text] h4 span span,[data-framer-component-type=Text] h5 span span,[data-framer-component-type=Text] h6 span span,[data-framer-component-type=Text] a {
font-family: var(--font-family);
font-style: var(--font-style);
font-weight: min(calc(var(--framer-font-weight-increase,0) + var(--font-weight,400)),900);
color: var(--text-color);
letter-spacing: var(--letter-spacing);
font-size: var(--font-size);
text-transform: var(--text-transform);
--text-decoration: var(--framer-text-decoration-style,solid)var(--framer-text-decoration,none)var(--framer-text-decoration-color,currentcolor)var(--framer-text-decoration-thickness,auto);
--text-decoration-skip-ink: var(--framer-text-decoration-skip-ink);
--text-underline-offset: var(--framer-text-decoration-offset);
line-height: var(--line-height);
--font-family: var(--framer-font-family);
--font-style: var(--framer-font-style);
--font-weight: var(--framer-font-weight);
--text-color: var(--framer-text-color);
--letter-spacing: var(--framer-letter-spacing);
--font-size: var(--framer-font-size);
--text-transform: var(--framer-text-transform);
--line-height: var(--framer-line-height);
}
@supports not (color:color(display-p3 1 1 1)) {
p.template-text,div.template-text,h1.template-text,h2.template-text,h3.template-text,h4.template-text,h5.template-text,h6.template-text,li.template-text,ol.template-text,ul.template-text,span.template-text:not([data-text-fill]) {
color: var(--framer-blockquote-text-color-rgb,var(--framer-blockquote-text-color,var(--framer-text-color-rgb,var(--framer-text-color,#000))));
-webkit-text-stroke-color: var(--framer-text-stroke-color-rgb,var(--framer-text-stroke-color,initial));
}
mark.template-text {
background-color: var(--framer-blockquote-text-background-color-rgb,var(--framer-blockquote-text-background-color,var(--framer-text-background-color-rgb,var(--framer-text-background-color,initial))));
}
}
@supports not (color:color(display-p3 1 1 1)) {
code.template-text,code.template-text span.template-text:not([data-text-fill]) {
color: var(--framer-blockquote-text-color-rgb,var(--framer-blockquote-text-color,var(--framer-code-text-color-rgb,var(--framer-code-text-color,var(--framer-text-color-rgb,var(--framer-text-color,#000))))));
}
}
@supports not (color:color(display-p3 1 1 1)) {
a.template-text,span.template-text[data-nested-link] {
color: var(--framer-link-text-color-rgb,var(--framer-link-text-color,var(--framer-blockquote-text-color-rgb,var(--framer-blockquote-text-color,var(--framer-text-color-rgb,var(--framer-text-color,#000))))));
background-color: var(--framer-link-text-background-color-rgb,var(--framer-link-text-background-color,initial));
-webkit-text-decoration-color: var(--framer-link-text-decoration-color-rgb,var(--framer-link-text-decoration-color,var(--framer-text-decoration-color-rgb,var(--framer-text-decoration-color,currentcolor))));
text-decoration-color: var(--framer-link-text-decoration-color-rgb,var(--framer-link-text-decoration-color,var(--framer-text-decoration-color-rgb,var(--framer-text-decoration-color,currentcolor))));
}
}
@supports not (color:color(display-p3 1 1 1)) {
code.template-text a.template-text,code.template-text a.template-text span.template-text:not([data-text-fill]),code.template-text span.template-text[data-nested-link],code.template-text span.template-text[data-nested-link] span.template-text:not([data-text-fill]) {
color: var(--framer-link-text-color-rgb,var(--framer-link-text-color,var(--framer-blockquote-text-color-rgb,var(--framer-blockquote-text-color,var(--framer-code-text-color-rgb,var(--framer-code-text-color,var(--framer-text-color-rgb,var(--framer-text-color,#000))))))));
}
}
@supports not (color:color(display-p3 1 1 1)) {
a.template-text:hover,span.template-text[data-nested-link]:hover {
color: var(--framer-link-hover-text-color-rgb,var(--framer-link-hover-text-color,var(--framer-link-text-color-rgb,var(--framer-link-text-color,var(--framer-blockquote-text-color-rgb,var(--framer-blockquote-text-color,var(--framer-text-color-rgb,var(--framer-text-color,#000))))))));
background-color: var(--framer-link-hover-text-background-color-rgb,var(--framer-link-hover-text-background-color,var(--framer-link-text-background-color-rgb,var(--framer-link-text-background-color,var(--framer-text-background-color-rgb,var(--framer-text-background-color,initial))))));
-webkit-text-decoration-color: var(--framer-link-hover-text-decoration-color-rgb,var(--framer-link-hover-text-decoration-color,var(--framer-link-text-decoration-color-rgb,var(--framer-link-text-decoration-color,var(--framer-text-decoration-color-rgb,var(--framer-text-decoration-color,currentcolor))))));
text-decoration-color: var(--framer-link-hover-text-decoration-color-rgb,var(--framer-link-hover-text-decoration-color,var(--framer-link-text-decoration-color-rgb,var(--framer-link-text-decoration-color,var(--framer-text-decoration-color-rgb,var(--framer-text-decoration-color,currentcolor))))));
}
}
@supports not (color:color(display-p3 1 1 1)) {
code.template-text a.template-text:hover,code.template-text span.template-text[data-nested-link]:hover {
color: var(--framer-link-hover-text-color-rgb,var(--framer-link-hover-text-color,var(--framer-link-text-color-rgb,var(--framer-link-text-color,var(--framer-blockquote-text-color-rgb,var(--framer-blockquote-text-color,var(--framer-code-text-color-rgb,var(--framer-code-text-color,var(--framer-text-color-rgb,var(--framer-text-color,#000))))))))));
}
}
@supports not (color:color(display-p3 1 1 1)) {
a.template-text[data-framer-page-link-current],span.template-text[data-framer-page-link-current] {
color: var(--framer-link-current-text-color-rgb,var(--framer-link-current-text-color,var(--framer-link-text-color-rgb,var(--framer-link-text-color,var(--framer-text-color-rgb,var(--framer-text-color,#000))))));
background-color: var(--framer-link-current-text-background-color-rgb,var(--framer-link-current-text-background-color,var(--framer-link-text-background-color-rgb,var(--framer-link-text-background-color,var(--framer-text-background-color-rgb,var(--framer-text-background-color,initial))))));
-webkit-text-decoration-color: var(--framer-link-current-text-decoration-color-rgb,var(--framer-link-current-text-decoration-color,var(--framer-link-text-decoration-color-rgb,var(--framer-link-text-decoration-color,var(--framer-text-decoration-color-rgb,var(--framer-text-decoration-color,currentcolor))))));
text-decoration-color: var(--framer-link-current-text-decoration-color-rgb,var(--framer-link-current-text-decoration-color,var(--framer-link-text-decoration-color-rgb,var(--framer-link-text-decoration-color,var(--framer-text-decoration-color-rgb,var(--framer-text-decoration-color,currentcolor))))));
}
}
@supports not (color:color(display-p3 1 1 1)) {
code.template-text a.template-text[data-framer-page-link-current],code.template-text a.template-text[data-framer-page-link-current] span.template-text:not([data-text-fill]),code.template-text span.template-text[data-framer-page-link-current],code.template-text span.template-text[data-framer-page-link-current] span.template-text:not([data-text-fill]) {
color: var(--framer-link-current-text-color-rgb,var(--framer-link-current-text-color,var(--framer-link-text-color-rgb,var(--framer-link-text-color,var(--framer-code-text-color-rgb,var(--framer-code-text-color,var(--framer-text-color-rgb,var(--framer-text-color,#000))))))));
background-color: var(--framer-link-current-text-background-color-rgb,var(--framer-link-current-text-background-color,var(--framer-link-text-background-color-rgb,var(--framer-link-text-background-color,var(--framer-text-background-color-rgb,var(--framer-text-background-color,initial))))));
}
}
@supports not (color:color(display-p3 1 1 1)) {
a.template-text[data-framer-page-link-current]:hover,span.template-text[data-framer-page-link-current]:hover {
color: var(--framer-link-hover-text-color-rgb,var(--framer-link-hover-text-color,var(--framer-link-current-text-color-rgb,var(--framer-link-current-text-color,var(--framer-link-text-color-rgb,var(--framer-link-text-color,var(--framer-code-text-color-rgb,var(--framer-code-text-color,var(--framer-text-color-rgb,var(--framer-text-color,#000))))))))));
background-color: var(--framer-link-hover-text-background-color-rgb,var(--framer-link-hover-text-background-color,var(--framer-link-current-text-background-color-rgb,var(--framer-link-current-text-background-color,var(--framer-link-text-background-color-rgb,var(--framer-link-text-background-color,initial))))));
-webkit-text-decoration-color: var(--framer-link-hover-text-decoration-color-rgb,var(--framer-link-hover-text-decoration-color,var(--framer-link-current-text-decoration-color-rgb,var(--framer-link-current-text-decoration-color,var(--framer-link-text-decoration-color-rgb,var(--framer-link-text-decoration-color,var(--framer-text-decoration-color-rgb,var(--framer-text-decoration-color,currentcolor))))))));
text-decoration-color: var(--framer-link-hover-text-decoration-color-rgb,var(--framer-link-hover-text-decoration-color,var(--framer-link-current-text-decoration-color-rgb,var(--framer-link-current-text-decoration-color,var(--framer-link-text-decoration-color-rgb,var(--framer-link-text-decoration-color,var(--framer-text-decoration-color-rgb,var(--framer-text-decoration-color,currentcolor))))))));
}
}
@supports not (color:color(display-p3 1 1 1)) {
code.template-text a.template-text[data-framer-page-link-current]:hover,code.template-text a.template-text[data-framer-page-link-current]:hover span.template-text:not([data-text-fill]),code.template-text span.template-text[data-framer-page-link-current]:hover,code.template-text span.template-text[data-framer-page-link-current]:hover span.template-text:not([data-text-fill]) {
color: var(--framer-link-hover-text-color-rgb,var(--framer-link-hover-text-color,var(--framer-link-current-text-color-rgb,var(--framer-link-current-text-color,var(--framer-link-text-color-rgb,var(--framer-link-text-color,var(--framer-code-text-color-rgb,var(--framer-code-text-color,var(--framer-text-color-rgb,var(--framer-text-color,#000))))))))));
background-color: var(--framer-link-hover-text-background-color-rgb,var(--framer-link-hover-text-background-color,var(--framer-link-current-text-background-color-rgb,var(--framer-link-current-text-background-color,var(--framer-link-text-background-color-rgb,var(--framer-link-text-background-color,initial))))));
}
}
@supports not (overflow:clip) {
:root {
--overflow-clip-fallback: hidden;
}
}
@supports (background:-webkit-named-image(i)) and (not (contain-intrinsic-size:inherit)) {
div.template-text,p.template-text,h1.template-text,h2.template-text,h3.template-text,h4.template-text,h5.template-text,h6.template-text,ol.template-text,ul.template-text,li.template-text,blockquote.template-text,.template-text.template-legacy-component-82 {
display: var(--text-truncation-display-inline-for-safari-16,revert);
}
div.template-text:after,p.template-text:after,h1.template-text:after,h2.template-text:after,h3.template-text:after,h4.template-text:after,h5.template-text:after,h6.template-text:after,ol.template-text:after,ul.template-text:after,li.template-text:after,blockquote.template-text:after,.template-text.template-legacy-component-82:after {
content: var(--text-truncation-line-break-for-safari-16);
white-space: pre;
}
.template-text.template-text-module,.template-text.template-table-wrapper {
display: var(--text-truncation-display-none-for-safari-16,revert);
}
p.template-text[data-text-fill] {
display: var(--text-truncation-display-inline-for-safari-16,inline-block);
}
}
@supports (corner-shape:superellipse(2)) {
:root {
--one-if-corner-shape-supported: 1;
}
}
.template-cursor-none,.template-cursor-none * {
cursor: none!important;
}
.template-pointer-events-none,.template-pointer-events-none * {
pointer-events: none!important;
}
@supports (aspect-ratio:1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.shared-block-5.template-legacy-component-49,.shared-block-5 .template-legacy-component-49 {
display: block;
}
.shared-block-5.shared-block-3 {
--selection-background-color: var(--token-653b443a-947e-40bc-a48e-8b3cf911ec44,#fafafa);
--selection-color: var(--token-68c5c5f5-0e58-4492-b1b9-f805d76d95e8,#646464);
-webkit-tap-highlight-color: #0000;
background-color: var(--token-3c23a715-9cc6-4622-9c1d-31267541ea7f,#fff);
height: min-content;
overflow: var(--overflow-clip-fallback,clip);
flex-flow: column;
place-content: center flex-start;
align-items: center;
gap: 0;
width: 100%;
padding: 0;
display: flex;
position: relative;
}
.shared-block-5 .shared-block-container {
flex: none;
order: -1000;
width: auto;
height: auto;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%);
}
.shared-block-5 .shared-block-9 {
background: 0 0;
flex-grow: 1;
width: 0;
height: 0;
margin: 0;
position: relative;
}
.shared-block-5 .shared-block-container-3 {
flex: none;
order: 1002;
width: 100%;
height: auto;
position: relative;
}
.shared-block-5 .shared-block-container-2 {
height: auto;
position: var(--framer-canvas-fixed-position,fixed);
z-index: 10;
flex: none;
order: 1003;
top: 0;
left: 0;
right: 0;
}
[data-layout-template=true]>#overlay {
margin-bottom: 0;
}
.shared-block-5[data-selection=true] * ::selection {
color: var(--selection-color,none);
background-color: var(--selection-background-color,none);
}
.shared-block-5 [data-selection=true] * ::selection {
color: var(--selection-color,none);
background-color: var(--selection-background-color,none);
}
@supports (aspect-ratio:1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.shared-block-10.template-legacy-component-89,.shared-block-10 .template-legacy-component-89 {
display: block;
}
.shared-block-10.shared-block-4 {
background-color: var(--token-3c23a715-9cc6-4622-9c1d-31267541ea7f,#fff);
height: min-content;
overflow: var(--overflow-clip-fallback,clip);
flex-flow: column;
place-content: center flex-start;
align-items: center;
gap: 0;
width: 1200px;
padding: 0;
display: flex;
position: relative;
}
.shared-block-10 .hero-hero {
--border-bottom-width: 1px;
--border-color: var(--token-9dc0c0fe-cfd7-4346-b8bf-156a4b1e4ce3,#00000014);
--border-left-width: 0px;
--border-right-width: 0px;
--border-style: solid;
--border-top-width: 0px;
height: 800px;
overflow: var(--overflow-clip-fallback,clip);
z-index: 2;
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 20px;
width: 100%;
padding: 0;
display: flex;
position: relative;
}
.shared-block-10 .hero-block-container-4 {
flex: none;
position: absolute;
inset: -60px 0 0;
}
.shared-block-10 .hero-gradient {
filter: blur(30px);
-webkit-user-select: none;
user-select: none;
overflow: var(--overflow-clip-fallback,clip);
pointer-events: none;
will-change: var(--framer-will-change-filter-override,filter);
flex: none;
position: absolute;
inset: 0;
-webkit-mask: linear-gradient(#0000 13%,#000 46%);
mask: linear-gradient(#0000 13%,#000 46%);
}
.shared-block-10 .hero-container {
flex-flow: row;
flex: 1 0 0;
place-content: center space-between;
align-items: center;
width: 100%;
max-width: 1180px;
height: 1px;
padding: 30px;
display: flex;
position: relative;
overflow: visible;
}
.shared-block-10 .hero-text {
flex-flow: column;
flex: 1 0 0;
place-content: flex-start center;
align-items: flex-start;
gap: 40px;
width: 1px;
max-width: 540px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.shared-block-10 .hero-rating {
flex-flow: wrap;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 12px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.shared-block-10 .template-legacy-component-88 {
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 0;
width: 95px;
height: 27px;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.shared-block-10 .template-legacy-component-10 {
-webkit-user-select: none;
user-select: none;
aspect-ratio: 1;
box-shadow: 0px 0px 0px 1.38px var(--token-3c23a715-9cc6-4622-9c1d-31267541ea7f,#fff);
height: var(--framer-aspect-ratio-supported,27px);
will-change: var(--framer-will-change-override,transform);
border-radius: 248px;
flex: none;
width: 26px;
position: absolute;
top: 50%;
left: 0;
overflow: hidden;
transform: translateY(-50%);
}
.shared-block-10 .template-legacy-component-114 {
-webkit-user-select: none;
user-select: none;
aspect-ratio: 1;
box-shadow: 0px 0px 0px 1.38px var(--token-3c23a715-9cc6-4622-9c1d-31267541ea7f,#fff);
height: var(--framer-aspect-ratio-supported,27px);
will-change: var(--framer-will-change-override,transform);
border-radius: 248px;
flex: none;
width: 26px;
position: absolute;
top: 50%;
left: 32%;
overflow: hidden;
transform: translate(-50%,-50%);
}
.shared-block-10 .template-legacy-component-83 {
-webkit-user-select: none;
user-select: none;
aspect-ratio: 1;
box-shadow: 0px 0px 0px 1.38px var(--token-3c23a715-9cc6-4622-9c1d-31267541ea7f,#fff);
height: var(--framer-aspect-ratio-supported,27px);
will-change: var(--framer-will-change-override,transform);
border-radius: 248px;
flex: none;
width: 26px;
position: absolute;
top: 50%;
right: 32px;
overflow: hidden;
transform: translateY(-50%);
}
.shared-block-10 .template-legacy-component-115 {
-webkit-user-select: none;
user-select: none;
aspect-ratio: 1;
box-shadow: 0px 0px 0px 1.38px var(--token-3c23a715-9cc6-4622-9c1d-31267541ea7f,#fff);
height: var(--framer-aspect-ratio-supported,27px);
will-change: var(--framer-will-change-override,transform);
border-radius: 248px;
flex: none;
width: 26px;
position: absolute;
top: 50%;
right: 17px;
overflow: hidden;
transform: translateY(-50%);
}
.shared-block-10 .template-legacy-component-7 {
-webkit-user-select: none;
user-select: none;
aspect-ratio: 1;
box-shadow: 0px 0px 0px 1.38px var(--token-3c23a715-9cc6-4622-9c1d-31267541ea7f,#fff);
height: var(--framer-aspect-ratio-supported,27px);
will-change: var(--framer-will-change-override,transform);
border-radius: 248px;
flex: none;
width: 26px;
position: absolute;
top: 50%;
right: 0;
overflow: hidden;
transform: translateY(-50%);
}
.shared-block-10 .hero-text-2 {
will-change: var(--framer-will-change-effect-override,transform);
flex-flow: column;
flex: none;
place-content: flex-start center;
align-items: flex-start;
gap: 3.51px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.shared-block-10 .hero-text-container {
--framer-link-text-color: #09f;
--framer-link-text-decoration: underline;
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative;
}
.shared-block-10 .template-legacy-component-100 {
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 4px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.shared-block-10 .template-legacy-component-97 {
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 3px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.shared-block-10 .template-legacy-component-77,.shared-block-10 .template-legacy-component-9,.shared-block-10 .template-legacy-component-76,.shared-block-10 .template-legacy-component-55,.shared-block-10 .template-legacy-component-3 {
--1m6trwb: 1;
--21h8s6: #ffac12;
--pgex8v: 2;
height: var(--framer-aspect-ratio-supported,16px);
flex: none;
width: 16px;
position: relative;
}
.shared-block-10 .template-legacy-component-28 {
--framer-link-text-color: #09f;
--framer-link-text-decoration: underline;
-webkit-user-select: none;
user-select: none;
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative;
}
.shared-block-10 .hero-heading {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 20px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.shared-block-10 .hero-text-container-3,.shared-block-10 .features-text-container-8,.shared-block-10 .features-text-container-5,.shared-block-10 .features-text-container-7,.shared-block-10 .features-text-container-12,.shared-block-10 .features-text-container-10,.shared-block-10 .features-text-container-4,.shared-block-10 .features-text-container-3,.shared-block-10 .features-text-container,.shared-block-10 .features-text-container-2,.shared-block-10 .features-text-container-6,.shared-block-10 .benefits-text-container,.shared-block-10 .control-text-container-3,.shared-block-10 .control-text-container-7,.shared-block-10 .control-text-container,.shared-block-10 .control-text-container-5,.shared-block-10 .control-text-container-6,.shared-block-10 .control-text-container-4,.shared-block-10 .control-text-container-2,.shared-block-10 .more-features-text-container-7,.shared-block-10 .more-features-text-container-4,.shared-block-10 .more-features-text-container-6,.shared-block-10 .more-features-text-container-5,.shared-block-10 .more-features-text-container,.shared-block-10 .more-features-text-container-2,.shared-block-10 .more-features-text-container-3,.shared-block-10 .banks-text-container,.shared-block-10 .banks-text-container-2,.shared-block-10 .template-legacy-component-54,.shared-block-10 .template-legacy-component-38,.shared-block-10 .download-text-container-2,.shared-block-10 .download-text-container {
--framer-link-text-color: #09f;
--framer-link-text-decoration: underline;
--framer-text-wrap-override: balance;
flex: none;
width: 100%;
height: auto;
position: relative;
}
.shared-block-10 .hero-text-container-2 {
--framer-link-text-color: #09f;
--framer-link-text-decoration: underline;
--framer-text-wrap-override: balance;
will-change: var(--framer-will-change-effect-override,transform);
flex: none;
width: 100%;
height: auto;
position: relative;
}
.shared-block-10 .hero-actions {
will-change: var(--framer-will-change-effect-override,transform);
flex-flow: row;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 10px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.shared-block-10 .hero-block-container-3,.shared-block-10 .hero-block-container,.shared-block-10 .features-block-container-2,.shared-block-10 .benefits-block-container-3,.shared-block-10 .control-block-container,.shared-block-10 .template-zefhjz-container,.shared-block-10 .template-legacy-component-72,.shared-block-10 .control-block-container-2,.shared-block-10 .more-features-block-container,.shared-block-10 .banks-block-container-2,.shared-block-10 .template-legacy-component-17,.shared-block-10 .template-legacy-component-107,.shared-block-10 .download-block-container-2,.shared-block-10 .download-block-container {
flex: none;
width: auto;
height: auto;
position: relative;
}
.shared-block-10 .hero-block-container-2 {
will-change: var(--framer-will-change-effect-override,transform);
flex: 1 0 0;
width: 1px;
min-width: 400px;
max-width: 500px;
height: auto;
position: relative;
}
.shared-block-10 .template-legacy-component-45 {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 20px;
width: 100%;
height: min-content;
padding: 80px 20px;
display: flex;
position: relative;
overflow: visible;
}
.shared-block-10 .template-legacy-component-11 {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 32px;
width: 100%;
max-width: 1160px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.shared-block-10 .template-legacy-component-117 {
flex: none;
width: 100%;
height: auto;
position: relative;
}
.shared-block-10 .template-legacy-component-16 {
height: min-content;
overflow: var(--overflow-clip-fallback,clip);
flex-flow: row;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 30px;
width: 100%;
padding: 0;
display: flex;
position: relative;
-webkit-mask: linear-gradient(90deg,#0000 0%,#000 17.5676% 79.2793%,#0000 98.1982%);
mask: linear-gradient(90deg,#0000 0%,#000 17.5676% 79.2793%,#0000 98.1982%);
}
.shared-block-10 .template-legacy-component-15,.shared-block-10 .template-legacy-component-61,.shared-block-10 .template-legacy-component-37,.shared-block-10 .template-legacy-component-120,.shared-block-10 .template-legacy-component-118,.shared-block-10 .template-legacy-component-112,.shared-block-10 .template-legacy-component-102 {
filter: brightness(.38);
-webkit-user-select: none;
user-select: none;
pointer-events: none;
will-change: var(--framer-will-change-filter-override,filter);
flex: none;
width: 126px;
height: 42px;
position: relative;
overflow: hidden;
}
.shared-block-10 .template-legacy-component-73,.shared-block-10 .template-legacy-component-43,.shared-block-10 .template-legacy-component-63,.shared-block-10 .template-legacy-component-93,.shared-block-10 .template-legacy-component-32 {
-webkit-user-select: none;
user-select: none;
pointer-events: none;
will-change: var(--framer-will-change-filter-override,filter);
flex: none;
width: 126px;
height: 42px;
position: relative;
overflow: hidden;
}
.shared-block-10 .features-benefits {
background: linear-gradient(180deg,var(--token-3c23a715-9cc6-4622-9c1d-31267541ea7f,#fff)0%,var(--token-26675f0a-9d4b-4b58-a4c2-fdeac7361988,#fafafa)32.4324%,var(--token-26675f0a-9d4b-4b58-a4c2-fdeac7361988,#f0f0f0)86.9369%,var(--token-3c23a715-9cc6-4622-9c1d-31267541ea7f,#fff)100%);
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 20px;
width: 100%;
height: min-content;
padding: 80px 0 160px;
display: flex;
position: relative;
overflow: visible;
}
.shared-block-10 .features-container {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 40px;
width: 100%;
max-width: 1160px;
height: min-content;
padding: 20px;
display: flex;
position: relative;
overflow: visible;
}
.shared-block-10 .features-heading {
height: min-content;
overflow: var(--overflow-clip-fallback,clip);
flex-flow: column;
flex: none;
place-content: flex-start center;
align-items: flex-start;
gap: 20px;
width: 100%;
padding: 0;
display: flex;
position: relative;
}
.shared-block-10 .features-text-3 {
height: min-content;
overflow: var(--overflow-clip-fallback,clip);
flex-flow: row;
flex: none;
place-content: flex-end center;
align-items: flex-end;
gap: 10px;
width: 100%;
padding: 0;
display: flex;
position: relative;
}
.shared-block-10 .features-text-container-11 {
--framer-link-text-color: #09f;
--framer-link-text-decoration: underline;
--framer-text-wrap-override: balance;
flex: 1 0 0;
width: 1px;
max-width: 500px;
height: auto;
position: relative;
}
.shared-block-10 .features-text-container-9 {
--framer-link-text-color: #09f;
--framer-link-text-decoration: underline;
--framer-text-wrap-override: balance;
flex: 1 0 0;
width: 1px;
height: auto;
position: relative;
}
.shared-block-10 .features-grid {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 18px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.shared-block-10 .features-cards-wrapper-2,.shared-block-10 .features-cards-wrapper {
flex: none;
grid-template-rows: repeat(1,minmax(0,1fr));
grid-template-columns: repeat(2,minmax(50px,1fr));
grid-auto-rows: minmax(0,1fr);
justify-content: center;
gap: 18px;
width: 100%;
height: 460px;
padding: 0;
display: grid;
position: relative;
overflow: visible;
}
.shared-block-10 .features-card,.shared-block-10 .features-card-3,.shared-block-10 .features-card-2,.shared-block-10 .features-card-5 {
--border-bottom-width: 1px;
--border-color: var(--token-9dc0c0fe-cfd7-4346-b8bf-156a4b1e4ce3,#00000014);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
--corner-shape-fallback: .752;
background-color: var(--token-3c23a715-9cc6-4622-9c1d-31267541ea7f,#fff);
border-bottom-left-radius: calc(40px*var(--one-if-corner-shape-supported,var(--corner-shape-fallback,1)));
border-bottom-right-radius: calc(40px*var(--one-if-corner-shape-supported,var(--corner-shape-fallback,1)));
border-top-left-radius: calc(40px*var(--one-if-corner-shape-supported,var(--corner-shape-fallback,1)));
border-top-right-radius: calc(40px*var(--one-if-corner-shape-supported,var(--corner-shape-fallback,1)));
corner-shape: superellipse(1.5);
height: 100%;
overflow: var(--overflow-clip-fallback,clip);
will-change: var(--framer-will-change-override,transform);
flex-flow: column;
flex: none;
place-content: center flex-start;
place-self: start;
align-items: center;
gap: 0;
width: 100%;
padding: 0;
display: flex;
position: relative;
}
.shared-block-10 .features-text-6,.shared-block-10 .features-text-4,.shared-block-10 .features-text,.shared-block-10 .features-text-5 {
max-width: 360px;
height: min-content;
overflow: var(--overflow-clip-fallback,clip);
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 8px;
width: 100%;
padding: 40px;
display: flex;
position: relative;
}
.shared-block-10 .features-screen-wrapper,.shared-block-10 .features-screen-wrapper-3,.shared-block-10 .features-screen-wrapper-4,.shared-block-10 .features-screen-wrapper-5 {
height: 1px;
overflow: var(--overflow-clip-fallback,clip);
flex: 1 0 0;
width: 100%;
position: relative;
}
.shared-block-10 .features-gradient-5,.shared-block-10 .features-gradient-4 {
filter: blur(30px);
-webkit-user-select: none;
user-select: none;
pointer-events: none;
flex: none;
width: 487px;
height: 288px;
position: absolute;
bottom: -70px;
left: calc(50.4537% - 243.5px);
overflow: visible;
}
.shared-block-10 .features-block-container-3,.shared-block-10 .features-block-container-5 {
aspect-ratio: .490318;
height: var(--framer-aspect-ratio-supported,557px);
flex: none;
width: 273px;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%);
}
.shared-block-10 .features-gradient-3 {
filter: blur(30px);
-webkit-user-select: none;
user-select: none;
pointer-events: none;
flex: none;
width: 487px;
height: 288px;
position: absolute;
bottom: 70px;
left: calc(50.4537% - 243.5px);
overflow: visible;
}
.shared-block-10 .features-block-container-6,.shared-block-10 .features-block-container-4 {
aspect-ratio: .490318;
height: var(--framer-aspect-ratio-supported,557px);
flex: none;
width: 273px;
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%);
}
.shared-block-10 .features-cards-wrapper-3 {
flex: none;
grid-template-rows: repeat(1,minmax(0,1fr));
grid-template-columns: repeat(1,minmax(50px,1fr));
grid-auto-rows: minmax(0,1fr);
justify-content: center;
gap: 18px;
width: 100%;
height: 420px;
padding: 0;
display: grid;
position: relative;
overflow: visible;
}
.shared-block-10 .features-card-4 {
--border-bottom-width: 1px;
--border-color: var(--token-9dc0c0fe-cfd7-4346-b8bf-156a4b1e4ce3,#00000014);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
--corner-shape-fallback: .752;
background-color: var(--token-3c23a715-9cc6-4622-9c1d-31267541ea7f,#fff);
border-bottom-left-radius: calc(40px*var(--one-if-corner-shape-supported,var(--corner-shape-fallback,1)));
border-bottom-right-radius: calc(40px*var(--one-if-corner-shape-supported,var(--corner-shape-fallback,1)));
border-top-left-radius: calc(40px*var(--one-if-corner-shape-supported,var(--corner-shape-fallback,1)));
border-top-right-radius: calc(40px*var(--one-if-corner-shape-supported,var(--corner-shape-fallback,1)));
corner-shape: superellipse(1.5);
height: 100%;
overflow: var(--overflow-clip-fallback,clip);
will-change: var(--framer-will-change-override,transform);
flex-flow: row;
flex: none;
place-content: center flex-start;
place-self: start;
align-items: center;
gap: 0;
width: 100%;
padding: 0;
display: flex;
position: relative;
}
.shared-block-10 .features-screen-wrapper-2 {
max-width: 500px;
height: 100%;
overflow: var(--overflow-clip-fallback,clip);
flex: 1 0 0;
width: 1px;
position: relative;
}
.shared-block-10 .features-gradient-2 {
filter: blur(30px);
-webkit-user-select: none;
user-select: none;
pointer-events: none;
flex: none;
width: 487px;
height: 288px;
position: absolute;
bottom: -70px;
left: calc(50.4% - 243.5px);
overflow: visible;
}
.shared-block-10 .features-block-container {
aspect-ratio: .490318;
height: var(--framer-aspect-ratio-supported,557px);
flex: none;
width: 273px;
position: absolute;
top: 50px;
left: 50%;
transform: translate(-50%);
}
.shared-block-10 .features-text-2 {
height: min-content;
overflow: var(--overflow-clip-fallback,clip);
flex-flow: column;
flex: 1 0 0;
place-content: center;
align-items: center;
gap: 8px;
width: 1px;
padding: 40px;
display: flex;
position: relative;
}
.shared-block-10 .features-gradient {
filter: blur(30px);
-webkit-user-select: none;
user-select: none;
pointer-events: none;
flex: none;
width: 487px;
height: 223px;
position: absolute;
top: 0;
left: calc(50.4537% - 243.5px);
overflow: visible;
}
.shared-block-10 .benefits-features {
flex-flow: column;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 20px;
width: 100%;
height: min-content;
padding: 0;
scroll-margin-top: 80px;
display: flex;
position: relative;
overflow: visible;
}
.shared-block-10 .benefits-border {
background-color: var(--token-db788891-ba10-4012-9273-117ab7af4ea3,#0a0a0a);
height: 4px;
overflow: var(--overflow-clip-fallback,clip);
z-index: 1;
flex: none;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.shared-block-10 .benefits-gradient {
filter: blur(10px);
-webkit-user-select: none;
user-select: none;
pointer-events: none;
flex: none;
position: absolute;
inset: -36px -1133px;
overflow: visible;
}
.shared-block-10 .benefits-gradient-3 {
filter: blur(10px);
-webkit-user-select: none;
user-select: none;
mix-blend-mode: multiply;
pointer-events: none;
flex: none;
position: absolute;
inset: -36px -1133px;
overflow: visible;
}
.shared-block-10 .benefits-container {
max-width: 1160px;
height: min-content;
overflow: var(--overflow-clip-fallback,clip);
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 40px;
width: 100%;
padding: 20px 20px 0;
display: flex;
position: relative;
}
.shared-block-10 .benefits-block-container-2 {
flex: none;
position: absolute;
inset: 0;
}
.shared-block-10 .benefits-heading,.shared-block-10 .control-heading {
max-width: 400px;
height: min-content;
overflow: var(--overflow-clip-fallback,clip);
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 20px;
width: 100%;
padding: 0;
display: flex;
position: relative;
}
.shared-block-10 .benefits-block-container {
flex: none;
width: 100%;
max-width: 1100px;
height: auto;
position: relative;
}
.shared-block-10 .control-control,.shared-block-10 .banks-integrations {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 20px;
width: 100%;
height: min-content;
padding: 80px 0;
display: flex;
position: relative;
overflow: visible;
}
.shared-block-10 .control-container {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 60px;
width: 100%;
max-width: 1160px;
height: min-content;
padding: 20px;
display: flex;
position: relative;
overflow: visible;
}
.shared-block-10 .control-wrapper {
flex-flow: column;
flex: none;
place-content: flex-start center;
align-items: flex-start;
gap: 120px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.shared-block-10 .control-card-2,.shared-block-10 .control-card-4,.shared-block-10 .control-card-3 {
height: min-content;
overflow: var(--overflow-clip-fallback,clip);
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 60px;
width: 100%;
padding: 0;
display: flex;
position: relative;
}
.shared-block-10 .control-left-column-2 {
--border-bottom-width: 1px;
--border-color: var(--token-9dc0c0fe-cfd7-4346-b8bf-156a4b1e4ce3,#00000014);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
--corner-shape-fallback: .752;
aspect-ratio: 1;
background-color: var(--token-ead78c25-61c2-4dbd-ab91-81844bb73469,#fafafa);
border-bottom-left-radius: calc(40px*var(--one-if-corner-shape-supported,var(--corner-shape-fallback,1)));
border-bottom-right-radius: calc(40px*var(--one-if-corner-shape-supported,var(--corner-shape-fallback,1)));
border-top-left-radius: calc(40px*var(--one-if-corner-shape-supported,var(--corner-shape-fallback,1)));
border-top-right-radius: calc(40px*var(--one-if-corner-shape-supported,var(--corner-shape-fallback,1)));
corner-shape: superellipse(1.5);
height: var(--framer-aspect-ratio-supported,400px);
max-width: 400px;
overflow: var(--overflow-clip-fallback,clip);
will-change: var(--framer-will-change-override,transform);
flex: 1 0 0;
width: 1px;
position: relative;
}
.shared-block-10 .control-gradient-3,.shared-block-10 .more-features-gradient-2 {
filter: blur(10px);
-webkit-user-select: none;
user-select: none;
pointer-events: none;
flex: none;
position: absolute;
inset: -131px -72px -450px -631px;
overflow: visible;
}
.shared-block-10 .control-block-2,.shared-block-10 .control-block,.shared-block-10 .control-block-3 {
--corner-shape-fallback: .752;
aspect-ratio: .52381;
border-bottom-left-radius: calc(20px*var(--one-if-corner-shape-supported,var(--corner-shape-fallback,1)));
border-bottom-right-radius: calc(20px*var(--one-if-corner-shape-supported,var(--corner-shape-fallback,1)));
border-top-left-radius: calc(20px*var(--one-if-corner-shape-supported,var(--corner-shape-fallback,1)));
border-top-right-radius: calc(20px*var(--one-if-corner-shape-supported,var(--corner-shape-fallback,1)));
corner-shape: superellipse(1.5);
height: var(--framer-aspect-ratio-supported,458px);
overflow: var(--overflow-clip-fallback,clip);
will-change: var(--framer-will-change-override,transform);
flex: none;
width: 240px;
position: absolute;
bottom: -118px;
left: 50%;
transform: translate(-50%);
}
.shared-block-10 .control-right-column,.shared-block-10 .control-left-column,.shared-block-10 .control-right-column-2 {
flex-flow: column;
flex: 1 0 0;
place-content: flex-start center;
align-items: flex-start;
gap: 40px;
width: 1px;
max-width: 420px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.shared-block-10 .control-text-2,.shared-block-10 .control-text-3,.shared-block-10 .control-text {
height: min-content;
overflow: var(--overflow-clip-fallback,clip);
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 20px;
width: 100%;
padding: 0;
display: flex;
position: relative;
}
.shared-block-10 .control-right-column-3,.shared-block-10 .control-left-column-3 {
--border-bottom-width: 1px;
--border-color: var(--token-9dc0c0fe-cfd7-4346-b8bf-156a4b1e4ce3,#00000014);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
--corner-shape-fallback: .752;
aspect-ratio: 1;
background-color: var(--token-ead78c25-61c2-4dbd-ab91-81844bb73469,#f5f5f5);
border-bottom-left-radius: calc(40px*var(--one-if-corner-shape-supported,var(--corner-shape-fallback,1)));
border-bottom-right-radius: calc(40px*var(--one-if-corner-shape-supported,var(--corner-shape-fallback,1)));
border-top-left-radius: calc(40px*var(--one-if-corner-shape-supported,var(--corner-shape-fallback,1)));
border-top-right-radius: calc(40px*var(--one-if-corner-shape-supported,var(--corner-shape-fallback,1)));
corner-shape: superellipse(1.5);
height: var(--framer-aspect-ratio-supported,400px);
max-width: 400px;
overflow: var(--overflow-clip-fallback,clip);
will-change: var(--framer-will-change-override,transform);
flex: 1 0 0;
width: 1px;
position: relative;
}
.shared-block-10 .control-gradient,.shared-block-10 .more-features-gradient-3 {
filter: blur(10px);
-webkit-user-select: none;
user-select: none;
pointer-events: none;
flex: none;
position: absolute;
inset: -386px -379px -131px -72px;
overflow: visible;
}
.shared-block-10 .control-gradient-2,.shared-block-10 .more-features-gradient {
filter: blur(10px);
-webkit-user-select: none;
user-select: none;
pointer-events: none;
flex: none;
position: absolute;
inset: -131px -72px;
overflow: visible;
}
.shared-block-10 .more-features-how-it-works {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 20px;
width: 100%;
height: min-content;
padding: 80px 0 0;
display: flex;
position: relative;
overflow: visible;
}
.shared-block-10 .more-features-container,.shared-block-10 .template-legacy-component-35 {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 32px;
width: 100%;
max-width: 1160px;
height: min-content;
padding: 20px;
display: flex;
position: relative;
overflow: visible;
}
.shared-block-10 .more-features-heading,.shared-block-10 .template-legacy-component-106,.shared-block-10 .template-legacy-component-74 {
max-width: 400px;
height: min-content;
overflow: var(--overflow-clip-fallback,clip);
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 6px;
width: 100%;
padding: 0;
display: flex;
position: relative;
}
.shared-block-10 .more-features-cards-wrapper {
flex: none;
grid-template-rows: repeat(1,minmax(0,1fr));
grid-template-columns: repeat(3,minmax(50px,1fr));
grid-auto-rows: minmax(0,1fr);
justify-content: center;
gap: 60px 18px;
width: 100%;
max-width: 100%;
height: min-content;
padding: 0;
display: grid;
position: relative;
overflow: visible;
}
.shared-block-10 .more-features-card-2,.shared-block-10 .more-features-card-4,.shared-block-10 .more-features-card-3 {
height: min-content;
overflow: var(--overflow-clip-fallback,clip);
flex-flow: column;
flex: none;
place-content: center;
place-self: start;
align-items: center;
gap: 30px;
width: 100%;
padding: 0;
display: flex;
position: relative;
}
.shared-block-10 .more-features-wrapper-3,.shared-block-10 .more-features-wrapper-2,.shared-block-10 .more-features-wrapper {
--border-bottom-width: 1px;
--border-color: var(--token-9dc0c0fe-cfd7-4346-b8bf-156a4b1e4ce3,#00000014);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
--corner-shape-fallback: .752;
-webkit-user-select: none;
user-select: none;
aspect-ratio: 1;
background-color: var(--token-ead78c25-61c2-4dbd-ab91-81844bb73469,#f5f5f5);
border-bottom-left-radius: calc(40px*var(--one-if-corner-shape-supported,var(--corner-shape-fallback,1)));
border-bottom-right-radius: calc(40px*var(--one-if-corner-shape-supported,var(--corner-shape-fallback,1)));
border-top-left-radius: calc(40px*var(--one-if-corner-shape-supported,var(--corner-shape-fallback,1)));
border-top-right-radius: calc(40px*var(--one-if-corner-shape-supported,var(--corner-shape-fallback,1)));
corner-shape: superellipse(1.5);
height: var(--framer-aspect-ratio-supported,361px);
overflow: var(--overflow-clip-fallback,clip);
pointer-events: none;
will-change: var(--framer-will-change-override,transform);
flex: none;
width: 100%;
position: relative;
}
.shared-block-10 .more-features-block {
--corner-shape-fallback: .752;
aspect-ratio: .52381;
border-bottom-left-radius: calc(20px*var(--one-if-corner-shape-supported,var(--corner-shape-fallback,1)));
border-bottom-right-radius: calc(20px*var(--one-if-corner-shape-supported,var(--corner-shape-fallback,1)));
border-top-left-radius: calc(20px*var(--one-if-corner-shape-supported,var(--corner-shape-fallback,1)));
border-top-right-radius: calc(20px*var(--one-if-corner-shape-supported,var(--corner-shape-fallback,1)));
corner-shape: superellipse(1.5);
height: var(--framer-aspect-ratio-supported,458px);
overflow: var(--overflow-clip-fallback,clip);
will-change: var(--framer-will-change-override,transform);
flex: none;
width: 240px;
position: absolute;
top: 60px;
left: 50%;
transform: translate(-50%);
}
.shared-block-10 .more-features-text-2,.shared-block-10 .more-features-text,.shared-block-10 .more-features-text-3 {
height: min-content;
overflow: var(--overflow-clip-fallback,clip);
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 100%;
padding: 0;
display: flex;
position: relative;
}
.shared-block-10 .more-features-block-3,.shared-block-10 .more-features-block-2 {
--corner-shape-fallback: .752;
aspect-ratio: .52381;
border-bottom-left-radius: calc(20px*var(--one-if-corner-shape-supported,var(--corner-shape-fallback,1)));
border-bottom-right-radius: calc(20px*var(--one-if-corner-shape-supported,var(--corner-shape-fallback,1)));
border-top-left-radius: calc(20px*var(--one-if-corner-shape-supported,var(--corner-shape-fallback,1)));
border-top-right-radius: calc(20px*var(--one-if-corner-shape-supported,var(--corner-shape-fallback,1)));
corner-shape: superellipse(1.5);
height: var(--framer-aspect-ratio-supported,458px);
overflow: var(--overflow-clip-fallback,clip);
will-change: var(--framer-will-change-override,transform);
flex: none;
width: 240px;
position: absolute;
bottom: -157px;
left: 50%;
transform: translate(-50%);
}
.shared-block-10 .banks-container {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 32px;
width: 100%;
max-width: 1160px;
height: 726px;
padding: 20px;
display: flex;
position: relative;
overflow: visible;
}
.shared-block-10 .banks-block-container {
flex: none;
width: auto;
height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.shared-block-10 .banks-heading {
max-width: 280px;
height: min-content;
overflow: var(--overflow-clip-fallback,clip);
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 6px;
width: 100%;
padding: 0;
display: flex;
position: relative;
}
.shared-block-10 .template-legacy-component-81 {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 20px;
width: 100%;
height: min-content;
padding: 80px 0 20px;
display: flex;
position: relative;
overflow: visible;
}
.shared-block-10 .template-legacy-component-46 {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 32px;
width: 100%;
max-width: 1160px;
height: min-content;
padding: 20px 20px 100px;
display: flex;
position: relative;
overflow: visible;
}
.shared-block-10 .template-legacy-component-90 {
flex: none;
width: 100%;
height: 360px;
position: relative;
}
.shared-block-10 .template-legacy-component-22,.shared-block-10 .template-legacy-component-57,.shared-block-10 .template-legacy-component-119,.shared-block-10 .template-legacy-component-91,.shared-block-10 .template-legacy-component-39,.shared-block-10 .template-legacy-component-36,.shared-block-10 .template-legacy-component-75 {
width: 400px;
height: 300px;
position: relative;
}
.shared-block-10 .template-legacy-component-47 {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 20px;
width: 100%;
height: min-content;
padding: 80px 0 100px;
display: flex;
position: relative;
overflow: visible;
}
.shared-block-10 .template-legacy-component-103 {
flex: none;
width: 100%;
max-width: 600px;
height: auto;
position: relative;
}
.shared-block-10 .template-legacy-component-14 {
--framer-text-wrap-override: balance;
flex: none;
width: 100%;
max-width: 500px;
height: auto;
position: relative;
}
.shared-block-10 .download-download {
--border-bottom-width: 1px;
--border-color: var(--token-9dc0c0fe-cfd7-4346-b8bf-156a4b1e4ce3,#00000014);
--border-left-width: 0px;
--border-right-width: 0px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(--token-3c23a715-9cc6-4622-9c1d-31267541ea7f,#fff);
height: min-content;
overflow: var(--overflow-clip-fallback,clip);
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 40px;
width: 100%;
padding: 0;
display: flex;
position: relative;
}
.shared-block-10 .download-gradient {
filter: blur(31px);
-webkit-user-select: none;
user-select: none;
pointer-events: none;
flex: none;
position: absolute;
inset: -200px;
overflow: visible;
}
.shared-block-10 .download-block-container-3 {
mix-blend-mode: multiply;
flex: none;
position: absolute;
inset: 0;
}
.shared-block-10 .download-container {
flex-flow: row;
flex: 1 0 0;
place-content: center;
align-items: center;
gap: 0;
width: 1px;
max-width: 1160px;
height: min-content;
padding: 30px 30px 0;
display: flex;
position: relative;
overflow: visible;
}
.shared-block-10 .download-left-column {
flex-flow: column;
flex: 1 0 0;
place-content: flex-start center;
align-items: flex-start;
gap: 40px;
width: 1px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.shared-block-10 .download-heading {
max-width: 500px;
height: min-content;
overflow: var(--overflow-clip-fallback,clip);
flex-flow: column;
flex: none;
place-content: flex-start center;
align-items: flex-start;
gap: 20px;
width: 100%;
padding: 0;
display: flex;
position: relative;
}
.shared-block-10 .download-actions {
flex-flow: row;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 12px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.shared-block-10 .download-right-column {
height: 460px;
overflow: var(--overflow-clip-fallback,clip);
flex-flow: column;
flex: 1 0 0;
place-content: center;
align-items: center;
gap: 10px;
width: 1px;
padding: 0;
display: flex;
position: relative;
}
.shared-block-10 .download-screen {
aspect-ratio: .57563;
height: var(--framer-aspect-ratio-supported,493px);
overflow: var(--overflow-clip-fallback,clip);
will-change: var(--framer-will-change-filter-override,filter);
z-index: 1;
flex: none;
width: 284px;
position: absolute;
top: 40px;
left: 50%;
transform: translate(-50%);
}
.shared-block-10 .download-image {
--corner-shape-fallback: .752;
border-top-left-radius: calc(56px*var(--one-if-corner-shape-supported,var(--corner-shape-fallback,1)));
border-top-right-radius: calc(45px*var(--one-if-corner-shape-supported,var(--corner-shape-fallback,1)));
corner-shape: superellipse(1.5);
flex: none;
position: absolute;
inset: 10px 11px -18px 24px;
overflow: visible;
}
.shared-block-7 .type-hero-heading:not(.rich-text-wrapper),.shared-block-7 .type-hero-heading.rich-text-wrapper h1 {
--framer-font-family: "Inter","Inter Placeholder",sans-serif;
--framer-font-family-bold: "Inter","Inter Placeholder",sans-serif;
--framer-font-family-bold-italic: "Inter","Inter Placeholder",sans-serif;
--framer-font-family-italic: "Inter","Inter Placeholder",sans-serif;
--framer-font-open-type-features: "blwf" on,"cv03" on,"cv04" on,"cv09" on,"cv11" on;
--framer-font-size: calc(var(--framer-root-font-size,1rem)*3);
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -.04em;
--framer-line-height: 1.2em;
--framer-paragraph-spacing: 0px;
--framer-text-alignment: start;
--framer-text-color: var(--token-db788891-ba10-4012-9273-117ab7af4ea3,#0a0a0a);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
.shared-block .type-section-heading:not(.rich-text-wrapper),.shared-block .type-section-heading.rich-text-wrapper h2 {
--framer-font-family: "Inter","Inter Placeholder",sans-serif;
--framer-font-family-bold: "Inter","Inter Placeholder",sans-serif;
--framer-font-family-bold-italic: "Inter","Inter Placeholder",sans-serif;
--framer-font-family-italic: "Inter","Inter Placeholder",sans-serif;
--framer-font-open-type-features: "blwf" on,"cv03" on,"cv04" on,"cv09" on,"cv11" on;
--framer-font-size: calc(var(--framer-root-font-size,1rem)*1.88);
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -.04em;
--framer-line-height: 1.2em;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: var(--token-db788891-ba10-4012-9273-117ab7af4ea3,#0a0a0a);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
.shared-block-10[data-border=true]:after,.shared-block-10 [data-border=true]:after {
content: "";
border-width: var(--border-top-width,0)var(--border-right-width,0)var(--border-bottom-width,0)var(--border-left-width,0);
border-color: var(--border-color,none);
border-style: var(--border-style,none);
box-sizing: border-box;
border-radius: inherit;
corner-shape: inherit;
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
@media (min-width:810px) and (max-width:1199.98px) {
.shared-block-10.shared-block-4 {
width: 810px;
}
.shared-block-10 .hero-hero {
height: 1000px;
}
.shared-block-10 .hero-container {
flex-direction: column;
justify-content: flex-start;
gap: 40px;
padding: 120px 30px 30px;
}
.shared-block-10 .hero-text,.shared-block-10 .hero-block-container-2,.shared-block-10 .control-left-column-2,.shared-block-10 .control-left-column-3 {
flex: none;
width: 100%;
}
.shared-block-10 .template-legacy-component-10,.shared-block-10 .template-legacy-component-114,.shared-block-10 .template-legacy-component-83,.shared-block-10 .template-legacy-component-115,.shared-block-10 .template-legacy-component-7 {
height: var(--framer-aspect-ratio-supported,26px);
}
.shared-block-10 .template-legacy-component-45 {
padding: 199px 20px 80px;
}
.shared-block-10 .benefits-block-container {
max-width: 600px;
}
.shared-block-10 .control-wrapper {
gap: 60px;
}
.shared-block-10 .control-card-2,.shared-block-10 .control-card-4,.shared-block-10 .control-card-3 {
flex-direction: column;
}
.shared-block-10 .control-right-column,.shared-block-10 .control-right-column-2 {
flex: none;
width: 100%;
max-width: 400px;
}
.shared-block-10 .control-left-column {
flex: none;
order: 1;
width: 100%;
max-width: 400px;
}
.shared-block-10 .control-right-column-3 {
flex: none;
order: 0;
width: 100%;
}
.shared-block-10 .more-features-cards-wrapper {
grid-template-columns: repeat(1,minmax(50px,1fr));
max-width: 400px;
}
.shared-block-10 .more-features-wrapper-3,.shared-block-10 .more-features-wrapper-2,.shared-block-10 .more-features-wrapper {
height: var(--framer-aspect-ratio-supported,400px);
}
.shared-block-10 .download-container {
max-width: 700px;
}
.shared-block-10 .download-left-column {
order: 0;
}
.shared-block-10 .download-right-column {
order: 1;
}
.shared-block-10 .download-screen {
height: var(--framer-aspect-ratio-supported,494px);
}
}
@media (max-width:809.98px) {
.shared-block-10.shared-block-4 {
width: 390px;
}
.shared-block-10 .hero-hero {
height: min-content;
}
.shared-block-10 .hero-container {
flex-direction: column;
flex: none;
justify-content: flex-start;
gap: 40px;
height: min-content;
padding: 80px 30px 30px;
}
.shared-block-10 .hero-text {
flex: none;
align-content: center;
align-items: center;
width: 100%;
max-width: 400px;
}
.shared-block-10 .hero-rating,.shared-block-10 .download-actions {
justify-content: center;
}
.shared-block-10 .template-legacy-component-10,.shared-block-10 .template-legacy-component-114,.shared-block-10 .template-legacy-component-83,.shared-block-10 .template-legacy-component-115,.shared-block-10 .template-legacy-component-7 {
height: var(--framer-aspect-ratio-supported,26px);
}
.shared-block-10 .hero-actions {
flex-direction: column;
place-content: center;
align-items: center;
max-width: 220px;
}
.shared-block-10 .hero-block-container-2,.shared-block-10 .features-text-container-9,.shared-block-10 .control-right-column,.shared-block-10 .control-right-column-2,.shared-block-10 .download-left-column,.shared-block-10 .download-right-column {
flex: none;
width: 100%;
}
.shared-block-10 .features-heading {
align-content: center;
align-items: center;
}
.shared-block-10 .features-text-3 {
flex-direction: column;
}
.shared-block-10 .features-text-container-11 {
max-width: unset;
flex: none;
width: 100%;
}
.shared-block-10 .features-cards-wrapper-2,.shared-block-10 .features-cards-wrapper-3,.shared-block-10 .features-cards-wrapper {
flex-flow: column;
align-content: center;
align-items: center;
height: min-content;
display: flex;
}
.shared-block-10 .features-card,.shared-block-10 .features-card-3,.shared-block-10 .features-card-2,.shared-block-10 .features-card-5 {
align-self: unset;
height: min-content;
}
.shared-block-10 .features-screen-wrapper,.shared-block-10 .features-screen-wrapper-3,.shared-block-10 .features-screen-wrapper-4,.shared-block-10 .features-screen-wrapper-5 {
flex: none;
height: 280px;
}
.shared-block-10 .features-card-4 {
align-self: unset;
flex-direction: column;
height: min-content;
}
.shared-block-10 .features-screen-wrapper-2 {
flex: none;
order: 1;
width: 100%;
height: 280px;
}
.shared-block-10 .features-text-2 {
flex: none;
order: 0;
width: 100%;
}
.shared-block-10 .control-card-2,.shared-block-10 .control-card-4,.shared-block-10 .control-card-3 {
flex-direction: column;
justify-content: flex-start;
}
.shared-block-10 .control-left-column-2,.shared-block-10 .control-left-column-3 {
height: var(--framer-aspect-ratio-supported,350px);
flex: none;
width: 100%;
}
.shared-block-10 .control-left-column {
flex: none;
order: 1;
width: 100%;
}
.shared-block-10 .control-right-column-3 {
height: var(--framer-aspect-ratio-supported,350px);
flex: none;
order: 0;
width: 100%;
}
.shared-block-10 .control-block {
height: var(--framer-aspect-ratio-supported,459px);
}
.shared-block-10 .more-features-cards-wrapper {
grid-template-columns: repeat(1,minmax(50px,1fr));
}
.shared-block-10 .more-features-wrapper-3,.shared-block-10 .more-features-wrapper-2,.shared-block-10 .more-features-wrapper {
height: var(--framer-aspect-ratio-supported,350px);
}
.shared-block-10 .download-container {
flex-direction: column;
max-width: 700px;
padding: 80px 30px 0;
}
.shared-block-10 .download-screen {
height: var(--framer-aspect-ratio-supported,494px);
}
}
.ssr-variant {
display: contents;
}
@supports (aspect-ratio:1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.shared-v1-2.template-legacy-component-5,.shared-v1-2 .template-legacy-component-5 {
display: block;
}
.shared-v1-2.shared-v1 {
-webkit-user-select: none;
user-select: none;
height: 600px;
overflow: var(--overflow-clip-fallback,clip);
flex-flow: column;
place-content: center;
align-items: center;
gap: 50px;
width: 1200px;
padding: 0;
display: flex;
position: relative;
}
.shared-v1-2 .shared-vertical {
overflow: var(--overflow-clip-fallback,clip);
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 70px;
padding: 0;
display: flex;
position: absolute;
inset: 0;
}
.shared-v1-2 .shared-vertical-line-6,.shared-v1-2 .shared-vertical-line-14,.shared-v1-2 .shared-vertical-line-19,.shared-v1-2 .shared-vertical-line-5,.shared-v1-2 .shared-vertical-line-3,.shared-v1-2 .shared-vertical-line-20,.shared-v1-2 .shared-vertical-line-8,.shared-v1-2 .shared-vertical-line-16,.shared-v1-2 .shared-vertical-line-21,.shared-v1-2 .shared-vertical-line-17,.shared-v1-2 .shared-vertical-line-4,.shared-v1-2 .shared-vertical-line-18,.shared-v1-2 .shared-vertical-line-12,.shared-v1-2 .shared-vertical-line-11,.shared-v1-2 .shared-vertical-line-9,.shared-v1-2 .shared-vertical-line-2,.shared-v1-2 .shared-vertical-line,.shared-v1-2 .shared-vertical-line-10,.shared-v1-2 .shared-vertical-line-15,.shared-v1-2 .shared-vertical-line-24,.shared-v1-2 .shared-vertical-line-7,.shared-v1-2 .shared-vertical-line-13,.shared-v1-2 .shared-vertical-line-23,.shared-v1-2 .shared-vertical-line-22 {
height: 1px;
overflow: var(--overflow-clip-fallback,clip);
flex: none;
width: 100%;
position: relative;
}
.shared-v1-2 .shared-horizontal {
overflow: var(--overflow-clip-fallback,clip);
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 70px;
padding: 0;
display: flex;
position: absolute;
inset: 0;
}
.shared-v1-2 .shared-horizontal-line-18,.shared-v1-2 .shared-horizontal-line-23,.shared-v1-2 .shared-horizontal-line-12,.shared-v1-2 .shared-horizontal-line-22,.shared-v1-2 .shared-horizontal-line-3,.shared-v1-2 .shared-horizontal-line-14,.shared-v1-2 .shared-horizontal-line-8,.shared-v1-2 .shared-horizontal-line-5,.shared-v1-2 .shared-horizontal-line-24,.shared-v1-2 .shared-horizontal-line-20,.shared-v1-2 .shared-horizontal-line-15,.shared-v1-2 .shared-horizontal-line-10,.shared-v1-2 .shared-horizontal-line-4,.shared-v1-2 .shared-horizontal-line-6,.shared-v1-2 .shared-horizontal-line-16,.shared-v1-2 .shared-horizontal-line-21,.shared-v1-2 .shared-horizontal-line,.shared-v1-2 .shared-horizontal-line-11,.shared-v1-2 .shared-horizontal-line-7,.shared-v1-2 .shared-horizontal-line-19,.shared-v1-2 .shared-horizontal-line-9,.shared-v1-2 .shared-horizontal-line-17,.shared-v1-2 .shared-horizontal-line-2,.shared-v1-2 .shared-horizontal-line-13 {
height: 100%;
overflow: var(--overflow-clip-fallback,clip);
flex: none;
width: 1px;
position: relative;
}
.shared-v1-2 .shared-mask {
height: 70%;
overflow: var(--overflow-clip-fallback,clip);
flex: none;
width: 100%;
position: absolute;
bottom: 0;
left: 0%;
}
.shared-v1-2[data-border=true]:after,.shared-v1-2 [data-border=true]:after {
content: "";
border-width: var(--border-top-width,0)var(--border-right-width,0)var(--border-bottom-width,0)var(--border-left-width,0);
border-color: var(--border-color,none);
border-style: var(--border-style,none);
box-sizing: border-box;
border-radius: inherit;
corner-shape: inherit;
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
body {
--framer-will-change-override: none;
}
@supports (background:-webkit-named-image(i)) and (not (grid-template-rows:subgrid)) {
body {
--framer-will-change-override: transform;
}
}
body {
--framer-will-change-filter-override: none;
}
@supports (background:-webkit-named-image(i)) and (not (position-area:top right)) {
body {
--framer-will-change-filter-override: filter;
}
}
[data-framer-component-type] {
position: absolute;
}
[data-framer-component-type=Text] {
cursor: inherit;
}
[data-framer-component-text-autosized] * {
white-space: pre;
}
[data-framer-component-type=Text]>* {
text-align: var(--framer-text-alignment,start);
}
[data-framer-component-type=Text] span span,[data-framer-component-type=Text] p span,[data-framer-component-type=Text] h1 span,[data-framer-component-type=Text] h2 span,[data-framer-component-type=Text] h3 span,[data-framer-component-type=Text] h4 span,[data-framer-component-type=Text] h5 span,[data-framer-component-type=Text] h6 span {
display: block;
}
[data-framer-component-type=Text] span span span,[data-framer-component-type=Text] p span span,[data-framer-component-type=Text] h1 span span,[data-framer-component-type=Text] h2 span span,[data-framer-component-type=Text] h3 span span,[data-framer-component-type=Text] h4 span span,[data-framer-component-type=Text] h5 span span,[data-framer-component-type=Text] h6 span span {
display: unset;
}
[data-framer-component-type=Text] div div span,[data-framer-component-type=Text] a div span,[data-framer-component-type=Text] span span span,[data-framer-component-type=Text] p span span,[data-framer-component-type=Text] h1 span span,[data-framer-component-type=Text] h2 span span,[data-framer-component-type=Text] h3 span span,[data-framer-component-type=Text] h4 span span,[data-framer-component-type=Text] h5 span span,[data-framer-component-type=Text] h6 span span,[data-framer-component-type=Text] a {
font-family: var(--font-family);
font-style: var(--font-style);
font-weight: min(calc(var(--framer-font-weight-increase,0) + var(--font-weight,400)),900);
color: var(--text-color);
letter-spacing: var(--letter-spacing);
font-size: var(--font-size);
text-transform: var(--text-transform);
--text-decoration: var(--framer-text-decoration-style,solid)var(--framer-text-decoration,none)var(--framer-text-decoration-color,currentcolor)var(--framer-text-decoration-thickness,auto);
--text-decoration-skip-ink: var(--framer-text-decoration-skip-ink);
--text-underline-offset: var(--framer-text-decoration-offset);
line-height: var(--line-height);
--font-family: var(--framer-font-family);
--font-style: var(--framer-font-style);
--font-weight: var(--framer-font-weight);
--text-color: var(--framer-text-color);
--letter-spacing: var(--framer-letter-spacing);
--font-size: var(--framer-font-size);
--text-transform: var(--framer-text-transform);
--line-height: var(--framer-line-height);
}
[data-framer-component-type=Text] a,[data-framer-component-type=Text] a div span,[data-framer-component-type=Text] a span span span,[data-framer-component-type=Text] a p span span,[data-framer-component-type=Text] a h1 span span,[data-framer-component-type=Text] a h2 span span,[data-framer-component-type=Text] a h3 span span,[data-framer-component-type=Text] a h4 span span,[data-framer-component-type=Text] a h5 span span,[data-framer-component-type=Text] a h6 span span {
--font-family: var(--framer-link-font-family,var(--framer-font-family));
--font-style: var(--framer-link-font-style,var(--framer-font-style));
--font-weight: var(--framer-link-font-weight,var(--framer-font-weight));
--text-color: var(--framer-link-text-color,var(--framer-text-color));
--font-size: var(--framer-link-font-size,var(--framer-font-size));
--text-transform: var(--framer-link-text-transform,var(--framer-text-transform));
--text-decoration: var(--framer-link-text-decoration-style,var(--framer-text-decoration-style,solid))var(--framer-link-text-decoration,var(--framer-text-decoration,none))var(--framer-link-text-decoration-color,var(--framer-text-decoration-color,currentcolor))var(--framer-link-text-decoration-thickness,var(--framer-text-decoration-thickness,auto));
--text-decoration-skip-ink: var(--framer-link-text-decoration-skip-ink,var(--framer-text-decoration-skip-ink));
--text-underline-offset: var(--framer-link-text-decoration-offset,var(--framer-text-decoration-offset));
}
[data-framer-component-type=Text] a:hover,[data-framer-component-type=Text] a div span:hover,[data-framer-component-type=Text] a span span span:hover,[data-framer-component-type=Text] a p span span:hover,[data-framer-component-type=Text] a h1 span span:hover,[data-framer-component-type=Text] a h2 span span:hover,[data-framer-component-type=Text] a h3 span span:hover,[data-framer-component-type=Text] a h4 span span:hover,[data-framer-component-type=Text] a h5 span span:hover,[data-framer-component-type=Text] a h6 span span:hover {
--font-family: var(--framer-link-hover-font-family,var(--framer-link-font-family,var(--framer-font-family)));
--font-style: var(--framer-link-hover-font-style,var(--framer-link-font-style,var(--framer-font-style)));
--font-weight: var(--framer-link-hover-font-weight,var(--framer-link-font-weight,var(--framer-font-weight)));
--text-color: var(--framer-link-hover-text-color,var(--framer-link-text-color,var(--framer-text-color)));
--font-size: var(--framer-link-hover-font-size,var(--framer-link-font-size,var(--framer-font-size)));
--text-transform: var(--framer-link-hover-text-transform,var(--framer-link-text-transform,var(--framer-text-transform)));
--text-decoration: var(--framer-link-hover-text-decoration-style,var(--framer-link-text-decoration-style,var(--framer-text-decoration-style,solid)))var(--framer-link-hover-text-decoration,var(--framer-link-text-decoration,var(--framer-text-decoration,none)))var(--framer-link-hover-text-decoration-color,var(--framer-link-text-decoration-color,var(--framer-text-decoration-color,currentcolor)))var(--framer-link-hover-text-decoration-thickness,var(--framer-link-text-decoration-thickness,var(--framer-text-decoration-thickness,auto)));
--text-decoration-skip-ink: var(--framer-link-hover-text-decoration-skip-ink,var(--framer-link-text-decoration-skip-ink,var(--framer-text-decoration-skip-ink)));
--text-underline-offset: var(--framer-link-hover-text-decoration-offset,var(--framer-link-text-decoration-offset,var(--framer-text-decoration-offset)));
}
[data-framer-component-type=Text].isCurrent a,[data-framer-component-type=Text].isCurrent a div span,[data-framer-component-type=Text].isCurrent a span span span,[data-framer-component-type=Text].isCurrent a p span span,[data-framer-component-type=Text].isCurrent a h1 span span,[data-framer-component-type=Text].isCurrent a h2 span span,[data-framer-component-type=Text].isCurrent a h3 span span,[data-framer-component-type=Text].isCurrent a h4 span span,[data-framer-component-type=Text].isCurrent a h5 span span,[data-framer-component-type=Text].isCurrent a h6 span span {
--font-family: var(--framer-link-current-font-family,var(--framer-link-font-family,var(--framer-font-family)));
--font-style: var(--framer-link-current-font-style,var(--framer-link-font-style,var(--framer-font-style)));
--font-weight: var(--framer-link-current-font-weight,var(--framer-link-font-weight,var(--framer-font-weight)));
--text-color: var(--framer-link-current-text-color,var(--framer-link-text-color,var(--framer-text-color)));
--font-size: var(--framer-link-current-font-size,var(--framer-link-font-size,var(--framer-font-size)));
--text-transform: var(--framer-link-current-text-transform,var(--framer-link-text-transform,var(--framer-text-transform)));
--text-decoration: var(--framer-link-current-text-decoration-style,var(--framer-link-text-decoration-style,var(--framer-text-decoration-style,solid)))var(--framer-link-current-text-decoration,var(--framer-link-text-decoration,var(--framer-text-decoration,none)))var(--framer-link-current-text-decoration-color,var(--framer-link-text-decoration-color,var(--framer-text-decoration-color,currentcolor)))var(--framer-link-current-text-decoration-thickness,var(--framer-link-text-decoration-thickness,var(--framer-text-decoration-thickness,auto)));
--text-decoration-skip-ink: var(--framer-link-current-text-decoration-skip-ink,var(--framer-link-text-decoration-skip-ink,var(--framer-text-decoration-skip-ink)));
--text-underline-offset: var(--framer-link-current-text-decoration-offset,var(--framer-link-text-decoration-offset,var(--framer-text-decoration-offset)));
}
[data-framer-component-type=RichTextContainer] {
outline: none;
flex-direction: column;
flex-shrink: 0;
justify-content: flex-start;
display: flex;
}
p.template-text,div.template-text,figure.template-text,h1.template-text,h2.template-text,h3.template-text,h4.template-text,h5.template-text,h6.template-text,ol.template-text,ul.template-text {
margin: 0;
padding: 0;
}
p.template-text,div.template-text,h1.template-text,h2.template-text,h3.template-text,h4.template-text,h5.template-text,h6.template-text,li.template-text,ol.template-text,ul.template-text,mark.template-text,span.template-text:not([data-text-fill]) {
font-family: var(--framer-font-family-preview,var(--framer-blockquote-font-family,var(--framer-font-family,Inter,Inter Placeholder,sans-serif)));
font-style: var(--framer-font-style-preview,var(--framer-blockquote-font-style,var(--framer-font-style,normal)));
font-weight: var(--framer-font-weight-preview,var(--framer-blockquote-font-weight,var(--framer-font-weight,400)));
color: var(--framer-blockquote-text-color,var(--framer-text-color,#000));
font-size: calc(var(--framer-blockquote-font-size,var(--framer-font-size,16px))*var(--framer-font-size-scale,1));
letter-spacing: var(--framer-blockquote-letter-spacing,var(--framer-letter-spacing,0));
text-transform: var(--framer-blockquote-text-transform,var(--framer-text-transform,none));
-webkit-text-decoration-line: var(--framer-blockquote-text-decoration,var(--framer-text-decoration,initial));
text-decoration-line: var(--framer-blockquote-text-decoration,var(--framer-text-decoration,initial));
-webkit-text-decoration-style: var(--framer-blockquote-text-decoration-style,var(--framer-text-decoration-style,initial));
text-decoration-style: var(--framer-blockquote-text-decoration-style,var(--framer-text-decoration-style,initial));
-webkit-text-decoration-color: var(--framer-blockquote-text-decoration-color,var(--framer-text-decoration-color,initial));
text-decoration-color: var(--framer-blockquote-text-decoration-color,var(--framer-text-decoration-color,initial));
text-decoration-thickness: var(--framer-blockquote-text-decoration-thickness,var(--framer-text-decoration-thickness,initial));
text-decoration-skip-ink: var(--framer-blockquote-text-decoration-skip-ink,var(--framer-text-decoration-skip-ink,initial));
text-underline-offset: var(--framer-blockquote-text-decoration-offset,var(--framer-text-decoration-offset,initial));
line-height: var(--framer-blockquote-line-height,var(--framer-line-height,1.2em));
text-align: var(--framer-blockquote-text-alignment,var(--framer-text-alignment,start));
-webkit-text-stroke-width: var(--framer-text-stroke-width,initial);
-webkit-text-stroke-color: var(--framer-text-stroke-color,initial);
-moz-font-feature-settings: var(--framer-font-open-type-features,initial);
-webkit-font-feature-settings: var(--framer-font-open-type-features,initial);
font-feature-settings: var(--framer-font-open-type-features,initial);
font-variation-settings: var(--framer-font-variation-axes-preview,var(--framer-font-variation-axes,normal));
text-wrap: var(--framer-text-wrap-override,var(--framer-text-wrap));
}
mark.template-text,p.template-text,div.template-text,h1.template-text,h2.template-text,h3.template-text,h4.template-text,h5.template-text,h6.template-text,li.template-text,ol.template-text,ul.template-text {
background-color: var(--framer-blockquote-text-background-color,var(--framer-text-background-color,initial));
border-radius: var(--framer-blockquote-text-background-radius,var(--framer-text-background-radius,initial));
corner-shape: var(--framer-blockquote-text-background-corner-shape,var(--framer-text-background-corner-shape,initial));
padding: var(--framer-blockquote-text-background-padding,var(--framer-text-background-padding,initial));
}
@supports not (color:color(display-p3 1 1 1)) {
p.template-text,div.template-text,h1.template-text,h2.template-text,h3.template-text,h4.template-text,h5.template-text,h6.template-text,li.template-text,ol.template-text,ul.template-text,span.template-text:not([data-text-fill]) {
color: var(--framer-blockquote-text-color-rgb,var(--framer-blockquote-text-color,var(--framer-text-color-rgb,var(--framer-text-color,#000))));
-webkit-text-stroke-color: var(--framer-text-stroke-color-rgb,var(--framer-text-stroke-color,initial));
}
mark.template-text {
background-color: var(--framer-blockquote-text-background-color-rgb,var(--framer-blockquote-text-background-color,var(--framer-text-background-color-rgb,var(--framer-text-background-color,initial))));
}
}
.template-fit-text .template-text {
white-space: nowrap;
white-space-collapse: preserve;
}
strong.template-text {
font-family: var(--framer-blockquote-font-family-bold,var(--framer-font-family-bold));
font-style: var(--framer-blockquote-font-style-bold,var(--framer-font-style-bold));
font-weight: var(--framer-blockquote-font-weight-bold,var(--framer-font-weight-bold,bolder));
font-variation-settings: var(--framer-blockquote-font-variation-axes-bold,var(--framer-font-variation-axes-bold));
}
em.template-text {
font-family: var(--framer-blockquote-font-family-italic,var(--framer-font-family-italic));
font-style: var(--framer-blockquote-font-style-italic,var(--framer-font-style-italic,italic));
font-weight: var(--framer-blockquote-font-weight-italic,var(--framer-font-weight-italic));
font-variation-settings: var(--framer-blockquote-font-variation-axes-italic,var(--framer-font-variation-axes-italic));
}
em.template-text>strong.template-text {
font-family: var(--framer-blockquote-font-family-bold-italic,var(--framer-font-family-bold-italic));
font-style: var(--framer-blockquote-font-style-bold-italic,var(--framer-font-style-bold-italic,italic));
font-weight: var(--framer-blockquote-font-weight-bold-italic,var(--framer-font-weight-bold-italic,bolder));
font-variation-settings: var(--framer-blockquote-font-variation-axes-bold-italic,var(--framer-font-variation-axes-bold-italic));
}
p.template-text:not(:first-child),div.template-text:not(:first-child),h1.template-text:not(:first-child),h2.template-text:not(:first-child),h3.template-text:not(:first-child),h4.template-text:not(:first-child),h5.template-text:not(:first-child),h6.template-text:not(:first-child),ol.template-text:not(:first-child),ul.template-text:not(:first-child),blockquote.template-text:not(:first-child),table.template-text:not(:first-child),figure.template-text:not(:first-child),.template-legacy-component-82.template-text:not(:first-child) {
margin-top: var(--framer-blockquote-paragraph-spacing,var(--framer-paragraph-spacing,0));
}
li.template-text>ul.template-text:nth-child(2),li.template-text>ol.template-text:nth-child(2) {
margin-top: 0;
}
.template-text[data-text-fill] {
-webkit-text-fill-color: transparent;
padding: max(0em,calc(calc(1.3em - var(--framer-blockquote-line-height,var(--framer-line-height,1.3em)))/2));
margin: min(0em,calc(calc(1.3em - var(--framer-blockquote-line-height,var(--framer-line-height,1.3em)))/-2));
-webkit-background-clip: text;
background-clip: text;
display: inline-block;
}
code.template-text,code.template-text span.template-text:not([data-text-fill]) {
font-family: var(--framer-code-font-family,var(--framer-font-family,Inter,Inter Placeholder,sans-serif));
font-style: var(--framer-blockquote-font-style,var(--framer-code-font-style,var(--framer-font-style,normal)));
font-weight: var(--framer-blockquote-font-weight,var(--framer-code-font-weight,var(--framer-font-weight,400)));
color: var(--framer-blockquote-text-color,var(--framer-code-text-color,var(--framer-text-color,#000)));
font-size: calc(var(--framer-blockquote-font-size,var(--framer-font-size,16px))*var(--framer-font-size-scale,1));
letter-spacing: var(--framer-blockquote-letter-spacing,var(--framer-letter-spacing,0));
line-height: var(--framer-blockquote-line-height,var(--framer-line-height,1.2em));
}
@supports not (color:color(display-p3 1 1 1)) {
code.template-text,code.template-text span.template-text:not([data-text-fill]) {
color: var(--framer-blockquote-text-color-rgb,var(--framer-blockquote-text-color,var(--framer-code-text-color-rgb,var(--framer-code-text-color,var(--framer-text-color-rgb,var(--framer-text-color,#000))))));
}
}
blockquote.template-text {
unicode-bidi: initial;
margin-block-start: initial;
margin-block-end: initial;
margin-inline-start: initial;
margin-inline-end: initial;
}
a.template-text,a.template-text span.template-text:not([data-text-fill]),span.template-text[data-nested-link],span.template-text[data-nested-link] span.template-text:not([data-text-fill]) {
color: inherit;
font-family: var(--framer-font-family-preview,var(--framer-link-font-family,var(--framer-blockquote-font-family,var(--framer-font-family,Inter,Inter Placeholder,sans-serif))));
font-style: var(--framer-font-style-preview,var(--framer-link-font-style,var(--framer-blockquote-font-style,var(--framer-font-style,normal))));
font-weight: var(--framer-font-weight-preview,var(--framer-link-font-weight,var(--framer-blockquote-font-weight,var(--framer-font-weight,400))));
font-size: calc(var(--framer-blockquote-font-size,var(--framer-font-size,16px))*var(--framer-font-size-scale,1));
text-transform: var(--framer-link-text-transform,var(--framer-blockquote-text-transform,var(--framer-text-transform,none)));
cursor: var(--framer-custom-cursors,pointer);
background-color: initial;
border-radius: var(--framer-link-text-background-radius,initial);
corner-shape: var(--framer-link-text-background-corner-shape,initial);
padding: var(--framer-link-text-background-padding,initial);
}
a.template-text,span.template-text[data-nested-link] {
color: var(--framer-link-text-color,var(--framer-blockquote-text-color,var(--framer-text-color,#000)));
-webkit-text-decoration-line: var(--framer-link-text-decoration,var(--framer-blockquote-text-decoration,var(--framer-text-decoration,initial)));
text-decoration-line: var(--framer-link-text-decoration,var(--framer-blockquote-text-decoration,var(--framer-text-decoration,initial)));
-webkit-text-decoration-style: var(--framer-link-text-decoration-style,var(--framer-blockquote-text-decoration-style,var(--framer-text-decoration-style,initial)));
text-decoration-style: var(--framer-link-text-decoration-style,var(--framer-blockquote-text-decoration-style,var(--framer-text-decoration-style,initial)));
-webkit-text-decoration-color: var(--framer-link-text-decoration-color,var(--framer-blockquote-text-decoration-color,var(--framer-text-decoration-color,initial)));
text-decoration-color: var(--framer-link-text-decoration-color,var(--framer-blockquote-text-decoration-color,var(--framer-text-decoration-color,initial)));
text-decoration-thickness: var(--framer-link-text-decoration-thickness,var(--framer-blockquote-text-decoration-thickness,var(--framer-text-decoration-thickness,initial)));
text-decoration-skip-ink: var(--framer-link-text-decoration-skip-ink,var(--framer-blockquote-text-decoration-skip-ink,var(--framer-text-decoration-skip-ink,initial)));
text-underline-offset: var(--framer-link-text-decoration-offset,var(--framer-blockquote-text-decoration-offset,var(--framer-text-decoration-offset,initial)));
background-color: var(--framer-link-text-background-color,initial);
}
@supports not (color:color(display-p3 1 1 1)) {
a.template-text,span.template-text[data-nested-link] {
color: var(--framer-link-text-color-rgb,var(--framer-link-text-color,var(--framer-blockquote-text-color-rgb,var(--framer-blockquote-text-color,var(--framer-text-color-rgb,var(--framer-text-color,#000))))));
background-color: var(--framer-link-text-background-color-rgb,var(--framer-link-text-background-color,initial));
-webkit-text-decoration-color: var(--framer-link-text-decoration-color-rgb,var(--framer-link-text-decoration-color,var(--framer-text-decoration-color-rgb,var(--framer-text-decoration-color,currentcolor))));
text-decoration-color: var(--framer-link-text-decoration-color-rgb,var(--framer-link-text-decoration-color,var(--framer-text-decoration-color-rgb,var(--framer-text-decoration-color,currentcolor))));
}
}
code.template-text a.template-text,code.template-text a.template-text span.template-text:not([data-text-fill]),code.template-text span.template-text[data-nested-link],code.template-text span.template-text[data-nested-link] span.template-text:not([data-text-fill]) {
font-family: var(--framer-code-font-family,var(--framer-font-family,Inter,Inter Placeholder,sans-serif));
font-style: var(--framer-blockquote-font-style,var(--framer-code-font-style,var(--framer-font-style,normal)));
font-weight: var(--framer-blockquote-font-weight,var(--framer-code-font-weight,var(--framer-font-weight,400)));
color: inherit;
font-size: calc(var(--framer-blockquote-font-size,var(--framer-font-size,16px))*var(--framer-font-size-scale,1));
}
code.template-text a.template-text,code.template-text span.template-text[data-nested-link] {
color: var(--framer-link-text-color,var(--framer-blockquote-text-color,var(--framer-code-text-color,var(--framer-text-color,#000))));
}
@supports not (color:color(display-p3 1 1 1)) {
code.template-text a.template-text,code.template-text a.template-text span.template-text:not([data-text-fill]),code.template-text span.template-text[data-nested-link],code.template-text span.template-text[data-nested-link] span.template-text:not([data-text-fill]) {
color: var(--framer-link-text-color-rgb,var(--framer-link-text-color,var(--framer-blockquote-text-color-rgb,var(--framer-blockquote-text-color,var(--framer-code-text-color-rgb,var(--framer-code-text-color,var(--framer-text-color-rgb,var(--framer-text-color,#000))))))));
}
}
a.template-text:hover,a.template-text:hover span.template-text:not([data-text-fill]),span.template-text[data-nested-link]:hover,span.template-text[data-nested-link]:hover span.template-text:not([data-text-fill]) {
font-family: var(--framer-font-family-preview,var(--framer-link-hover-font-family,var(--framer-link-font-family,var(--framer-blockquote-font-family,var(--framer-font-family,Inter,Inter Placeholder,sans-serif)))));
font-style: var(--framer-font-style-preview,var(--framer-link-hover-font-style,var(--framer-link-font-style,var(--framer-blockquote-font-style,var(--framer-font-style,normal)))));
font-weight: var(--framer-font-weight-preview,var(--framer-link-hover-font-weight,var(--framer-link-font-weight,var(--framer-blockquote-font-weight,var(--framer-font-weight,400)))));
font-size: calc(var(--framer-link-hover-font-size,var(--framer-blockquote-font-size,var(--framer-font-size,16px)))*var(--framer-font-size-scale,1));
text-transform: var(--framer-link-hover-text-transform,var(--framer-link-text-transform,var(--framer-blockquote-text-transform,var(--framer-text-transform,none))));
border-radius: var(--framer-link-hover-text-background-radius,var(--framer-link-text-background-radius,var(--framer-text-background-radius,initial)));
corner-shape: var(--framer-link-hover-text-background-corner-shape,var(--framer-link-text-background-corner-shape,var(--framer-text-background-corner-shape,initial)));
padding: var(--framer-link-hover-text-background-padding,var(--framer-link-text-background-padding,var(--framer-text-background-padding,initial)));
}
a.template-text:hover,span.template-text[data-nested-link]:hover {
color: var(--framer-link-hover-text-color,var(--framer-link-text-color,var(--framer-blockquote-text-color,var(--framer-text-color,#000))));
-webkit-text-decoration-line: var(--framer-link-hover-text-decoration,var(--framer-link-text-decoration,var(--framer-blockquote-text-decoration,var(--framer-text-decoration,initial))));
text-decoration-line: var(--framer-link-hover-text-decoration,var(--framer-link-text-decoration,var(--framer-blockquote-text-decoration,var(--framer-text-decoration,initial))));
-webkit-text-decoration-style: var(--framer-link-hover-text-decoration-style,var(--framer-link-text-decoration-style,var(--framer-blockquote-text-decoration-style,var(--framer-text-decoration-style,initial))));
text-decoration-style: var(--framer-link-hover-text-decoration-style,var(--framer-link-text-decoration-style,var(--framer-blockquote-text-decoration-style,var(--framer-text-decoration-style,initial))));
-webkit-text-decoration-color: var(--framer-link-hover-text-decoration-color,var(--framer-link-text-decoration-color,var(--framer-blockquote-text-decoration-color,var(--framer-text-decoration-color,initial))));
text-decoration-color: var(--framer-link-hover-text-decoration-color,var(--framer-link-text-decoration-color,var(--framer-blockquote-text-decoration-color,var(--framer-text-decoration-color,initial))));
text-decoration-thickness: var(--framer-link-hover-text-decoration-thickness,var(--framer-link-text-decoration-thickness,var(--framer-blockquote-text-decoration-thickness,var(--framer-text-decoration-thickness,initial))));
text-decoration-skip-ink: var(--framer-link-hover-text-decoration-skip-ink,var(--framer-link-text-decoration-skip-ink,var(--framer-blockquote-text-decoration-skip-ink,var(--framer-text-decoration-skip-ink,initial))));
text-underline-offset: var(--framer-link-hover-text-decoration-offset,var(--framer-link-text-decoration-offset,var(--framer-blockquote-text-decoration-offset,var(--framer-text-decoration-offset,initial))));
background-color: var(--framer-link-hover-text-background-color,var(--framer-link-text-background-color,var(--framer-text-background-color,initial)));
}
@supports not (color:color(display-p3 1 1 1)) {
a.template-text:hover,span.template-text[data-nested-link]:hover {
color: var(--framer-link-hover-text-color-rgb,var(--framer-link-hover-text-color,var(--framer-link-text-color-rgb,var(--framer-link-text-color,var(--framer-blockquote-text-color-rgb,var(--framer-blockquote-text-color,var(--framer-text-color-rgb,var(--framer-text-color,#000))))))));
background-color: var(--framer-link-hover-text-background-color-rgb,var(--framer-link-hover-text-background-color,var(--framer-link-text-background-color-rgb,var(--framer-link-text-background-color,var(--framer-text-background-color-rgb,var(--framer-text-background-color,initial))))));
-webkit-text-decoration-color: var(--framer-link-hover-text-decoration-color-rgb,var(--framer-link-hover-text-decoration-color,var(--framer-link-text-decoration-color-rgb,var(--framer-link-text-decoration-color,var(--framer-text-decoration-color-rgb,var(--framer-text-decoration-color,currentcolor))))));
text-decoration-color: var(--framer-link-hover-text-decoration-color-rgb,var(--framer-link-hover-text-decoration-color,var(--framer-link-text-decoration-color-rgb,var(--framer-link-text-decoration-color,var(--framer-text-decoration-color-rgb,var(--framer-text-decoration-color,currentcolor))))));
}
}
code.template-text a.template-text:hover,code.template-text span.template-text[data-nested-link]:hover {
color: var(--framer-link-hover-text-color,var(--framer-link-text-color,var(--framer-blockquote-text-color,var(--framer-code-text-color,var(--framer-text-color,#000)))));
}
@supports not (color:color(display-p3 1 1 1)) {
code.template-text a.template-text:hover,code.template-text span.template-text[data-nested-link]:hover {
color: var(--framer-link-hover-text-color-rgb,var(--framer-link-hover-text-color,var(--framer-link-text-color-rgb,var(--framer-link-text-color,var(--framer-blockquote-text-color-rgb,var(--framer-blockquote-text-color,var(--framer-code-text-color-rgb,var(--framer-code-text-color,var(--framer-text-color-rgb,var(--framer-text-color,#000))))))))));
}
}
a.template-text[data-framer-page-link-current],a.template-text[data-framer-page-link-current] span.template-text:not([data-text-fill]),span.template-text[data-framer-page-link-current],span.template-text[data-framer-page-link-current] span.template-text:not([data-text-fill]) {
font-family: var(--framer-font-family-preview,var(--framer-link-current-font-family,var(--framer-link-font-family,var(--framer-font-family,Inter,Inter Placeholder,sans-serif))));
font-style: var(--framer-font-style-preview,var(--framer-link-current-font-style,var(--framer-link-font-style,var(--framer-font-style,normal))));
font-weight: var(--framer-font-weight-preview,var(--framer-link-current-font-weight,var(--framer-link-font-weight,var(--framer-font-weight,400))));
font-size: calc(var(--framer-link-current-font-size,var(--framer-link-font-size,var(--framer-font-size,16px)))*var(--framer-font-size-scale,1));
text-transform: var(--framer-link-current-text-transform,var(--framer-link-text-transform,var(--framer-text-transform,none)));
border-radius: var(--framer-link-current-text-background-radius,var(--framer-link-text-background-radius,initial));
corner-shape: var(--framer-link-current-text-background-corner-shape,var(--framer-link-text-background-corner-shape,initial));
padding: var(--framer-link-current-text-background-padding,var(--framer-link-text-background-padding,initial));
}
a.template-text[data-framer-page-link-current],span.template-text[data-framer-page-link-current] {
color: var(--framer-link-current-text-color,var(--framer-link-text-color,var(--framer-text-color,#000)));
-webkit-text-decoration-line: var(--framer-link-current-text-decoration,var(--framer-link-text-decoration,var(--framer-text-decoration,initial)));
text-decoration-line: var(--framer-link-current-text-decoration,var(--framer-link-text-decoration,var(--framer-text-decoration,initial)));
-webkit-text-decoration-style: var(--framer-link-current-text-decoration-style,var(--framer-link-text-decoration-style,var(--framer-text-decoration-style,initial)));
text-decoration-style: var(--framer-link-current-text-decoration-style,var(--framer-link-text-decoration-style,var(--framer-text-decoration-style,initial)));
-webkit-text-decoration-color: var(--framer-link-current-text-decoration-color,var(--framer-link-text-decoration-color,var(--framer-text-decoration-color,initial)));
text-decoration-color: var(--framer-link-current-text-decoration-color,var(--framer-link-text-decoration-color,var(--framer-text-decoration-color,initial)));
text-decoration-thickness: var(--framer-link-current-text-decoration-thickness,var(--framer-link-text-decoration-thickness,var(--framer-text-decoration-thickness,initial)));
text-decoration-skip-ink: var(--framer-link-current-text-decoration-skip-ink,var(--framer-link-text-decoration-skip-ink,var(--framer-text-decoration-skip-ink,initial)));
text-underline-offset: var(--framer-link-current-text-decoration-offset,var(--framer-link-text-decoration-offset,var(--framer-text-decoration-offset,initial)));
background-color: var(--framer-link-current-text-background-color,var(--framer-link-text-background-color,var(--framer-text-background-color,initial)));
}
@supports not (color:color(display-p3 1 1 1)) {
a.template-text[data-framer-page-link-current],span.template-text[data-framer-page-link-current] {
color: var(--framer-link-current-text-color-rgb,var(--framer-link-current-text-color,var(--framer-link-text-color-rgb,var(--framer-link-text-color,var(--framer-text-color-rgb,var(--framer-text-color,#000))))));
background-color: var(--framer-link-current-text-background-color-rgb,var(--framer-link-current-text-background-color,var(--framer-link-text-background-color-rgb,var(--framer-link-text-background-color,var(--framer-text-background-color-rgb,var(--framer-text-background-color,initial))))));
-webkit-text-decoration-color: var(--framer-link-current-text-decoration-color-rgb,var(--framer-link-current-text-decoration-color,var(--framer-link-text-decoration-color-rgb,var(--framer-link-text-decoration-color,var(--framer-text-decoration-color-rgb,var(--framer-text-decoration-color,currentcolor))))));
text-decoration-color: var(--framer-link-current-text-decoration-color-rgb,var(--framer-link-current-text-decoration-color,var(--framer-link-text-decoration-color-rgb,var(--framer-link-text-decoration-color,var(--framer-text-decoration-color-rgb,var(--framer-text-decoration-color,currentcolor))))));
}
}
code.template-text a.template-text[data-framer-page-link-current],code.template-text a.template-text[data-framer-page-link-current] span.template-text:not([data-text-fill]),code.template-text span.template-text[data-framer-page-link-current],code.template-text span.template-text[data-framer-page-link-current] span.template-text:not([data-text-fill]) {
font-family: var(--framer-code-font-family,var(--framer-font-family,Inter,Inter Placeholder,sans-serif));
font-style: var(--framer-code-font-style,var(--framer-font-style,normal));
font-weight: var(--framer-code-font-weight,var(--framer-font-weight,400));
color: inherit;
font-size: calc(var(--framer-link-current-font-size,var(--framer-link-font-size,var(--framer-font-size,16px)))*var(--framer-font-size-scale,1));
}
code.template-text a.template-text[data-framer-page-link-current],code.template-text span.template-text[data-framer-page-link-current] {
color: var(--framer-link-current-text-color,var(--framer-link-text-color,var(--framer-code-text-color,var(--framer-text-color,#000))));
}
@supports not (color:color(display-p3 1 1 1)) {
code.template-text a.template-text[data-framer-page-link-current],code.template-text a.template-text[data-framer-page-link-current] span.template-text:not([data-text-fill]),code.template-text span.template-text[data-framer-page-link-current],code.template-text span.template-text[data-framer-page-link-current] span.template-text:not([data-text-fill]) {
color: var(--framer-link-current-text-color-rgb,var(--framer-link-current-text-color,var(--framer-link-text-color-rgb,var(--framer-link-text-color,var(--framer-code-text-color-rgb,var(--framer-code-text-color,var(--framer-text-color-rgb,var(--framer-text-color,#000))))))));
background-color: var(--framer-link-current-text-background-color-rgb,var(--framer-link-current-text-background-color,var(--framer-link-text-background-color-rgb,var(--framer-link-text-background-color,var(--framer-text-background-color-rgb,var(--framer-text-background-color,initial))))));
}
}
a.template-text[data-framer-page-link-current]:hover,a.template-text[data-framer-page-link-current]:hover span.template-text:not([data-text-fill]),span.template-text[data-framer-page-link-current]:hover,span.template-text[data-framer-page-link-current]:hover span.template-text:not([data-text-fill]) {
color: inherit;
font-family: var(--framer-font-family-preview,var(--framer-link-hover-font-family,var(--framer-link-current-font-family,var(--framer-link-font-family,var(--framer-font-family,Inter,Inter Placeholder,sans-serif)))));
font-style: var(--framer-font-style-preview,var(--framer-link-hover-font-style,var(--framer-link-current-font-style,var(--framer-link-font-style,var(--framer-font-style,normal)))));
font-weight: var(--framer-font-weight-preview,var(--framer-link-hover-font-weight,var(--framer-link-current-font-weight,var(--framer-link-font-weight,var(--framer-font-weight,400)))));
font-size: calc(var(--framer-link-hover-font-size,var(--framer-link-current-font-size,var(--framer-link-font-size,var(--framer-font-size,16px))))*var(--framer-font-size-scale,1));
text-transform: var(--framer-link-hover-text-transform,var(--framer-link-current-text-transform,var(--framer-link-text-transform,var(--framer-text-transform,none))));
border-radius: var(--framer-link-hover-text-background-radius,var(--framer-link-current-text-background-radius,var(--framer-link-text-background-radius,initial)));
corner-shape: var(--framer-link-hover-text-background-corner-shape,var(--framer-link-current-text-background-corner-shape,var(--framer-link-text-background-corner-shape,initial)));
padding: var(--framer-link-hover-text-background-padding,var(--framer-link-current-text-background-padding,var(--framer-link-text-background-padding,initial)));
}
a.template-text[data-framer-page-link-current]:hover,span.template-text[data-framer-page-link-current]:hover {
color: var(--framer-link-hover-text-color,var(--framer-link-current-text-color,var(--framer-link-text-color,var(--framer-text-color,#000))));
-webkit-text-decoration-line: var(--framer-link-hover-text-decoration,var(--framer-link-current-text-decoration,var(--framer-link-text-decoration,var(--framer-text-decoration,initial))));
text-decoration-line: var(--framer-link-hover-text-decoration,var(--framer-link-current-text-decoration,var(--framer-link-text-decoration,var(--framer-text-decoration,initial))));
-webkit-text-decoration-style: var(--framer-link-hover-text-decoration-style,var(--framer-link-current-text-decoration-style,var(--framer-link-text-decoration-style,var(--framer-text-decoration-style,initial))));
text-decoration-style: var(--framer-link-hover-text-decoration-style,var(--framer-link-current-text-decoration-style,var(--framer-link-text-decoration-style,var(--framer-text-decoration-style,initial))));
-webkit-text-decoration-color: var(--framer-link-hover-text-decoration-color,var(--framer-link-current-text-decoration-color,var(--framer-link-text-decoration-color,var(--framer-text-decoration-color,initial))));
text-decoration-color: var(--framer-link-hover-text-decoration-color,var(--framer-link-current-text-decoration-color,var(--framer-link-text-decoration-color,var(--framer-text-decoration-color,initial))));
text-decoration-thickness: var(--framer-link-hover-text-decoration-thickness,var(--framer-link-current-text-decoration-thickness,var(--framer-link-text-decoration-thickness,var(--framer-text-decoration-thickness,initial))));
text-decoration-skip-ink: var(--framer-link-hover-text-decoration-skip-ink,var(--framer-link-current-text-decoration-skip-ink,var(--framer-link-text-decoration-skip-ink,var(--framer-text-decoration-skip-ink,initial))));
text-underline-offset: var(--framer-link-hover-text-decoration-offset,var(--framer-link-current-text-decoration-offset,var(--framer-link-text-decoration-offset,var(--framer-text-decoration-offset,initial))));
background-color: var(--framer-link-hover-text-background-color,var(--framer-link-current-text-background-color,var(--framer-link-text-background-color,initial)));
}
@supports not (color:color(display-p3 1 1 1)) {
a.template-text[data-framer-page-link-current]:hover,span.template-text[data-framer-page-link-current]:hover {
color: var(--framer-link-hover-text-color-rgb,var(--framer-link-hover-text-color,var(--framer-link-current-text-color-rgb,var(--framer-link-current-text-color,var(--framer-link-text-color-rgb,var(--framer-link-text-color,var(--framer-code-text-color-rgb,var(--framer-code-text-color,var(--framer-text-color-rgb,var(--framer-text-color,#000))))))))));
background-color: var(--framer-link-hover-text-background-color-rgb,var(--framer-link-hover-text-background-color,var(--framer-link-current-text-background-color-rgb,var(--framer-link-current-text-background-color,var(--framer-link-text-background-color-rgb,var(--framer-link-text-background-color,initial))))));
-webkit-text-decoration-color: var(--framer-link-hover-text-decoration-color-rgb,var(--framer-link-hover-text-decoration-color,var(--framer-link-current-text-decoration-color-rgb,var(--framer-link-current-text-decoration-color,var(--framer-link-text-decoration-color-rgb,var(--framer-link-text-decoration-color,var(--framer-text-decoration-color-rgb,var(--framer-text-decoration-color,currentcolor))))))));
text-decoration-color: var(--framer-link-hover-text-decoration-color-rgb,var(--framer-link-hover-text-decoration-color,var(--framer-link-current-text-decoration-color-rgb,var(--framer-link-current-text-decoration-color,var(--framer-link-text-decoration-color-rgb,var(--framer-link-text-decoration-color,var(--framer-text-decoration-color-rgb,var(--framer-text-decoration-color,currentcolor))))))));
}
}
code.template-text a.template-text[data-framer-page-link-current]:hover,code.template-text span.template-text[data-framer-page-link-current]:hover {
color: var(--framer-link-hover-text-color,var(--framer-link-current-text-color,var(--framer-link-text-color,var(--framer-code-text-color,var(--framer-text-color,#000)))));
}
@supports not (color:color(display-p3 1 1 1)) {
code.template-text a.template-text[data-framer-page-link-current]:hover,code.template-text a.template-text[data-framer-page-link-current]:hover span.template-text:not([data-text-fill]),code.template-text span.template-text[data-framer-page-link-current]:hover,code.template-text span.template-text[data-framer-page-link-current]:hover span.template-text:not([data-text-fill]) {
color: var(--framer-link-hover-text-color-rgb,var(--framer-link-hover-text-color,var(--framer-link-current-text-color-rgb,var(--framer-link-current-text-color,var(--framer-link-text-color-rgb,var(--framer-link-text-color,var(--framer-code-text-color-rgb,var(--framer-code-text-color,var(--framer-text-color-rgb,var(--framer-text-color,#000))))))))));
background-color: var(--framer-link-hover-text-background-color-rgb,var(--framer-link-hover-text-background-color,var(--framer-link-current-text-background-color-rgb,var(--framer-link-current-text-background-color,var(--framer-link-text-background-color-rgb,var(--framer-link-text-background-color,initial))))));
}
}
.template-legacy-component-82.template-text {
max-width: 100%;
height: auto;
display: block;
}
.text-styles-preset-reset.template-text {
--framer-font-family: Inter,Inter Placeholder,sans-serif;
--framer-font-style: normal;
--framer-font-weight: 500;
--framer-text-color: #000;
--framer-font-size: 16px;
--framer-letter-spacing: 0;
--framer-text-transform: none;
--framer-text-decoration: none;
--framer-text-decoration-style: none;
--framer-text-decoration-color: none;
--framer-text-decoration-thickness: none;
--framer-text-decoration-skip-ink: none;
--framer-text-decoration-offset: none;
--framer-line-height: 1.2em;
--framer-text-alignment: start;
--framer-font-open-type-features: normal;
--framer-text-background-color: initial;
--framer-text-background-radius: initial;
--framer-text-background-corner-shape: initial;
--framer-text-background-padding: initial;
}
ol.template-text {
--list-style-type: decimal;
}
ul.template-text,ol.template-text {
padding-inline-start: 0;
position: relative;
}
li.template-text {
counter-increment: list-item;
padding-inline-start: 2ch;
list-style: none;
}
ol.template-text>li.template-text {
padding-inline-start: calc(calc(var(--max-list-digits,1) + 1)*1ch);
}
ol.template-text>li.template-text:before {
content: counter(list-item,var(--list-style-type))".";
font-variant-numeric: tabular-nums;
position: absolute;
inset-inline-start: 0;
}
ul.template-text>li.template-text:before {
content: "•";
position: absolute;
inset-inline-start: 0;
}
.template-table-wrapper {
overflow-x: auto;
}
table.template-text,.template-table-wrapper table.template-text {
border-collapse: separate;
border-spacing: 0;
table-layout: auto;
word-break: normal;
width: 100%;
}
td.template-text,th.template-text {
overflow-wrap: anywhere;
vertical-align: top;
min-width: 16ch;
}
.template-text-module[data-width=fill]>:first-child,.template-text-module[data-width=fill]>.ssr-variant>:first-child {
width: 100%!important;
}
[data-framer-component-type=DeprecatedRichText] {
cursor: inherit;
}
[data-framer-component-type=DeprecatedRichText] .text-styles-preset-reset {
--framer-font-family: Inter,Inter Placeholder,sans-serif;
--framer-font-style: normal;
--framer-font-weight: 500;
--framer-text-color: #000;
--framer-font-size: 16px;
--framer-letter-spacing: 0;
--framer-text-transform: none;
--framer-text-decoration: none;
--framer-line-height: 1.2em;
--framer-text-alignment: start;
--framer-font-open-type-features: normal;
--font-variation-settings: normal;
}
[data-framer-component-type=DeprecatedRichText] p,[data-framer-component-type=DeprecatedRichText] div,[data-framer-component-type=DeprecatedRichText] h1,[data-framer-component-type=DeprecatedRichText] h2,[data-framer-component-type=DeprecatedRichText] h3,[data-framer-component-type=DeprecatedRichText] h4,[data-framer-component-type=DeprecatedRichText] h5,[data-framer-component-type=DeprecatedRichText] h6 {
margin: 0;
padding: 0;
}
[data-framer-component-type=DeprecatedRichText] p,[data-framer-component-type=DeprecatedRichText] div,[data-framer-component-type=DeprecatedRichText] h1,[data-framer-component-type=DeprecatedRichText] h2,[data-framer-component-type=DeprecatedRichText] h3,[data-framer-component-type=DeprecatedRichText] h4,[data-framer-component-type=DeprecatedRichText] h5,[data-framer-component-type=DeprecatedRichText] h6,[data-framer-component-type=DeprecatedRichText] li,[data-framer-component-type=DeprecatedRichText] ol,[data-framer-component-type=DeprecatedRichText] ul,[data-framer-component-type=DeprecatedRichText] span:not([data-text-fill]) {
font-family: var(--framer-font-family,Inter,Inter Placeholder,sans-serif);
font-style: var(--framer-font-style,normal);
font-weight: var(--framer-font-weight,400);
color: var(--framer-text-color,#000);
font-size: var(--framer-font-size,16px);
letter-spacing: var(--framer-letter-spacing,0);
text-transform: var(--framer-text-transform,none);
-webkit-text-decoration: var(--framer-text-decoration,none);
text-decoration: var(--framer-text-decoration,none);
line-height: var(--framer-line-height,1.2em);
text-align: var(--framer-text-alignment,start);
}
[data-framer-component-type=DeprecatedRichText] p:not(:first-child),[data-framer-component-type=DeprecatedRichText] div:not(:first-child),[data-framer-component-type=DeprecatedRichText] h1:not(:first-child),[data-framer-component-type=DeprecatedRichText] h2:not(:first-child),[data-framer-component-type=DeprecatedRichText] h3:not(:first-child),[data-framer-component-type=DeprecatedRichText] h4:not(:first-child),[data-framer-component-type=DeprecatedRichText] h5:not(:first-child),[data-framer-component-type=DeprecatedRichText] h6:not(:first-child),[data-framer-component-type=DeprecatedRichText] ol:not(:first-child),[data-framer-component-type=DeprecatedRichText] ul:not(:first-child),[data-framer-component-type=DeprecatedRichText] .template-legacy-component-82:not(:first-child) {
margin-top: var(--framer-paragraph-spacing,0);
}
[data-framer-component-type=DeprecatedRichText] span[data-text-fill] {
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
display: inline-block;
}
[data-framer-component-type=DeprecatedRichText] a,[data-framer-component-type=DeprecatedRichText] a span:not([data-text-fill]) {
font-family: var(--framer-link-font-family,var(--framer-font-family,Inter,Inter Placeholder,sans-serif));
font-style: var(--framer-link-font-style,var(--framer-font-style,normal));
font-weight: var(--framer-link-font-weight,var(--framer-font-weight,400));
color: var(--framer-link-text-color,var(--framer-text-color,#000));
font-size: var(--framer-link-font-size,var(--framer-font-size,16px));
text-transform: var(--framer-link-text-transform,var(--framer-text-transform,none));
-webkit-text-decoration: var(--framer-link-text-decoration,var(--framer-text-decoration,none));
text-decoration: var(--framer-link-text-decoration,var(--framer-text-decoration,none));
}
[data-framer-component-type=DeprecatedRichText] a:hover,[data-framer-component-type=DeprecatedRichText] a:hover span:not([data-text-fill]) {
font-family: var(--framer-link-hover-font-family,var(--framer-link-font-family,var(--framer-font-family,Inter,Inter Placeholder,sans-serif)));
font-style: var(--framer-link-hover-font-style,var(--framer-link-font-style,var(--framer-font-style,normal)));
font-weight: var(--framer-link-hover-font-weight,var(--framer-link-font-weight,var(--framer-font-weight,400)));
color: var(--framer-link-hover-text-color,var(--framer-link-text-color,var(--framer-text-color,#000)));
font-size: var(--framer-link-hover-font-size,var(--framer-link-font-size,var(--framer-font-size,16px)));
text-transform: var(--framer-link-hover-text-transform,var(--framer-link-text-transform,var(--framer-text-transform,none)));
-webkit-text-decoration: var(--framer-link-hover-text-decoration,var(--framer-link-text-decoration,var(--framer-text-decoration,none)));
text-decoration: var(--framer-link-hover-text-decoration,var(--framer-link-text-decoration,var(--framer-text-decoration,none)));
}
[data-framer-component-type=DeprecatedRichText] a[data-framer-page-link-current],[data-framer-component-type=DeprecatedRichText] a[data-framer-page-link-current] span:not([data-text-fill]):not([data-nested-link]) {
font-family: var(--framer-link-current-font-family,var(--framer-link-font-family,var(--framer-font-family,Inter,Inter Placeholder,sans-serif)));
font-style: var(--framer-link-current-font-style,var(--framer-link-font-style,var(--framer-font-style,normal)));
font-weight: var(--framer-link-current-font-weight,var(--framer-link-font-weight,var(--framer-font-weight,400)));
color: var(--framer-link-current-text-color,var(--framer-link-text-color,var(--framer-text-color,#000)));
font-size: var(--framer-link-current-font-size,var(--framer-link-font-size,var(--framer-font-size,16px)));
text-transform: var(--framer-link-current-text-transform,var(--framer-link-text-transform,var(--framer-text-transform,none)));
-webkit-text-decoration: var(--framer-link-current-text-decoration,var(--framer-link-text-decoration,var(--framer-text-decoration,none)));
text-decoration: var(--framer-link-current-text-decoration,var(--framer-link-text-decoration,var(--framer-text-decoration,none)));
}
[data-framer-component-type=DeprecatedRichText] a[data-framer-page-link-current]:hover,[data-framer-component-type=DeprecatedRichText] a[data-framer-page-link-current]:hover span:not([data-text-fill]):not([data-nested-link]) {
font-family: var(--framer-link-hover-font-family,var(--framer-link-current-font-family,var(--framer-link-font-family,var(--framer-font-family,Inter,Inter Placeholder,sans-serif))));
font-style: var(--framer-link-hover-font-style,var(--framer-link-current-font-style,var(--framer-link-font-style,var(--framer-font-style,normal))));
font-weight: var(--framer-link-hover-font-weight,var(--framer-link-current-font-weight,var(--framer-link-font-weight,var(--framer-font-weight,400))));
color: var(--framer-link-hover-text-color,var(--framer-link-current-text-color,var(--framer-link-text-color,var(--framer-text-color,#000))));
font-size: var(--framer-link-hover-font-size,var(--framer-link-current-font-size,var(--framer-link-font-size,var(--framer-font-size,16px))));
text-transform: var(--framer-link-hover-text-transform,var(--framer-link-current-text-transform,var(--framer-link-text-transform,var(--framer-text-transform,none))));
-webkit-text-decoration: var(--framer-link-hover-text-decoration,var(--framer-link-current-text-decoration,var(--framer-link-text-decoration,var(--framer-text-decoration,none))));
text-decoration: var(--framer-link-hover-text-decoration,var(--framer-link-current-text-decoration,var(--framer-link-text-decoration,var(--framer-text-decoration,none))));
}
[data-framer-component-type=DeprecatedRichText] strong {
font-weight: bolder;
}
[data-framer-component-type=DeprecatedRichText] em {
font-style: italic;
}
[data-framer-component-type=DeprecatedRichText] .template-legacy-component-82 {
max-width: 100%;
height: auto;
display: block;
}
[data-framer-component-type=DeprecatedRichText] ul,[data-framer-component-type=DeprecatedRichText] ol {
width: 100%;
margin: 0;
padding-left: 0;
display: table;
}
[data-framer-component-type=DeprecatedRichText] li {
counter-increment: list-item;
list-style: none;
display: table-row;
}
[data-framer-component-type=DeprecatedRichText] ol>li:before {
box-sizing: border-box;
content: counter(list-item)".";
white-space: nowrap;
width: 2.25ch;
padding-right: .75ch;
display: table-cell;
}
[data-framer-component-type=DeprecatedRichText] ul>li:before {
box-sizing: border-box;
content: "•";
width: 2.25ch;
padding-right: .75ch;
display: table-cell;
}
:not([data-framer-generated])>[data-framer-stack-content-wrapper]>*,:not([data-framer-generated])>[data-framer-stack-content-wrapper]>[data-framer-component-type],:not([data-framer-generated])>[data-framer-stack-content-wrapper]>[data-framer-legacy-stack-gap-enabled]>*,:not([data-framer-generated])>[data-framer-stack-content-wrapper]>[data-framer-legacy-stack-gap-enabled]>[data-framer-component-type] {
position: relative;
}
.flexbox-gap-not-supported [data-framer-legacy-stack-gap-enabled=true]>*,[data-framer-legacy-stack-gap-enabled=true][data-framer-stack-flexbox-gap=false] {
margin-top: calc(var(--stack-gap-y)/2);
margin-bottom: calc(var(--stack-gap-y)/2);
margin-right: calc(var(--stack-gap-x)/2);
margin-left: calc(var(--stack-gap-x)/2);
}
[data-framer-stack-content-wrapper][data-framer-stack-gap-enabled=true] {
row-gap: var(--stack-native-row-gap);
column-gap: var(--stack-native-column-gap);
}
.flexbox-gap-not-supported [data-framer-stack-content-wrapper][data-framer-stack-gap-enabled=true] {
row-gap: unset;
column-gap: unset;
}
.flexbox-gap-not-supported [data-framer-stack-direction-reverse=false] [data-framer-legacy-stack-gap-enabled=true]>:first-child,[data-framer-stack-direction-reverse=false] [data-framer-legacy-stack-gap-enabled=true][data-framer-stack-flexbox-gap=false]>:first-child,.flexbox-gap-not-supported [data-framer-stack-direction-reverse=true] [data-framer-legacy-stack-gap-enabled=true]>:last-child,[data-framer-stack-direction-reverse=true] [data-framer-legacy-stack-gap-enabled=true][data-framer-stack-flexbox-gap=false]>:last-child {
margin-top: 0;
margin-left: 0;
}
.flexbox-gap-not-supported [data-framer-stack-direction-reverse=false] [data-framer-legacy-stack-gap-enabled=true]>:last-child,[data-framer-stack-direction-reverse=false] [data-framer-legacy-stack-gap-enabled=true][data-framer-stack-flexbox-gap=false]>:last-child,.flexbox-gap-not-supported [data-framer-stack-direction-reverse=true] [data-framer-legacy-stack-gap-enabled=true]>:first-child,[data-framer-stack-direction-reverse=true] [data-framer-legacy-stack-gap-enabled=true][data-framer-stack-flexbox-gap=false]>:first-child {
margin-bottom: 0;
margin-right: 0;
}
NavigationContainer [data-framer-component-type=NavigationContainer]>*,[data-framer-component-type=NavigationContainer]>[data-framer-component-type] {
position: relative;
}
[data-framer-component-type=Scroll]::-webkit-scrollbar {
display: none;
}
[data-framer-component-type=ScrollContentWrapper]>* {
position: relative;
}
[data-framer-component-type=NativeScroll] {
-webkit-overflow-scrolling: touch;
}
[data-framer-component-type=NativeScroll]>* {
position: relative;
}
[data-framer-component-type=NativeScroll].direction-both {
overflow: auto;
}
[data-framer-component-type=NativeScroll].direction-vertical {
overflow: hidden auto;
}
[data-framer-component-type=NativeScroll].direction-horizontal {
overflow: auto hidden;
}
[data-framer-component-type=NativeScroll].direction-vertical>* {
width: 100%!important;
}
[data-framer-component-type=NativeScroll].direction-horizontal>* {
height: 100%!important;
}
[data-framer-component-type=NativeScroll].scrollbar-hidden::-webkit-scrollbar {
display: none;
}
[data-framer-component-type=PageContentWrapper]>*,[data-framer-component-type=PageContentWrapper]>[data-framer-component-type] {
position: relative;
}
[data-framer-component-type=DeviceComponent].no-device>* {
width: 100%!important;
height: 100%!important;
}
[data-is-present=false],[data-is-present=false] * {
pointer-events: none!important;
}
[data-framer-cursor=pointer] {
cursor: pointer;
}
[data-framer-cursor=grab] {
cursor: grab;
}
[data-framer-cursor=grab]:active {
cursor: grabbing;
}
[data-framer-component-type=Frame] *,[data-framer-component-type=Stack] * {
pointer-events: auto;
}
[data-framer-generated] * {
pointer-events: unset;
}
.svgContainer svg {
display: block;
}
[data-reset=button] {
background: 0 0;
border-width: 0;
padding: 0;
}
[data-hide-scrollbars=true]::-webkit-scrollbar {
width: 0;
height: 0;
}
[data-hide-scrollbars=true]::-webkit-scrollbar-thumb {
background: 0 0;
}
[data-hide-scrollbars=true] {
scrollbar-width: none;
}
@supports not (overflow:clip) {
:root {
--overflow-clip-fallback: hidden;
}
}
.template-lightbox-container {
opacity: 1!important;
pointer-events: auto!important;
}
@supports (background:-webkit-named-image(i)) and (not (contain-intrinsic-size:inherit)) {
div.template-text,p.template-text,h1.template-text,h2.template-text,h3.template-text,h4.template-text,h5.template-text,h6.template-text,ol.template-text,ul.template-text,li.template-text,blockquote.template-text,.template-text.template-legacy-component-82 {
display: var(--text-truncation-display-inline-for-safari-16,revert);
}
div.template-text:after,p.template-text:after,h1.template-text:after,h2.template-text:after,h3.template-text:after,h4.template-text:after,h5.template-text:after,h6.template-text:after,ol.template-text:after,ul.template-text:after,li.template-text:after,blockquote.template-text:after,.template-text.template-legacy-component-82:after {
content: var(--text-truncation-line-break-for-safari-16);
white-space: pre;
}
.template-text.template-text-module,.template-text.template-table-wrapper {
display: var(--text-truncation-display-none-for-safari-16,revert);
}
p.template-text[data-text-fill] {
display: var(--text-truncation-display-inline-for-safari-16,inline-block);
}
}
@supports (corner-shape:superellipse(2)) {
:root {
--one-if-corner-shape-supported: 1;
}
}
.template-legacy-component-66 {
-webkit-mask: var(--framer-icon-mask);
aspect-ratio: 1;
-webkit-mask: var(--framer-icon-mask);
mask: var(--framer-icon-mask);
width: 24px;
display: block;
}
@supports (aspect-ratio:1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.shared-app-store-fill-3.shared-app-store-fill-2,.shared-app-store-fill-3 .shared-app-store-fill-2 {
display: block;
}
.shared-app-store-fill-3.shared-app-store-fill {
cursor: pointer;
flex-flow: row;
place-content: center;
align-items: center;
gap: 6px;
width: min-content;
height: 54px;
padding: 0 16px;
text-decoration: none;
display: flex;
position: relative;
overflow: visible;
}
.shared-app-store-fill-3 .shared-background {
will-change: var(--framer-will-change-effect-override,transform);
flex: none;
gap: 8px;
position: absolute;
inset: 0;
overflow: visible;
}
.shared-app-store-fill-3 .shared-icons {
-webkit-user-select: none;
user-select: none;
pointer-events: none;
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.shared-app-store-fill-3 .shared-apple-icon {
width: 23px;
height: 30px;
position: relative;
}
.shared-app-store-fill-3 .template-legacy-component-62 {
width: 23px;
height: 30px;
position: absolute;
top: 0;
left: 0;
}
.shared-app-store-fill-3 .template-legacy-component-29 {
width: 6px;
height: 7px;
position: absolute;
top: 0;
left: 12px;
}
.shared-app-store-fill-3 .template-legacy-component-6 {
width: 23px;
height: 22px;
position: absolute;
top: 8px;
left: 0;
}
.shared-app-store-fill-3 .shared-google-play-icon {
width: 24px;
height: 26px;
position: relative;
}
.shared-app-store-fill-3 .template-legacy-component-94 {
width: 14px;
height: 26px;
position: absolute;
top: 1px;
left: 0;
}
.shared-app-store-fill-3 .template-legacy-component-86 {
width: 11px;
height: 9px;
position: absolute;
top: 9px;
left: 14px;
}
.shared-app-store-fill-3 .template-legacy-component-79 {
width: 18px;
height: 13px;
position: absolute;
top: 13px;
left: 1px;
}
.shared-app-store-fill-3 .template-legacy-component-98 {
width: 17px;
height: 13px;
position: absolute;
top: 0;
left: 1px;
}
.shared-app-store-fill-3 .shared-text {
-webkit-user-select: none;
user-select: none;
pointer-events: none;
flex-flow: column;
flex: none;
place-content: flex-start center;
align-items: flex-start;
gap: 0;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.shared-app-store-fill-3 .shared-text-container-3,.shared-app-store-fill-3 .shared-text-container-4 {
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative;
}
.shared-app-store-fill-3[data-border=true]:after,.shared-app-store-fill-3 [data-border=true]:after {
content: "";
border-width: var(--border-top-width,0)var(--border-right-width,0)var(--border-bottom-width,0)var(--border-left-width,0);
border-color: var(--border-color,none);
border-style: var(--border-style,none);
box-sizing: border-box;
border-radius: inherit;
corner-shape: inherit;
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
@supports (aspect-ratio:1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.hero-variant-1-2.template-legacy-component-18,.hero-variant-1-2 .template-legacy-component-18 {
display: block;
}
.hero-variant-1-2.hero-variant-1 {
flex-flow: row;
place-content: center;
align-items: center;
gap: 0;
width: 500px;
height: 530px;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.hero-variant-1-2 .hero-phone-mockup {
aspect-ratio: .743494;
width: var(--framer-aspect-ratio-supported,521px);
z-index: 1;
flex: none;
position: absolute;
top: 0;
bottom: -171px;
left: 65%;
overflow: visible;
}
.hero-variant-1-2 .hero-screenshot {
flex: none;
width: 46%;
height: 510px;
position: absolute;
top: 12px;
left: 68px;
overflow: visible;
}
@supports (aspect-ratio:1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.shared-fit-2.template-legacy-component-23,.shared-fit-2 .template-legacy-component-23 {
display: block;
}
.shared-fit-2.shared-fit {
height: min-content;
overflow: var(--overflow-clip-fallback,clip);
flex-flow: row;
place-content: center;
align-items: center;
gap: 10px;
width: min-content;
padding: 0;
display: flex;
position: relative;
}
.shared-fit-2 .shared-text-container {
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative;
}
.shared-fit-2.template-legacy-component-108.shared-fit {
width: 131px;
}
.shared-fit-2.template-legacy-component-108 .shared-text-container {
--framer-text-wrap-override: balance;
flex: 1 0 0;
width: 1px;
}
@supports (aspect-ratio:1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.features-screen-2.template-legacy-component-42,.features-screen-2 .template-legacy-component-42 {
display: block;
}
.features-screen-2.features-screen {
flex-flow: row;
place-content: center;
align-items: center;
gap: 10px;
width: 273px;
height: auto;
padding: 13px;
display: flex;
position: relative;
overflow: visible;
}
.features-screen-2 .features-image {
overflow: var(--overflow-clip-fallback,clip);
will-change: var(--framer-will-change-override,transform);
z-index: 1;
flex-flow: column;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 0;
padding: 0;
display: flex;
position: absolute;
inset: 11px 12px;
}
@supports (aspect-ratio:1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.benefits-desktop-3.template-legacy-component-44,.benefits-desktop-3 .template-legacy-component-44 {
display: block;
}
.benefits-desktop-3.benefits-desktop-2 {
flex-flow: row;
place-content: flex-start center;
align-items: flex-start;
gap: 30px;
width: 1100px;
height: 720px;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.benefits-desktop-3 .benefits-block-container-4 {
z-index: 1;
flex: none;
width: auto;
height: auto;
position: absolute;
top: 0;
left: 204px;
}
.benefits-desktop-3 .benefits-screen-wrapper {
height: 100%;
overflow: var(--overflow-clip-fallback,clip);
flex-flow: row;
flex: none;
place-content: flex-end center;
align-items: flex-end;
gap: 10px;
width: min-content;
padding: 0;
display: flex;
position: relative;
}
.benefits-desktop-3 .benefits-screen {
aspect-ratio: .57563;
height: var(--framer-aspect-ratio-supported,493px);
overflow: var(--overflow-clip-fallback,clip);
will-change: var(--framer-will-change-filter-override,filter);
flex: none;
width: 284px;
position: relative;
}
.benefits-desktop-3 .benefits-image {
flex: none;
position: absolute;
inset: 10px 11px -18px 24px;
overflow: visible;
}
.benefits-desktop-3 .benefits-block-container-6 {
z-index: 1;
flex: none;
width: auto;
height: auto;
position: absolute;
top: 220px;
left: 20px;
}
.benefits-desktop-3 .benefits-block-container-7 {
z-index: 1;
flex: none;
width: auto;
height: auto;
position: absolute;
bottom: 84px;
left: 40px;
}
.benefits-desktop-3 .benefits-block-container-8 {
z-index: 1;
flex: none;
width: auto;
height: auto;
position: absolute;
top: 0;
right: 209px;
}
.benefits-desktop-3 .benefits-block-container-5 {
z-index: 1;
flex: none;
width: auto;
height: auto;
position: absolute;
top: 220px;
right: 20px;
}
.benefits-desktop-3 .benefits-block-container-9 {
z-index: 1;
flex: none;
width: auto;
height: auto;
position: absolute;
bottom: 84px;
right: 40px;
}
.benefits-desktop-3.benefits-tablet-variant.benefits-desktop-2 {
align-content: unset;
align-items: unset;
grid-template-rows: repeat(2,min-content);
grid-template-columns: repeat(2,minmax(50px,1fr));
grid-auto-rows: min-content;
gap: 18px;
width: 600px;
height: min-content;
display: grid;
}
.benefits-desktop-3.benefits-tablet-variant .benefits-block-container-4,.benefits-desktop-3.benefits-phone-variant .benefits-block-container-4 {
left: unset;
top: unset;
order: 0;
place-self: start;
width: 100%;
position: relative;
}
.benefits-desktop-3.benefits-tablet-variant .benefits-screen-wrapper {
order: 6;
grid-column: span 2;
place-self: start;
width: 100%;
height: min-content;
padding: 20px 0 0;
}
.benefits-desktop-3.benefits-tablet-variant .benefits-block-container-6,.benefits-desktop-3.benefits-phone-variant .benefits-block-container-6 {
left: unset;
top: unset;
order: 2;
place-self: start;
width: 100%;
position: relative;
}
.benefits-desktop-3.benefits-tablet-variant .benefits-block-container-7,.benefits-desktop-3.benefits-phone-variant .benefits-block-container-7 {
bottom: unset;
left: unset;
order: 4;
place-self: start;
width: 100%;
position: relative;
}
.benefits-desktop-3.benefits-tablet-variant .benefits-block-container-8,.benefits-desktop-3.benefits-phone-variant .benefits-block-container-8 {
right: unset;
top: unset;
order: 1;
place-self: start;
width: 100%;
position: relative;
}
.benefits-desktop-3.benefits-tablet-variant .benefits-block-container-5,.benefits-desktop-3.benefits-phone-variant .benefits-block-container-5 {
right: unset;
top: unset;
order: 3;
place-self: start;
width: 100%;
position: relative;
}
.benefits-desktop-3.benefits-tablet-variant .benefits-block-container-9,.benefits-desktop-3.benefits-phone-variant .benefits-block-container-9 {
bottom: unset;
right: unset;
order: 5;
place-self: start;
width: 100%;
position: relative;
}
.benefits-desktop-3.benefits-phone-variant.benefits-desktop-2 {
align-content: unset;
align-items: unset;
grid-template-rows: repeat(2,min-content);
grid-template-columns: repeat(1,minmax(50px,1fr));
grid-auto-rows: min-content;
gap: 18px;
width: 500px;
height: min-content;
display: grid;
}
.benefits-desktop-3.benefits-phone-variant .benefits-screen-wrapper {
order: 6;
grid-column: span 1;
place-self: start;
width: 100%;
height: min-content;
padding: 20px 0 0;
}
.benefits-desktop-3.benefits-phone-variant .benefits-screen {
height: var(--framer-aspect-ratio-supported,494px);
}
@supports (aspect-ratio:1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.benefits-desktop-4.template-legacy-component-60,.benefits-desktop-4 .template-legacy-component-60 {
display: block;
}
.benefits-desktop-4.benefits-desktop {
height: min-content;
overflow: var(--overflow-clip-fallback,clip);
will-change: var(--framer-will-change-override,transform);
flex-flow: column;
place-content: flex-start center;
align-items: flex-start;
gap: 20px;
width: min-content;
padding: 20px;
display: flex;
position: relative;
}
.benefits-desktop-4 .benefits-gradient-2 {
-webkit-user-select: none;
user-select: none;
pointer-events: none;
flex: none;
width: 131px;
height: 119px;
position: absolute;
top: -10px;
left: -7px;
overflow: visible;
}
.benefits-desktop-4 .benefits-block-7 {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported,30px);
flex: none;
width: 30px;
position: relative;
}
.benefits-desktop-4 .benefits-text {
height: min-content;
overflow: var(--overflow-clip-fallback,clip);
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 260px;
padding: 0;
display: flex;
position: relative;
}
.benefits-desktop-4 .benefits-text-container-3,.benefits-desktop-4 .benefits-text-container-2 {
--framer-text-wrap-override: balance;
flex: none;
width: 100%;
height: auto;
position: relative;
}
.benefits-desktop-4.benefits-phone-variant-2.benefits-desktop {
flex-direction: row;
justify-content: flex-start;
padding: 30px 20px;
}
.shared-desktop-2 .type-card-title:not(.rich-text-wrapper),.shared-desktop-2 .type-card-title.rich-text-wrapper p {
--framer-font-family: "Inter","Inter Placeholder",sans-serif;
--framer-font-family-bold: "Inter","Inter Placeholder",sans-serif;
--framer-font-family-bold-italic: "Inter","Inter Placeholder",sans-serif;
--framer-font-family-italic: "Inter","Inter Placeholder",sans-serif;
--framer-font-open-type-features: "blwf" on,"cv09" on,"cv03" on,"cv04" on,"cv11" on;
--framer-font-size: calc(var(--framer-root-font-size,1rem)*1.13);
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 400;
--framer-letter-spacing: -.04em;
--framer-line-height: 1.6em;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: left;
--framer-text-color: var(--token-68c5c5f5-0e58-4492-b1b9-f805d76d95e8,#646464);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
.benefits-desktop-4[data-border=true]:after,.benefits-desktop-4 [data-border=true]:after {
content: "";
border-width: var(--border-top-width,0)var(--border-right-width,0)var(--border-bottom-width,0)var(--border-left-width,0);
border-color: var(--border-color,none);
border-style: var(--border-style,none);
box-sizing: border-box;
border-radius: inherit;
corner-shape: inherit;
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.benefits-block {
-webkit-mask: url("data:image/svg+xml,") alpha no-repeat center/auto var(--framer-icon-mask-mode,add),var(--framer-icon-mask,none);
aspect-ratio: 1;
background-color: var(--wzcoob);
-webkit-mask: url("data:image/svg+xml,") alpha no-repeat center/auto var(--framer-icon-mask-mode,add),var(--framer-icon-mask,none);
mask: url("data:image/svg+xml,") alpha no-repeat center/auto var(--framer-icon-mask-mode,add),var(--framer-icon-mask,none);
width: 24px;
}
.benefits-block-4 {
-webkit-mask: url("data:image/svg+xml,") alpha no-repeat center/auto var(--framer-icon-mask-mode,add),var(--framer-icon-mask,none);
aspect-ratio: 1;
background-color: var(--wzcoob);
-webkit-mask: url("data:image/svg+xml,") alpha no-repeat center/auto var(--framer-icon-mask-mode,add),var(--framer-icon-mask,none);
mask: url("data:image/svg+xml,") alpha no-repeat center/auto var(--framer-icon-mask-mode,add),var(--framer-icon-mask,none);
width: 24px;
}
.benefits-block-6 {
-webkit-mask: url("data:image/svg+xml,") alpha no-repeat center/auto var(--framer-icon-mask-mode,add),var(--framer-icon-mask,none);
aspect-ratio: 1;
background-color: var(--wzcoob);
-webkit-mask: url("data:image/svg+xml,") alpha no-repeat center/auto var(--framer-icon-mask-mode,add),var(--framer-icon-mask,none);
mask: url("data:image/svg+xml,") alpha no-repeat center/auto var(--framer-icon-mask-mode,add),var(--framer-icon-mask,none);
width: 24px;
}
.benefits-block-5 {
-webkit-mask: url("data:image/svg+xml,") alpha no-repeat center/auto var(--framer-icon-mask-mode,add),var(--framer-icon-mask,none);
aspect-ratio: 1;
background-color: var(--wzcoob);
-webkit-mask: url("data:image/svg+xml,") alpha no-repeat center/auto var(--framer-icon-mask-mode,add),var(--framer-icon-mask,none);
mask: url("data:image/svg+xml,") alpha no-repeat center/auto var(--framer-icon-mask-mode,add),var(--framer-icon-mask,none);
width: 24px;
}
.benefits-block-3 {
-webkit-mask: url("data:image/svg+xml,") alpha no-repeat center/auto var(--framer-icon-mask-mode,add),var(--framer-icon-mask,none);
aspect-ratio: 1;
background-color: var(--wzcoob);
-webkit-mask: url("data:image/svg+xml,") alpha no-repeat center/auto var(--framer-icon-mask-mode,add),var(--framer-icon-mask,none);
mask: url("data:image/svg+xml,") alpha no-repeat center/auto var(--framer-icon-mask-mode,add),var(--framer-icon-mask,none);
width: 24px;
}
.benefits-block-2 {
-webkit-mask: url("data:image/svg+xml,") alpha no-repeat center/auto var(--framer-icon-mask-mode,add),var(--framer-icon-mask,none);
aspect-ratio: 1;
background-color: var(--wzcoob);
-webkit-mask: url("data:image/svg+xml,") alpha no-repeat center/auto var(--framer-icon-mask-mode,add),var(--framer-icon-mask,none);
mask: url("data:image/svg+xml,") alpha no-repeat center/auto var(--framer-icon-mask-mode,add),var(--framer-icon-mask,none);
width: 24px;
}
@supports (aspect-ratio:1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.shared-outline-3.shared-outline,.shared-outline-3 .shared-outline {
display: block;
}
.shared-outline-3.shared-outline-2 {
cursor: pointer;
flex-flow: row;
place-content: center;
align-items: center;
gap: 6px;
width: min-content;
height: 36px;
padding: 0 14px;
text-decoration: none;
display: flex;
position: relative;
overflow: visible;
}
.shared-outline-3 .shared-text-container-5 {
-webkit-user-select: none;
user-select: none;
pointer-events: none;
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative;
}
.shared-outline-3 .navigation-svg-2 {
height: var(--framer-aspect-ratio-supported,17px);
flex: none;
width: 18px;
position: relative;
}
.shared-outline-3[data-border=true]:after,.shared-outline-3 [data-border=true]:after {
content: "";
border-width: var(--border-top-width,0)var(--border-right-width,0)var(--border-bottom-width,0)var(--border-left-width,0);
border-color: var(--border-color,none);
border-style: var(--border-style,none);
box-sizing: border-box;
border-radius: inherit;
corner-shape: inherit;
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
@supports (aspect-ratio:1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.banks-variant-1.template-legacy-component-87,.banks-variant-1 .template-legacy-component-87 {
display: block;
}
.banks-variant-1.banks-variant-1-2 {
width: 600px;
height: 600px;
position: relative;
overflow: visible;
}
.banks-variant-1 .banks-block-3 {
flex: none;
position: absolute;
inset: 40px;
overflow: visible;
}
.banks-variant-1 .banks-block {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported,73px);
overflow: var(--overflow-clip-fallback,clip);
will-change: var(--framer-will-change-override,transform);
z-index: 1;
flex: none;
width: 73px;
position: absolute;
bottom: 148px;
left: 10px;
}
.banks-variant-1 .banks-block-6 {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported,73px);
overflow: var(--overflow-clip-fallback,clip);
will-change: var(--framer-will-change-override,transform);
z-index: 1;
flex: none;
width: 73px;
position: absolute;
bottom: 95px;
right: 40px;
}
.banks-variant-1 .banks-block-5 {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported,60px);
overflow: var(--overflow-clip-fallback,clip);
will-change: var(--framer-will-change-override,transform);
z-index: 1;
flex: none;
width: 60px;
position: absolute;
top: 189px;
right: 0;
}
.banks-variant-1 .banks-block-7 {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported,73px);
overflow: var(--overflow-clip-fallback,clip);
will-change: var(--framer-will-change-override,transform);
z-index: 1;
flex: none;
width: 60px;
position: absolute;
top: 73px;
left: 64px;
}
.banks-variant-1 .banks-block-2 {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported,73px);
overflow: var(--overflow-clip-fallback,clip);
will-change: var(--framer-will-change-override,transform);
z-index: 1;
flex: none;
width: 73px;
position: absolute;
top: 0;
right: 188px;
}
.banks-variant-1 .banks-block-4 {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported,60px);
overflow: var(--overflow-clip-fallback,clip);
will-change: var(--framer-will-change-override,transform);
z-index: 1;
flex: none;
width: 60px;
position: absolute;
bottom: -10px;
left: 240px;
}
.banks-variant-1[data-border=true]:after,.banks-variant-1 [data-border=true]:after {
content: "";
border-width: var(--border-top-width,0)var(--border-right-width,0)var(--border-bottom-width,0)var(--border-left-width,0);
border-color: var(--border-color,none);
border-style: var(--border-style,none);
box-sizing: border-box;
border-radius: inherit;
corner-shape: inherit;
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.template-slideshow-axis-x {
--framer-dir-multiplier: -1;
}
html[dir=rtl] .template-slideshow-axis-x {
--framer-dir-multiplier: 1;
}
.template-slideshow-axis-y {
--framer-dir-multiplier: -1;
}
@supports (aspect-ratio:1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.template-legacy-component-52.template-legacy-component-20,.template-legacy-component-52 .template-legacy-component-20 {
display: block;
}
.template-legacy-component-52.template-legacy-component-70 {
height: 397px;
overflow: var(--overflow-clip-fallback,clip);
will-change: var(--framer-will-change-override,transform);
flex-flow: column;
place-content: flex-start space-between;
align-items: flex-start;
width: 329px;
padding: 60px 40px;
display: flex;
position: relative;
}
.template-legacy-component-52 .template-legacy-component-31 {
-webkit-user-select: none;
user-select: none;
pointer-events: none;
flex: none;
width: 371px;
height: 369px;
position: absolute;
bottom: -81px;
right: -120px;
overflow: visible;
}
.template-legacy-component-52 .template-legacy-component-24 {
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 4px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.template-legacy-component-52 .template-legacy-component-34,.template-legacy-component-52 .template-legacy-component-13,.template-legacy-component-52 .template-legacy-component-69,.template-legacy-component-52 .template-legacy-component-19,.template-legacy-component-52 .template-legacy-component-92 {
height: var(--framer-aspect-ratio-supported,20px);
flex: none;
width: 20px;
position: relative;
}
.template-legacy-component-52 .template-legacy-component-113 {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 20px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.template-legacy-component-52 .template-legacy-component-33 {
--framer-text-wrap-override: balance;
flex: none;
width: 100%;
max-width: 400px;
height: auto;
position: relative;
}
.template-legacy-component-52 .template-legacy-component-56 {
flex-flow: row;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 14px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.template-legacy-component-52 .template-legacy-component-68 {
-webkit-user-select: none;
user-select: none;
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported,34px);
will-change: var(--framer-will-change-override,transform);
flex: none;
width: 34px;
position: relative;
overflow: hidden;
}
.template-legacy-component-52 .template-legacy-component-51 {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 0;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.template-legacy-component-52 .template-legacy-component-99 {
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative;
}
.shared-app-store-fill-4 .type-store-title:not(.rich-text-wrapper),.shared-app-store-fill-4 .type-store-title.rich-text-wrapper h5 {
--framer-font-family: "Inter","Inter Placeholder",sans-serif;
--framer-font-family-bold: "Inter","Inter Placeholder",sans-serif;
--framer-font-family-bold-italic: "Inter","Inter Placeholder",sans-serif;
--framer-font-family-italic: "Inter","Inter Placeholder",sans-serif;
--framer-font-open-type-features: "blwf" on,"cv03" on,"cv04" on,"cv09" on,"cv11" on;
--framer-font-size: 18px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -.04em;
--framer-line-height: 1.4em;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: var(--token-db788891-ba10-4012-9273-117ab7af4ea3,#0a0a0a);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
.template-legacy-component-52[data-border=true]:after,.template-legacy-component-52 [data-border=true]:after {
content: "";
border-width: var(--border-top-width,0)var(--border-right-width,0)var(--border-bottom-width,0)var(--border-left-width,0);
border-color: var(--border-color,none);
border-style: var(--border-style,none);
box-sizing: border-box;
border-radius: inherit;
corner-shape: inherit;
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
@supports (aspect-ratio:1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.template-legacy-component-64.template-legacy-component-53,.template-legacy-component-64 .template-legacy-component-53 {
display: block;
}
.template-legacy-component-64.template-legacy-component-116 {
flex-flow: column;
place-content: center;
align-items: center;
gap: 32px;
width: 600px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.template-legacy-component-64 .template-cjssag-container {
z-index: 1;
flex: none;
width: auto;
height: auto;
position: absolute;
top: 0;
left: 50%;
}
.template-legacy-component-64 .template-legacy-component-84 {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 8px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.template-legacy-component-64 .template-legacy-component-4,.template-legacy-component-64 .template-legacy-component-59,.template-legacy-component-64 .template-legacy-component-12,.template-legacy-component-64 .template-legacy-component-96,.template-legacy-component-64 .template-legacy-component-30 {
flex: none;
width: 100%;
height: auto;
position: relative;
}
@supports (aspect-ratio:1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.template-legacy-component-65.template-legacy-component-8,.template-legacy-component-65 .template-legacy-component-8 {
display: block;
}
.template-legacy-component-65.template-legacy-component-25 {
cursor: pointer;
will-change: var(--framer-will-change-override,transform);
flex-flow: column;
place-content: center flex-start;
align-items: center;
gap: 0;
width: 576px;
height: min-content;
padding: 20px;
display: flex;
position: relative;
overflow: hidden;
}
.template-legacy-component-65 .template-legacy-component {
flex-flow: row;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 12px;
width: 100%;
height: min-content;
padding: 0 40px 0 0;
display: flex;
position: relative;
overflow: visible;
}
.template-legacy-component-65 .template-legacy-component-78 {
--framer-text-wrap-override: balance;
flex: 1 0 0;
width: 1px;
height: auto;
position: relative;
}
.template-legacy-component-65 .template-legacy-component-2 {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported,14px);
z-index: 1;
flex: none;
width: 14px;
position: absolute;
top: 6px;
right: 0;
}
.template-legacy-component-65 .template-legacy-component-105 {
flex-flow: column;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 10px;
height: min-content;
padding: 0;
display: flex;
position: absolute;
bottom: -80px;
left: 20px;
right: 20px;
overflow: visible;
}
.template-legacy-component-65 .template-legacy-component-101 {
--framer-text-wrap-override: balance;
-webkit-user-select: none;
user-select: none;
flex: none;
width: 100%;
height: auto;
position: relative;
}
.template-legacy-component-65.template-legacy-component-110.template-legacy-component-25 {
gap: 10px;
}
.template-legacy-component-65.template-legacy-component-110 .template-legacy-component {
order: 0;
}
.template-legacy-component-65.template-legacy-component-110 .template-legacy-component-105 {
bottom: unset;
left: unset;
right: unset;
order: 1;
width: 100%;
position: relative;
}
.template-legacy-component-65.template-legacy-component-110 .template-legacy-component-101 {
-webkit-user-select: unset;
user-select: unset;
}
.template-legacy-component-95 {
-webkit-mask: var(--framer-icon-mask);
aspect-ratio: 1;
-webkit-mask: var(--framer-icon-mask);
mask: var(--framer-icon-mask);
width: 24px;
display: block;
}
@supports (aspect-ratio:1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.footer-desktop-2.footer-inline-link-2,.footer-desktop-2 .footer-inline-link-2 {
display: block;
}
.footer-desktop-2.footer-desktop-3 {
height: min-content;
overflow: var(--overflow-clip-fallback,clip);
flex-flow: column;
place-content: center;
align-items: center;
gap: 40px;
width: 1200px;
padding: 60px 20px;
display: flex;
position: relative;
}
.footer-desktop-2 .footer-container {
flex-flow: column;
flex: none;
place-content: flex-start center;
align-items: flex-start;
gap: 50px;
width: 100%;
max-width: 1180px;
height: min-content;
padding: 20px;
display: flex;
position: relative;
overflow: visible;
}
.footer-desktop-2 .template-legacy-component-40 {
flex-flow: row;
flex: none;
place-content: flex-end;
align-items: flex-end;
gap: 30px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.footer-desktop-2 .template-legacy-component-67 {
flex-flow: column;
flex: 1 0 0;
place-content: flex-start center;
align-items: flex-start;
gap: 2px;
width: 1px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.footer-desktop-2 .template-legacy-component-71,.footer-desktop-2 .template-legacy-component-80 {
--framer-text-wrap-override: balance;
flex: none;
width: 100%;
height: auto;
position: relative;
}
.footer-desktop-2 .template-legacy-component-48 {
flex: 1 0 0;
width: 1px;
max-width: 360px;
height: auto;
position: relative;
}
.footer-desktop-2 .footer-divider,.footer-desktop-2 .footer-divider-2 {
flex: none;
width: 100%;
height: 1px;
position: relative;
overflow: visible;
}
.footer-desktop-2 .footer-block-6 {
flex-flow: row;
flex: none;
place-content: flex-start center;
align-items: flex-start;
gap: 40px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.footer-desktop-2 .footer-block {
flex-flow: column;
flex: 1 0 0;
place-content: flex-start center;
align-items: flex-start;
gap: 30px;
width: 1px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.footer-desktop-2 .footer-block-container,.footer-desktop-2 .footer-block-container-2,.footer-desktop-2 .template-legacy-component-50,.footer-desktop-2 .template-legacy-component-58 {
flex: none;
width: auto;
height: auto;
position: relative;
}
.footer-desktop-2 .footer-text-container-9 {
--framer-text-wrap-override: balance;
flex: none;
width: 100%;
max-width: 400px;
height: auto;
position: relative;
}
.footer-desktop-2 .footer-block-3 {
flex-flow: wrap;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 12px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.footer-desktop-2 .footer-inline-link-4,.footer-desktop-2 .footer-inline-link-3,.footer-desktop-2 .footer-inline-link {
aspect-ratio: 1;
cursor: pointer;
height: var(--framer-aspect-ratio-supported,38px);
will-change: var(--framer-will-change-effect-override,transform);
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 38px;
padding: 8px;
text-decoration: none;
display: flex;
position: relative;
overflow: visible;
}
.footer-desktop-2 .footer-svg-6,.footer-desktop-2 .footer-svg,.footer-desktop-2 .footer-svg-2 {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported,18px);
flex: none;
width: 18px;
position: relative;
}
.footer-desktop-2 .footer-links {
flex-flow: row;
flex: 1 0 0;
place-content: flex-start flex-end;
align-items: flex-start;
gap: 60px;
width: 1px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.footer-desktop-2 .footer-block-2,.footer-desktop-2 .footer-more-links {
flex-flow: column;
flex: none;
place-content: flex-start center;
align-items: flex-start;
gap: 12px;
width: min-content;
height: min-content;
padding: 0 20px 0 0;
display: flex;
position: relative;
overflow: visible;
}
.footer-desktop-2 .footer-text-container-8,.footer-desktop-2 .footer-text-container-3,.footer-desktop-2 .footer-text-container,.footer-desktop-2 .footer-text-container-11,.footer-desktop-2 .footer-text-container-16,.footer-desktop-2 .footer-text-container-7,.footer-desktop-2 .template-legacy-component-41,.footer-desktop-2 .footer-text-container-14,.footer-desktop-2 .footer-text-container-13,.footer-desktop-2 .footer-text-container-12,.footer-desktop-2 .footer-text-container-10,.footer-desktop-2 .footer-text-container-15,.footer-desktop-2 .footer-text-container-2,.footer-desktop-2 .footer-text-container-5 {
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative;
}
.footer-desktop-2 .footer-company-links {
flex-flow: column;
flex: none;
place-content: flex-start center;
align-items: flex-start;
gap: 12px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.footer-desktop-2 .footer-block-4 {
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 20px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.footer-desktop-2 .footer-block-5 {
flex-flow: column;
flex: 1 0 0;
place-content: center;
align-items: center;
gap: 10px;
width: 1px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.footer-desktop-2 .footer-text-container-6,.footer-desktop-2 .footer-text-container-4 {
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 100%;
height: auto;
position: relative;
}
.footer-desktop-2 .template-legacy-component-85 {
flex-flow: row;
flex: none;
place-content: center flex-end;
align-items: center;
gap: 12px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.footer-desktop-2.footer-phone-variant.footer-desktop-3 {
width: 390px;
}
.footer-desktop-2.footer-phone-variant .footer-container {
padding: 0;
}
.footer-desktop-2.footer-phone-variant .template-legacy-component-40,.footer-desktop-2.footer-phone-variant .footer-block-6 {
flex-direction: column;
}
.footer-desktop-2.footer-phone-variant .template-legacy-component-67,.footer-desktop-2.footer-phone-variant .template-legacy-component-48,.footer-desktop-2.footer-phone-variant .footer-block,.footer-desktop-2.footer-phone-variant .footer-block-5 {
flex: none;
width: 100%;
}
.footer-desktop-2.footer-phone-variant .footer-links {
flex-direction: column;
flex: none;
justify-content: flex-start;
gap: 40px;
width: 100%;
}
.footer-desktop-2.footer-phone-variant .footer-block-4 {
flex-direction: column;
align-content: flex-start;
align-items: flex-start;
}
.footer-desktop-2.footer-phone-variant .template-legacy-component-85 {
align-content: flex-start;
align-items: flex-start;
width: 100%;
}
.footer-desktop-2.footer-phone-variant .template-legacy-component-50,.footer-desktop-2.footer-phone-variant .template-legacy-component-58 {
flex: 1 0 0;
width: 1px;
}
.shared-desktop .type-body:not(.rich-text-wrapper),.shared-desktop .type-body.rich-text-wrapper p {
--framer-font-family: "Inter","Inter Placeholder",sans-serif;
--framer-font-family-bold: "Inter","Inter Placeholder",sans-serif;
--framer-font-family-bold-italic: "Inter","Inter Placeholder",sans-serif;
--framer-font-family-italic: "Inter","Inter Placeholder",sans-serif;
--framer-font-open-type-features: "blwf" on,"cv09" on,"cv03" on,"cv04" on,"cv11" on;
--framer-font-size: calc(var(--framer-root-font-size,1rem)*1);
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -.04em;
--framer-line-height: 1.6em;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: left;
--framer-text-color: var(--token-68c5c5f5-0e58-4492-b1b9-f805d76d95e8,#787878);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
.shared-block-8 .type-footer-link:not(.rich-text-wrapper),.shared-block-8 .type-footer-link.rich-text-wrapper a {
--framer-link-hover-text-color: var(--token-db788891-ba10-4012-9273-117ab7af4ea3,#0a0a0a);
transition: color .3s cubic-bezier(.44,0,.56,1);
}
.shared-fit-3 .type-eyebrow:not(.rich-text-wrapper),.shared-fit-3 .type-eyebrow.rich-text-wrapper p {
--framer-font-family: "Inter","Inter Placeholder",sans-serif;
--framer-font-family-bold: "Inter","Inter Placeholder",sans-serif;
--framer-font-family-bold-italic: "Inter","Inter Placeholder",sans-serif;
--framer-font-family-italic: "Inter","Inter Placeholder",sans-serif;
--framer-font-open-type-features: "blwf" on,"cv09" on,"cv03" on,"cv04" on,"cv11" on;
--framer-font-size: 15px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 400;
--framer-letter-spacing: -.03em;
--framer-line-height: 1.4em;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: left;
--framer-text-color: var(--token-68c5c5f5-0e58-4492-b1b9-f805d76d95e8,#787878);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
.footer-desktop .type-attribution-link:not(.rich-text-wrapper),.footer-desktop .type-attribution-link.rich-text-wrapper a {
--framer-link-hover-text-color: var(--token-68c5c5f5-0e58-4492-b1b9-f805d76d95e8,#646464);
--framer-link-text-color: var(--token-db788891-ba10-4012-9273-117ab7af4ea3,#0a0a0a);
transition: color .3s cubic-bezier(.44,0,.56,1);
}
.footer-desktop-2[data-border=true]:after,.footer-desktop-2 [data-border=true]:after {
content: "";
border-width: var(--border-top-width,0)var(--border-right-width,0)var(--border-bottom-width,0)var(--border-left-width,0);
border-color: var(--border-color,none);
border-style: var(--border-style,none);
box-sizing: border-box;
border-radius: inherit;
corner-shape: inherit;
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.v1.template-custom-input::placeholder {
color: var(--framer-custom-placeholder-color)!important;
}
@supports (aspect-ratio:1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.shared-logo-dark-2.shared-logo-dark-3,.shared-logo-dark-2 .shared-logo-dark-3 {
display: block;
}
.shared-logo-dark-2.shared-logo-dark {
cursor: pointer;
height: min-content;
overflow: var(--overflow-clip-fallback,clip);
flex-flow: row;
place-content: center;
align-items: center;
gap: 6px;
width: min-content;
padding: 0;
text-decoration: none;
display: flex;
position: relative;
}
.shared-logo-dark-2 .shared-logo {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported,26px);
flex: none;
width: 26px;
position: relative;
overflow: visible;
}
.shared-logo-dark-2 .shared-text-container-2 {
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative;
}
.footer-svg-5,.footer-svg-3,.footer-svg-4 {
-webkit-mask: var(--framer-icon-mask);
aspect-ratio: 1;
-webkit-mask: var(--framer-icon-mask);
mask: var(--framer-icon-mask);
width: 24px;
display: block;
}
@supports (aspect-ratio:1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.navigation-desktop.template-legacy-component-21,.navigation-desktop .template-legacy-component-21 {
display: block;
}
.navigation-desktop.navigation-desktop-3 {
height: 62px;
overflow: var(--overflow-clip-fallback,clip);
flex-flow: row;
place-content: center;
align-items: center;
gap: 20px;
width: 1200px;
padding: 0 20px;
display: flex;
position: relative;
}
.navigation-desktop .navigation-container {
flex-flow: row;
flex: 1 0 0;
place-content: center flex-start;
align-items: center;
gap: 10px;
width: 1px;
max-width: 1180px;
height: min-content;
padding: 8px 20px;
display: flex;
position: relative;
overflow: visible;
}
.navigation-desktop .navigation-top-2 {
flex-flow: row;
flex: none;
place-content: center space-between;
align-items: center;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.navigation-desktop .navigation-block-container,.navigation-desktop .navigation-block-container-3 {
flex: none;
width: auto;
height: auto;
position: relative;
}
.navigation-desktop .navigation-block-container-2 {
flex: none;
width: 30px;
height: 30px;
position: relative;
}
.navigation-desktop .navigation-links {
flex-flow: row;
flex: 1 0 0;
place-content: center;
align-items: center;
gap: 16px;
width: 1px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.navigation-desktop .navigation-text-container-3,.navigation-desktop .navigation-text-container,.navigation-desktop .navigation-text-container-5,.navigation-desktop .template-legacy-component-26,.navigation-desktop .navigation-text-container-2,.navigation-desktop .navigation-text-container-4 {
-webkit-user-select: none;
user-select: none;
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative;
}
.navigation-desktop.navigation-phone-variant.navigation-desktop-3 {
flex-direction: column;
justify-content: flex-start;
gap: 0;
width: 390px;
padding: 8px 20px 0;
}
.navigation-desktop.navigation-phone-variant .navigation-container {
flex-direction: column;
flex: none;
width: 100%;
padding: 8px 0;
}
.navigation-desktop.navigation-phone-variant .navigation-top-2,.navigation-desktop.navigation-phone-variant .navigation-block-container-3,.navigation-desktop.template-legacy-component-109 .navigation-top-2,.navigation-desktop.template-legacy-component-109 .navigation-block-container-3 {
width: 100%;
}
.navigation-desktop.navigation-phone-variant .navigation-links {
flex-direction: column;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 0;
width: 100%;
padding: 20px;
}
.navigation-desktop.template-legacy-component-109.navigation-desktop-3 {
flex-direction: column;
justify-content: flex-start;
width: 390px;
height: min-content;
}
.navigation-desktop.template-legacy-component-109 .navigation-container {
height: calc(var(--framer-viewport-height,100vh)*1);
flex-direction: column;
flex: none;
width: 100%;
padding: 20px 0;
}
.navigation-desktop.template-legacy-component-109 .navigation-links {
flex-direction: column;
place-content: flex-start;
align-items: flex-start;
gap: 10px;
width: 100%;
height: 1px;
padding: 20px;
overflow: auto;
}
.navigation-desktop.template-legacy-component-109 .navigation-text-container-3,.navigation-desktop.template-legacy-component-109 .navigation-text-container,.navigation-desktop.template-legacy-component-109 .navigation-text-container-5,.navigation-desktop.template-legacy-component-109 .template-legacy-component-26,.navigation-desktop.template-legacy-component-109 .navigation-text-container-2,.navigation-desktop.template-legacy-component-109 .navigation-text-container-4 {
cursor: pointer;
}
.shared-outline-4 .type-label:not(.rich-text-wrapper),.shared-outline-4 .type-label.rich-text-wrapper p {
--framer-font-family: "Inter","Inter Placeholder",sans-serif;
--framer-font-family-bold: "Inter","Inter Placeholder",sans-serif;
--framer-font-family-bold-italic: "Inter","Inter Placeholder",sans-serif;
--framer-font-family-italic: "Inter","Inter Placeholder",sans-serif;
--framer-font-open-type-features: "blwf" on,"cv03" on,"cv04" on,"cv09" on,"cv11" on;
--framer-font-size: calc(var(--framer-root-font-size,1rem)*.94);
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -.02em;
--framer-line-height: 1.2em;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: start;
--framer-text-color: var(--token-68c5c5f5-0e58-4492-b1b9-f805d76d95e8,#646464);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
.navigation-desktop-2 .type-navigation-link:not(.rich-text-wrapper),.navigation-desktop-2 .type-navigation-link.rich-text-wrapper a {
--framer-link-hover-text-color: var(--token-db788891-ba10-4012-9273-117ab7af4ea3,#0a0a0a);
transition: color .3s cubic-bezier(.44,0,.56,1);
}
.shared-block-6 .type-small-heading:not(.rich-text-wrapper),.shared-block-6 .type-small-heading.rich-text-wrapper h3 {
--framer-font-family: "Inter","Inter Placeholder",sans-serif;
--framer-font-family-bold: "Inter","Inter Placeholder",sans-serif;
--framer-font-family-bold-italic: "Inter","Inter Placeholder",sans-serif;
--framer-font-family-italic: "Inter","Inter Placeholder",sans-serif;
--framer-font-open-type-features: "blwf" on,"cv03" on,"cv04" on,"cv09" on,"cv11" on;
--framer-font-size: calc(var(--framer-root-font-size,1rem)*1.25);
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -.04em;
--framer-line-height: 1.4em;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: var(--token-db788891-ba10-4012-9273-117ab7af4ea3,#0a0a0a);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
.navigation-desktop[data-border=true]:after,.navigation-desktop [data-border=true]:after {
content: "";
border-width: var(--border-top-width,0)var(--border-right-width,0)var(--border-bottom-width,0)var(--border-left-width,0);
border-color: var(--border-color,none);
border-style: var(--border-style,none);
box-sizing: border-box;
border-radius: inherit;
corner-shape: inherit;
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.navigation-desktop[data-hide-scrollbars=true]::-webkit-scrollbar {
width: 0;
height: 0;
}
.navigation-desktop [data-hide-scrollbars=true]::-webkit-scrollbar {
width: 0;
height: 0;
}
.navigation-desktop[data-hide-scrollbars=true]::-webkit-scrollbar-thumb {
background: 0 0;
}
.navigation-desktop [data-hide-scrollbars=true]::-webkit-scrollbar-thumb {
background: 0 0;
}
.navigation-desktop[data-hide-scrollbars=true],.navigation-desktop [data-hide-scrollbars=true] {
scrollbar-width: none;
}
.navigation-svg {
-webkit-mask: var(--framer-icon-mask);
aspect-ratio: 1;
-webkit-mask: var(--framer-icon-mask);
mask: var(--framer-icon-mask);
width: 24px;
display: block;
}
@supports (aspect-ratio:1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.navigation-hamburger-dark-2.template-legacy-component-27,.navigation-hamburger-dark-2 .template-legacy-component-27 {
display: block;
}
.navigation-hamburger-dark-2.navigation-hamburger-dark {
cursor: pointer;
width: 30px;
height: 30px;
position: relative;
overflow: hidden;
}
.navigation-hamburger-dark-2 .navigation-bottom {
will-change: var(--framer-will-change-override,transform);
flex: none;
width: 15px;
height: 2px;
position: absolute;
top: calc(60% - 1px);
left: calc(56.6667% - 7.5px);
overflow: hidden;
}
.navigation-hamburger-dark-2 .navigation-top {
will-change: var(--framer-will-change-override,transform);
flex: none;
width: 18px;
height: 2px;
position: absolute;
top: calc(33.3333% - 1px);
left: calc(53.3333% - 9px);
overflow: hidden;
}
.navigation-hamburger-dark-2.template-legacy-component-111 .navigation-bottom {
width: 18px;
top: calc(50% - 1px);
left: calc(50% - 9px);
}
.navigation-hamburger-dark-2.template-legacy-component-111 .navigation-top {
top: calc(50% - 1px);
left: calc(50% - 9px);
}