@font-face { font-family: "Bricolage Grotesque"; src: url(BricolageGrotesque.ttf) format("truetype"); font-weight: 200 800; font-display: swap; }
:root {
  --c0: rgba(11, 15, 13, 0.22) 0px 24px 56px;
  --c1: rgb(244, 247, 246);
  --c2: rgb(11, 15, 13);
  --c3: rgb(14, 127, 85);
  --c4: rgb(255, 255, 255);
  --c5: rgb(240, 251, 245);
  --c6: rgb(0, 0, 0);
  --c7: rgba(255, 255, 255, 0.55);
  --c8: rgba(255, 255, 255, 0.28);
  --c9: rgb(11, 15, 13);
  --c10: rgb(74, 222, 158);
  --c11: rgb(4, 33, 15);
  --c12: rgb(58, 67, 62);
  --c13: rgb(255, 255, 255);
  --c14: rgb(184, 245, 214);
  --c15: rgb(63, 184, 134);
  --c16: rgb(10, 102, 67);
  --c17: rgb(8, 80, 58);
  --c18: rgb(10, 107, 73);
  --c19: #fff;
  --c20: rgb(59, 69, 64);
  --c21: rgb(11, 122, 80);
  --c22: rgb(221, 228, 224);
  --c23: rgb(201, 209, 203);
  --c24: rgb(255, 255, 255);
  --c25: rgb(11, 107, 71);
}
@media (prefers-color-scheme: dark) {
:root {
  --c0: rgba(0, 0, 0, 0.6) 0px 24px 56px, rgba(255, 255, 255, 0.08) 0px 0px 0px 1px;
  --c1: rgb(11, 15, 13);
  --c2: rgb(242, 245, 243);
  --c3: rgb(10, 31, 23);
  --c4: rgb(255, 255, 255);
  --c5: rgb(240, 251, 245);
  --c6: rgb(0, 0, 0);
  --c7: rgba(255, 255, 255, 0.55);
  --c8: rgba(255, 255, 255, 0.28);
  --c9: rgb(28, 36, 32);
  --c10: rgb(74, 222, 158);
  --c11: rgb(4, 33, 15);
  --c12: rgb(58, 67, 62);
  --c13: rgb(23, 28, 25);
  --c14: rgb(127, 227, 180);
  --c15: rgb(47, 160, 112);
  --c16: rgb(20, 87, 62);
  --c17: rgb(15, 70, 49);
  --c18: rgb(18, 51, 42);
  --c19: #fff;
  --c20: rgb(180, 189, 184);
  --c21: rgb(74, 222, 158);
  --c22: rgb(42, 49, 45);
  --c23: rgb(201, 209, 203);
  --c24: rgb(74, 222, 158);
  --c25: rgb(4, 33, 15);
}
}
html, body { margin: 0; background: var(--c1); }
body { font-family: "Bricolage Grotesque", -apple-system, system-ui, sans-serif; -webkit-text-size-adjust: 100%; }
img { max-width: 100%; height: auto; }
a:hover { text-decoration: underline; }
[data-logo] { color: inherit; text-decoration: none; }
[data-logo]:hover { text-decoration: none; }
a:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.badge-link { display: inline-block; }
.badge { display: block; height: 56px; width: auto; }
[data-root="phone"] { display: none; }
@media (max-width: 899px) {
  [data-root="wide"] { display: none; }
  [data-root="phone"] { display: block; }
}
.s0 { width: 100%; background: var(--c1); color: var(--c2); font-family: "Bricolage Grotesque", sans-serif; font-weight: 500; overflow: hidden; box-sizing: border-box }
.s1 { background: var(--c3); color: var(--c4); border-radius: 0px 0px 28px 28px; padding: 32px 64px 64px; box-sizing: border-box; position: relative }
.s2 { display: flex; align-items: center; justify-content: space-between; gap: 12px }
.s3 { display: flex; align-items: center; gap: 12px }
.s4 { width: 44px; height: 44px; border-radius: 12px; display: block }
.s5 { font: 800 24px / 1 "Bricolage Grotesque" }
.s6 { display: flex; gap: 24px }
.s7 { min-height: 44px; display: flex; align-items: center; font: 700 17px / 1 "Bricolage Grotesque"; color: var(--c4); text-decoration: none }
.s8 { margin-top: 48px; display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center }
.s9 { margin: 0px; font: 800 68px / 1.02 "Bricolage Grotesque"; letter-spacing: -0.02em }
.s10 { margin: 24px 0px 0px; max-width: 560px; font: 500 21px / 1.45 "Bricolage Grotesque"; color: var(--c5) }
.s11 { margin-top: 32px }
.s12 { display: inline-flex; align-items: center; justify-content: center; min-height: 56px; padding: 0px 32px; border-radius: 28px; background: var(--c6); color: var(--c4); border: 1.5px solid var(--c7); font: 700 18px / 1 "Bricolage Grotesque"; text-decoration: none; box-sizing: border-box }
.s13 { position: relative; display: flex; justify-content: center; min-height: 760px }
.s14 { position: absolute; left: -40px; bottom: 24px; width: 280px; height: 280px; z-index: 2; pointer-events: none }
.s15 { position: relative; width: 340px; flex: 0 0 auto; border-radius: 44px; background: var(--c6); padding: 8px; box-sizing: border-box; border: 1.5px solid var(--c8) }
.s16 { display: block; width: 100%; border-radius: 36px }
.s17 { position: absolute; left: 50%; margin-left: -52px; top: 19px; width: 104px; height: 30px; border-radius: 30px; background: var(--c6) }
.s18 { padding: 64px 64px 32px; display: flex; flex-direction: column; gap: 64px; box-sizing: border-box }
.s19 { background: var(--c9); color: var(--c4); border-radius: 28px; padding: 48px; box-shadow: var(--c0); display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center }
.s20 { margin: 0px; font: 800 40px / 1.05 "Bricolage Grotesque"; letter-spacing: -0.01em }
.s21 { margin-top: 32px; display: flex; flex-direction: column; gap: 20px }
.s22 { display: flex; align-items: center; gap: 16px }
.s23 { width: 44px; height: 44px; border-radius: 22px; background: var(--c10); color: var(--c11); display: flex; align-items: center; justify-content: center; flex: 0 0 auto; font: 800 20px / 1 "Bricolage Grotesque" }
.s24 { font: 700 22px / 1.25 "Bricolage Grotesque" }
.s25 { display: flex; gap: 20px; justify-content: center }
.s26 { position: relative; width: 214px; flex: 0 0 auto; border-radius: 28px; background: var(--c6); padding: 8px; box-sizing: border-box; border: 1.5px solid var(--c12) }
.s27 { display: block; width: 100%; border-radius: 20px }
.s28 { position: absolute; left: 50%; margin-left: -32px; top: 15px; width: 63px; height: 19px; border-radius: 19px; background: var(--c6) }
.s29 { margin: 0px 0px 24px; font: 800 40px / 1.05 "Bricolage Grotesque"; letter-spacing: -0.01em }
.s30 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px }
.s31 { background: var(--c13); border-radius: 28px; padding: 24px; display: flex; flex-direction: column; align-items: flex-start; gap: 16px }
.s32 { width: 160px; height: 160px; flex: 0 0 auto; display: block }
.s33 { display: grid; grid-template-columns: repeat(6, 1fr); gap: 4px; border-radius: 28px; overflow: hidden }
.s34 { grid-column: span 4; min-height: 180px; padding: 24px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; gap: 16px; background: var(--c14); color: var(--c11) }
.s35 { font: 800 32px / 1.05 "Bricolage Grotesque" }
.s36 { grid-column: span 2; min-height: 180px; padding: 24px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; gap: 16px; background: var(--c15); color: var(--c11) }
.s37 { grid-column: span 2; min-height: 180px; padding: 24px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; gap: 16px; background: var(--c16); color: var(--c4) }
.s38 { grid-column: span 4; min-height: 180px; padding: 24px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; gap: 16px; background: var(--c17); color: var(--c4) }
.s39 { grid-column: span 6; min-height: 180px; padding: 24px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; gap: 16px; background: var(--c15); color: var(--c11) }
.s40 { display: flex; flex-wrap: wrap; gap: 8px }
.s41 { min-height: 36px; padding: 0px 16px; border-radius: 18px; border: 2px solid var(--c11); box-sizing: border-box; display: flex; align-items: center; font: 700 16px / 1 "Bricolage Grotesque" }
.s42 { background: var(--c3); color: var(--c4); border-radius: 28px; padding: 48px; box-sizing: border-box }
.s43 { margin-top: 32px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px }
.s44 { min-height: 64px; border-radius: 20px; background: var(--c18); display: flex; align-items: center; gap: 12px; padding: 12px 20px; font: 700 19px / 1.2 "Bricolage Grotesque" }
.s45 { stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; flex: 0 0 auto }
.s46 { padding: 48px 64px; display: flex; flex-direction: column; gap: 16px; box-sizing: border-box }
.s47 { margin: 0px; max-width: 680px; font: 500 15px / 1.5 "Bricolage Grotesque"; color: var(--c20) }
.s48 { display: flex; flex-wrap: wrap; gap: 8px 24px; align-items: center }
.s49 { min-height: 44px; display: flex; align-items: center; font: 700 16px / 1 "Bricolage Grotesque"; color: var(--c21) }
.s50 { font: 500 15px / 1.3 "Bricolage Grotesque"; color: var(--c20) }
.s51 { background: var(--c3); color: var(--c4); border-radius: 0px 0px 28px 28px; padding: 20px 20px 48px; box-sizing: border-box; position: relative }
.s52 { display: flex; gap: 8px }
.s53 { margin-top: 32px; display: grid; grid-template-columns: 1fr; gap: 48px; align-items: center }
.s54 { margin: 0px; font: 800 40px / 1.02 "Bricolage Grotesque"; letter-spacing: -0.02em }
.s55 { margin: 24px 0px 0px; max-width: 560px; font: 500 18px / 1.45 "Bricolage Grotesque"; color: var(--c5) }
.s56 { position: relative; display: flex; justify-content: center; padding-top: 48px }
.s57 { position: absolute; right: -8px; top: -8px; width: 160px; height: 160px; z-index: 2; pointer-events: none }
.s58 { position: relative; width: 260px; flex: 0 0 auto; border-radius: 34px; background: var(--c6); padding: 8px; box-sizing: border-box; border: 1.5px solid var(--c8) }
.s59 { display: block; width: 100%; border-radius: 26px }
.s60 { position: absolute; left: 50%; margin-left: -39px; top: 16px; width: 78px; height: 23px; border-radius: 23px; background: var(--c6) }
.s61 { padding: 48px 20px 16px; display: flex; flex-direction: column; gap: 48px; box-sizing: border-box }
.s62 { background: var(--c9); color: var(--c4); border-radius: 28px; padding: 24px; box-shadow: var(--c0); display: grid; grid-template-columns: 1fr; gap: 32px; align-items: center }
.s63 { margin: 0px; font: 800 30px / 1.05 "Bricolage Grotesque"; letter-spacing: -0.01em }
.s64 { font: 700 19px / 1.25 "Bricolage Grotesque" }
.s65 { display: flex; gap: 12px; justify-content: center }
.s66 { position: relative; width: 150px; flex: 0 0 auto; border-radius: 20px; background: var(--c6); padding: 8px; box-sizing: border-box; border: 1.5px solid var(--c12) }
.s67 { display: block; width: 100%; border-radius: 12px }
.s68 { position: absolute; left: 50%; margin-left: -21px; top: 12px; width: 43px; height: 13px; border-radius: 13px; background: var(--c6) }
.s69 { margin: 0px 0px 24px; font: 800 30px / 1.05 "Bricolage Grotesque"; letter-spacing: -0.01em }
.s70 { display: grid; grid-template-columns: 1fr; gap: 20px }
.s71 { background: var(--c13); border-radius: 28px; padding: 24px; display: flex; flex-direction: row; align-items: center; gap: 16px }
.s72 { width: 96px; height: 96px; flex: 0 0 auto; display: block }
.s73 { display: grid; grid-template-columns: 1fr; gap: 4px; border-radius: 28px; overflow: hidden }
.s74 { grid-column: auto; min-height: 120px; padding: 24px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; gap: 16px; background: var(--c14); color: var(--c11) }
.s75 { font: 800 28px / 1.05 "Bricolage Grotesque" }
.s76 { grid-column: auto; min-height: 120px; padding: 24px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; gap: 16px; background: var(--c15); color: var(--c11) }
.s77 { grid-column: auto; min-height: 120px; padding: 24px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; gap: 16px; background: var(--c16); color: var(--c4) }
.s78 { grid-column: auto; min-height: 120px; padding: 24px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; gap: 16px; background: var(--c17); color: var(--c4) }
.s79 { background: var(--c3); color: var(--c4); border-radius: 28px; padding: 24px; box-sizing: border-box }
.s80 { margin-top: 32px; display: grid; grid-template-columns: 1fr; gap: 12px }
.s81 { padding: 32px 20px 48px; display: flex; flex-direction: column; gap: 16px; box-sizing: border-box }
.s82 { margin-top: 48px }
.s83 { margin: 0px; font: 800 64px / 1.04 "Bricolage Grotesque"; letter-spacing: -0.02em }
.s84 { margin: 12px 0px 0px; font: 500 21px / 1.4 "Bricolage Grotesque"; color: var(--c5) }
.s85 { padding: 64px 64px 32px; box-sizing: border-box }
.s86 { max-width: 680px; display: flex; flex-direction: column }
.s87 { padding: 24px 0px; border-top: 1px solid var(--c22) }
.s88 { margin: 0px 0px 8px; font: 700 24px / 1.2 "Bricolage Grotesque" }
.s89 { margin: 0px; font: 500 18px / 1.6 "Bricolage Grotesque"; color: var(--c20) }
.s90 { font: 700 18px / 1.6 "Bricolage Grotesque"; color: var(--c21) }
.s91 { margin: 0px; font: 800 40px / 1.04 "Bricolage Grotesque"; letter-spacing: -0.02em }
.s92 { margin: 12px 0px 0px; font: 500 18px / 1.4 "Bricolage Grotesque"; color: var(--c5) }
.s93 { padding: 48px 20px 16px; box-sizing: border-box }
.s94 { padding: 64px 64px 32px; display: flex; flex-direction: column; gap: 32px; box-sizing: border-box }
.s95 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px }
.s96 { background: var(--c13); border-radius: 20px; padding: 24px }
.s97 { margin: 0px; font: 700 21px / 1.25 "Bricolage Grotesque" }
.s98 { margin: 12px 0px 0px; font: 500 17px / 1.5 "Bricolage Grotesque"; color: var(--c20) }
.s99 { background: var(--c9); color: var(--c4); border-radius: 28px; padding: 48px; box-sizing: border-box }
.s100 { font: 500 17px / 1.3 "Bricolage Grotesque"; color: var(--c23) }
.s101 { display: inline-block; margin-top: 8px; font: 800 40px / 1.2 "Bricolage Grotesque"; color: var(--c10); overflow-wrap: anywhere }
.s102 { padding: 48px 20px 16px; display: flex; flex-direction: column; gap: 32px; box-sizing: border-box }
.s103 { background: var(--c9); color: var(--c4); border-radius: 28px; padding: 24px; box-sizing: border-box }
.s104 { display: inline-block; margin-top: 8px; font: 800 22px / 1.2 "Bricolage Grotesque"; color: var(--c10); overflow-wrap: anywhere }
.s105 { margin-top: 48px; display: grid; grid-template-columns: 1fr 1fr; gap: 32px; align-items: center }
.s106 { font: 800 240px / 0.9 "Bricolage Grotesque"; letter-spacing: -0.04em }
.s107 { margin-top: 24px; font: 700 40px / 1.15 "Bricolage Grotesque" }
.s108 { margin-top: 32px; display: inline-flex; align-items: center; justify-content: center; min-height: 56px; padding: 0px 32px; border-radius: 28px; background: var(--c24); color: var(--c25); font: 700 18px / 1 "Bricolage Grotesque"; text-decoration: none; box-sizing: border-box }
.s109 { display: flex; justify-content: center }
.s110 { width: 360px; height: 360px }
.s111 { margin-top: 32px; display: grid; grid-template-columns: 1fr; gap: 32px; align-items: center }
.s112 { font: 800 144px / 0.9 "Bricolage Grotesque"; letter-spacing: -0.04em }
.s113 { margin-top: 24px; font: 700 30px / 1.15 "Bricolage Grotesque" }
.s114 { display: flex; justify-content: flex-start }
.s115 { width: 220px; height: 220px }