/* Generated by scripts/chrome-css.cjs from styles.css. Do not edit by hand. */
/* Reset scoped to the global chrome, in place of the site-wide one */
.navbar, .navbar *, .navbar *::before, .navbar *::after,
.site-footer, .site-footer *, .site-footer *::before, .site-footer *::after { margin: 0; padding: 0; box-sizing: border-box; }
.navbar img, .site-footer img { display: block; max-width: 100%; }
.navbar a, .site-footer a { text-decoration: none; color: inherit; }
.navbar ul { list-style: none; }
.navbar button { border: none; background: none; cursor: pointer; font: inherit; color: inherit; }
.navbar, .site-footer { font-family: 'Sohne', sans-serif; color: #f7f8f8; -webkit-font-smoothing: antialiased; }
/* the page's own link colors must not reach the solid button */
.navbar .btn--solid-nav, .navbar .btn--solid-nav:hover, .navbar .btn--solid-nav:focus-visible { color: #000; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; }
@font-face { font-family: Nord; src: url("/fonts/NordRegular.woff2") format("woff2"), url("/fonts/NordRegular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: optional; }
@font-face { font-family: "Tomato Grotesk"; src: url("/fonts/TomatoGrotesk-SemiBold.woff2") format("woff2"), url("/fonts/TomatoGrotesk-SemiBold.woff") format("woff"); font-weight: 600; font-style: normal; font-display: optional; }
@font-face { font-family: "Tomato Grotesk"; src: url("/fonts/TomatoGrotesk-ExtraBold.woff2") format("woff2"), url("/fonts/TomatoGrotesk-ExtraBold.woff") format("woff"); font-weight: 800; font-style: normal; font-display: optional; }
@font-face { font-family: Sohne; src: url("/fonts/soehne-buch.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: optional; }
@font-face { font-family: Sohne; src: url("/fonts/soehne-halbfett.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: optional; }
:root { --size-unit: 16; --size-container-ideal: 1800; --size-container-min: 992px; --size-container-max: 1920px; --size-container: clamp(var(--size-container-min), 100vw, var(--size-container-max)); --size-font: calc(var(--size-container) / (var(--size-container-ideal) / var(--size-unit))); --bg: #08090a; --fg: #f7f8f8; --accent: #d8fc14; --gray: #8a8f98; --gray-light: #d0d6e0; }
@media (max-width: 991px){
:root { --size-container-ideal: 834; --size-container-min: 768px; --size-container-max: 991px; }
}
@media (max-width: 767px){
:root { --size-container-ideal: 550; --size-container-min: 480px; --size-container-max: 767px; }
}
@media (max-width: 479px){
:root { --size-container-ideal: 390; --size-container-min: 320px; --size-container-max: 479px; }
}
.navbar { position: fixed; top: 0px; left: 0px; right: 0px; z-index: 50; background: rgba(8, 9, 10, 0.8); backdrop-filter: blur(12px); }
.navbar__inner { max-width: var(--size-container); margin: 0px auto; display: flex; align-items: center; justify-content: space-between; padding: calc(1.3125 * var(--size-font)) calc(2.25 * var(--size-font)); gap: calc(1 * var(--size-font)); }
.navbar__links { display: flex; align-items: center; gap: clamp(calc(1.5 * var(--size-font)), 2.5vw, calc(4 * var(--size-font))); }
.navbar__links a, .navbar__link-text { font-family: Nord, sans-serif; font-size: calc(0.8125 * var(--size-font)); text-transform: uppercase; letter-spacing: calc(0.065 * var(--size-font)); line-height: 1.02; color: rgb(255, 255, 255); transition: color 0.2s; }
.navbar__links a:hover, .navbar__link-text:hover { color: var(--gray-light); }
.navbar__logo { position: absolute; left: 50%; transform: translateX(-50%); }
.navbar__logo img { width: calc(13.5 * var(--size-font)); height: calc(2.25 * var(--size-font)); }
.navbar__right { display: flex; align-items: center; gap: calc(1 * var(--size-font)); }
.navbar__meta-links { display: flex; align-items: center; gap: clamp(calc(1.5 * var(--size-font)), 2.5vw, calc(4 * var(--size-font))); }
.navbar__meta-links .btn--outline-nav { margin-right: 0px; }
.btn--outline-nav:focus-visible, .btn--solid-nav:focus-visible, .btn--primary:focus-visible, .btn--outline:focus-visible, .case-studies__button:focus-visible, .case-studies__item-brand:focus-visible, .case-studies__item-toggle:focus-visible, .repository-showcase__button:focus-visible, .hamburger:focus-visible { outline: rgba(247, 248, 248, 0.72) solid calc(0.125 * var(--size-font)); outline-offset: calc(0.1875 * var(--size-font)); }
.navbar__link-text { white-space: nowrap; }
.navbar__link-text--glow { background: linear-gradient(90deg, rgb(0, 233, 80), rgb(2, 209, 173), rgb(0, 233, 80)) 0% 0% / 200% 100% text; -webkit-text-fill-color: transparent; animation: 3s ease 0s infinite normal none running navbar-gradient-shift; }
.navbar__link-text--glow:hover { animation-duration: 1.5s; }
@keyframes navbar-gradient-shift { 
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
.btn--outline-nav { display: flex; align-items: center; justify-content: center; width: calc(7.0625 * var(--size-font)); height: calc(2.5 * var(--size-font)); border-radius: calc(0.25 * var(--size-font)); border: 1px solid rgb(255, 255, 255); font-family: Sohne, sans-serif; font-weight: 600; font-size: calc(0.875 * var(--size-font)); line-height: 1.02; color: rgb(255, 255, 255); margin-right: calc(1 * var(--size-font)); transition: transform 220ms, background-color 220ms, color 220ms, box-shadow 220ms; }
.btn--outline-nav:hover, .btn--outline-nav:focus-visible { background: rgb(255, 255, 255); color: rgb(0, 0, 0); transform: translateY(-1px); box-shadow: rgba(0, 0, 0, 0.18) 0px calc(0.75 * var(--size-font)) calc(1.5 * var(--size-font)); }
.btn--solid-nav { display: flex; align-items: center; justify-content: center; width: calc(7.0625 * var(--size-font)); height: calc(2.5 * var(--size-font)); border-radius: calc(0.25 * var(--size-font)); background: rgb(230, 230, 230); font-family: Sohne, sans-serif; font-weight: 600; font-size: calc(0.875 * var(--size-font)); line-height: 1.02; color: rgb(0, 0, 0); transition: transform 220ms, background-color 220ms, box-shadow 220ms; }
.btn--solid-nav:hover, .btn--solid-nav:focus-visible { background: rgb(255, 255, 255); transform: translateY(-1px); box-shadow: rgba(0, 0, 0, 0.18) 0px calc(0.75 * var(--size-font)) calc(1.5 * var(--size-font)); }
.navbar__mobile-cta { height: calc(2.25 * var(--size-font)); width: auto; padding: 0px calc(1 * var(--size-font)); font-size: calc(0.8125 * var(--size-font)); }
.hamburger { display: none; flex-direction: column; justify-content: center; gap: calc(0.3125 * var(--size-font)); transition: transform 220ms; }
.hamburger__line { display: block; width: calc(1.25 * var(--size-font)); height: calc(0.125 * var(--size-font)); background: rgb(255, 255, 255); transition: transform 0.3s, opacity 0.3s; }
.hamburger:hover, .hamburger:focus-visible { transform: translateY(-1px); }
.hamburger:hover .hamburger__line, .hamburger:focus-visible .hamburger__line { background: var(--gray-light); }
.hamburger.is-open .hamburger__line:nth-child(1) { transform: translateY(calc(0.4375 * var(--size-font))) rotate(45deg); }
.hamburger.is-open .hamburger__line:nth-child(2) { opacity: 0; }
.hamburger.is-open .hamburger__line:nth-child(3) { transform: translateY(calc(-0.4375 * var(--size-font))) rotate(-45deg); }
.mobile-menu { max-height: 0px; overflow: hidden; transition: max-height 0.3s; }
.mobile-menu.is-open { max-height: calc(calc(-4.5 * var(--size-font)) + 100vh); overflow-y: auto; border-top: 1px solid rgba(255, 255, 255, 0.1); }
.mobile-menu__inner { display: flex; flex-direction: column; gap: calc(1.5 * var(--size-font)); padding: calc(2 * var(--size-font)) calc(2.25 * var(--size-font)); }
.mobile-menu__inner > a { font-family: Nord, sans-serif; font-size: calc(0.9375 * var(--size-font)); text-transform: uppercase; letter-spacing: calc(0.065 * var(--size-font)); color: rgb(255, 255, 255); transition: color 0.2s; }
.mobile-menu__inner > a:hover { color: var(--gray-light); }
.mobile-menu__ctas { display: flex; flex-direction: column; gap: calc(0.75 * var(--size-font)); padding-top: calc(0.5 * var(--size-font)); }
.mobile-menu__ctas .btn--outline-nav, .mobile-menu__ctas .btn--solid-nav { width: 100%; margin-right: 0px; }
.navbar__dd { position: relative; }
.navbar__ddbtn { display: inline-flex; align-items: center; gap: calc(0.375 * var(--size-font)); }
.navbar__chev { width: calc(0.625 * var(--size-font)); height: calc(0.625 * var(--size-font)); transition: transform 0.2s; }
.navbar__dd-menu { position: absolute; left: calc(-1.25 * var(--size-font)); top: calc(100% + calc(2.125 * var(--size-font))); z-index: 60; width: calc(26.25 * var(--size-font)); padding: calc(0.625 * var(--size-font)); border-radius: calc(0.75 * var(--size-font)); background: rgba(15, 16, 18, 0.97); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: rgba(0, 0, 0, 0.75) 0px calc(1.5 * var(--size-font)) calc(3.75 * var(--size-font)) calc(-0.75 * var(--size-font)), rgba(0, 0, 0, 0.4) 0px 0px 0px 1px; backdrop-filter: blur(16px); opacity: 0; visibility: hidden; transform: translateY(-6px); transition: opacity 0.18s, transform 0.18s, visibility linear 0.18s; text-transform: none; letter-spacing: 0px; }
.navbar__dd-menu::before { content: ""; position: absolute; left: 0px; right: 0px; top: calc(-2.25 * var(--size-font)); height: calc(2.25 * var(--size-font)); }
.navbar__dd:hover .navbar__dd-menu, .navbar__dd:focus-within .navbar__dd-menu { opacity: 1; visibility: visible; transform: none; transition: opacity 0.18s, transform 0.18s, visibility; }
.navbar__dd:hover .navbar__chev, .navbar__dd:focus-within .navbar__chev { transform: rotate(180deg); }
.navbar__dd-heading { margin: 0px; padding: calc(0.5 * var(--size-font)) calc(0.75 * var(--size-font)) calc(0.625 * var(--size-font)); font-family: Nord, sans-serif; font-size: calc(0.6875 * var(--size-font)); line-height: 1; letter-spacing: 0.08em; text-transform: uppercase; color: var(--gray); }
.navbar__links .navbar__dd-item { display: grid; grid-template-columns: calc(2.25 * var(--size-font)) minmax(0px, 1fr); gap: calc(0.875 * var(--size-font)); align-items: center; padding: calc(0.625 * var(--size-font)) calc(0.75 * var(--size-font)); border-radius: calc(0.5 * var(--size-font)); font-family: Sohne, sans-serif; font-size: calc(0.9375 * var(--size-font)); line-height: calc(1.25 * var(--size-font)); letter-spacing: 0px; text-transform: none; white-space: normal; color: var(--fg); transition: background 0.15s; }
.navbar__links .navbar__dd-item:hover, .navbar__links .navbar__dd-item:focus-visible { background: rgba(255, 255, 255, 0.05); color: var(--fg); outline: none; }
.navbar__dd-ico { display: flex; align-items: center; justify-content: center; width: calc(2.25 * var(--size-font)); height: calc(2.25 * var(--size-font)); border-radius: calc(0.5 * var(--size-font)); background: rgba(255, 255, 255, 0.04); box-shadow: rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset; color: var(--gray-light); transition: color 0.15s, box-shadow 0.15s; }
.navbar__dd-ico svg { width: calc(1.125 * var(--size-font)); height: calc(1.125 * var(--size-font)); }
.navbar__dd-item:hover .navbar__dd-ico { color: var(--accent); box-shadow: rgba(216, 252, 20, 0.35) 0px 0px 0px 1px inset; }
.navbar__dd-txt { display: flex; flex-direction: column; gap: calc(0.125 * var(--size-font)); min-width: 0px; }
.navbar__dd-txt b { font-weight: 600; }
.navbar__dd-txt small { font-size: calc(0.8125 * var(--size-font)); line-height: calc(1.125 * var(--size-font)); color: var(--gray); }
.navbar__links .navbar__dd-all { display: flex; align-items: center; gap: calc(0.375 * var(--size-font)); margin-top: calc(0.375 * var(--size-font)); padding: calc(0.75 * var(--size-font)) calc(0.75 * var(--size-font)) calc(0.375 * var(--size-font)); border-top: 1px solid rgba(255, 255, 255, 0.08); font-family: Sohne, sans-serif; font-weight: 600; font-size: calc(0.875 * var(--size-font)); letter-spacing: 0px; text-transform: none; color: var(--accent); }
.navbar__links .navbar__dd-all:hover { color: rgb(230, 255, 82); }
.navbar__dd-all svg { width: calc(0.75 * var(--size-font)); height: calc(0.75 * var(--size-font)); }
@media (prefers-reduced-motion: reduce){
.navbar__dd-menu, .navbar__chev { transition: none; }
}
.mobile-menu__toggle { display: flex; align-items: center; gap: calc(0.5 * var(--size-font)); width: 100%; text-align: left; font-family: Nord, sans-serif; font-size: calc(0.9375 * var(--size-font)); text-transform: uppercase; letter-spacing: calc(0.065 * var(--size-font)); color: rgb(255, 255, 255); transition: color 0.2s; }
.mobile-menu__toggle:hover { color: var(--gray-light); }
.mobile-menu__chev { width: calc(0.75 * var(--size-font)); height: calc(0.75 * var(--size-font)); transition: transform 0.2s; }
.mobile-menu__toggle[aria-expanded="true"] .mobile-menu__chev { transform: rotate(180deg); }
.mobile-menu__sub { display: flex; flex-direction: column; gap: calc(1 * var(--size-font)); margin-top: calc(-0.5 * var(--size-font)); padding-left: calc(1 * var(--size-font)); border-left: 1px solid rgba(255, 255, 255, 0.12); }
.mobile-menu__sub[hidden] { display: none; }
.mobile-menu__sub a { font-family: Sohne, sans-serif; font-size: calc(0.9375 * var(--size-font)); color: var(--gray-light); transition: color 0.2s; }
.mobile-menu__sub a:hover { color: rgb(255, 255, 255); }
.mobile-menu__sub .mobile-menu__sub-all { color: var(--accent); font-weight: 600; }
@media (max-width: 1023px){
.navbar__inner { padding: calc(1 * var(--size-font)) calc(1.25 * var(--size-font)); }
.navbar__links, .navbar__right { display: none; }
.navbar__logo { position: static; transform: none; order: 1; }
.navbar__logo img { width: clamp(calc(8.75 * var(--size-font)), 34vw, calc(10.5 * var(--size-font))); height: auto; }
.hamburger { display: flex; order: 3; margin-left: calc(1 * var(--size-font)); }
.navbar__mobile-cta { display: flex; order: 2; margin-left: auto; flex-shrink: 0; }
}
@media (max-width: 359px){
.navbar__inner { padding: calc(1 * var(--size-font)); }
.navbar__logo img { width: calc(7.5 * var(--size-font)); }
.navbar__mobile-cta { padding: 0px calc(0.75 * var(--size-font)); }
.hamburger { margin-left: calc(0.75 * var(--size-font)); }
}
@media (min-width: 1024px){
.hamburger, .navbar__mobile-cta, .mobile-menu { display: none; }
}
.site-footer { position: relative; overflow: clip; background: rgb(8, 9, 10); border-top: 1px solid rgb(27, 28, 29); }
.site-footer__inner { width: min(100%, 1800px); margin: 0px auto; padding: 31px 36px 36px; }
.site-footer__testimonial { position: relative; min-height: calc(50.0625 * var(--size-font)); padding: calc(2.9375 * var(--size-font)) calc(2.4375 * var(--size-font)) calc(3 * var(--size-font)); border-radius: calc(0.5 * var(--size-font)); background: linear-gradient(90deg, rgb(255, 142, 27) 0%, rgb(248, 40, 13) 100%); }
.site-footer__testimonial-logos { display: flex; align-items: center; justify-content: flex-start; gap: calc(2.25 * var(--size-font)); }
.site-footer__testimonial-logo { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; padding: 0px; border: 0px; background: transparent; opacity: 0.4; filter: none; transition: opacity 240ms, transform 240ms, filter 240ms; }
.site-footer__testimonial-logo-image { display: block; width: 100%; height: auto; }
.site-footer__testimonial-logo:not(.is-active) { cursor: pointer; }
.site-footer__testimonial-logo:focus-visible { outline: rgba(8, 9, 10, 0.42) solid calc(0.125 * var(--size-font)); outline-offset: calc(0.3125 * var(--size-font)); }
.site-footer__testimonial-logo:hover, .site-footer__testimonial-logo:focus-visible { opacity: 0.65; }
.site-footer__testimonial-logo--deezer { width: calc(7.8542 * var(--size-font)); height: auto; }
.site-footer__testimonial-logo.is-active { opacity: 1; filter: brightness(0) saturate(100%) invert(10%) sepia(0%) saturate(0%) hue-rotate(157deg) brightness(94%) contrast(92%); transform: translateY(calc(0.0625 * var(--size-font))); }
.site-footer__testimonial-logo.is-active:hover, .site-footer__testimonial-logo.is-active:focus-visible { opacity: 1; }
.site-footer__testimonial-logo--playjoy { width: calc(11.6875 * var(--size-font)); height: auto; }
.site-footer__testimonial-logo--monkey { width: calc(13.1875 * var(--size-font)); height: auto; }
.site-footer__testimonial-logo--fitx { width: calc(4.75 * var(--size-font)); height: calc(4.75 * var(--size-font)); overflow: hidden; border-radius: calc(1 * var(--size-font)); }
.site-footer__testimonial-logo--fitx.is-active { filter: none; }
.site-footer__testimonial-logo--justdice, .site-footer__testimonial-logo--justdice.is-active { width: auto; font-family: Sohne, sans-serif; font-size: clamp(calc(2 * var(--size-font)), 4vw, calc(3 * var(--size-font))); font-weight: 600; line-height: 1; letter-spacing: calc(-0.12 * var(--size-font)); color: rgb(8, 9, 10); filter: none; }
[data-footer-slider] .site-footer__testimonial-logo.site-footer__testimonial-logo--classpass { width: calc(11 * var(--size-font)); }
[data-footer-slider] .site-footer__testimonial-logo.site-footer__testimonial-logo--fitx { width: calc(3.4 * var(--size-font)); height: calc(3.4 * var(--size-font)); border-radius: calc(0.6 * var(--size-font)); }
.site-footer__testimonial-quote.is-long { font-size: clamp(calc(2 * var(--size-font)), 2.7vw, calc(3.25 * var(--size-font))); line-height: 1.04; }
.site-footer__testimonial-logo--classpass, .site-footer__testimonial-logo--classpass.is-active { width: auto; color: rgb(8, 9, 10); filter: none; }
.site-footer__testimonial-logo-wordmark { display: block; font-family: Sohne, sans-serif; font-size: clamp(calc(2 * var(--size-font)), 4vw, calc(3 * var(--size-font))); font-weight: 600; line-height: 1; letter-spacing: calc(-0.12 * var(--size-font)); }
.site-footer__testimonial-body { display: grid; grid-template-columns: minmax(calc(14 * var(--size-font)), calc(25.4375 * var(--size-font))) minmax(0px, 1fr); gap: calc(3 * var(--size-font)) calc(4.8125 * var(--size-font)); align-items: start; margin-top: calc(12 * var(--size-font)); transition: opacity 220ms, transform 220ms; }
.site-footer__testimonial-body.is-switching { opacity: 0; transform: translateY(calc(0.75 * var(--size-font))); }
.site-footer__testimonial-author { max-width: calc(25.4375 * var(--size-font)); }
.site-footer__testimonial-line { font-family: Sohne, sans-serif; font-size: calc(1.5 * var(--size-font)); line-height: calc(2 * var(--size-font)); color: rgb(8, 9, 10); }
.site-footer__testimonial-line--name { font-weight: 600; }
.site-footer__testimonial-quote-wrap { display: flex; align-items: flex-start; gap: calc(1 * var(--size-font)); min-width: 0px; width: 100%; }
.site-footer__testimonial-quote-mark, .site-footer__testimonial-quote { font-family: Sohne, sans-serif; font-size: clamp(calc(2.75 * var(--size-font)), 4vw, calc(4.5 * var(--size-font))); line-height: 0.97; letter-spacing: calc(-0.08 * var(--size-font)); color: rgb(8, 9, 10); }
.site-footer__testimonial-quote-mark { flex: 0 0 auto; }
.site-footer__testimonial-quote { min-width: 0px; flex: 1 1 0px; max-width: min(100%, calc(63.875 * var(--size-font))); margin: 0px; border: 0px; }
.site-footer__testimonial-progress { position: absolute; left: calc(3 * var(--size-font)); bottom: calc(3 * var(--size-font)); width: calc(8.625 * var(--size-font)); height: calc(0.875 * var(--size-font)); background: rgb(255, 158, 76); overflow: hidden; }
.site-footer__testimonial-progress-fill { display: block; width: 100%; height: 100%; background: rgb(248, 42, 14); transform: scaleX(0); transform-origin: left center; }
.site-footer__lower { display: flex; flex-direction: column; min-height: 0px; margin-top: calc(5.5 * var(--size-font)); }
.site-footer__brandmark { width: min(100%, calc(108.25 * var(--size-font))); height: auto; }
.site-footer__meta { display: flex; align-items: flex-start; justify-content: space-between; gap: calc(1.5 * var(--size-font)); }
.site-footer__meta--top { margin-top: calc(3 * var(--size-font)); }
.site-footer__meta--bottom { margin-top: 280px; }
.site-footer__links-row { display: flex; justify-content: space-between; align-items: center; width: 100%; }
.site-footer__nav { display: flex; flex-wrap: wrap; gap: calc(1.5 * var(--size-font)); }
.site-footer__nav--legal { justify-content: flex-start; }
.site-footer__nav--social { justify-content: center; }
.site-footer__nav--extra { justify-content: flex-end; }
.site-footer__nav a, .site-footer__business-link, .site-footer__copyright { font-family: Nord, sans-serif; font-size: calc(0.9375 * var(--size-font)); line-height: 1.02; letter-spacing: calc(0.075 * var(--size-font)); text-transform: uppercase; color: rgb(255, 255, 255); }
.site-footer__business-link { text-decoration: underline; text-underline-offset: calc(0.18 * var(--size-font)); }
.site-footer__copyright { white-space: nowrap; }
.site-footer__nav a, .site-footer__business-link { transition: opacity 220ms; }
.site-footer__nav a:hover, .site-footer__business-link:hover { opacity: 0.7; }
@media (max-width: 1199px){
.site-footer__inner { padding: 31px 32px 32px; }
.site-footer__testimonial { min-height: auto; padding: calc(2.25 * var(--size-font)) calc(2.25 * var(--size-font)) calc(2.75 * var(--size-font)); }
.site-footer__testimonial-body { gap: calc(2.5 * var(--size-font)) calc(3 * var(--size-font)); margin-top: calc(9 * var(--size-font)); }
.site-footer__lower { min-height: 0px; }
}
@media (max-width: 991px){
.site-footer__testimonial-body { grid-template-columns: 1fr; margin-top: calc(6 * var(--size-font)); }
.site-footer__testimonial-author { max-width: 100%; }
.site-footer__lower { min-height: 0px; }
.site-footer__meta { flex-direction: column; align-items: flex-start; }
.site-footer__meta--bottom { margin-top: calc(6 * var(--size-font)); }
.site-footer__copyright { white-space: normal; }
}
@media (max-width: 767px){
.site-footer__inner { padding: 16px 16px 24px; }
.site-footer__testimonial { padding: calc(1.75 * var(--size-font)) calc(1.75 * var(--size-font)) calc(4.5 * var(--size-font)); }
.site-footer__testimonial-logos { flex-direction: column; align-items: flex-start; gap: calc(1 * var(--size-font)); }
.site-footer__testimonial-logo--deezer { width: calc(6.25 * var(--size-font)); height: auto; }
.site-footer__testimonial-logo--playjoy { width: calc(9.5 * var(--size-font)); }
.site-footer__testimonial-logo--monkey { width: calc(9.5 * var(--size-font)); }
.site-footer__testimonial-logo--fitx { width: calc(4 * var(--size-font)); height: calc(4 * var(--size-font)); }
.site-footer__testimonial-body { margin-top: calc(3 * var(--size-font)); gap: calc(1.75 * var(--size-font)); }
.site-footer__testimonial-line { font-size: calc(1.125 * var(--size-font)); line-height: calc(1.5 * var(--size-font)); }
.site-footer__testimonial-quote-mark, .site-footer__testimonial-quote { font-size: clamp(calc(1.625 * var(--size-font)), 6.4vw, calc(2.25 * var(--size-font))); letter-spacing: calc(-0.04 * var(--size-font)); }
.site-footer__testimonial-quote-wrap { position: relative; display: block; padding-left: calc(0.95 * var(--size-font)); padding-right: calc(1 * var(--size-font)); }
.site-footer__testimonial-quote-mark { position: absolute; top: calc(0.2 * var(--size-font)); left: 0px; font-size: calc(1.15 * var(--size-font)); line-height: 1; }
.site-footer__testimonial-quote { display: block; font-size: clamp(calc(1.625 * var(--size-font)), 6.4vw, calc(2.25 * var(--size-font))); }
.site-footer__testimonial-progress { left: calc(1.75 * var(--size-font)); bottom: calc(1.75 * var(--size-font)); width: calc(5.75 * var(--size-font)); height: calc(0.625 * var(--size-font)); }
.site-footer__lower { min-height: auto; margin-top: calc(4 * var(--size-font)); }
.site-footer__brandmark { width: 100%; }
.site-footer__meta--top { margin-top: calc(2 * var(--size-font)); }
.site-footer__meta--bottom { margin-top: calc(6 * var(--size-font)); }
.site-footer__nav { gap: calc(0.875 * var(--size-font)) calc(1 * var(--size-font)); }
.site-footer__nav a, .site-footer__business-link, .site-footer__copyright { font-size: calc(0.75 * var(--size-font)); letter-spacing: calc(0.06 * var(--size-font)); }
}
@media (max-width: 479px){
.site-footer__testimonial { padding: calc(1.5 * var(--size-font)) calc(1.25 * var(--size-font)) calc(4 * var(--size-font)); }
.site-footer__testimonial-body { margin-top: calc(2.5 * var(--size-font)); }
.site-footer__testimonial-quote-wrap { padding-left: calc(0.85 * var(--size-font)); padding-right: calc(1 * var(--size-font)); }
.site-footer__testimonial-quote-mark { top: calc(0.15 * var(--size-font)); font-size: calc(1.15 * var(--size-font)); }
.site-footer__testimonial-quote { font-size: clamp(calc(1.625 * var(--size-font)), 6.4vw, calc(2.25 * var(--size-font))); }
.site-footer__meta--bottom { margin-top: calc(4.5 * var(--size-font)); }
.site-footer__links-row { flex-direction: column; align-items: flex-start; gap: calc(1.5 * var(--size-font)); }
.site-footer__nav--legal, .site-footer__nav--social, .site-footer__nav--extra { justify-content: flex-start; }
}
@media (max-width: 359px){
.site-footer__testimonial-quote-wrap { padding-left: calc(0.75 * var(--size-font)); }
.site-footer__testimonial-quote-mark { font-size: calc(1.15 * var(--size-font)); }
.site-footer__testimonial-quote { font-size: clamp(calc(1.625 * var(--size-font)), 6.4vw, calc(2.25 * var(--size-font))); }
}
@media (max-width: 991px){
h1, h2, h3, h4, h5, blockquote, .hero__subtitle, .why__col-title, .why__col-desc, .creators-lounge__lead, .creators-lounge__meta, .workflow-card__summary, .crafting-process__lead, .crafting-process__meta, .crafting-process__label, .repo-hero__subtitle, .repo-cta__subtitle, .cs-hero__subtitle, .nl-card__desc, .ct-card__desc, .ref-hero__subtitle, .ref-value__lead, .ref-steps__subtitle, .ref-steps__step-desc, .ref-cta__subtitle, .site-footer__business-link, .site-footer__testimonial-quote { text-wrap: balance; }
}
:root { --heading-kerning-hero: -0.05em; --heading-kerning-display: -0.05em; --heading-kerning-section: -0.03em; --heading-kerning-card: -0.02em; --heading-kerning-article: -0.02em; }
@media (max-width: 991px){
:root { --heading-kerning-hero: -0.05em; --heading-kerning-display: -0.05em; --heading-kerning-section: -0.03em; }
}
@media (max-width: 767px){
:root { --heading-kerning-hero: -0.05em; --heading-kerning-display: -0.05em; --heading-kerning-section: -0.03em; }
}
@media (max-width: 479px){
:root { --heading-kerning-hero: -0.05em; --heading-kerning-display: -0.05em; --heading-kerning-section: -0.03em; }
}
@media (min-width: 1921px){
:root { --wide-edge: calc((100vw - 1920px) / 2); }
}