@view-transition {
  navigation: auto;
}
/* VARS ---------------------------- */
:root {
    --jsc-color-black: #1c2b35;
    --jsc-color-mint: #31edc4;
    --jsc-color-acid-mint: #34ffe7;
    --jsc-color-acid-yellow: #e4ff63;
    --jsc-color-lilac: #dcc4ff;

    --jsc-color-neutral-black: #1c2b35;
    --jsc-color-neutral-grey-900: #2d3d47;
    --jsc-color-neutral-grey-800: #425461;
    --jsc-color-neutral-grey-700: #5f7482;
    --jsc-color-neutral-grey-600: #80909c;
    --jsc-color-neutral-grey-500: #9facb5;
    --jsc-color-neutral-grey-400: #c0c9cf;
    --jsc-color-neutral-grey-300: #d0d6db;
    --jsc-color-neutral-grey-200: #e1e5e8;
    --jsc-color-neutral-grey-100: #f7f7fc;
    --jsc-color-neutral-white: #ffffff;
    --jsc-color-ui-gray-700: #5f7482;

    --jsc-gradient: linear-gradient(to right bottom, #ffffff 0%, var(--jsc-color-acid-yellow) 50%, var(--jsc-color-acid-mint) 100%);
}
/* UIKit Extensions ------------------ */
.uk-text-xsmall {
    font-size: .8rem;
    line-height: 1.5;
}
.uk-text-xlight {
    font-weight: 200;
}
.uk-text-xxlight {
    font-weight: 100;
}
.uk-paragraph-padding-remove > p {
    margin: 0 !important;
    padding: 0 !important;
}

/* COLOR UTILTIES -------------------- */

.jsc-color-black {
    color: var(--jsc-color-black) !important;
}
.jsc-bg-color-black {
    background-color: var(--jsc-color-black) !important;
}
.jsc-color-mint {
    color: var(--jsc-color-mint) !important;
}
.jsc-bg-color-mint {
    background-color: var(--jsc-color-mint) !important;
}
.jsc-color-acid-mint {
    color: var(--jsc-color-acid-mint) !important;
}
.jsc-bg-color-acid-mint {
    background-color: var(--jsc-color-acid-mint) !important;
}
.jsc-color-acid-yellow {
    color: var(--jsc-color-acid-yellow) !important;
}
.jsc-bg-color-acid-yellow {
    background-color: var(--jsc-color-acid-yellow) !important;
}
.jsc-color-lilac {
    color: var(--jsc-color-lilac) !important;
}
.jsc-bg-color-lilac {
    background-color: var(--jsc-color-lilac) !important;
}
.jsc-color-neutral-100 {
    color: var(--jsc-color-neutral-grey-100) !important;
}
.jsc-color-neutral-200 {
    color: var(--jsc-color-neutral-grey-200) !important;
}
.jsc-color-neutral-400 {
    color: var(--jsc-color-neutral-grey-400) !important;
}
.jsc-color-neutral-600 {
    color: var(--jsc-color-neutral-grey-600) !important;
}
.jsc-color-neutral-700 {
    color: var(--jsc-color-neutral-grey-700) !important;
}

.jsc-color-white {
    color: var(--jsc-color-neutral-grey-100) !important;
}
.jsc-bg-color-white {
    background-color: var(--jsc-color-neutral-grey-100) !important;
}

.jsc-border-color-neutral-200 {
    border-color: var(--jsc-color-neutral-grey-200) !important;
}
.jsc-border-color-neutral-400 {
    border-color: var(--jsc-color-neutral-grey-400) !important;
}

.jsc-color-neutral-100-a-hover a:hover {
    color: var(--jsc-color-neutral-grey-100) !important;
}


/* VARIOUS UTILITIES ------------------------- */
.jsc-text-xsmall {
    font-size: 0.8rem;
    line-height: 1.5;
}
.jsc-text-xxsmall {
    font-size: 0.75rem;
    line-height: 1.5;
}
.jsc-text-xxxsmall {
    font-size: 0.7rem;
    line-height: 1.5;
}
.jsc-text-xlight {
    font-weight: 200;
}

.jsc-link-decoration-on {
  text-decoration: underline !important;
}

.animation-embeds {
    border-radius: 1rem;
    overflow: hidden;
    width: auto;
    height: auto;
    user-select: none;
    pointer-events: none;
    iframe {
        /* width: -webkit-fill-available;
        height: 300px; */
        aspect-ratio: 5 / 3;
    }
}
.outline-thin-black {
    outline: 1px solid var(--jsc-color-black);
}
.outline-thin-white {
    outline: 1px solid var(--jsc-color-neutral-grey-100);
}
.text-align-center {
    text-align: center;
}
.display-none,
.hidden {
  display:none;
}


/* OVERRIDES ----------------------- */
#swup {
    display: grid;
    min-height: 100dvh;
    footer {
        align-self: end;
    }
}
/* html[lang="ja"] {
font-size: 14px !important;
} */
html {
    font-weight: unset !important;
}
h1, h2, h3, h4, h5, h6 {
 text-wrap: balance;
 font-weight: 500 !important;
}
p {
 text-wrap: pretty;
}

h3, h4, h5, h6 {
letter-spacing: -0.5px;
}

pre {
background-color: #333333 !important;
color: #ffffff !important;
}
figure {
    overflow: hidden;
}
.uk-border-rounded {
    border-radius: 1rem;
}
section {
  ul, ol {
    padding-left: 1rem;
  }
  li p {
    margin-bottom: 0;
  }
}
em {
    color: currentColor;
    }

.hero h3 {
    font-size: 1.3rem;
    color: var(--jsc-color-neutral-grey-700);
    font-weight: 300;
}

.uk-overlay-gradient {
    background-image: linear-gradient(195deg, rgb(255 255 255 / 0%) 20%, rgb(28 43 53) 80%);
}

/* NAVBAR */

.uk-navbar-center.uk-visible\@m,
.uk-navbar-center:not(:only-child) {
    margin-left: 3rem;
    position: unset;
    top: initial;
    left: initial;
    transform: none;
    width: auto;
    box-sizing: border-box;
    z-index: inherit;

    .uk-navbar-nav>li>a {
        padding: 0 1rem;
        /*color: #1c2b35;*/
        letter-spacing: 0px;
        font-weight: 500;
    }
}
.uk-offcanvas-bar {
    background-color: var(--jsc-color-black) !important;
    .uk-margin-auto-vertical {
        margin-top: 1rem !important;
    }
}
#navbar .uk-navbar-container:not(.uk-navbar-transparent) {
backdrop-filter: blur(12px);
background-color: color-mix(
		in srgb,
		white 80%,
		transparent
	);
}
.uk-navbar-nav>li>a,.uk-navbar-item,.uk-navbar-toggle {
    min-height: 100px;
}
@media (min-width: 1200px) {
    .uk-card-body {
        padding: 30px 30px;
    }
}

.uk-text-warning {
  color: #31edc4 !important;
}

/* Navbar hover animation */
.uk-navbar-nav>li>a::before {
    content: "";
    position: absolute;
    background-color: #F7F7FC;
    transition: width .2s 
      cubic-bezier(.25, .8, .25, 1) 0s, right .2s 
      cubic-bezier(.54, .32, .05, .96);
    display: block;
    height: 2rem;
    left: 10px;
    right: 100%;
    bottom: 34px;
    will-change: right;
    z-index: -1;
    border-radius: 9px;
}

.uk-navbar-nav > li:hover > a::before,
.uk-navbar-nav > li > a[aria-expanded="true"]::before,
.uk-navbar-nav > li > a:active::before  {
  right: 10px;
}



/* FORM ELEMENTS */

.uk-radio,
.jsc-radio-button {
  appearance: none;
  position: relative;
  border-width: 1px;
  border-style: solid;
  border-radius: 9999px;
  background-color: transparent;
  cursor: pointer;
}
.uk-radio:checked,
.jsc-radio-button:checked {
    background-image: none !important;
    background-color: transparent !important;;
}
.uk-radio:checked::after,
.jsc-radio-button:checked::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 8px;
  height: 8px;
  margin: auto;
  border-radius: 9999px;
  background-color: var(--jsc-color-mint);
}


/* HOMEPAGE */
#home-cards .uk-card {
    min-height: 320px;
}


/* LOGO MARQUEE */
.scroller,
.noscroll {
  /* max-width: 600px;
  max-width: 100%; */
  max-width: 90dvw;
}

.scroller__inner,
.no_scroller__inner {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding-block: 0px;
    column-gap: 80px;
    row-gap: 30px;
}
.scroller img,
.noscroll img {
  width: auto;
  height: 40px;
}
.scroller[data-animated="true"] {
  overflow: hidden;
  -webkit-mask: linear-gradient(
    90deg,
    transparent,
    white 20%,
    white 80%,
    transparent
  );
  mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);
}

.scroller[data-animated="true"] .scroller__inner {
  width: max-content;
  flex-wrap: nowrap;
  animation: scroll var(--animation-duration, 40s)
    var(--animation-direction, forwards) linear infinite;
}

.scroller.scroller_direction-right {
  --animation-direction: reverse;
}

.scroller.scroller_direction-left {
  --animation-direction: forwards;
}

.scroller.scroller_speed-fast {
  --animation-duration: 20s;
}

.scroller.scroller_speed-med {
  --animation-duration: 40s;
}
.scroller.scroller_speed-slow {
  --animation-duration: 60s;
}
.scroller.scroller_speed-stop {
  --animation-duration: 0s;
}

@keyframes scroll {
  to {
    transform: translate(calc(-50% - 0.5rem));
  }
}



/* LEADERSHIP CIRCLE PROFILE IMAGES -- */

.person-cards > .uk-container > .uk-grid {
    margin-left: 0px;
    justify-content: space-evenly;
    gap: 1rem;
}

@media (min-width: 960px) {
    .person-card-column.uk-width-1-2\@m {
    margin: 0 0 0 0;
    width: 49%;
    }
}
.person-card-column {
    border-radius: 1rem;
}
.person-card-subgrid {
  align-items: center;
  margin-left: 0px;
  div {
    padding-left: 20px;
  }
  picture img {
    border-radius: 50%;
    overflow: hidden;
  }
  h3, h4, h5 {
    margin-top: 0;
    margin-bottom: 0;
  }
  h5 {
  font-weight: 300;
  font-style: italic;
  font-size: 1.18rem;
  }
}

/* POINT CARD HEADER BULLETS ------- */
.point-card {
  .uk-heading-bullet::before {
    width: 52px;
    height: 52px;
    border: none;
    background: transparent;
    background-position: top left;
    background-size: 52px 52px;
    background-repeat: no-repeat;
  }
  h4.uk-heading-bullet {
    white-space: nowrap;
  }
}
#trace .uk-heading-bullet::before {
  background-image: url(/assets/img/icons/trace.svg);
}
#qa .uk-heading-bullet::before {
  background-image: url(/assets/img/icons/qa.svg);
}
#settle .uk-heading-bullet::before {
  background-image: url(/assets/img/icons/settle.svg);
}
#convert .uk-heading-bullet::before {
  background-image: url(/assets/img/icons/convert.svg);
}
#viral .uk-heading-bullet::before {
  background-image: url(/assets/img/icons/viral.svg);
}
#reward .uk-heading-bullet::before {
  background-image: url(/assets/img/icons/reward.svg);
}

.download .uk-heading-bullet::before {
  background-image: url(/assets/img/icons/download.svg);
}
.notify .uk-heading-bullet::before {
  background-image: url(/assets/img/icons/notify.svg);
}


/* Point Card tweaks */
#whitepaper.point-card {
    background-color: #31edc4;
}
#whitepaper.point-card div,
#enterprise.point-card div {
    h2, h3, h4, h5, p {
        color: var(--jsc-color-black);
    }
}
.uk-card {
    border-radius: 1rem;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}


/* ACCORDION EXPANDERS ------------- */
.uk-accordion-title::before {
    content: "";
    width: 1.4em;
    height: 1.4em;
    margin-right: 10px;
    float: left;
    background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%231c2b35%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%231c2b35%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E) !important;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: #31edc4;
    border-radius: 50%;
}
.uk-open>.uk-accordion-title::before {
    background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%231c2b35%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E) !important;
}
.kirbo-accordion .uk-accordion-content {
    margin-left: 3rem;
    margin-bottom: 0px;
}
.uk-accordion li {
    border-bottom-color: color-mix(
		in srgb,
		currentColor 20%,
		transparent
	);
}
.uk-accordion li:last-child {
    border-bottom: none;
}
.uk-accordion ul {
  list-style-type: square;
  li {
    border-bottom: none;
    padding-bottom: 0;
  }
}
.kirbo-accordion.principles {
    margin-top: 1rem;
    .uk-accordion-content {
        margin-top: 0.5rem;
    }
    .uk-accordion-title::before {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%280,0,0,0.85%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%280,0,0,0.85%29%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E") !important;
    }
    .uk-open>.uk-accordion-title::before {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%280,0,0,0.85%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E") !important;
    }
    li {
        padding-bottom: 1rem;
        margin-top: 1rem !important;
        margin-bottom: 1rem;
    }
    ul li {
        margin: 0 0 0 0 !important;
        padding: 0 0 0 0 !important;
        border-bottom: none !important;
    }
}


/* CALLOUT BOXES ----------------- */
.contains-callout-box .uk-container {
    margin: 0 auto;
    padding: 0 0 0 0;
}
.contains-callout-box .uk-container > .uk-grid {
    margin: 0 1rem;
    padding: 2rem 0rem;
    border-radius: 1rem;
}
.contains-callout-box#use-cases .uk-container > .uk-grid {
    background-color: var(--jsc-color-acid-mint);
}
.contains-callout-box#foundation .uk-container > .uk-grid {
    color: var(--jsc-color-neutral-grey-100) !important;
    background-color: var(--jsc-color-black);
    h2,
    em {
    color: var(--jsc-color-neutral-grey-100) !important;
    }
}
.contains-callout-box#build-application .uk-container > .uk-grid {
    background-color: var(--jsc-color-acid-yellow);
}
.contains-callout-box#careers .uk-container > .uk-grid {
    background-color: var(--jsc-color-neutral-grey-200);
}
.contains-callout-box#landing-signup .uk-container > .uk-grid {
    color: var(--jsc-color-neutral-grey-100) !important;
    background-color: color-mix(in srgb, var(--jsc-color-ui-gray-700), transparent 90%);
    box-shadow: 3px 3px 9px 0 var(--jsc-color-black);
    h2,
    em {
    color: var(--jsc-color-neutral-grey-100) !important;
    }
}
.contains-no-callout-box .uk-container > .uk-grid {
    margin: 0px;
    padding: 2rem 0;
}


@media (min-width: 640px) {
    .contains-callout-box .uk-container > .uk-grid {
        padding: 2rem 3rem;
    }
}


/* NEWS SECTION -------------------- */
aside div.tm-sidebar-block article.tm-article div a div.uk-overlay-gradient {
    background-image: linear-gradient(190deg, rgb(15 15 15 / 0.1) 20%, rgba(15, 15, 15, .75) 80%);
}

article .uk-article-title {
    font-size: 2rem;
}
/*
article figure picture img {
    max-width: -webkit-fill-available;
    width: 100%;
}
.tm-article-image picture img {
    width: 100%;
}
*/
@media (min-width: 1000px) {
    article .uk-article-title {
        font-size: 2.5rem;
    }

}

/* PAGINATION ------------------- */
.uk-pagination {
    align-items: start;
}

/* TO-TOP BUTTON ---------------- */
.tm-totop-button:not(.uk-button-text):not(.uk-button-link) {
    border-radius: 50%;
    margin: 0;
    padding: 0;
    width: 50px;
    height: 50px;
    .uk-margin-small-right {
    margin: 0 !important;
    }
    svg {
    width: 26px;
    height: 26px;
    }
    svg polygon {
    stroke-width: 1px;
    stroke: #000;
    }
    svg line {
    stroke-width: 2px;
    }
}


/* WHITEPAPER BUTTON ------------- */
.whitepaper-button:after {
    content: '\e09f';
    font-family: 'Font Awesome 6 Sharp';
    font-weight: 300;
    font-size: 24px;
    padding-left: 10px;
    position: relative;
    top: 4px;
    line-height: 0px;
}

/* BUTTONS ------------------ */
.uk-button {
    font-size: 1rem;
    letter-spacing: -0.1pt;
    font-weight: 600;
    overflow: visible;
    margin-right:0;
    padding: 12px 24px;
    line-height: revert;
}
.icon-arrow-right-up:after {
    content: '\e09f';
    font-family: 'Font Awesome 6 Sharp';
    font-weight: 300;
    font-size: 24px;
    padding-left: 10px;
    position: relative;
    top: 4px;
    line-height: 0px;
}


/* FORMS ------------------------- */
.formblock__message--success {
    margin-left: 1rem;
    border-radius: 9px;
    width: 100%;
}


/* FOOTER BUTTON BLOCK ----------- */

#footer-button-block label {
    display:none;
}
.formblock__message--hidden {
    padding: 0 0 0 0;
}
#footer-button-block .formblock__submit input {
    position: relative;
    top: -64px;
    right: 4px;
    font-family: 'Font Awesome 6 Sharp';
    font-weight: 400;
    border-radius: 50%;
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0;
    width: 44px;
    font-size: 22px;
    height: 44px;
}
.formblock__message--error {
    position: absolute;
}
/* Nukes form submit error */
[data-form="form_error"] {
    display: none;
}

/* FOOTER MAILCHIMP FORM
.mc_form {
  label {
    display:none;
  }
  #mc-embedded-subscribe {
    position: relative;
    top: -48px;
    right: 4px;
    font-family: 'Font Awesome 6 Sharp';
    font-weight: 400;
    border-radius: 50%;
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0;
    width: 44px;
    font-size: 22px;
    height: 44px;
  }
}
*/

/* Footer Legal Pages Nav */
footer .uk-nav li a {
    color: #fff;
    font-size: 1.6rem;
    font-weight: 600;
    /* letter-spacing: -0.5px; */
}
footer .uk-nav li a:hover {
    color: var(--jsc-color-mint);
}
footer .uk-nav li a.uk-text-emphasis,
footer .uk-nav li a.uk-disabled {
    color: var(--jsc-color-neutral-grey-400) !important;
    font-weight: 200;
}

footer #legal-pages-nav {
  .uk-subnav {
    justify-content: flex-start;
  }
  li a {
    color: #aaaaaa;
  }
}

#footer-text-bar * {
    margin-bottom: 0 !important;
}

#footer-text-bar .uk-grid {
  flex-direction: column-reverse;
  align-items: baseline
}

@media (min-width: 640px) {
  footer #legal-pages-nav {
    .uk-subnav {
      justify-content: flex-end;
    }
  }
  #footer-text-bar .uk-grid {
    flex-direction: row;
  }
}

#footer-hr hr {
  border-color: var(--jsc-color-neutral-white);
}
#footer-tagline {
  margin-top: 34px;
}
footer .site-social a:hover svg path {
  color: var(--jsc-color-neutral-white);
}
.footer-nav-list ul.uk-list li a {
  color: var(--jsc-color-neutral-grey-100) !important;
  font-weight: 400;
  background: none !important;
  transition: unset;
  font-size: 14px !important;
  margin-bottom: 1rem;
  display: inline-block;
}
#footer-text-bar p {
  font-weight: 400;
}
#footer-text-bar p,
#footer-text-bar p a,
#footer-text-bar li a {
    font-size: 12px !important;
    color: var(--jsc-color-neutral-grey-400) !important;
    background: none;
}

#footer-text-bar a {
  color: var(--jsc-color-neutral-grey-100) !important;
  text-decoration: underline !important;
}
#footer-text-bar a:hover {
  color: var(--jsc-color-neutral-grey-100) !important;
}


#footer-callout {
  color: var(--jsc-color-neutral-grey-100);
}
#footer-callout h1,
#footer-callout h2,
#footer-callout h3 {
  color: var(--jsc-color-neutral-white);
}
#footer-callout .uk-container > .uk-grid {
    background-color: #425461;
}