@charset "UTF-8";
/* line 4, app/assets/stylesheets/styles.scss */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  background: transparent;
  border: 0;
  font: inherit;
  font-size: 100%;
  margin: 0;
  min-width: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

/* line 97, app/assets/stylesheets/styles.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

/* line 111, app/assets/stylesheets/styles.scss */
body {
  line-height: 1;
}

/* line 115, app/assets/stylesheets/styles.scss */
ol,
ul,
menu {
  list-style: none;
}

/* line 121, app/assets/stylesheets/styles.scss */
blockquote,
q {
  quotes: none;
}

/* line 126, app/assets/stylesheets/styles.scss */
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

/* line 134, app/assets/stylesheets/styles.scss */
img,
svg {
  display: block;
}

/* line 139, app/assets/stylesheets/styles.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 144, app/assets/stylesheets/styles.scss */
:focus,
button,
input,
select,
textarea {
  border: 0;
  margin: 0;
  outline: 0;
  padding: 0;
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  src: url(/assets/IBMPlexMono-Text-4b9c16a0c8f8d73b82778ccefdd49c598906159c00486aca3c71854d580b5413.eot);
  src: url(/assets/IBMPlexMono-Text-4b9c16a0c8f8d73b82778ccefdd49c598906159c00486aca3c71854d580b5413.eot?#iefix) format("embedded-opentype"), url(/assets/IBMPlexMono-Text-a45678efbedae5d1eb2a111750ee8f23e3a23fce3d4a87a49b9c67fce95c901c.woff2) format("woff2"), url(/assets/IBMPlexMono-Text-6b9adb1243f631142d11b71d337d97396131ad99d5f8677f48d23a189478288a.woff) format("woff");
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: italic;
  font-weight: 400;
  src: url(/assets/IBMPlexMono-TextItalic-34d78c7558863ddf1e36c83bdc8d97cdb5dae95bdfeaf3a8d1d5bb1f0aedbf62.eot);
  src: url(/assets/IBMPlexMono-TextItalic-34d78c7558863ddf1e36c83bdc8d97cdb5dae95bdfeaf3a8d1d5bb1f0aedbf62.eot?#iefix) format("embedded-opentype"), url(/assets/IBMPlexMono-TextItalic-db60c8c4508b06cd1554c82cb2d77018c2a90c9e8368509a60a642969fa619fa.woff2) format("woff2"), url(/assets/IBMPlexMono-TextItalic-1f440eeca78d072133452722712c8dc0790f507ff82f3dd3d8d8d6065cef19af.woff) format("woff");
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  src: url(/assets/IBMPlexMono-Medium-8f940e86dbe27905cf0aeb13ea6a7469c7d3b690b557b44740a24eea5084908d.eot);
  src: url(/assets/IBMPlexMono-Medium-8f940e86dbe27905cf0aeb13ea6a7469c7d3b690b557b44740a24eea5084908d.eot?#iefix) format("embedded-opentype"), url(/assets/IBMPlexMono-Medium-56e25f471e5e4f2d022c0c824dc675f2fdbfba4b7a4e7572f33e530387898951.woff2) format("woff2"), url(/assets/IBMPlexMono-Medium-881f8c04ef2d69c05b77f7ba5fcd142c60263a070f739c9e80a7ea4a171902df.woff) format("woff");
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: italic;
  font-weight: 500;
  src: url(/assets/IBMPlexMono-MediumItalic-ad6f32ad6ace4542535a82f5a929275a925a55c250f9ba9b092f01ea860830f0.eot);
  src: url(/assets/IBMPlexMono-MediumItalic-ad6f32ad6ace4542535a82f5a929275a925a55c250f9ba9b092f01ea860830f0.eot?#iefix) format("embedded-opentype"), url(/assets/IBMPlexMono-MediumItalic-be5d6cb5c4c79ca0be1e1b8c08a42ccc9c243a6810acad377a2fdba265fa5b7c.woff2) format("woff2"), url(/assets/IBMPlexMono-MediumItalic-8b283006a2f0eef3eed0b57b8280871ab36b5b80d2ae3e649c47e9d7fc4f387c.woff) format("woff");
}

@font-face {
  font-family: 'Calibre';
  font-style: normal;
  font-weight: 400;
  src: url(/assets/calibre-regular-9c350d4bd0e328bc4de2976774bbe4c02a7e5c7b6581b28cb2f4386b0789dadd.woff2) format("woff2");
}

@font-face {
  font-family: 'Calibre';
  font-style: italic;
  font-weight: 400;
  src: url(/assets/calibre-regular-italic-859f9fba8569bb19494536044f1b0e67e2cfb71ebbe4a54ffe47d4f34abe2024.woff2) format("woff2");
}

@font-face {
  font-family: 'Calibre';
  font-style: normal;
  font-weight: 600;
  src: url(/assets/calibre-semibold-f1946ff6fe4598b8755dc3047627f1da8200c8ac1cc6db787ed3f3b0a77f3fee.woff2) format("woff2");
}

@font-face {
  font-family: 'Calibre';
  font-style: italic;
  font-weight: 600;
  src: url(/assets/calibre-semibold-italic-274321bfb8a2b53dbf1ddf76cbff645dfaae164dc86045c0d78f1ee30758a421.woff2) format("woff2");
}

@font-face {
  font-family: 'Calibre';
  font-style: normal;
  font-weight: 700;
  src: url(/assets/calibre-bold-34c7c001b23d4196ea3063964b7dbe41216a860fbedadddcc104cdea90a1f62a.woff2) format("woff2");
}

/* line 222, app/assets/stylesheets/styles.scss */
body {
  font-family: 'Calibre', Sans-Serif;
  font-style: normal;
  font-weight: 400;
  background: #fef2cf;
  color: #000000;
  font-size: 18px;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  line-height: 24px;
  -webkit-tap-highlight-color: rgba(38, 27, 35, 0);
}

/* line 236, app/assets/stylesheets/styles.scss */
body a {
  color: #d16218;
  text-decoration: none;
  transition: color 0.25s cubic-bezier(0.33, 1, 0.68, 1);
}

/* line 242, app/assets/stylesheets/styles.scss */
body button,
body input,
body select,
body textarea {
  font-family: 'Calibre', Sans-Serif;
  font-style: normal;
  font-weight: 400;
}

/* line 251, app/assets/stylesheets/styles.scss */
body img {
  display: inline-block;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  width: 100%;
}

@media (min-width: 1024px) {
  /* line 260, app/assets/stylesheets/styles.scss */
  body {
    font-size: 21px;
    line-height: 26px;
  }
}

/* line 266, app/assets/stylesheets/styles.scss */
.container {
  clear: both;
  margin-left: auto;
  margin-right: auto;
  max-width: 1440px;
  position: relative;
}

/* line 274, app/assets/stylesheets/styles.scss */
.container:after {
  clear: both;
  content: '';
  display: block;
}

/* line 280, app/assets/stylesheets/styles.scss */
.highlight .c {
  color: #888;
  font-style: italic;
}

/* line 285, app/assets/stylesheets/styles.scss */
.highlight .err {
  color: #ffffff;
}

/* line 289, app/assets/stylesheets/styles.scss */
.highlight .g {
  color: #ffffff;
}

/* line 293, app/assets/stylesheets/styles.scss */
.highlight .k {
  color: #fb660a;
}

/* line 297, app/assets/stylesheets/styles.scss */
.highlight .l {
  color: #ffffff;
}

/* line 301, app/assets/stylesheets/styles.scss */
.highlight .n {
  color: #ffffff;
}

/* line 305, app/assets/stylesheets/styles.scss */
.highlight .o {
  color: #ffffff;
}

/* line 309, app/assets/stylesheets/styles.scss */
.highlight .x {
  color: #ffffff;
}

/* line 313, app/assets/stylesheets/styles.scss */
.highlight .p {
  color: #ffffff;
}

/* line 317, app/assets/stylesheets/styles.scss */
.highlight .cm {
  color: #888;
  font-style: italic;
}

/* line 322, app/assets/stylesheets/styles.scss */
.highlight .cp {
  color: #888;
  font-style: italic;
}

/* line 327, app/assets/stylesheets/styles.scss */
.highlight .c1 {
  color: #888;
  font-style: italic;
}

/* line 332, app/assets/stylesheets/styles.scss */
.highlight .cs {
  color: #888;
  font-style: italic;
}

/* line 337, app/assets/stylesheets/styles.scss */
.highlight .gd {
  color: #ffffff;
}

/* line 341, app/assets/stylesheets/styles.scss */
.highlight .ge {
  color: #ffffff;
}

/* line 345, app/assets/stylesheets/styles.scss */
.highlight .gr {
  color: #ffffff;
}

/* line 349, app/assets/stylesheets/styles.scss */
.highlight .gh {
  color: #ffffff;
}

/* line 353, app/assets/stylesheets/styles.scss */
.highlight .gi {
  color: #ffffff;
}

/* line 357, app/assets/stylesheets/styles.scss */
.highlight .go {
  color: #888;
}

/* line 361, app/assets/stylesheets/styles.scss */
.highlight .gp {
  color: #ffffff;
}

/* line 365, app/assets/stylesheets/styles.scss */
.highlight .gs {
  color: #ffffff;
}

/* line 369, app/assets/stylesheets/styles.scss */
.highlight .gu {
  color: #ffffff;
}

/* line 373, app/assets/stylesheets/styles.scss */
.highlight .gt {
  color: #ffffff;
}

/* line 377, app/assets/stylesheets/styles.scss */
.highlight .kc {
  color: #fb660a;
}

/* line 381, app/assets/stylesheets/styles.scss */
.highlight .kd {
  color: #fb660a;
}

/* line 385, app/assets/stylesheets/styles.scss */
.highlight .kn {
  color: #fb660a;
}

/* line 389, app/assets/stylesheets/styles.scss */
.highlight .kp {
  color: #fb660a;
}

/* line 393, app/assets/stylesheets/styles.scss */
.highlight .kr {
  color: #fb660a;
}

/* line 397, app/assets/stylesheets/styles.scss */
.highlight .kt {
  color: #f30664;
}

/* line 401, app/assets/stylesheets/styles.scss */
.highlight .ld {
  color: #ffffff;
}

/* line 405, app/assets/stylesheets/styles.scss */
.highlight .m {
  color: #0086f7;
}

/* line 409, app/assets/stylesheets/styles.scss */
.highlight .s {
  color: #0086d2;
}

/* line 413, app/assets/stylesheets/styles.scss */
.highlight .na {
  color: #ff0086;
}

/* line 417, app/assets/stylesheets/styles.scss */
.highlight .nb {
  color: #ffffff;
}

/* line 421, app/assets/stylesheets/styles.scss */
.highlight .nc {
  color: #ffffff;
}

/* line 425, app/assets/stylesheets/styles.scss */
.highlight .no {
  color: #0086d2;
}

/* line 429, app/assets/stylesheets/styles.scss */
.highlight .nd {
  color: #ffffff;
}

/* line 433, app/assets/stylesheets/styles.scss */
.highlight .ni {
  color: #ffffff;
}

/* line 437, app/assets/stylesheets/styles.scss */
.highlight .ne {
  color: #ffffff;
}

/* line 441, app/assets/stylesheets/styles.scss */
.highlight .nf {
  color: #ff0086;
}

/* line 445, app/assets/stylesheets/styles.scss */
.highlight .nl {
  color: #ffffff;
}

/* line 449, app/assets/stylesheets/styles.scss */
.highlight .nn {
  color: #ffffff;
}

/* line 453, app/assets/stylesheets/styles.scss */
.highlight .nx {
  color: #ffffff;
}

/* line 457, app/assets/stylesheets/styles.scss */
.highlight .py {
  color: #ffffff;
}

/* line 461, app/assets/stylesheets/styles.scss */
.highlight .nt {
  color: #fb660a;
}

/* line 465, app/assets/stylesheets/styles.scss */
.highlight .nv {
  color: #fb660a;
}

/* line 469, app/assets/stylesheets/styles.scss */
.highlight .ow {
  color: #ffffff;
}

/* line 473, app/assets/stylesheets/styles.scss */
.highlight .w {
  color: #888;
}

/* line 477, app/assets/stylesheets/styles.scss */
.highlight .mf {
  color: #0086f7;
}

/* line 481, app/assets/stylesheets/styles.scss */
.highlight .mh {
  color: #0086f7;
}

/* line 485, app/assets/stylesheets/styles.scss */
.highlight .mi {
  color: #0086f7;
}

/* line 489, app/assets/stylesheets/styles.scss */
.highlight .mo {
  color: #0086f7;
}

/* line 493, app/assets/stylesheets/styles.scss */
.highlight .sb {
  color: #0086d2;
}

/* line 497, app/assets/stylesheets/styles.scss */
.highlight .sc {
  color: #0086d2;
}

/* line 501, app/assets/stylesheets/styles.scss */
.highlight .sd {
  color: #0086d2;
}

/* line 505, app/assets/stylesheets/styles.scss */
.highlight .s2 {
  color: #0086d2;
}

/* line 509, app/assets/stylesheets/styles.scss */
.highlight .se {
  color: #0086d2;
}

/* line 513, app/assets/stylesheets/styles.scss */
.highlight .sh {
  color: #0086d2;
}

/* line 517, app/assets/stylesheets/styles.scss */
.highlight .si {
  color: #0086d2;
}

/* line 521, app/assets/stylesheets/styles.scss */
.highlight .sx {
  color: #0086d2;
}

/* line 525, app/assets/stylesheets/styles.scss */
.highlight .sr {
  color: #0086d2;
}

/* line 529, app/assets/stylesheets/styles.scss */
.highlight .s1 {
  color: #0086d2;
}

/* line 533, app/assets/stylesheets/styles.scss */
.highlight .ss {
  color: #0086d2;
}

/* line 537, app/assets/stylesheets/styles.scss */
.highlight .bp {
  color: #ffffff;
}

/* line 541, app/assets/stylesheets/styles.scss */
.highlight .vc {
  color: #fb660a;
}

/* line 545, app/assets/stylesheets/styles.scss */
.highlight .vg {
  color: #fb660a;
}

/* line 549, app/assets/stylesheets/styles.scss */
.highlight .vi {
  color: #fb660a;
}

/* line 553, app/assets/stylesheets/styles.scss */
.highlight .il {
  color: #0086f7;
}

/* line 557, app/assets/stylesheets/styles.scss */
.common-background--black {
  background: #000000;
}

/* line 561, app/assets/stylesheets/styles.scss */
.common-background--grey {
  background: #fef2cf;
}

/* line 565, app/assets/stylesheets/styles.scss */
.common-background--white {
  background: #ffffff;
}

/* line 569, app/assets/stylesheets/styles.scss */
.common-border--bottom {
  border-bottom: 3px solid rgba(38, 27, 35, 0.035);
}

/* line 573, app/assets/stylesheets/styles.scss */
.common-border--top {
  border-top: 3px solid rgba(38, 27, 35, 0.035);
}

/* line 577, app/assets/stylesheets/styles.scss */
.heading__button .common-button {
  min-width: 320px;
  padding: 10px 10px 10px 20px;
}

/* line 582, app/assets/stylesheets/styles.scss */
.common-button {
  background: #d16218;
  border: none;
  border-radius: 20px;
  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-size: 0;
  height: 39px;
  line-height: 39px;
  overflow: hidden;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: background 0.25s cubic-bezier(0.33, 1, 0.68, 1), color 0.25s cubic-bezier(0.33, 1, 0.68, 1);
  user-select: none;
}

/* line 600, app/assets/stylesheets/styles.scss */
.common-button--version {
  text-align: left;
}

/* line 603, app/assets/stylesheets/styles.scss */
.common-button span {
  display: inline-block;
  font-size: 21px;
  font-weight: 600;
  letter-spacing: -0.006em;
  line-height: 21px;
  margin-left: 17px;
  margin-right: 17px;
  padding-bottom: 2px;
  position: relative;
  vertical-align: middle;
}

/* line 616, app/assets/stylesheets/styles.scss */
.common-button:hover {
  background: #000000;
}

/* line 620, app/assets/stylesheets/styles.scss */
.common-button--version {
  background: #fef2cf;
  border-radius: 26px !important;
  color: #000000;
  height: auto !important;
  line-height: 0 !important;
}

/* line 628, app/assets/stylesheets/styles.scss */
.common-button--version span {
  font-size: 21px;
  line-height: 22px;
  margin: 7px 15px 8px 15px;
  padding: 0 15px !important;
}

/* line 635, app/assets/stylesheets/styles.scss */
.common-button--version p {
  font-weight: normal;
}

/* line 640, app/assets/stylesheets/styles.scss */
.common-button--version:hover {
  background: #f7e6b5;
  color: #d16218;
}

/* line 645, app/assets/stylesheets/styles.scss */
.common-button--version:hover .icon img {
  filter: invert(44%) sepia(27%) saturate(2081%) hue-rotate(349deg) brightness(94%) contrast(94%);
}

/* line 649, app/assets/stylesheets/styles.scss */
.common-button--text {
  background: none;
  border-radius: 0 !important;
  color: #000000;
  height: auto !important;
  line-height: 0 !important;
  margin-bottom: -5px;
  margin-top: -7px;
}

/* line 659, app/assets/stylesheets/styles.scss */
.common-button--text span {
  font-size: 26px;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 28px;
  margin: 0 !important;
  padding: 0 !important;
  text-decoration: underline;
  text-decoration-thickness: 2px;
}

/* line 670, app/assets/stylesheets/styles.scss */
.common-button--text:hover {
  background: none;
  color: #d16218;
}

/* line 675, app/assets/stylesheets/styles.scss */
.common-button--icon-arrow span:after {
  background: url(/assets/icon-button-217dfbe882ff3cfd84cd80ac382f5ab6280fa68c2eb74d5397d6b04b7768b0f2.svg) center center no-repeat;
  content: '';
  display: inline-block;
  filter: invert(5%) sepia(18%) saturate(1397%) hue-rotate(314deg) brightness(95%) contrast(83%);
  height: 14px;
  margin: 0 0 -1px 7px;
  transition: filter 0.25s cubic-bezier(0.33, 1, 0.68, 1);
  width: 9px;
}

/* line 686, app/assets/stylesheets/styles.scss */
.common-button--icon-arrow:hover span:after {
  filter: invert(44%) sepia(27%) saturate(2081%) hue-rotate(349deg) brightness(94%) contrast(94%);
}

/* line 690, app/assets/stylesheets/styles.scss */
.common-button--size-large {
  border-radius: 22px;
  height: 44px;
  line-height: 44px;
}

/* line 696, app/assets/stylesheets/styles.scss */
.common-button--size-large span {
  font-size: 23px;
  line-height: 27px;
  margin-left: 22px;
  margin-right: 22px;
}

/* line 703, app/assets/stylesheets/styles.scss */
.common-button--color-black {
  background: #000000;
  color: #ffffff;
}

/* line 708, app/assets/stylesheets/styles.scss */
.common-button--color-black:hover {
  background: #d16218;
}

/* line 712, app/assets/stylesheets/styles.scss */
.common-button--color-red {
  background: #d16218;
  color: #ffffff;
}

/* line 717, app/assets/stylesheets/styles.scss */
.common-button--color-red:hover {
  background: #000000;
}

@media (min-width: 1024px) {
  /* line 722, app/assets/stylesheets/styles.scss */
  .common-button {
    border-radius: 22px;
    height: 44px;
    line-height: 44px;
  }
  /* line 728, app/assets/stylesheets/styles.scss */
  .common-button span {
    font-size: 23px;
    line-height: 27px;
    margin-left: 22px;
    margin-right: 22px;
  }
  /* line 735, app/assets/stylesheets/styles.scss */
  .common-button--version span {
    font-size: 23px;
    line-height: 27px;
    margin: 18px 10px 19px 10px;
    padding: 0;
  }
  /* line 742, app/assets/stylesheets/styles.scss */
  .common-button--text {
    margin-bottom: -7px;
    margin-top: -8px;
  }
  /* line 747, app/assets/stylesheets/styles.scss */
  .common-button--text span {
    font-size: 31px;
    line-height: 34px;
  }
  /* line 752, app/assets/stylesheets/styles.scss */
  .common-button--icon-arrow span:after {
    margin: 0 0 0 9px;
  }
  /* line 756, app/assets/stylesheets/styles.scss */
  .common-button--size-large {
    border-radius: 30px;
    height: 59px;
    line-height: 59px;
  }
  /* line 762, app/assets/stylesheets/styles.scss */
  .common-button--size-large span {
    font-size: 28px;
    line-height: 33px;
    margin-left: 32px;
    margin-right: 32px;
  }
}

/* line 770, app/assets/stylesheets/styles.scss */
.common-code {
  background: rgba(38, 27, 35, 0.9);
  border-radius: 8px;
  box-sizing: border-box;
  box-shadow: 0 1px 1px rgba(38, 27, 35, 0.1);
  text-align: left;
}

/* line 778, app/assets/stylesheets/styles.scss */
.common-code h6 {
  background: linear-gradient(0deg, rgba(38, 27, 35, 0.5), rgba(38, 27, 35, 0));
  border-bottom: 1px solid rgba(38, 27, 35, 0.9);
  border-radius: 8px 8px 0 0;
  box-sizing: border-box;
  color: #f7e6b5;
  font-size: 18px;
  line-height: 26px;
  padding-bottom: 4px;
  padding-top: 4px;
  text-align: center;
}

/* line 791, app/assets/stylesheets/styles.scss */
.common-code pre {
  font-family: 'IBM Plex Mono', Monospace;
  font-style: normal;
  font-weight: 400;
  clear: both;
  color: #ffffff;
  font-size: 13px;
  line-height: 23px;
  max-width: 100%;
  overflow-x: auto;
  padding: 22px 30px;
  white-space: pre;
}

/* line 805, app/assets/stylesheets/styles.scss */
.common-content {
  color: #000000;
  font-size: 18px;
  line-height: 24px;
}

/* line 811, app/assets/stylesheets/styles.scss */
.common-content h1,
.common-content h2,
.common-content h3,
.common-content h4,
.common-content h5,
.common-content h6 {
  color: #000000;
  font-weight: 700;
  letter-spacing: -0.01em;
  padding-bottom: 18px;
}

/* line 823, app/assets/stylesheets/styles.scss */
.common-content h1 {
  font-size: 42px;
  line-height: 38px;
}

/* line 828, app/assets/stylesheets/styles.scss */
.common-content h2 {
  color: #d16218;
  font-size: 39px;
  line-height: 36px;
}

/* line 834, app/assets/stylesheets/styles.scss */
.common-content h3 {
  color: #d16218;
  font-size: 36px;
  line-height: 34px;
}

/* line 840, app/assets/stylesheets/styles.scss */
.common-content h4 {
  font-size: 39px;
  font-weight: 400;
  line-height: 36px;
}

/* line 846, app/assets/stylesheets/styles.scss */
.common-content h5 {
  font-size: 29px;
  line-height: 30px;
}

/* line 851, app/assets/stylesheets/styles.scss */
.common-content h6 {
  font-size: 23px;
  line-height: 26px;
}

/* line 856, app/assets/stylesheets/styles.scss */
.common-content hr {
  background: rgba(38, 27, 35, 0.1);
  font-size: 0;
  height: 3px;
  line-height: 0;
  margin: 17px auto 43px auto;
  max-width: 360px;
  width: 50%;
}

/* line 866, app/assets/stylesheets/styles.scss */
.common-content hr.divider {
  height: 8px;
  margin: 27px 0 53px 0;
  max-width: none;
  width: 100%;
}

/* line 873, app/assets/stylesheets/styles.scss */
.common-content p,
.common-content ul,
.common-content ol {
  font-size: 18px;
  line-height: 24px;
}

/* line 880, app/assets/stylesheets/styles.scss */
.common-content p {
  padding-bottom: 27px;
}

/* line 884, app/assets/stylesheets/styles.scss */
.common-content ul,
.common-content ol {
  padding-bottom: 18px;
}

/* line 889, app/assets/stylesheets/styles.scss */
.common-content ul li,
.common-content ol li {
  padding-bottom: 9px;
}

/* line 894, app/assets/stylesheets/styles.scss */
.common-content ul li p,
.common-content ol li p {
  padding: 0;
}

/* line 899, app/assets/stylesheets/styles.scss */
.common-content ul li ul,
.common-content ol li ul {
  margin-bottom: -9px;
  padding-bottom: 0;
  padding-top: 9px;
}

/* line 906, app/assets/stylesheets/styles.scss */
.common-content ul {
  list-style: disc;
  padding-left: 25px;
}

/* line 911, app/assets/stylesheets/styles.scss */
.common-content ul.unstyled {
  list-style: none;
  padding-left: 0;
}

/* line 916, app/assets/stylesheets/styles.scss */
.common-content ol {
  counter-reset: item;
  list-style: none;
}

/* line 921, app/assets/stylesheets/styles.scss */
.common-content ol li {
  counter-increment: item;
  padding-left: 40px;
  position: relative;
}

/* line 927, app/assets/stylesheets/styles.scss */
.common-content ol li:before {
  font-family: 'IBM Plex Mono', Monospace;
  font-style: normal;
  font-weight: 400;
  background: rgba(38, 27, 35, 0.1);
  border-radius: 100%;
  color: #000000;
  content: counter(item);
  height: 27px;
  font-size: 13px;
  left: 0;
  line-height: 27px;
  position: absolute;
  text-align: center;
  top: 1px;
  width: 27px;
}

/* line 945, app/assets/stylesheets/styles.scss */
.common-content dl {
  padding-bottom: 27px;
}

/* line 949, app/assets/stylesheets/styles.scss */
.common-content dl dt {
  color: #000000;
  font-size: 23px;
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 26px;
  padding-bottom: 3px;
}

/* line 958, app/assets/stylesheets/styles.scss */
.common-content dl dd {
  color: #e92826;
  font-size: 18px;
  line-height: 24px;
}

/* line 964, app/assets/stylesheets/styles.scss */
.common-content blockquote {
  border-left: 2px solid rgba(38, 27, 35, 0.1);
  margin: 0 30px 27px 30px;
  padding: 10px 30px;
}

/* line 970, app/assets/stylesheets/styles.scss */
.common-content blockquote *:last-child {
  padding-bottom: 0;
}

/* line 974, app/assets/stylesheets/styles.scss */
.common-content a {
  color: #d16218;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-thickness: 2px;
}

/* line 981, app/assets/stylesheets/styles.scss */
.common-content a b,
.common-content a strong {
  color: inherit;
}

/* line 986, app/assets/stylesheets/styles.scss */
.common-content a:hover {
  color: #000000;
}

/* line 990, app/assets/stylesheets/styles.scss */
.common-content b,
.common-content strong {
  color: #000000;
  font-weight: 700;
}

/* line 996, app/assets/stylesheets/styles.scss */
.common-content i,
.common-content em {
  color: #000000;
  font-style: italic;
  font-weight: 600;
}

/* line 1003, app/assets/stylesheets/styles.scss */
.common-content pre,
.common-content code {
  font-family: 'IBM Plex Mono', Monospace;
  font-style: normal;
  font-weight: 400;
  background: rgba(38, 27, 35, 0.9);
  border-radius: 4px;
  box-sizing: border-box;
  color: #ffffff;
  font-size: 13px;
  line-height: 23px;
  text-align: left;
}

/* line 1017, app/assets/stylesheets/styles.scss */
.common-content pre {
  clear: both;
  display: block;
  margin-bottom: 33px;
  margin-top: 7px;
  max-width: 100%;
  overflow-x: auto;
  padding: 22px 30px;
  white-space: pre;
}

/* line 1028, app/assets/stylesheets/styles.scss */
.common-content pre code {
  background: none;
  padding: 0;
}

/* line 1033, app/assets/stylesheets/styles.scss */
.common-content code {
  display: inline-block;
  padding-left: 6px;
  padding-right: 6px;
}

/* line 1039, app/assets/stylesheets/styles.scss */
.common-content--size-large p,
.common-content--size-large ul,
.common-content--size-large ol {
  font-size: 23px;
  line-height: 27px;
}

/* line 1046, app/assets/stylesheets/styles.scss */
.common-content--post h1,
.common-content--post h2,
.common-content--post h3,
.common-content--post h4,
.common-content--post h5,
.common-content--post h6 {
  color: #000000;
}

/* line 1055, app/assets/stylesheets/styles.scss */
.common-content--post h1 a,
.common-content--post h2 a,
.common-content--post h3 a,
.common-content--post h4 a,
.common-content--post h5 a,
.common-content--post h6 a {
  color: #000000;
}

/* line 1064, app/assets/stylesheets/styles.scss */
.common-content--post h1 a:hover,
.common-content--post h2 a:hover,
.common-content--post h3 a:hover,
.common-content--post h4 a:hover,
.common-content--post h5 a:hover,
.common-content--post h6 a:hover {
  color: #d16218;
}

@media (min-width: 1024px) {
  /* line 1074, app/assets/stylesheets/styles.scss */
  .common-content {
    font-size: 21px;
    line-height: 26px;
  }
  /* line 1079, app/assets/stylesheets/styles.scss */
  .common-content h1 {
    font-size: 47px;
    line-height: 41px;
  }
  /* line 1084, app/assets/stylesheets/styles.scss */
  .common-content h2 {
    font-size: 42px;
    line-height: 38px;
  }
  /* line 1089, app/assets/stylesheets/styles.scss */
  .common-content h3 {
    font-size: 36px;
    line-height: 34px;
  }
  /* line 1094, app/assets/stylesheets/styles.scss */
  .common-content h4 {
    font-size: 42px;
    line-height: 38px;
  }
  /* line 1099, app/assets/stylesheets/styles.scss */
  .common-content h5 {
    font-size: 31px;
    line-height: 31px;
  }
  /* line 1104, app/assets/stylesheets/styles.scss */
  .common-content h6 {
    font-size: 26px;
    line-height: 28px;
  }
  /* line 1109, app/assets/stylesheets/styles.scss */
  .common-content p,
.common-content ul,
.common-content ol {
    font-size: 21px;
    line-height: 26px;
  }
  /* line 1116, app/assets/stylesheets/styles.scss */
  .common-content--size-large p,
.common-content--size-large ul,
.common-content--size-large ol {
    font-size: 26px;
    letter-spacing: -0.006em;
    line-height: 29px;
  }
}

/* line 1125, app/assets/stylesheets/styles.scss */
.common-gradient--grey-to-white {
  background: linear-gradient(0deg, #ffffff, #fef2cf);
}

/* line 1129, app/assets/stylesheets/styles.scss */
.common-gradient--white-to-grey {
  background: linear-gradient(0deg, #fef2cf, #ffffff);
}

/* line 1133, app/assets/stylesheets/styles.scss */
.common-headline {
  color: #000000;
  font-size: 18px;
  line-height: 24px;
}

/* line 1139, app/assets/stylesheets/styles.scss */
.common-headline h1 {
  color: #d16218;
  font-size: 47px;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 43px;
}

/* line 1147, app/assets/stylesheets/styles.scss */
.common-headline h2 {
  color: #d16218;
  font-size: 39px;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 38px;
}

/* line 1155, app/assets/stylesheets/styles.scss */
.common-headline h3 {
  color: #d16218;
  font-size: 36px;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 34px;
}

/* line 1163, app/assets/stylesheets/styles.scss */
.common-headline h4 {
  color: #000000;
  font-size: 26px;
  letter-spacing: -0.006em;
  line-height: 29px;
}

/* line 1170, app/assets/stylesheets/styles.scss */
.common-headline h4 a {
  font-weight: 700;
}

/* line 1174, app/assets/stylesheets/styles.scss */
.common-headline h5 {
  color: #000000;
  font-size: 21px;
  font-weight: 600;
  letter-spacing: -0.006em;
  line-height: 26px;
}

/* line 1182, app/assets/stylesheets/styles.scss */
.common-headline h6 {
  color: #e92826;
  font-size: 21px;
  font-weight: 600;
  letter-spacing: -0.006em;
  line-height: 26px;
}

/* line 1190, app/assets/stylesheets/styles.scss */
.common-headline a {
  color: #000000;
  text-decoration: underline;
  text-decoration-thickness: 2px;
}

/* line 1196, app/assets/stylesheets/styles.scss */
.common-headline a:hover {
  color: #d16218;
}

/* line 1200, app/assets/stylesheets/styles.scss */
.common-headline b,
.common-headline strong {
  color: #000000;
  font-weight: 700;
}

/* line 1206, app/assets/stylesheets/styles.scss */
.common-headline i,
.common-headline em {
  color: #000000;
  font-style: italic;
  font-weight: 600;
}

@media (min-width: 1024px) {
  /* line 1214, app/assets/stylesheets/styles.scss */
  .common-headline {
    font-size: 21px;
    line-height: 26px;
  }
  /* line 1219, app/assets/stylesheets/styles.scss */
  .common-headline h1 {
    font-size: 68px;
    line-height: 62px;
  }
  /* line 1224, app/assets/stylesheets/styles.scss */
  .common-headline h2 {
    font-size: 55px;
    line-height: 52px;
  }
  /* line 1229, app/assets/stylesheets/styles.scss */
  .common-headline h3 {
    font-size: 47px;
    line-height: 43px;
  }
  /* line 1234, app/assets/stylesheets/styles.scss */
  .common-headline h4 {
    font-size: 39px;
    letter-spacing: -0.01em;
    line-height: 44px;
  }
}

/* line 1241, app/assets/stylesheets/styles.scss */
.common-padding--bottom {
  padding-bottom: 60px;
}

/* line 1245, app/assets/stylesheets/styles.scss */
.common-padding--bottom-small {
  padding-bottom: 40px;
}

/* line 1249, app/assets/stylesheets/styles.scss */
.common-padding--bottom-large {
  padding-bottom: 60px;
}

/* line 1253, app/assets/stylesheets/styles.scss */
.common-padding--top {
  padding-top: 60px;
}

/* line 1257, app/assets/stylesheets/styles.scss */
.common-padding--top-small {
  padding-top: 40px;
}

/* line 1261, app/assets/stylesheets/styles.scss */
.common-padding--top-large {
  padding-top: 60px;
}

@media (min-width: 1024px) {
  /* line 1266, app/assets/stylesheets/styles.scss */
  .common-padding--bottom {
    padding-bottom: 80px;
  }
  /* line 1270, app/assets/stylesheets/styles.scss */
  .common-padding--bottom-small {
    padding-bottom: 60px;
  }
  /* line 1274, app/assets/stylesheets/styles.scss */
  .common-padding--bottom-large {
    padding-bottom: 120px;
  }
  /* line 1278, app/assets/stylesheets/styles.scss */
  .common-padding--top {
    padding-top: 80px;
  }
  /* line 1282, app/assets/stylesheets/styles.scss */
  .common-padding--top-small {
    padding-top: 60px;
  }
  /* line 1286, app/assets/stylesheets/styles.scss */
  .common-padding--top-large {
    padding-top: 120px;
  }
}

/* line 1291, app/assets/stylesheets/styles.scss */
.common-shape--bottom-grey-down-left:after,
.common-shape--bottom-grey-down-right:after,
.common-shape--bottom-grey-up-left:after,
.common-shape--bottom-grey-up-right:after,
.common-shape--top-grey-down-left:after,
.common-shape--top-grey-down-right:after,
.common-shape--top-grey-up-left:after,
.common-shape--top-grey-up-right:after {
  filter: invert(94%) sepia(7%) saturate(1477%) hue-rotate(325deg) brightness(106%) contrast(99%);
}

/* line 1302, app/assets/stylesheets/styles.scss */
.common-shape--bottom-grey-down-left:before,
.common-shape--bottom-grey-down-right:before,
.common-shape--bottom-grey-up-left:before,
.common-shape--bottom-grey-up-right:before,
.common-shape--top-grey-down-left:before,
.common-shape--top-grey-down-right:before,
.common-shape--top-grey-up-left:before,
.common-shape--top-grey-up-right:before {
  filter: invert(94%) sepia(7%) saturate(1477%) hue-rotate(325deg) brightness(106%) contrast(99%);
}

/* line 1313, app/assets/stylesheets/styles.scss */
.common-shape--bottom-white-down-left:after,
.common-shape--bottom-white-down-right:after,
.common-shape--bottom-white-up-left:after,
.common-shape--bottom-white-up-right:after,
.common-shape--top-white-down-left:after,
.common-shape--top-white-down-right:after,
.common-shape--top-white-up-left:after,
.common-shape--top-white-up-right:after {
  filter: brightness(0) invert(1);
}

/* line 1324, app/assets/stylesheets/styles.scss */
.common-shape--bottom-white-down-left:before,
.common-shape--bottom-white-down-right:before,
.common-shape--bottom-white-up-left:before,
.common-shape--bottom-white-up-right:before,
.common-shape--top-white-down-left:before,
.common-shape--top-white-down-right:before,
.common-shape--top-white-up-left:before,
.common-shape--top-white-up-right:before {
  filter: brightness(0) invert(1);
}

/* line 1335, app/assets/stylesheets/styles.scss */
.common-shape--bottom-grey-down-left:after,
.common-shape--bottom-grey-down-right:after,
.common-shape--bottom-grey-up-left:after,
.common-shape--bottom-grey-up-right:after,
.common-shape--bottom-white-down-left:after,
.common-shape--bottom-white-down-right:after,
.common-shape--bottom-white-up-left:after,
.common-shape--bottom-white-up-right:after {
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  bottom: -1px;
  content: '';
  height: 10vw;
  left: 0;
  max-height: 160px;
  position: absolute;
  width: 100%;
}

/* line 1355, app/assets/stylesheets/styles.scss */
.common-shape--bottom-grey-down-left:after,
.common-shape--bottom-white-down-left:after {
  background-image: url(/assets/shape-bottom-down-left-f61709146055680daedef4325e5171deb285e1845a71d79be43b8a27e588d7dd.svg);
}

/* line 1360, app/assets/stylesheets/styles.scss */
.common-shape--bottom-grey-down-right:after,
.common-shape--bottom-white-down-right:after {
  background-image: url(/assets/shape-bottom-down-right-f5c553f00df5d5107bb36d8a499c08005ec4ef7fed0e4873bd1e11e4352aa6f5.svg);
}

/* line 1365, app/assets/stylesheets/styles.scss */
.common-shape--bottom-grey-up-left:after,
.common-shape--bottom-white-up-left:after {
  background-image: url(/assets/shape-bottom-up-left-00df2abe6b78920ff909ad4dff1dca3bd3948a1fde918057ec6f14ad5893a4e8.svg);
}

/* line 1370, app/assets/stylesheets/styles.scss */
.common-shape--bottom-grey-up-right:after,
.common-shape--bottom-white-up-right:after {
  background-image: url(/assets/shape-bottom-up-right-e138ac03813cccba3b743b6d2573e3e0c32fc6e21f74b4abecf703bc854719b5.svg);
}

/* line 1375, app/assets/stylesheets/styles.scss */
.common-shape--top-grey-down-left:before,
.common-shape--top-grey-down-right:before,
.common-shape--top-grey-up-left:before,
.common-shape--top-grey-up-right:before,
.common-shape--top-white-down-left:before,
.common-shape--top-white-down-right:before,
.common-shape--top-white-up-left:before,
.common-shape--top-white-up-right:before {
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  height: 10vw;
  left: 0;
  max-height: 160px;
  position: absolute;
  top: -1px;
  width: 100%;
}

/* line 1395, app/assets/stylesheets/styles.scss */
.common-shape--top-grey-down-left:before,
.common-shape--top-white-down-left:before {
  background-image: url(/assets/shape-top-down-left-9db0bc88360ab85f7be0fab238bdde94fb46c09f6b9cd58402f401fec5afaff4.svg);
}

/* line 1400, app/assets/stylesheets/styles.scss */
.common-shape--top-grey-down-right:before,
.common-shape--top-white-down-right:before {
  background-image: url(/assets/shape-top-down-right-ac65b74cde2c0e81f0dc467a4d29c890c48e5d3d34c2203363d387cc436dcda7.svg);
}

/* line 1405, app/assets/stylesheets/styles.scss */
.common-shape--top-grey-up-left:before,
.common-shape--top-white-up-left:before {
  background-image: url(/assets/shape-top-up-left-5965821ddf22dc07bab89903f06029fd852e45e30fe9f51f1ced3d5f6aff691f.svg);
}

/* line 1410, app/assets/stylesheets/styles.scss */
.common-shape--top-grey-up-right:before,
.common-shape--top-white-up-right:before {
  background-image: url(/assets/shape-top-up-right-cf0474d6349b72a67b7d390d586553d97c3951ad4e06634037039d2d7253deec.svg);
}

/* line 1415, app/assets/stylesheets/styles.scss */
.banner {
  padding: 0.8rem;
  font-weight: bold;
  text-align: center;
}

/* line 1421, app/assets/stylesheets/styles.scss */
.banner p {
  padding-bottom: 10px;
}

@media (min-width: 768px) {
  /* line 1426, app/assets/stylesheets/styles.scss */
  .banner p {
    padding-bottom: 0;
  }
}

/* line 1431, app/assets/stylesheets/styles.scss */
.blog {
  position: relative;
}

/* line 1435, app/assets/stylesheets/styles.scss */
.blog .container {
  max-width: 1080px;
}

/* line 1439, app/assets/stylesheets/styles.scss */
.blog__posts,
.blog__pagination {
  margin-left: 30px;
  margin-right: 30px;
  position: relative;
  width: calc(100% - 60px);
}

/* line 1447, app/assets/stylesheets/styles.scss */
.blog__post {
  border-top: 3px solid rgba(38, 27, 35, 0.1);
  padding-top: 30px;
}

/* line 1452, app/assets/stylesheets/styles.scss */
.blog__post h6 {
  font-size: 21px;
  font-weight: 600;
  letter-spacing: -0.006em;
  line-height: 26px;
  margin-top: -7px;
}

/* line 1460, app/assets/stylesheets/styles.scss */
.blog__post dl {
  margin-bottom: -6px;
  margin-top: 1px;
}

/* line 1465, app/assets/stylesheets/styles.scss */
.blog__post dl dt {
  color: #000000;
  font-size: 31px;
  font-weight: 700;
  letter-spacing: -0.006em;
  line-height: 34px;
}

/* line 1473, app/assets/stylesheets/styles.scss */
.blog__post dl dt a {
  color: #d16218;
  text-decoration: underline;
}

/* line 1478, app/assets/stylesheets/styles.scss */
.blog__post dl dt a:hover {
  color: #000000;
}

/* line 1482, app/assets/stylesheets/styles.scss */
.blog__post dl dd {
  color: #000000;
  font-size: 21px;
  line-height: 26px;
  margin-top: 16px;
}

/* line 1489, app/assets/stylesheets/styles.scss */
.blog__post dl dd a {
  color: #d16218;
  text-decoration: underline;
}

/* line 1494, app/assets/stylesheets/styles.scss */
.blog__post dl dd a:hover {
  color: #000000;
}

/* line 1498, app/assets/stylesheets/styles.scss */
.blog__post:not(:last-child) {
  padding-bottom: 30px;
}

/* line 1502, app/assets/stylesheets/styles.scss */
.blog__pagination {
  border-top: 3px solid rgba(38, 27, 35, 0.1);
  margin-top: 40px;
  padding-top: 80px;
  text-align: center;
}

@media (min-width: 1024px) {
  /* line 1511, app/assets/stylesheets/styles.scss */
  .blog__posts,
.blog__pagination {
    margin-left: 60px;
    margin-right: 60px;
    width: calc(100% - 120px);
  }
  /* line 1518, app/assets/stylesheets/styles.scss */
  .blog__post {
    display: flex;
    gap: 30px;
    padding-top: 40px;
  }
  /* line 1524, app/assets/stylesheets/styles.scss */
  .blog__post h6 {
    flex: 1;
    margin-top: -1px;
  }
  /* line 1529, app/assets/stylesheets/styles.scss */
  .blog__post dl {
    flex: 3;
    margin-top: -8px;
  }
  /* line 1534, app/assets/stylesheets/styles.scss */
  .blog__post:not(:last-child) {
    padding-bottom: 40px;
  }
}

/* line 1539, app/assets/stylesheets/styles.scss */
.cards {
  font-size: 0;
  line-height: 0;
  position: relative;
}

/* line 1545, app/assets/stylesheets/styles.scss */
.cards .container {
  max-width: 1280px;
}

/* line 1549, app/assets/stylesheets/styles.scss */
.cards__container {
  display: grid;
  gap: 30px 0;
  margin: 3px 30px;
  z-index: 1;
}

/* line 1556, app/assets/stylesheets/styles.scss */
.cards .card {
  position: relative;
}

/* line 1560, app/assets/stylesheets/styles.scss */
.cards .card a,
.cards .card__body {
  width: 100%;
}

/* line 1565, app/assets/stylesheets/styles.scss */
.cards .card a {
  display: block;
}

/* line 1569, app/assets/stylesheets/styles.scss */
.cards .card a:hover .card__label h6 {
  background: #d16218;
}

/* line 1573, app/assets/stylesheets/styles.scss */
.cards .card a:hover .card__body {
  box-shadow: 0 3px 15px 2px rgba(38, 27, 35, 0.05), 0 1px 1px rgba(38, 27, 35, 0.02), 0 0 0 3px #d16218;
  transform: translateY(-3px);
}

/* line 1578, app/assets/stylesheets/styles.scss */
.cards .card__label {
  position: absolute;
  text-align: center;
  top: -15px;
  width: 100%;
  z-index: 1;
}

/* line 1586, app/assets/stylesheets/styles.scss */
.cards .card__label h6 {
  background: #d16218;
  border-radius: 3px;
  color: #ffffff;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 21px;
  padding: 3px 23px 3px 13px;
  position: relative;
  text-transform: uppercase;
  transition: background 0.25s cubic-bezier(0.33, 1, 0.68, 1);
}

/* line 1601, app/assets/stylesheets/styles.scss */
.cards .card__label h6:after {
  background: url(/assets/icon-card-6b5bbb3150753e0f9674b86fd421986c218463706e0f19f176a517c6c16741fd.svg) center center no-repeat;
  content: '';
  filter: brightness(0) invert(1);
  height: 9px;
  position: absolute;
  right: 11px;
  top: 9px;
  width: 6px;
}

/* line 1612, app/assets/stylesheets/styles.scss */
.cards .card__body {
  align-items: center;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 3px 15px 2px rgba(38, 27, 35, 0.05), 0 1px 1px rgba(38, 27, 35, 0.02), 0 0 0 3px rgba(38, 27, 35, 0.1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: background 0.25s cubic-bezier(0.33, 1, 0.68, 1), box-shadow 0.25s cubic-bezier(0.33, 1, 0.68, 1), transform 0.25s cubic-bezier(0.33, 1, 0.68, 1);
}

/* line 1623, app/assets/stylesheets/styles.scss */
.cards .card__headline,
.cards .card__content {
  margin-left: 30px;
  margin-right: 30px;
  text-align: center;
}

/* line 1630, app/assets/stylesheets/styles.scss */
.cards .card__headline {
  padding-bottom: 6px;
  padding-top: 32px;
}

/* line 1635, app/assets/stylesheets/styles.scss */
.cards .card__headline h3 {
  clear: both;
  color: #000000;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 31px;
  margin-left: auto;
  margin-right: auto;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  transition: color 0.25s cubic-bezier(0.33, 1, 0.68, 1);
}

/* line 1649, app/assets/stylesheets/styles.scss */
.cards .card__content {
  padding-bottom: 35px;
}

/* line 1653, app/assets/stylesheets/styles.scss */
.cards .card__content p {
  clear: both;
  color: #000000;
  font-size: 18px;
  line-height: 23px;
  margin-left: auto;
  margin-right: auto;
  transition: color 0.25s cubic-bezier(0.33, 1, 0.68, 1);
}

@media (min-width: 768px) {
  /* line 1664, app/assets/stylesheets/styles.scss */
  .cards__container {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
  /* line 1669, app/assets/stylesheets/styles.scss */
  .cards .card {
    height: 30vw;
    max-height: 150px;
  }
  /* line 1674, app/assets/stylesheets/styles.scss */
  .cards .card a,
.cards .card__body {
    height: 100%;
    position: absolute;
  }
}

@media (min-width: 1024px) {
  /* line 1682, app/assets/stylesheets/styles.scss */
  .cards__container {
    grid-template-columns: repeat(3, 1fr);
    margin-left: 60px;
    margin-right: 60px;
  }
  /* line 1688, app/assets/stylesheets/styles.scss */
  .cards-indicators .cards__container {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  /* line 1692, app/assets/stylesheets/styles.scss */
  .cards-plans .cards__container {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

/* line 1697, app/assets/stylesheets/styles.scss */
.core {
  font-size: 0;
  line-height: 0;
  position: relative;
}

/* line 1703, app/assets/stylesheets/styles.scss */
.core .container {
  max-width: 1240px;
}

/* line 1707, app/assets/stylesheets/styles.scss */
.core__body {
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 15px 70px 5px rgba(38, 27, 35, 0.15), 0 1px 1px rgba(38, 27, 35, 0.04);
  margin-left: 30px;
  margin-right: 30px;
  padding-bottom: 40px;
  padding-top: 40px;
  position: relative;
  text-align: center;
  z-index: 1;
}

/* line 1720, app/assets/stylesheets/styles.scss */
.core__headline,
.core__content {
  margin-left: 30px;
  margin-right: 30px;
  position: relative;
}

/* line 1727, app/assets/stylesheets/styles.scss */
.core__headline {
  margin-bottom: -6px;
  margin-top: -8px;
}

/* line 1732, app/assets/stylesheets/styles.scss */
.core__headline--padding-top {
  margin-top: 52px;
}

/* line 1736, app/assets/stylesheets/styles.scss */
.core__content {
  margin-bottom: -33px;
  margin-top: 23px;
}

/* line 1741, app/assets/stylesheets/styles.scss */
.core__content.common-content--size-large {
  margin-bottom: -34px;
  margin-top: 22px;
}

/* line 1746, app/assets/stylesheets/styles.scss */
.core__content--padding-top {
  margin-top: 53px;
}

/* line 1750, app/assets/stylesheets/styles.scss */
.core__content--border-top {
  margin-top: 60px;
  padding-top: 61px;
}

/* line 1755, app/assets/stylesheets/styles.scss */
.core__content--border-top:before {
  background: rgba(38, 27, 35, 0.1);
  content: '';
  height: 8px;
  left: 20%;
  position: absolute;
  top: 0;
  width: 60%;
}

/* line 1765, app/assets/stylesheets/styles.scss */
.core__members {
  margin: 40px 15px -40px 15px;
}

/* line 1769, app/assets/stylesheets/styles.scss */
.core__member {
  display: inline-block;
  margin: 0 15px 40px 15px;
  max-width: 105px;
  width: calc(100% - 30px);
}

/* line 1776, app/assets/stylesheets/styles.scss */
.core__member__image a {
  border: 2px solid rgba(38, 27, 35, 0.15);
  border-radius: 100%;
  display: inline-block;
  height: 86px;
  transition: border 0.25s cubic-bezier(0.33, 1, 0.68, 1);
  width: 86px;
}

/* line 1785, app/assets/stylesheets/styles.scss */
.core__member__image a figure {
  border-radius: 100%;
  height: 82px;
  margin: 2px;
  overflow: hidden;
  width: 82px;
}

/* line 1793, app/assets/stylesheets/styles.scss */
.core__member__image a:hover {
  border-color: #d16218;
}

/* line 1797, app/assets/stylesheets/styles.scss */
.core__member__content {
  margin-top: 9px;
}

/* line 1801, app/assets/stylesheets/styles.scss */
.core__member__content h3 {
  color: #d16218;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 27px;
}

/* line 1809, app/assets/stylesheets/styles.scss */
.core__member__content h3 a {
  color: #d16218;
  text-decoration: underline;
  text-decoration-thickness: 2px;
}

/* line 1815, app/assets/stylesheets/styles.scss */
.core__member__content h3 a:hover {
  color: #000000;
}

/* line 1819, app/assets/stylesheets/styles.scss */
.core__member__content h4 {
  color: #000000;
  font-size: 21px;
  font-weight: 600;
  letter-spacing: -0.006em;
  line-height: 26px;
}

/* line 1827, app/assets/stylesheets/styles.scss */
.core__member__content h5 {
  font-family: 'IBM Plex Mono', Monospace;
  font-style: normal;
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  font-style: italic;
  font-weight: 500;
  line-height: 17px;
  margin-top: 5px;
}

/* line 1839, app/assets/stylesheets/styles.scss */
.core__member__content h6 {
  font-family: 'IBM Plex Mono', Monospace;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  font-weight: 700;
  line-height: 17px;
  margin-top: 11px;
}

/* line 1849, app/assets/stylesheets/styles.scss */
.core__member__content h6 a {
  background: #ffffff;
  border-radius: 13px;
  color: #000000;
  display: inline-block;
  padding: 4px 12px;
  transition: background 0.25s cubic-bezier(0.33, 1, 0.68, 1), color 0.25s cubic-bezier(0.33, 1, 0.68, 1);
}

/* line 1858, app/assets/stylesheets/styles.scss */
.core__member__content h6 a:hover {
  background: #d16218;
  color: #ffffff;
}

@media (min-width: 1024px) {
  /* line 1864, app/assets/stylesheets/styles.scss */
  .core__body {
    padding-bottom: 80px;
    padding-top: 80px;
    margin-left: 60px;
    margin-right: 60px;
  }
  /* line 1871, app/assets/stylesheets/styles.scss */
  .core__headline,
.core__content {
    margin-left: 120px;
    margin-right: 120px;
  }
  /* line 1877, app/assets/stylesheets/styles.scss */
  .core__members {
    margin-left: 45px;
    margin-right: 45px;
  }
  /* line 1882, app/assets/stylesheets/styles.scss */
  .core__member {
    max-width: 120px;
  }
}

/* line 1887, app/assets/stylesheets/styles.scss */
.example {
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  position: relative;
}

/* line 1894, app/assets/stylesheets/styles.scss */
.example__body {
  display: grid;
  gap: 40px 0;
  margin-left: 30px;
  margin-right: 30px;
  z-index: 1;
}

/* line 1902, app/assets/stylesheets/styles.scss */
.example__block {
  position: relative;
}

/* line 1906, app/assets/stylesheets/styles.scss */
.example__content {
  /*margin-bottom: -33px;
    margin-top: 23px;*/
  text-align: center;
}

/* line 1912, app/assets/stylesheets/styles.scss */
.example__arrow {
  bottom: -15px;
  filter: invert(41%) sepia(100%) saturate(3911%) hue-rotate(340deg) brightness(104%) contrast(100%);
  height: 66px;
  position: absolute;
  right: -116px;
  transform: rotate(115deg);
  transform-origin: bottom left;
  width: 125px;
  z-index: 1;
}

@media (min-width: 768px) {
  /* line 1925, app/assets/stylesheets/styles.scss */
  .example__body {
    gap: 60px 30px;
    grid-template-columns: repeat(2, 1fr);
  }
  /* line 1930, app/assets/stylesheets/styles.scss */
  .example__content {
    margin-left: 30px;
    margin-right: 30px;
  }
  /* line 1935, app/assets/stylesheets/styles.scss */
  .example__arrow {
    bottom: auto;
    right: -75px;
    top: 130px;
    transform: none;
    transform-origin: center right;
  }
}

@media (min-width: 1024px) {
  /* line 1945, app/assets/stylesheets/styles.scss */
  .example__body {
    margin-left: 60px;
    margin-right: 60px;
  }
}

/* line 1951, app/assets/stylesheets/styles.scss */
.features__headline,
.features__body {
  margin-left: 30px;
  margin-right: 30px;
  position: relative;
}

/* line 1958, app/assets/stylesheets/styles.scss */
.features__headline {
  color: #000000;
  margin-bottom: 17px;
  margin-top: -7px;
}

/* line 1964, app/assets/stylesheets/styles.scss */
.features__headline h4 {
  color: #d16218;
  font-weight: 700;
}

/* line 1969, app/assets/stylesheets/styles.scss */
.features__headline p {
  padding-bottom: 17px;
}

/* line 1973, app/assets/stylesheets/styles.scss */
.features__body--padding-bottom {
  padding-bottom: 60px;
}

/* line 1977, app/assets/stylesheets/styles.scss */
.features__subhead {
  border-bottom: 3px solid rgba(38, 27, 35, 0.1);
  margin-bottom: 30px;
  margin-top: -7px;
  padding-bottom: 25px;
}

/* line 1984, app/assets/stylesheets/styles.scss */
.features__subhead h5 {
  padding-bottom: 0;
}

/* line 1988, app/assets/stylesheets/styles.scss */
.features__blocks {
  display: grid;
  gap: 40px 0;
}

/* line 1993, app/assets/stylesheets/styles.scss */
.features__block {
  margin-bottom: -33px;
  margin-top: -7px;
}

/* line 1998, app/assets/stylesheets/styles.scss */
.features__block h6 {
  font-size: 21px;
  font-weight: 600;
  line-height: 25px;
  padding-bottom: 8px;
}

@media (min-width: 768px) {
  /* line 2006, app/assets/stylesheets/styles.scss */
  .features__blocks {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 30px;
  }
  /* line 2011, app/assets/stylesheets/styles.scss */
  .features__block--code,
.features__block--full {
    grid-column: 1 / span 2;
  }
}

@media (min-width: 1024px) {
  /* line 2019, app/assets/stylesheets/styles.scss */
  .features__headline,
.features__body {
    margin-left: 60px;
    margin-right: 60px;
  }
  /* line 2025, app/assets/stylesheets/styles.scss */
  .features__body {
    border-top: 3px solid rgba(38, 27, 35, 0.1);
    display: flex;
    gap: 30px;
  }
  /* line 2031, app/assets/stylesheets/styles.scss */
  .features__body--padding-bottom {
    padding-bottom: 80px;
  }
  /* line 2035, app/assets/stylesheets/styles.scss */
  .features__subhead {
    border-bottom: none;
    flex: 1;
    margin-bottom: 0;
    margin-top: 47px;
    padding-bottom: 0;
  }
  /* line 2043, app/assets/stylesheets/styles.scss */
  .features__blocks {
    flex: 3;
    gap: 60px;
    margin-top: 60px;
  }
}

/* line 2050, app/assets/stylesheets/styles.scss */
.footer {
  overflow: hidden;
  position: relative;
}

/* line 2055, app/assets/stylesheets/styles.scss */
.footer__logo,
.footer__options {
  margin-left: 30px;
  margin-right: 30px;
  position: relative;
  text-align: center;
  width: calc(100% - 60px);
}

/* line 2064, app/assets/stylesheets/styles.scss */
.footer__logo a {
  display: inline-block;
  height: 50px;
  position: relative;
  width: 50px;
}

/* line 2071, app/assets/stylesheets/styles.scss */
.footer__logo a:after {
  background: url(/assets/logo-063b5eb4bdb8f57c31c2769a06c4af3c409586aa84db75e6bd0e140cebb4b303.svg) center center no-repeat;
  content: '';
  filter: invert(44%) sepia(27%) saturate(2081%) hue-rotate(349deg) brightness(94%) contrast(94%);
  height: 50px;
  left: 0;
  position: absolute;
  top: 0;
  width: 50px;
}

/* line 2082, app/assets/stylesheets/styles.scss */
.footer__logo a:hover:after {
  filter: invert(5%) sepia(18%) saturate(1397%) hue-rotate(314deg) brightness(95%) contrast(83%);
}

/* line 2086, app/assets/stylesheets/styles.scss */
.footer__options {
  margin-bottom: -5px;
  margin-top: 33px;
}

/* line 2091, app/assets/stylesheets/styles.scss */
.footer__options ul li {
  font-size: 18px;
  line-height: 23px;
}

/* line 2096, app/assets/stylesheets/styles.scss */
.footer__options ul li a {
  color: #000000;
  display: inline-block;
}

/* line 2101, app/assets/stylesheets/styles.scss */
.footer__options ul li a:hover {
  color: #000000;
  text-decoration: underline;
}

/* line 2106, app/assets/stylesheets/styles.scss */
.footer__options ul li:not(:last-child) {
  margin-bottom: 8px;
}

@media (min-width: 568px) {
  /* line 2111, app/assets/stylesheets/styles.scss */
  .footer__options ul li {
    display: inline-block;
  }
  /* line 2115, app/assets/stylesheets/styles.scss */
  .footer__options ul li:not(:last-child) {
    margin-bottom: 0;
    margin-right: 30px;
  }
}

@media (min-width: 1024px) {
  /* line 2123, app/assets/stylesheets/styles.scss */
  .footer__logo,
.footer__options {
    margin-left: 60px;
    margin-right: 60px;
    width: calc(100% - 120px);
  }
}

/* line 2131, app/assets/stylesheets/styles.scss */
.alerts {
  text-align: center;
}

/* line 2135, app/assets/stylesheets/styles.scss */
.alerts .container {
  max-width: 1080px;
}

/* line 2139, app/assets/stylesheets/styles.scss */
.heading {
  font-size: 0;
  line-height: 0;
  position: relative;
}

/* line 2145, app/assets/stylesheets/styles.scss */
.heading .container {
  max-width: 1080px;
}

/* line 2149, app/assets/stylesheets/styles.scss */
.heading__body {
  margin-left: 30px;
  margin-right: 30px;
  position: relative;
  text-align: center;
  width: calc(100% - 60px);
  z-index: 2;
}

/* line 2158, app/assets/stylesheets/styles.scss */
.heading__headline {
  margin-bottom: -6px;
  margin-top: -8px;
}

/* line 2163, app/assets/stylesheets/styles.scss */
.heading__headline h3 {
  padding-bottom: 3px;
}

/* line 2167, app/assets/stylesheets/styles.scss */
.heading__headline h4 {
  padding-top: 17px;
}

/* line 2171, app/assets/stylesheets/styles.scss */
.heading__headline--no-h1 h3 {
  padding-top: 7px;
}

/* line 2175, app/assets/stylesheets/styles.scss */
.heading__headline--no-h1 h4 {
  padding-top: 3px;
}

/* line 2179, app/assets/stylesheets/styles.scss */
.heading__content {
  color: #000000;
  margin-bottom: -33px;
  margin-top: -7px;
}

/* line 2185, app/assets/stylesheets/styles.scss */
.heading__content--has-headline {
  margin-top: 33px;
}

/* line 2189, app/assets/stylesheets/styles.scss */
.heading__button {
  margin-top: 30px;
}

/* line 2193, app/assets/stylesheets/styles.scss */
.heading__buttons {
  font-size: 0;
  line-height: 0;
}

/* line 2198, app/assets/stylesheets/styles.scss */
.heading__buttons ul li a {
  display: inline-block;
  text-decoration: none;
}

/* line 2203, app/assets/stylesheets/styles.scss */
.heading__buttons ul li a span {
  background: none;
  border-radius: 6px;
  color: #000000;
  display: block;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.006em;
  line-height: 32px;
  padding: 0 12px;
  transition: background 0.25s cubic-bezier(0.33, 1, 0.68, 1), color 0.25s cubic-bezier(0.33, 1, 0.68, 1);
}

/* line 2216, app/assets/stylesheets/styles.scss */
.heading__buttons ul li a:hover span {
  background: #fef2cf;
  color: #d16218;
}

/* line 2221, app/assets/stylesheets/styles.scss */
.heading--align-left .heading__body {
  text-align: left;
}

/* line 2225, app/assets/stylesheets/styles.scss */
.heading--frame-grey .heading__body,
.heading--frame-white .heading__body {
  border-radius: 12px;
  margin-left: 30px;
  margin-right: 30px;
  padding: 40px 30px;
  width: calc(100% - 120px);
}

/* line 2234, app/assets/stylesheets/styles.scss */
.heading--frame-grey .heading__body {
  background: #ffffff;
}

/* line 2238, app/assets/stylesheets/styles.scss */
.heading--frame-white .heading__body {
  background: #ffffff;
  box-shadow: 0 15px 70px 5px rgba(38, 27, 35, 0.15), 0 1px 1px rgba(38, 27, 35, 0.04);
}

@media (min-width: 375px) {
  /* line 2244, app/assets/stylesheets/styles.scss */
  .heading__buttons ul li {
    display: inline-block;
  }
}

@media (min-width: 1024px) {
  /* line 2250, app/assets/stylesheets/styles.scss */
  .heading__body {
    margin-left: 60px;
    margin-right: 60px;
    width: calc(100% - 120px);
  }
  /* line 2256, app/assets/stylesheets/styles.scss */
  .heading__headline {
    margin-bottom: -9px;
    margin-top: -15px;
  }
  /* line 2261, app/assets/stylesheets/styles.scss */
  .heading__headline h2 {
    padding-bottom: 2px;
    padding-top: 4px;
  }
  /* line 2266, app/assets/stylesheets/styles.scss */
  .heading__headline h4 {
    padding-top: 20px;
  }
  /* line 2270, app/assets/stylesheets/styles.scss */
  .heading__button {
    margin-top: 40px;
  }
  /* line 2274, app/assets/stylesheets/styles.scss */
  .heading__buttons ul li a span {
    font-size: 23px;
    line-height: 42px;
    padding: 0 20px 2px 20px;
  }
  /* line 2280, app/assets/stylesheets/styles.scss */
  .heading--frame-grey .container,
.heading--frame-white .container {
    max-width: 1320px;
  }
  /* line 2285, app/assets/stylesheets/styles.scss */
  .heading--frame-grey .heading__body,
.heading--frame-white .heading__body {
    margin-left: 60px;
    margin-right: 60px;
    padding: 80px 120px;
    width: calc(100% - 360px);
  }
}

/* line 2294, app/assets/stylesheets/styles.scss */
.icon {
  display: inline-block;
  padding-left: 19px;
  position: relative;
}

/* line 2300, app/assets/stylesheets/styles.scss */
.icon:after {
  background-position: center center;
  background-repeat: no-repeat;
  content: '';
  filter: invert(44%) sepia(27%) saturate(2081%) hue-rotate(349deg) brightness(94%) contrast(94%);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: filter 0.25s cubic-bezier(0.33, 1, 0.68, 1);
  width: 15px;
}

/* line 2313, app/assets/stylesheets/styles.scss */
.icon:hover:after {
  filter: invert(5%) sepia(18%) saturate(1397%) hue-rotate(314deg) brightness(95%) contrast(83%);
}

/* line 2317, app/assets/stylesheets/styles.scss */
.icon--twitter {
  padding-left: 23px;
}

/* line 2321, app/assets/stylesheets/styles.scss */
.icon--twitter:after {
  background-image: url(/assets/icon-twitter-12fa9addeb3ce41d59388acad1eaed3947db5de80de9d9b8ae779f1f2e29ab07.svg);
  width: 19px;
}

/* line 2326, app/assets/stylesheets/styles.scss */
.icon--world:after {
  background-image: url(/assets/icon-world-5f72a05c1c466f6b54873bddcb8605777b2d0342e640b62636789f305c489947.svg);
}

/* line 2330, app/assets/stylesheets/styles.scss */
.language {
  display: inline-block;
  height: 41px;
  margin-top: 30px;
  position: relative;
  width: 180px;
}

/* line 2338, app/assets/stylesheets/styles.scss */
.language__checkbox,
.language__toggle {
  height: 41px;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 2;
}

/* line 2348, app/assets/stylesheets/styles.scss */
.language__checkbox {
  appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -webkit-appearance: none;
  border: none;
  background: none;
}

/* line 2357, app/assets/stylesheets/styles.scss */
.language__checkbox:checked ~ .language__options {
  transform: translate(0, 10px);
}

/* line 2361, app/assets/stylesheets/styles.scss */
.language__checkbox:checked ~ .language__options ul {
  box-shadow: 0 15px 70px 5px rgba(38, 27, 35, 0.15), 0 1px 1px rgba(38, 27, 35, 0.04);
  height: 256px;
}

/* line 2366, app/assets/stylesheets/styles.scss */
.language__checkbox:checked ~ .language__toggle {
  background: #ffffff;
}

/* line 2370, app/assets/stylesheets/styles.scss */
.language__toggle {
  background: #fef2cf;
  border-radius: 6px;
  color: #000000;
  cursor: pointer;
  text-align: center;
  transition: background 0.25s cubic-bezier(0.33, 1, 0.68, 1), color 0.25s cubic-bezier(0.33, 1, 0.68, 1);
}

/* line 2379, app/assets/stylesheets/styles.scss */
.language__toggle span {
  display: block;
  font-size: 18px;
  line-height: 24px;
  padding: 8px 15px 9px 15px;
}

/* line 2386, app/assets/stylesheets/styles.scss */
.language__toggle:after {
  background: url(/assets/icon-language-37648f6deb2160f77423931d31343f752fe7f94447cb1d7b112158d2d5bd61f5.svg) center center no-repeat;
  bottom: 15px;
  content: '';
  filter: invert(5%) sepia(18%) saturate(1397%) hue-rotate(314deg) brightness(95%) contrast(83%);
  height: 11px;
  position: absolute;
  right: 14px;
  width: 7px;
}

/* line 2397, app/assets/stylesheets/styles.scss */
.language__toggle:hover {
  background: #ffffff;
}

/* line 2401, app/assets/stylesheets/styles.scss */
.language__options {
  position: relative;
  transition: transform 0.25s cubic-bezier(0.33, 1, 0.68, 1);
  z-index: 1;
}

/* line 2407, app/assets/stylesheets/styles.scss */
.language__options ul {
  background: #ffffff;
  border-radius: 6px;
  height: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  transition: box-shadow 0.25s cubic-bezier(0.33, 1, 0.68, 1), height 0.25s cubic-bezier(0.33, 1, 0.68, 1);
  width: 100%;
}

/* line 2419, app/assets/stylesheets/styles.scss */
.language__options ul li a {
  display: block;
}

/* line 2423, app/assets/stylesheets/styles.scss */
.language__options ul li a span {
  background: none;
  border-radius: 4px;
  color: #e92826;
  display: block;
  font-size: 18px;
  line-height: 24px;
  margin-left: 15px;
  margin-right: 15px;
  padding: 5px 15px 6px 15px;
  transition: background 0.25s cubic-bezier(0.33, 1, 0.68, 1), color 0.25s cubic-bezier(0.33, 1, 0.68, 1);
}

/* line 2436, app/assets/stylesheets/styles.scss */
.language__options ul li a:hover span {
  background: #fef2cf;
  color: #000000;
}

/* line 2441, app/assets/stylesheets/styles.scss */
.language__options ul li:first-child {
  padding-top: 31px;
}

/* line 2445, app/assets/stylesheets/styles.scss */
.language__options ul li:last-child {
  padding-bottom: 15px;
}

/* line 2449, app/assets/stylesheets/styles.scss */
.layout {
  background: #ffffff;
  position: relative;
}

/* line 2454, app/assets/stylesheets/styles.scss */
.nav {
  background: #ffffff;
  font-size: 0;
  height: 106px;
  line-height: 0;
  position: relative;
  z-index: 1000;
}

/* line 2463, app/assets/stylesheets/styles.scss */
.nav__logo {
  background: #d16218;
  border-radius: 100%;
  height: 86px;
  left: calc(50% - 43px);
  position: absolute;
  top: 20px;
  transition: background 0.25s cubic-bezier(0.33, 1, 0.68, 1);
  width: 86px;
  z-index: 2;
}

/* line 2475, app/assets/stylesheets/styles.scss */
.nav__logo:after {
  background-image: url(/assets/logo-063b5eb4bdb8f57c31c2769a06c4af3c409586aa84db75e6bd0e140cebb4b303.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  filter: brightness(0) invert(1);
  height: 48px;
  left: 19px;
  position: absolute;
  top: 19px;
  width: 48px;
}

/* line 2489, app/assets/stylesheets/styles.scss */
.nav__logo:hover {
  background: #000000;
}

/* line 2493, app/assets/stylesheets/styles.scss */
.nav__options {
  position: relative;
  transform: translate(0, -10px);
  transition: transform 0.25s cubic-bezier(0.33, 1, 0.68, 1);
  z-index: 1;
}

/* line 2500, app/assets/stylesheets/styles.scss */
.nav__options div {
  background: #ffffff;
  height: 0;
  left: 0;
  overflow: hidden;
  padding-top: 106px;
  position: absolute;
  top: 0;
  transition: box-shadow 0.25s cubic-bezier(0.33, 1, 0.68, 1), height 0.25s cubic-bezier(0.33, 1, 0.68, 1);
  width: 100%;
}

/* line 2512, app/assets/stylesheets/styles.scss */
.nav__options ul li {
  text-align: center;
}

/* line 2516, app/assets/stylesheets/styles.scss */
.nav__options ul li a,
.nav__options ul li button {
  display: inline-block;
}

/* line 2521, app/assets/stylesheets/styles.scss */
.nav__options ul li button {
  background: transparent;
  border-radius: 6px;
}

/* line 2526, app/assets/stylesheets/styles.scss */
.nav__options ul li a span,
.nav__options ul li button span {
  background: none;
  border-radius: 6px;
  color: #000000;
  display: block;
  font-size: 23px;
  font-weight: 600;
  letter-spacing: -0.006em;
  line-height: 42px;
  padding: 0 20px 2px 20px;
  transition: background 0.25s cubic-bezier(0.33, 1, 0.68, 1), color 0.25s cubic-bezier(0.33, 1, 0.68, 1);
}

/* line 2540, app/assets/stylesheets/styles.scss */
.nav__options ul li a:hover span,
.nav__options ul li button:hover span {
  background: #fef2cf;
  color: #d16218;
}

/* line 2546, app/assets/stylesheets/styles.scss */
.nav__options ul:first-child {
  padding-top: 15px;
}

/* line 2550, app/assets/stylesheets/styles.scss */
.nav__options ul:last-child {
  padding-bottom: 15px;
}

/* line 2554, app/assets/stylesheets/styles.scss */
.nav__checkbox,
.nav__toggle {
  height: 60px;
  position: absolute;
  right: 12px;
  top: 33px;
  width: 60px;
  z-index: 2;
}

/* line 2564, app/assets/stylesheets/styles.scss */
.nav__checkbox {
  appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -webkit-appearance: none;
  border: none;
  background: none;
}

/* line 2573, app/assets/stylesheets/styles.scss */
.nav__checkbox:checked ~ .nav__options {
  transform: translate(0, 0);
}

/* line 2577, app/assets/stylesheets/styles.scss */
.nav__checkbox:checked ~ .nav__options div {
  box-shadow: 0 15px 70px 5px rgba(38, 27, 35, 0.15), 0 1px 1px rgba(38, 27, 35, 0.04);
  height: 294px;
}

/* line 2582, app/assets/stylesheets/styles.scss */
.nav__checkbox:checked ~ .nav__toggle span {
  transform: rotate(180deg) scale(0.9);
}

/* line 2586, app/assets/stylesheets/styles.scss */
.nav__checkbox:checked ~ .nav__toggle span:before,
.nav__checkbox:checked ~ .nav__toggle span:after {
  top: 50%;
}

/* line 2591, app/assets/stylesheets/styles.scss */
.nav__checkbox:checked ~ .nav__toggle span:before {
  transform: rotate(45deg);
}

/* line 2595, app/assets/stylesheets/styles.scss */
.nav__checkbox:checked ~ .nav__toggle span:after {
  transform: rotate(-45deg);
}

/* line 2599, app/assets/stylesheets/styles.scss */
.nav__toggle {
  cursor: pointer;
}

/* line 2603, app/assets/stylesheets/styles.scss */
.nav__toggle span {
  display: block;
  height: 24px;
  margin: 18px;
  position: relative;
  transition: transform 0.25s cubic-bezier(0.33, 1, 0.68, 1);
  width: 24px;
}

/* line 2612, app/assets/stylesheets/styles.scss */
.nav__toggle span:before,
.nav__toggle span:after {
  background: #000000;
  content: '';
  height: 2px;
  left: 0;
  position: absolute;
  transition: background 0.25s cubic-bezier(0.33, 1, 0.68, 1), top 0.25s cubic-bezier(0.33, 1, 0.68, 1), transform 0.25s cubic-bezier(0.33, 1, 0.68, 1);
  width: 100%;
}

/* line 2623, app/assets/stylesheets/styles.scss */
.nav__toggle span:before {
  top: 7px;
}

/* line 2627, app/assets/stylesheets/styles.scss */
.nav__toggle span:after {
  top: 15px;
}

/* line 2631, app/assets/stylesheets/styles.scss */
.nav__toggle:hover span:before,
.nav__toggle:hover span:after {
  background: #d16218;
}

@media (min-width: 768px) {
  /* line 2637, app/assets/stylesheets/styles.scss */
  .nav__options {
    transform: none;
    transition: none;
  }
  /* line 2642, app/assets/stylesheets/styles.scss */
  .nav__options div {
    background: none;
    height: auto;
    left: auto;
    overflow: visible;
    padding-top: 0;
    position: static;
    top: auto;
    transition: none;
  }
  /* line 2653, app/assets/stylesheets/styles.scss */
  .nav__options ul {
    position: absolute;
    top: 47px;
  }
  /* line 2658, app/assets/stylesheets/styles.scss */
  .nav__options ul li {
    display: inline-block;
  }
  /* line 2662, app/assets/stylesheets/styles.scss */
  .nav__options ul li a span,
.nav__options ul li button span {
    font-size: 19px;
    line-height: 32px;
    padding: 0 15px;
  }
  /* line 2669, app/assets/stylesheets/styles.scss */
  .nav__options ul:first-child {
    padding-top: 0;
    right: calc(50% + 63px);
  }
  /* line 2674, app/assets/stylesheets/styles.scss */
  .nav__options ul:last-child {
    left: calc(50% + 63px);
    padding-bottom: 0;
  }
  /* line 2679, app/assets/stylesheets/styles.scss */
  .nav__checkbox,
.nav__toggle {
    display: none;
  }
  /* line 2684, app/assets/stylesheets/styles.scss */
  .nav__checkbox:checked ~ .nav__options {
    transform: none;
  }
  /* line 2688, app/assets/stylesheets/styles.scss */
  .nav__checkbox:checked ~ .nav__options div {
    box-shadow: none;
    height: auto;
  }
}

@media (min-width: 1024px) {
  /* line 2695, app/assets/stylesheets/styles.scss */
  .nav {
    height: 132px;
  }
  /* line 2699, app/assets/stylesheets/styles.scss */
  .nav__logo {
    height: 112px;
    left: calc(50% - 56px);
    width: 112px;
  }
  /* line 2705, app/assets/stylesheets/styles.scss */
  .nav__logo:after {
    height: 64px;
    left: 24px;
    top: 24px;
    width: 64px;
  }
  /* line 2712, app/assets/stylesheets/styles.scss */
  .nav__options ul {
    top: 54px;
  }
  /* line 2716, app/assets/stylesheets/styles.scss */
  .nav__options ul li a span,
.nav__options ul li button span {
    font-size: 23px;
    line-height: 42px;
    padding: 0 20px 2px 20px;
  }
  /* line 2723, app/assets/stylesheets/styles.scss */
  .nav__options ul:first-child {
    right: calc(50% + 76px);
  }
  /* line 2727, app/assets/stylesheets/styles.scss */
  .nav__options ul:last-child {
    left: calc(50% + 76px);
  }
}

/* line 2732, app/assets/stylesheets/styles.scss */
.notification {
  background: #ffffff;
  position: relative;
  text-align: center;
}

/* line 2738, app/assets/stylesheets/styles.scss */
.notification p {
  display: inline-block;
  background: #d16218;
  border-radius: 6px;
  color: #ffffff;
  font-size: 17px;
  line-height: 21px;
  margin: 20px 30px 0 30px;
  max-width: 1120px;
  padding: 10px 20px;
  width: calc(100% - 100px);
}

/* line 2751, app/assets/stylesheets/styles.scss */
.notification p a {
  color: #ffffff;
  font-weight: 600;
  text-decoration: underline;
}

/* line 2757, app/assets/stylesheets/styles.scss */
.notification p a:hover {
  color: rgba(255, 255, 255, 0.9);
}

@media (min-width: 1024px) {
  /* line 2762, app/assets/stylesheets/styles.scss */
  .notification p {
    margin-left: 60px;
    margin-right: 60px;
    width: calc(100% - 160px);
  }
}

/* line 2769, app/assets/stylesheets/styles.scss */
.post {
  font-size: 0;
  line-height: 0;
}

/* line 2774, app/assets/stylesheets/styles.scss */
.post .container {
  max-width: 840px;
}

/* line 2778, app/assets/stylesheets/styles.scss */
.post__headline {
  margin: -7px 30px -6px 30px;
  text-align: center;
}

/* line 2783, app/assets/stylesheets/styles.scss */
.post__headline h5 {
  margin-bottom: 16px;
}

/* line 2787, app/assets/stylesheets/styles.scss */
.post__headline h6 {
  font-weight: 400;
  margin-top: 17px;
}

/* line 2792, app/assets/stylesheets/styles.scss */
.post__content,
.comment__content {
  margin: 60px 30px -33px 30px;
  padding-top: 33px;
}

/* line 2797, app/assets/stylesheets/styles.scss */
.post__content {
  border-top: 3px solid rgba(38, 27, 35, 0.1);
}

/* line 2800, app/assets/stylesheets/styles.scss */
.comment__content {
  border-top: 1px solid rgba(38, 27, 35, 0.1);
}

/* line 2803, app/assets/stylesheets/styles.scss */
.post__content h1 a,
.post__content h2 a,
.post__content h3 a,
.post__content h4 a,
.post__content h5 a,
.post__content h6 a,
.comment__content h1 a,
.comment__content h2 a,
.comment__content h3 a,
.comment__content h4 a,
.comment__content h5 a,
.comment__content h6 a {
  font-weight: inherit;
}

/* line 2818, app/assets/stylesheets/styles.scss */
.post__pagination {
  border-top: 3px solid rgba(38, 27, 35, 0.1);
  margin: 40px 30px -5px 30px;
  padding-top: 33px;
  text-align: center;
}

/* line 2825, app/assets/stylesheets/styles.scss */
.post__pagination dl dt {
  color: #000000;
  font-size: 21px;
  font-weight: 600;
  line-height: 26px;
  padding-bottom: 17px;
}

/* line 2833, app/assets/stylesheets/styles.scss */
.post__pagination dl dd {
  color: #d16218;
  font-size: 36px;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 34px;
}

/* line 2841, app/assets/stylesheets/styles.scss */
.post__pagination dl dd a {
  color: #d16218;
  text-decoration: underline;
}

/* line 2846, app/assets/stylesheets/styles.scss */
.post__pagination dl dd a:hover {
  color: #000000;
}

@media (min-width: 1024px) {
  /* line 2852, app/assets/stylesheets/styles.scss */
  .post__headline,
.post__content,
.comment__content,
.post__pagination {
    margin-left: 60px;
    margin-right: 60px;
  }
  /* line 2860, app/assets/stylesheets/styles.scss */
  .post__headline {
    margin-bottom: -7px;
  }
  /* line 2864, app/assets/stylesheets/styles.scss */
  .post__headline h5 {
    margin-bottom: 13px;
  }
  /* line 2868, app/assets/stylesheets/styles.scss */
  .post__headline h6 {
    margin-top: 16px;
    padding-bottom: 1px;
  }
  /* line 2873, app/assets/stylesheets/styles.scss */
  .post__content,
.comment__content {
    margin-top: 60px;
    padding-top: 53px;
  }
  /* line 2879, app/assets/stylesheets/styles.scss */
  .post__pagination {
    margin-top: 60px;
    padding-top: 53px;
  }
  /* line 2884, app/assets/stylesheets/styles.scss */
  .post__pagination dl dd {
    font-size: 42px;
    line-height: 38px;
  }
}

/* line 2890, app/assets/stylesheets/styles.scss */
.text {
  font-size: 0;
  line-height: 0;
  position: relative;
}

/* line 2896, app/assets/stylesheets/styles.scss */
.text .container {
  max-width: 840px;
}

/* line 2900, app/assets/stylesheets/styles.scss */
.text__body {
  margin-left: 30px;
  margin-right: 30px;
  position: relative;
  z-index: 1;
}

/* line 2907, app/assets/stylesheets/styles.scss */
.text__content {
  margin-bottom: -33px;
  margin-top: -7px;
}

/* line 2912, app/assets/stylesheets/styles.scss */
.text__button {
  margin-top: 50px;
}

/* line 2916, app/assets/stylesheets/styles.scss */
.text--align-center {
  text-align: center;
}

/* line 2920, app/assets/stylesheets/styles.scss */
.text--align-center .text__content ul {
  display: inline-block;
  list-style-position: inside;
}

/* line 2925, app/assets/stylesheets/styles.scss */
.text--frame-grey .text__body,
.text--frame-white .text__body {
  border-radius: 8px;
  padding: 30px;
  margin-left: 30px;
  margin-right: 30px;
  z-index: 1;
}

/* line 2934, app/assets/stylesheets/styles.scss */
.text--frame-grey .text__body {
  background: #ffffff;
}

/* line 2938, app/assets/stylesheets/styles.scss */
.text--frame-white .text__body {
  background: #ffffff;
  box-shadow: 0 15px 70px 5px rgba(38, 27, 35, 0.15), 0 1px 1px rgba(38, 27, 35, 0.04);
}

@media (min-width: 1024px) {
  /* line 2944, app/assets/stylesheets/styles.scss */
  .text__body {
    margin-left: 60px;
    margin-right: 60px;
  }
  /* line 2949, app/assets/stylesheets/styles.scss */
  .text--frame-grey .container,
.text--frame-white .container {
    max-width: 960px;
  }
  /* line 2954, app/assets/stylesheets/styles.scss */
  .text--frame-grey .text__body,
.text--frame-white .text__body {
    padding: 60px;
    margin-left: 60px;
    margin-right: 60px;
  }
}

/* line 2962, app/assets/stylesheets/styles.scss */
.trusted {
  font-size: 0;
  line-height: 0;
  position: relative;
}

/* line 2968, app/assets/stylesheets/styles.scss */
.trusted .container {
  max-width: 1080px;
}

/* line 2972, app/assets/stylesheets/styles.scss */
.trusted__blocks {
  margin: -5px 30px;
  position: relative;
  text-align: center;
  width: calc(100% - 60px);
  z-index: 1;
}

/* line 2980, app/assets/stylesheets/styles.scss */
.trusted__block {
  display: inline-block;
  margin: 5px;
  position: relative;
  width: calc(50% - 10px);
}

/* line 2987, app/assets/stylesheets/styles.scss */
.trusted__block a {
  background: #fef2cf;
  border-radius: 8px;
  box-shadow: 0 0 0 3px rgba(211, 0, 1, 0);
  display: block;
  padding: 10px;
  position: relative;
  text-align: center;
  transition: background 0.25s cubic-bezier(0.33, 1, 0.68, 1), box-shadow 0.25s cubic-bezier(0.33, 1, 0.68, 1), transform 0.25s cubic-bezier(0.33, 1, 0.68, 1);
}

/* line 2998, app/assets/stylesheets/styles.scss */
.trusted__block a img {
  filter: invert(5%) sepia(18%) saturate(1397%) hue-rotate(314deg) brightness(95%) contrast(83%);
  width: auto;
}

/* line 3003, app/assets/stylesheets/styles.scss */
.trusted__block a:hover {
  background: #ffffff;
  box-shadow: 0 0 0 3px #d16218;
  transform: translateY(-3px);
}

@media (min-width: 667px) {
  /* line 3010, app/assets/stylesheets/styles.scss */
  .trusted__block {
    width: calc(33.33% - 10px);
  }
}

@media (min-width: 1024px) {
  /* line 3016, app/assets/stylesheets/styles.scss */
  .trusted__blocks {
    margin: -10px 60px;
    width: calc(100% - 120px);
  }
  /* line 3021, app/assets/stylesheets/styles.scss */
  .trusted__block {
    margin: 10px;
    width: calc(25% - 20px);
  }
}

/* line 3027, app/assets/stylesheets/styles.scss */
.video {
  font-size: 0;
  line-height: 0;
  position: relative;
}

/* line 3033, app/assets/stylesheets/styles.scss */
.video .container {
  max-width: 1280px;
}

/* line 3037, app/assets/stylesheets/styles.scss */
.video__embed {
  margin-left: 30px;
  margin-right: 30px;
  position: relative;
  z-index: 1;
}

/* line 3044, app/assets/stylesheets/styles.scss */
.video__embed video {
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 15px 70px 5px rgba(38, 27, 35, 0.15), 0 1px 1px rgba(38, 27, 35, 0.04);
  display: block;
  height: auto;
  max-width: 100%;
  overflow: hidden;
}

@media (min-width: 1024px) {
  /* line 3055, app/assets/stylesheets/styles.scss */
  .video__embed {
    margin-left: 60px;
    margin-right: 60px;
  }
}

/* line 3061, app/assets/stylesheets/styles.scss */
form .field *,
form .actions *,
.membership .actions * {
  font-size: 1.2rem;
}

/* line 3066, app/assets/stylesheets/styles.scss */
form .actions #nostr-signup {
  color: #ffffff;
  background: #8e30eb;
}

/* line 3070, app/assets/stylesheets/styles.scss */
form .field input:not([type='checkbox']),
form .field select,
form .field textarea {
  width: 100%;
  padding: 1rem;
  border: 1px solid #ced4da;
  box-sizing: border-box;
  border-radius: 0.25rem;
  margin-bottom: 10px;
}

/* line 3080, app/assets/stylesheets/styles.scss */
form .field select {
  -webkit-appearance: none;
  appearance: none;
}

/* line 3084, app/assets/stylesheets/styles.scss */
form .select-wrapper {
  position: relative;
}

/* line 3087, app/assets/stylesheets/styles.scss */
.select-wrapper::after {
  content: "▼";
  font-size: 1rem;
  top: 15px;
  right: 15px;
  position: absolute;
}

/* line 3094, app/assets/stylesheets/styles.scss */
form .field textarea {
  min-height: 250px;
}

/* line 3097, app/assets/stylesheets/styles.scss */
form .actions button[type="submit"],
form .actions input[type="submit"],
.membership .actions button {
  width: 100%;
  padding: 1rem;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  margin-bottom: 10px;
}

/* Homepage Form wrapper styling */
/* line 3109, app/assets/stylesheets/styles.scss */
.cf:before,
.cf:after {
  content: "";
  display: table;
}

/* line 3115, app/assets/stylesheets/styles.scss */
.cf:after {
  clear: both;
}

/* line 3119, app/assets/stylesheets/styles.scss */
.cf {
  zoom: 1;
}

/* line 3123, app/assets/stylesheets/styles.scss */
.homepage-search {
  width: calc(100% - 30px);
  min-width: 300px;
  padding: 15px;
  margin: 50px auto 0px auto;
  background: #fef2cf;
  border-radius: 10px;
}

/* line 3132, app/assets/stylesheets/styles.scss */
.homepage-search .homepage-search-inner {
  background: #ffffff;
  width: 100%;
  height: 40px;
}

/* line 3138, app/assets/stylesheets/styles.scss */
.homepage-search #category_id {
  float: right;
  height: 40px;
  background: #ffffff;
  width: 70px;
  margin-right: 10px;
}

/* line 3146, app/assets/stylesheets/styles.scss */
.homepage-search input {
  width: calc(100% - 170px);
  height: 20px;
  padding: 10px 5px;
  float: left;
  font-size: 1rem;
  border: 0;
  border-radius: 3px 0 0 3px;
}

/* line 3156, app/assets/stylesheets/styles.scss */
.homepage-search input:focus {
  outline: 0;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.8) inset;
}

/* line 3161, app/assets/stylesheets/styles.scss */
.homepage-search button {
  overflow: visible;
  position: relative;
  float: right;
  border: 0;
  padding: 0;
  cursor: pointer;
  height: 40px;
  width: 80px;
  font-size: 1rem;
  color: #f7e6b5;
  text-transform: uppercase;
  background: #d16218;
  border-radius: 0 3px 3px 0;
}

/* line 3177, app/assets/stylesheets/styles.scss */
.homepage-search button:hover {
  background: #d16218;
}

/* line 3181, app/assets/stylesheets/styles.scss */
.homepage-search button:active,
.homepage-search button:focus {
  border-right-color: #d16218;
  outline: 0;
}

/* line 3187, app/assets/stylesheets/styles.scss */
.homepage-search button:before {
  content: '';
  position: absolute;
  border-width: 8px 8px 8px 0;
  border-style: solid solid solid none;
  border-color: transparent #d16218 transparent;
  top: 12px;
  left: -6px;
}

/* line 3197, app/assets/stylesheets/styles.scss */
.homepage-search button:hover:before {
  border-right-color: #d16218;
}

/* line 3201, app/assets/stylesheets/styles.scss */
.homepage-search button:focus:before,
.homepage-search button:active:before {
  border-right-color: #d16218;
}

/* line 3206, app/assets/stylesheets/styles.scss */
.homepage-search button::-moz-focus-inner {
  border: 0;
  padding: 0;
}