:root {
  color-scheme: light;
  --ink: rgba(0,1,3,.9);
  --muted: rgba(0,9,21,.7);
  --lime: #d0f442;
  --header-height: 69px;
  --gallery-title-gap: 232px;
  font-family: Arial,Helvetica,sans-serif;
  color: var(--ink);
  background: #fff;
  font-size: 16px;
  line-height: 1.5;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 85px;
}

body {
  margin: 0;
}

button,input,summary {
  font: inherit;
}

button,a,summary {
  -webkit-tap-highlight-color: transparent;
}

button {
  cursor: pointer;
  color: inherit;
}

button {
  border: 0;
  background: none;
}

a {
  color: inherit;
  text-decoration: none;
}

button,summary,a,input {
  outline-offset: 4px;
}

a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible {
  outline: 2px solid #1c54d3;
}

h1,h2,h3,p {
  margin: 0;
}

img {
  display: block;
  width: 100%;
  object-fit: cover;
}

summary {
  list-style: none;
  cursor: pointer;
}

summary::-webkit-details-marker {
  display: none;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

.skip-link {
  position: fixed;
  top: 8px;
  left: 8px;
  z-index: 200;
  background: #fff;
  padding: 12px;
  transform: translateY(-160%);
}

.skip-link:focus {
  transform: none;
}

.wrapper {
  width: 100%;
  max-width: 1296px;
  margin-inline: auto;
  padding-inline: 24px;
}

.primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  border-radius: 8px;
  background: #000;
  color: #fff;
  padding: 12px 16px;
  font-weight: 600;
  line-height: 24px;
}

.primary:hover {
  background: #262626;
}

.primary.small {
  min-height: 36px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 24px;
}

.icon-button {
  display: grid;
  place-items: center;
  flex: none;
  width: 36px;
  height: 36px;
  font-size: 30px;
  line-height: 1;
}

.chevron {
  width: 0;
  height: 0;
  border-inline: 4px solid transparent;
  border-top: 4px solid #9ca3af;
  display: inline-block;
  margin-left: 9px;
  vertical-align: middle;
}

.site-header {
  height: 69px;
  position: sticky;
  top: 0;
  z-index: 50;
  background: #fff;
}

.header-inner {
  height: 69px;
  padding: 16px 24px;
  display: flex;
  align-items: center;
  gap: 32px;
}

.wordmark {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -.7px;
  white-space: nowrap;
  line-height: 32px;
}

.mark {
  font-size: 32px;
  line-height: 32px;
  font-weight: 400;
}

.desktop-nav {
  display: flex;
  align-items: center;
  gap: 12px;
}

.desktop-nav>details>summary,.desktop-nav>a,.account-nav>button,.account-nav>details>summary {
  padding: 6px 12px;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  white-space: nowrap;
  border-radius: 8px;
}

.desktop-nav summary:hover,.desktop-nav>a:hover,.account-nav>button:hover,.account-nav details>summary:not(.primary):hover {
  background: #f5f5f5;
}

.desktop-nav details[open]>summary {
  background: #f3f4f6;
}

.desktop-nav details,.account-nav details {
  position: relative;
}

.account-nav {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-left: auto;
}

.divider {
  height: 16px;
  border-left: 1px solid #e5e7eb;
}

.mobile-toggle {
  display: none;
}

.hamburger,.hamburger:before,.hamburger:after {
  width: 18px;
  height: 2px;
  background: #171717;
  position: relative;
  display: block;
}

.hamburger:before,.hamburger:after {
  content: "";
  position: absolute;
  left: 0;
}

.hamburger:before {
  top: -6px;
}

.hamburger:after {
  top: 6px;
}

.hero {
  height: 784px;
  margin-inline: 24px;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.hero-collage {
  position: absolute;
  inset: 0;
  overflow: hidden;
  border-radius: 16px;
}

.hero-panel {
  position: relative;
  z-index: 1;
  width: 880px;
  min-height: 454px;
  padding: 64px 24px;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 16px;
  background: #fff;
  border-radius: 24px 24px 0 0;
  margin-bottom: -1px;
}

.hero h1 {
  font-size: 80px;
  line-height: 80px;
  font-weight: 600;
  letter-spacing: -2.8px;
  text-align: center;
}

.highlight {
  position: relative;
  z-index: 0;
  display: inline-block;
}

.highlight:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: -10%;
  right: -10%;
  height: 57%;
  bottom: -5%;
  background: var(--lime);
  clip-path: polygon(2% 20%,12% 8%,27% 15%,40% 3%,59% 9%,80% 0,98% 16%,96% 39%,100% 59%,94% 79%,72% 82%,55% 94%,36% 85%,16% 100%,0 82%,3% 55%,0 34%);
  transform: rotate(-3deg);
}

.hero-copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}

.hero-copy p {
  font-size: 18px;
  line-height: 27px;
  text-align: center;
  color: var(--muted);
  min-height: 54px;
}

.hero-cta {
  width: 240px;
}

.business {
  padding-top: 160px;
  padding-bottom: 96px;
  display: flex;
  flex-direction: column;
  gap: 64px;
}

.business-heading {
  max-width: 880px;
}

.business-heading h2 {
  font-size: 48px;
  line-height: 1.1;
  letter-spacing: -1.8px;
  font-weight: 600;
  margin-bottom: 16px;
}

.business-heading>p {
  font-size: 18px;
  line-height: 27px;
  color: var(--muted);
  min-height: 54px;
}

.business-cards {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 40px;
}

.business-card {
  min-width: 0;
}

.business-image {
  height: 400px;
  border-radius: 12px;
  object-fit: cover;
}

.card-bottom {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 24px;
}

.card-copy h3 {
  font-size: 24px;
  line-height: 28.8px;
  font-weight: 400;
  margin-bottom: 8px;
}

.card-copy p {
  font-size: 16px;
  line-height: 24px;
  color: var(--muted);
  min-height: 24px;
}

.card-actions {
  display: flex;
  gap: 8px;
  min-height: 48px;
}

.text-action {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  font-weight: 600;
  line-height: 24px;
  min-height: 48px;
  border: 1px solid #dfe3e8;
  border-radius: 8px;
  padding: 11px 16px;
}

.text-action:hover {
  background: #f7f8fa;
}

.attention {
  padding-block: 96px;
}

.attention-inner {
  display: flex;
  gap: 24px;
}

.attention-copy {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}

.attention-copy h2 {
  font-size: 56px;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -1.7px;
  max-width: 560px;
  margin-bottom: 16px;
}

.attention-copy p {
  max-width: 560px;
  font-size: 18px;
  line-height: 27px;
  color: var(--muted);
}

.mosaic {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  border-radius: 12px;
  aspect-ratio: 96 / 113;
}

.mosaic video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.site-footer {
  background: #fff;
}

.footer-top {
  padding: 48px 96px;
  display: flex;
  align-items: flex-start;
  gap: 40px;
}

.footer-wordmark {
  width: 174px;
  flex: none;
  font-size: 22px;
}

.footer-groups {
  display: grid;
  grid-template-columns: repeat(5,minmax(0,1fr));
  flex: 1;
  gap: 40px;
}

.footer-groups section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.footer-groups h2 {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 4px;
}

.footer-groups a,.footer-groups button {
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  padding: 0;
  color: #505762;
  max-width: 100%;
}

.footer-groups a:hover,.footer-groups button:hover,.legal-links button:hover {
  text-decoration: underline;
}

.footer-bottom {
  padding: 40px 96px;
}

.footer-social {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}

.language-menu {
  position: relative;
}

.language-menu summary {
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
}

.language-menu>div {
  position: absolute;
  bottom: 30px;
  left: 0;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  box-shadow: 0 8px 28px #0002;
  padding: 8px;
  min-width: 150px;
  z-index: 4;
}

.language-menu button {
  display: block;
  text-align: left;
  width: 100%;
  padding: 6px;
  border-radius: 4px;
}

.language-menu button:hover {
  background: #f5f5f5;
}

.social-links {
  display: flex;
  gap: 24px;
}

.social-links button {
  font-size: 19px;
  line-height: 20px;
  padding: 0;
  min-width: 16px;
}

.legal-links {
  display: flex;
  gap: 8px 20px;
  flex-wrap: wrap;
}

.legal-links button {
  padding: 0;
  font-size: 12px;
  line-height: 16px;
  color: #66707c;
}

.copyright {
  font-size: 12px;
  line-height: 16px;
  color: #66707c;
  margin-top: 12px;
}

dialog {
  border: 1px solid #e5e7eb;
  color: var(--ink);
  background: #fff;
}

dialog::backdrop {
  background: #0005;
}

#mobile-menu {
  position: fixed;
  inset: 0;
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  max-width: none;
  height: 100dvh;
  max-height: none;
  overflow: auto;
}

#mobile-menu::backdrop {
  background: #fff;
}

.mobile-menu-header {
  height: 69px;
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 16px 24px;
  border-bottom: 1px solid #e5e7eb;
}

.mobile-menu-header .wordmark {
  margin-right: auto;
  font-size: 20px;
  line-height: 32px;
}

.mobile-groups {
  padding: 8px 24px 32px;
}

.mobile-groups>details,.mobile-groups>a {
  display: block;
  border-bottom: 1px solid #e5e7eb;
}

.mobile-groups>details>summary,.mobile-groups>a {
  padding: 20px 0;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mobile-groups>details>summary {
  display: flex;
  justify-content: space-between;
}

.mobile-groups details>div {
  padding: 0 0 16px 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.mobile-groups details button {
  text-align: left;
  padding: 0;
}

.mobile-promo {
  padding: 24px;
  background: #f7f8fa;
}

#local-action {
  padding: 40px;
  max-width: min(520px,calc(100vw - 32px));
  border-radius: 16px;
}

#local-action h2 {
  font-size: 32px;
  line-height: 1.15;
  margin-bottom: 16px;
}

#local-action>p {
  line-height: 24px;
  margin-bottom: 24px;
  color: var(--muted);
}

.dialog-close {
  position: absolute;
  right: 8px;
  top: 8px;
}

.simulation-note {
  font-size: 14px;
}

.menu-open {
  overflow: hidden;
}

@media(max-width:1250px) {
  .header-inner {
    gap: 20px;
  }

  .desktop-nav {
    gap: 0;
  }

  .desktop-nav>details>summary,.desktop-nav>a {
    padding-inline: 8px;
  }

  .account-nav {
    gap: 6px;
  }

  .book-call {
    padding-inline: 6px!important;
  }

  .footer-top {
    gap: 32px;
  }

  .footer-groups {
    gap: 24px;
  }

}

@media(max-width:1023px) {
  .header-inner {
    gap: 8px;
  }

  .mobile-toggle {
    display: grid;
  }

  .desktop-nav,.account-nav>.book-call,.account-nav>.divider,.account-nav>details[data-menu="login"] {
    display: none;
  }

  .wordmark {
    font-size: 22px;
  }

  .hero-panel {
    width: calc(100% - 96px);
    padding-top: 64px;
  }

  .hero h1 {
    font-size: 64px;
    line-height: 70.4px;
  }

  .business {
    padding-top: 120px;
    padding-bottom: 80px;
    gap: 48px;
  }

  .business-heading h2 {
    font-size: 40px;
  }

  .business-image {
    height: 340px;
  }

  .attention {
    padding-block: 80px;
  }

  .attention-copy h2 {
    font-size: 48px;
  }

  .footer-top,.footer-bottom {
    padding-inline: 48px;
  }

  .footer-wordmark {
    width: 150px;
  }

  .footer-groups {
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 32px;
  }

  .footer-top {
  }

  .footer-bottom {
  }

}

@media(max-width:743px) {
  .header-inner {
    padding: 16px 24px;
  }

  .header-inner>.wordmark {
    font-size: 20px;
    letter-spacing: -.7px;
    gap: 5px;
  }

  .header-inner .mark {
    font-size: 28px;
  }

  .header-inner {
    gap: 8px;
  }

  .account-nav>details>summary {
    font-size: 14px;
    line-height: 24px;
    padding: 6px 10px;
  }

  .hero {
    height: auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: stretch;
  }

  .hero-collage {
    position: relative;
    inset: auto;
    aspect-ratio: 4 / 3;
    border-radius: 16px;
  }

  .hero-panel {
    margin: 0;
    width: 100%;
    padding: 0;
    min-height: 272.1875px;
    gap: 16px;
    border-radius: 0;
  }

  .hero h1 {
    font-size: 36px;
    line-height: 39.59375px;
    letter-spacing: -1.2px;
  }

  .hero-copy {
    width: 100%;
    gap: 24px;
  }

  .hero-copy p {
    font-size: 18px;
    line-height: 27px;
    min-height: 81px;
    max-width: 100%;
  }

  .hero-copy .hero-cta {
    width: 100%;
  }

  .desktop-break {
    display: none;
  }

  .business {
    padding: 96px 24px 64px;
    gap: 40px;
  }

  .business-heading {
    max-width: none;
  }

  .business-heading h2 {
    font-size: 28px;
    line-height: 30.796875px;
    letter-spacing: -.7px;
    min-height: 61.59375px;
    margin-bottom: 16px;
    max-width: 600px;
  }

  .business-heading>p {
    font-size: 18px;
    line-height: 27px;
    min-height: 108px;
  }

  .business-cards {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .business-image {
    height: auto;
    aspect-ratio: 1;
    border-radius: 12px;
  }

  .card-copy h3 {
    font-size: 20px;
    line-height: 24px;
  }

  .card-copy p {
    min-height: 48px;
  }

  .card-actions {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .card-actions .text-action {
    width: auto;
  }

  .attention {
    padding-block: 64px;
  }

  .attention-inner {
    flex-direction: column;
    gap: 40px;
  }

  .attention-copy h2 {
    font-size: 36px;
    line-height: 39.59375px;
    letter-spacing: -.9px;
    min-height: 79.1875px;
  }

  .attention-copy p {
    font-size: 18px;
    line-height: 27px;
    min-height: 135px;
  }

  .mosaic {
    flex: none;
    width: 100%;
    aspect-ratio: 96 / 113;
  }

  .footer-top {
    padding: 48px 24px;
    display: block;
  }

  .footer-wordmark {
    width: auto;
    margin-bottom: 32px;
  }

  .footer-groups {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 32px 24px;
  }

  .footer-groups section {
    gap: 8px;
  }

  .footer-groups h2 {
    line-height: 20px;
  }

  .footer-groups a,.footer-groups button {
    font-size: 14px;
    line-height: 20px;
  }

  .footer-bottom {
    padding: 40px 24px;
  }

  .footer-social {
    gap: 24px;
    align-items: flex-start;
  }

  .social-links {
    gap: 20px;
  }

  .legal-links {
    gap: 8px 20px;
  }

  .copyright {
    margin-top: 16px;
  }

  .mobile-menu-header .wordmark {
    font-size: 18px;
  }

  .mobile-menu-header {
    gap: 6px;
  }

  .mobile-menu-header .primary {
    font-size: 14px;
  }

  .mobile-menu-header .mark {
    font-size: 26px;
  }

  #local-action {
    padding: 40px 24px;
  }

}

@media(min-width:743px) and (max-width:743px) {
  .card-actions {
    flex-direction: row;
  }

}

@media(max-width:359px) {
  .header-inner>.wordmark {
    font-size: 17px;
  }

  .header-inner .mark {
    font-size: 23px;
  }

  .header-inner {
    gap: 4px;
  }

  .account-nav>details>summary {
    padding-inline: 8px;
    font-size: 13px;
  }

  .business-heading>p {
    min-height: 135px;
  }

  .attention-copy h2 {
    min-height: 118.78125px;
  }

  .attention-copy p {
    min-height: 162px;
  }

  .footer-social {
    flex-direction: column;
    gap: 20px;
  }

}

@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior: auto;
  }

  *,*:before,*:after {
    animation-duration: .01ms!important;
    transition-duration: .01ms!important;
  }

}

.footer-groups section {
  padding-top: 4px;
}

.footer-groups h2 {
  margin-bottom: 8px;
}

.footer-groups a,.footer-groups button {
  line-height: 21px;
}

@media(max-width:1439px) {
  .footer-top {
    display: block;
  }

  .footer-wordmark {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 40px;
  }

  .footer-wordmark .mark {
    font-size: 24px;
    line-height: 24px;
  }

  .footer-groups {
    grid-template-columns: repeat(3,minmax(0,1fr));
    row-gap: 40px;
  }

  .footer-groups section:nth-child(1) {
    order: 1;
  }

  .footer-groups section:nth-child(2) {
    order: 4;
  }

  .footer-groups section:nth-child(3) {
    order: 2;
  }

  .footer-groups section:nth-child(4) {
    order: 5;
  }

  .footer-groups section:nth-child(5) {
    order: 3;
  }

}

@media(min-width:744px) and (max-width:1023px) {
  .wrapper {
    padding-inline: 48px;
  }

  .business {
    gap: 40px;
  }

  .business-heading h2 {
    font-size: 36px;
    line-height: 39.59375px;
  }

  .business-image {
    height: 400px;
  }

  .card-copy h3 {
    font-size: 20px;
    line-height: 24px;
  }

  .card-copy p {
    min-height: 48px;
  }

  .business-card:nth-child(2) .card-actions {
    flex-direction: column;
    align-items: flex-start;
  }

  .attention-inner {
    gap: 24px;
  }

}

@media(min-width:1024px) and (max-width:1279px) {
  .card-copy p {
    min-height: 48px;
  }

}

@media(max-width:743px) {
  .hero-panel {
    min-height: 0;
  }

  .hero-copy p {
    min-height: 0;
  }

  .business-heading h2,.business-heading>p,.card-copy p,.attention-copy h2,.attention-copy p {
    min-height: 0;
  }

  .attention-copy {
    max-width: 560px;
  }

  .footer-top {
  }

  .footer-wordmark {
    line-height: 24px;
    margin-bottom: 40px;
  }

  .footer-groups {
    grid-template-columns: repeat(2,minmax(0,1fr));
    row-gap: 40px;
  }

  .footer-groups section:nth-child(2) {
    order: 3;
  }

  .footer-groups section:nth-child(4) {
    order: 4;
  }

  .footer-groups section:nth-child(5) {
    order: 5;
  }

}

@media(min-width:743px) and (max-width:743px) {
  .business-image {
    aspect-ratio: auto;
    height: 400px;
  }

  .card-actions {
    flex-direction: column;
  }

}

.site-header {
  border-bottom: 1px solid #fff;
}

.header-inner {
  height: 68px;
}

.header-inner > .wordmark {
  width: 126.296875px;
  height: 24px;
  flex: none;
  gap: 6px;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -.5px;
}

.header-inner > .wordmark .mark {
  font-size: 24px;
  line-height: 24px;
}

@media (min-width: 1280px) {
  .desktop-nav details[data-menu="advertise"] > summary {
    width: 120.078125px;
  }

  .desktop-nav > a {
    width: 93.875px;
  }

  .desktop-nav details[data-menu="learn"] > summary {
    width: 91.25px;
  }

  .desktop-nav details[data-menu="games"] > summary {
    width: 192.0625px;
  }

  .account-nav > .book-call {
    width: 106.453125px;
  }

  .account-nav details[data-menu="login"] > summary {
    width: 70.28125px;
  }

  .account-nav details[data-menu="start"] > summary {
    width: 108.21875px;
  }
}

@media (max-width: 1023px) {
  .mobile-toggle {
    width: 24px;
    height: 24px;
  }
}

.mobile-menu-header {
  height: 68px;
  gap: 8px;
}

.mobile-menu-header .icon-button {
  width: 24px;
  height: 24px;
  font-size: 26px;
}

.mobile-menu-header .wordmark {
  width: 126.296875px;
  height: 24px;
  gap: 6px;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -.5px;
}

.mobile-menu-header .mark {
  font-size: 24px;
  line-height: 24px;
}

.mobile-groups {
  padding: 0 24px;
}

.mobile-groups > details > summary,
.mobile-groups > a {
  padding: 20px 0;
  font-size: 16px;
  line-height: 20px;
}

.mobile-groups > details > summary > span {
  color: #9ca3af;
}

.mobile-groups details > .mobile-advertise-links {
  padding: 3px 0 28px;
  gap: 24px;
}

.mobile-advertise-links > a {
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 40px;
}

.mobile-advertise-links img,
.mobile-accounts img {
  width: 40px;
  height: 40px;
  flex: none;
  border-radius: 8px;
}

.mobile-advertise-links strong,
.mobile-accounts strong {
  display: block;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}

.mobile-advertise-links small,
.mobile-accounts small {
  display: block;
  font-size: 12px;
  line-height: 18px;
  color: var(--muted);
}

.mobile-accounts {
  padding: 24px 24px 0;
}

.mobile-accounts h2 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 20px;
}

.mobile-accounts > button {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
  padding: 0;
  text-align: left;
  min-height: 40px;
}

.mobile-accounts > button + button {
  margin-top: 20px;
}

.mobile-promo {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin: 20px 24px 24px;
  padding: 0;
  width: calc(100% - 48px);
  background: #fff;
  text-align: left;
}

.mobile-promo > img {
  width: 100px;
  height: 100px;
  border-radius: 8px;
  flex: none;
}

.mobile-promo-copy {
  flex: 1;
  min-width: 0;
}

.promo-badge {
  display: inline-block;
  background: #dfebff;
  padding: 4px 8px;
  border-radius: 8px;
  font-size: 12px;
  line-height: 20px;
  font-weight: 600;
}

.mobile-promo-copy > strong {
  display: block;
  font-size: 16px;
  line-height: 24px;
  margin-top: 4px;
}

.mobile-promo-copy > span:last-child {
  display: block;
  font-size: 14px;
  line-height: 21px;
}

.business-card:nth-child(1) .text-action {
  width: 204.4375px;
  max-width: 100%;
  white-space: nowrap;
  border: 2px solid #000;
}

.business-card:nth-child(2) .text-action:nth-child(1) {
  width: 219.328125px;
  max-width: 100%;
  border: 2px solid #000;
}

.business-card:nth-child(2) .text-action:nth-child(2) {
  width: 217.015625px;
  max-width: 100%;
  border: 0;
}

.business-card .text-action {
  height: 48px;
  line-height: 20px;
  padding: 12px 16px;
}

.gallery {
  position: relative;
  height: calc(100vh + 2500px);
  overflow: clip;
}

.gallery-sticky {
  --column-width: 438px;
  --column-height: 704px;
  --column-gap: 24px;
  --period-width: 5544px;
  position: sticky;
  top: 116px;
  width: 100%;
  height: calc(100vh - 164px);
  min-height: 600px;
  padding-block: 160px;
  isolation: isolate;
  overflow: clip;
}

.gallery-strip {
  position: absolute;
  left: calc(50% - 1.5 * var(--column-width) - var(--column-gap));
  top: 8px;
  width: calc(2 * var(--period-width) - var(--column-gap));
  height: var(--column-height);
  z-index: 1;
  will-change: transform;
}

.gallery-period {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  gap: var(--column-gap);
  width: calc(var(--period-width) - var(--column-gap));
  height: var(--column-height);
}

.gallery-period[data-period="-1"] {
  left: calc(-1 * var(--period-width));
}

.gallery-period[data-period="1"] {
  left: var(--period-width);
}

.gallery-column {
  position: relative;
  width: var(--column-width);
  height: var(--column-height);
  flex: none;
}

.gallery-tile {
  position: absolute;
  left: var(--desktop-x);
  top: var(--desktop-y);
  width: var(--desktop-width);
  height: var(--desktop-height);
  object-fit: contain;
  border-radius: 8px;
  transform: scale(var(--tile-scale, 1));
  transform-origin: center;
  pointer-events: none;
}

.gallery-focus {
  position: absolute;
  left: 50%;
  top: calc(50% - 138.40625px);
  width: 200px;
  height: 200px;
  transform: translateX(-50%);
  z-index: 2;
  overflow: hidden;
  border-radius: 8px;
  will-change: width, height;
}

.gallery-focus img {
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}

.gallery-title {
  position: absolute;
  top: calc(50% + 12.796875px);
  z-index: 3;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  pointer-events: none;
}

.gallery-title-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--gallery-title-gap) minmax(0, 1fr);
  align-items: center;
}

.gallery-title-row h2,
.gallery-title-row > p,
.gallery-subtitle {
  font-size: 48px;
  line-height: 52.8px;
  letter-spacing: -1.6px;
  font-weight: 600;
}

.gallery-title-row h2 {
  text-align: right;
  padding-right: 16px;
}

.gallery-title-row > p {
  text-align: left;
  padding-left: 16px;
}

.gallery-subtitle {
  text-align: center;
}

.gallery-sticky.is-compact .gallery-title {
  background: rgba(255, 255, 255, .96);
  border-radius: 8px;
}

.gallery-sticky.is-draggable {
  cursor: grab;
  touch-action: pan-y;
  user-select: none;
}

.gallery-sticky.is-dragging {
  cursor: grabbing;
}

@media (max-width: 1023px) {
  .gallery-title-row h2,
  .gallery-title-row > p,
  .gallery-subtitle {
    font-size: 40px;
    line-height: 44px;
  }
}

@media (max-width: 743px) {
  .gallery-sticky {
    --column-width: 292px;
    --column-height: 470px;
    --column-gap: 12px;
    --period-width: 3648px;
    padding-block: 64px;
  }

  .gallery-strip {
    top: calc(50% - 275px);
  }

  .gallery-tile {
    left: var(--mobile-x);
    top: var(--mobile-y);
    width: var(--mobile-width);
    height: var(--mobile-height);
  }

  .gallery-focus {
    top: calc(50% - 124px);
    width: 160px;
    height: 160px;
  }

  .gallery-title {
    top: calc(50% + 72px);
    gap: 8px;
  }

  .gallery-title-row {
    grid-template-columns: minmax(0, 1fr) 4px minmax(0, 1fr);
  }

  .gallery-title-row h2,
  .gallery-title-row > p,
  .gallery-subtitle {
    font-size: 28px;
    line-height: 30.796875px;
    letter-spacing: -1px;
    white-space: nowrap;
  }

  .gallery-title-row h2,
  .gallery-title-row > p {
    padding-inline: 0;
  }
}

@media (max-width: 359px) {
  .gallery-title-row h2,
  .gallery-title-row > p,
  .gallery-subtitle {
    font-size: 24px;
    letter-spacing: -1.2px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gallery-strip,
  .gallery-focus {
    will-change: auto;
  }
}

.nav-panel {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 1;
  border: 1px solid rgba(0, 41, 82, .11);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .08);
}

.rich-panel {
  width: 326px;
  height: 202px;
  padding: 24px;
}

.rich-panel[data-panel="advertise"] {
  height: 217px;
}

.account-panel {
  left: auto;
  right: 0;
  width: 250px;
}

.panel-heading {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 16px;
}

.panel-rows {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.panel-rows > a,
.panel-rows > button {
  display: flex;
  align-items: center;
  gap: 16px;
  width: calc(100% + 24px);
  height: 56px;
  margin-inline: -12px;
  padding: 8px 12px;
  border-radius: 12px;
  text-align: left;
}

.advertise-links > a:first-child {
  height: 71px;
}

.panel-rows > a:hover,
.panel-rows > button:hover,
.learn-group > a:hover,
.learn-group > button:hover {
  background: #fafbfc;
}

.panel-rows img {
  width: 40px;
  height: 40px;
  flex: none;
  border-radius: 8px;
}

.panel-rows > a > span,
.panel-rows > button > span {
  min-width: 0;
}

.panel-rows strong {
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
}

.panel-rows small {
  display: block;
  margin-top: 2px;
  font-size: 12px;
  line-height: 18px;
  color: var(--muted);
}

.learn-panel {
  display: grid;
  grid-template-columns: 200px 288px;
  gap: 16px;
  width: 534px;
  height: 387px;
  padding: 12px 12px 12px 16px;
}

.learn-links {
  padding-block: 12px;
}

.learn-group h3 {
  padding-inline: 8px;
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
}

.learn-group > a,
.learn-group > button {
  display: block;
  width: 200px;
  height: 29px;
  padding: 4px 8px;
  border-radius: 8px;
  text-align: left;
  font-size: 14px;
  line-height: 21px;
}

.learn-group + .learn-group {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid rgba(0, 40, 79, .09);
}

.learn-promo {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 16px;
  width: 288px;
  height: 361px;
  background: #f9f9f7;
  border-radius: 8px;
  text-align: left;
}

.learn-promo > img {
  width: 256px;
  height: 144px;
  border-radius: 8px;
}

.learn-promo .promo-badge {
  margin-top: 12px;
  align-self: flex-start;
}

.learn-promo > strong {
  margin-top: 16px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
}

.learn-promo-body {
  margin-top: 4px;
  font-size: 14px;
  line-height: 21px;
}

.learn-promo-action {
  margin-top: auto;
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.desktop-nav details[open] > summary .chevron {
  transform: rotate(180deg);
}

.mobile-groups details[open] > summary > span {
  transform: rotate(180deg);
}

.chevron,
.mobile-groups summary > span {
  transition: transform 120ms ease;
}

.site-header {
  border-bottom: 0;
}

.site-header.is-scrolled {
  background: rgba(255, 255, 255, .9);
  box-shadow: 0 4px 16px -14px rgba(16, 24, 40, .3);
}

.footer-social {
  padding-block: 12px;
  margin-bottom: 16px;
  border-top: 1px solid rgba(0, 40, 79, .09);
  border-bottom: 1px solid rgba(0, 40, 79, .09);
}

.language-menu summary {
  height: 28px;
  padding: 4px 8px;
}

.social-links {
  gap: 12px;
}

.social-links button {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
}

.legal-links {
  justify-content: center;
  align-items: center;
  gap: 16px 24px;
}

.legal-links button,
.legal-links .copyright {
  font-size: 12px;
  line-height: 18px;
  margin: 0;
}

.hero h1 {
  position: relative;
  isolation: isolate;
}

.hero .highlight {
  z-index: auto;
}

.hero .highlight::before {
  left: 0;
  right: auto;
  bottom: -8px;
  width: 100%;
  height: .79472656em;
  transform: none;
}

.attention-copy h2 {
  position: relative;
  isolation: isolate;
}

.attention .highlight {
  z-index: auto;
}

.attention .highlight::before {
  left: 0;
  right: auto;
  bottom: -12px;
  width: 100%;
  height: 100%;
  transform: none;
}

.nojs-menu {
  display: none;
}

@media (max-width: 743px) {
  .language-menu #language-label {
    display: none;
  }

  .footer-social {
    flex-direction: row;
    align-items: center;
  }
}

@media (max-width: 1023px) {
  .nojs-menu {
    display: inline-flex;
    align-items: center;
    height: 24px;
    font-size: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
}

.legal-links .copyright {
  width: 214.3125px;
}

.legal-links button {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.legal-links [data-action="Policy Center"] {
  width: 75.53125px;
}

.legal-links [data-action="Terms of Use"] {
  width: 76.015625px;
}

.legal-links [data-action="Publisher Policies"] {
  width: 99.9375px;
}

.legal-links [data-action="Demand Partner Policies"] {
  width: 139.4375px;
}

.legal-links [data-action="Platform Enforcement"] {
  width: 123.109375px;
}

.legal-links [data-action="Privacy"] {
  width: 42px;
}

.legal-links [data-action="Your Privacy Choices"] {
  width: 156.9375px;
}

.legal-links [data-action="Cookies Settings"] {
  width: 95.59375px;
}

.privacy-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 28px;
  height: 12px;
  color: #fff;
  background: #3265ff;
  border-radius: 6px;
  font-size: 10px;
  line-height: 12px;
}

.account-nav details > summary.primary:hover {
  background: rgba(0, 4, 9, .8);
  color: #fff;
}

.nav-panel::before {
  content: "";
  position: absolute;
  top: -9px;
  left: -1px;
  right: -1px;
  height: 8px;
  background: transparent;
}

html:not(.interaction-ready) .mobile-toggle{
  display: none;
}

html.interaction-ready .nojs-menu {
  display: none;
}

button:disabled {
  cursor: not-allowed;
  opacity: .55;
}

.primary-nav {
  display: flex;
  align-items: center;
}

.primary-nav a {
  padding: 6px 12px;
  border-radius: 8px;
  font-weight: 600;
}

.primary-nav a:hover {
  background: #f5f5f5;
}

.primary-nav a[aria-current="page"] {
  text-decoration: underline;
  text-underline-offset: 0.25em;
}

@media (max-width: 420px) {
  .header-inner {
    padding-inline: 12px;
  }

  .header-inner > .wordmark {
    width: auto;
    font-size: 16px;
  }

  .primary-nav a {
    padding-inline: 5px;
    font-size: 14px;
  }
}

.customer-scale {
  display: inline-grid;
  text-align: center;
}

.customer-scale > span {
  grid-area: 1 / 1;
  opacity: 0;
}

.customer-scale > span:first-child {
  opacity: 1;
}

@media (prefers-reduced-motion: no-preference) {
  .customer-scale > span {
    animation: customer-scale 9s steps(1, end) infinite;
  }

  .customer-scale > span:nth-child(2) {
    animation-delay: 3s;
  }

  .customer-scale > span:nth-child(3) {
    animation-delay: 6s;
  }
}

@keyframes customer-scale {
  0% { opacity: 1; }
  33.333333%, 100% { opacity: 0; }
}

.gallery-focus img { width: 100%; object-fit: contain; }
.gallery-title-row h2,
.gallery-title-row > p { white-space: normal; overflow-wrap: anywhere; }

.gallery-subtitle {
  align-self: center;
  max-width: min(640px, calc(100% - 48px));
  font-size: clamp(14px, 2vw, 21px);
  line-height: 1.35;
  letter-spacing: normal;
  white-space: normal;
}

@media (max-width: 743px) {
  .gallery-title-row { column-gap: 8px; }
}

.gallery-sticky {
  --column-width: 340px;
  --column-gap: 20px;
}

.gallery-column-dense .gallery-artifact {
  left: 0;
  width: 100%;
  height: 286px;
  object-fit: cover;
  object-position: center top;
}

.gallery-column-dense .gallery-artifact[data-slot="0"] { top: 0; }
.gallery-column-dense .gallery-artifact[data-slot="1"] { top: 306px; }
.gallery-column-dense .gallery-artifact[data-slot="2"] {
  top: 614px;
  height: 88px;
}

.gallery-column-dense:nth-child(3n) .gallery-artifact[data-slot="0"] {
  height: 360px;
}

.gallery-column-dense:nth-child(3n) .gallery-artifact[data-slot="1"] {
  top: 380px;
  height: 212px;
}

.gallery-column-dense:nth-child(2) {
  opacity: var(--gallery-reveal, 0);
}

.gallery-technology {
  position: absolute;
  top: 610px;
  left: 0;
  z-index: 1;
  padding: 14px 20px;
  background: #fff;
  border-radius: 8px;
  font-size: 40px;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -1px;
}

.gallery-column-dense .gallery-artifact[data-slot="2"] + .gallery-technology {
  top: 540px;
}

@media (max-width: 743px) {
  .gallery-sticky {
    --column-width: 236px;
    --column-gap: 14px;
  }

  .gallery-column-dense .gallery-artifact {
    height: 190px;
  }

  .gallery-column-dense .gallery-artifact[data-slot="1"] { top: 204px; }
  .gallery-column-dense .gallery-artifact[data-slot="2"] {
    top: 412px;
    height: 58px;
  }

  .gallery-column-dense:nth-child(3n) .gallery-artifact[data-slot="0"] { height: 240px; }
  .gallery-column-dense:nth-child(3n) .gallery-artifact[data-slot="1"] {
    top: 254px;
    height: 140px;
  }

  .gallery-technology {
    top: 410px;
    padding: 10px 14px;
    font-size: 28px;
  }

  .gallery-column-dense .gallery-artifact[data-slot="2"] + .gallery-technology {
    top: 356px;
  }
}

.gallery {
  height: calc(100vh + 1800px);
}

.gallery-sticky {
  touch-action: pan-y;
}

.gallery-strip {
  filter: blur(var(--gallery-blur, 0px));
}

.gallery-easter-egg[hidden] { display: none; }

.gallery-easter-egg {
  position: absolute;
  inset: 0;
  z-index: 5;
  display: grid;
  place-items: center;
  pointer-events: none;
  background: rgb(255 255 255 / 76%);
  animation: gallery-message-in 450ms ease-out both;
}

.gallery-easter-egg p {
  margin: 0;
  padding: 24px;
  font-size: clamp(44px, 8vw, 112px);
  font-weight: 700;
  line-height: .95;
  letter-spacing: -.055em;
  text-align: center;
}

@keyframes gallery-message-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .gallery-strip { filter: none; }
  .gallery-easter-egg { animation-duration: 150ms; }
}

.gallery-sticky.floating-stage {
  position: sticky;
  height: calc(100svh - 164px);
  min-height: 420px;
  padding: 0;
}

.gallery-sticky .floating-space { opacity: .18; }

.floating-pause {
  position: absolute;
  right: 18px;
  bottom: 18px;
  z-index: 12;
  border: 1px solid #aaa;
  border-radius: 24px;
  padding: 10px 16px;
  background: rgb(255 255 255 / 94%);
  font: inherit;
  opacity: 0;
  pointer-events: none;
}

.gallery-sticky.is-exploring .floating-pause,
.floating-pause:focus-visible {
  opacity: 1;
  pointer-events: auto;
}

/* Selected identity: concept B wordmark, without the RC monogram. */
.header-inner > .wordmark.wordmark-robby{width:106px;height:auto;display:block;color:#242b27;font-family:"Arial Black",Arial,Helvetica,sans-serif;font-size:20px;font-weight:900;line-height:.92;letter-spacing:-.65px}
.wordmark-robby > span{display:block}


.site-footer {
  border-top: 1px solid #e4e7e1;
  background: #fff;
  color: #242b27;
}
.site-footer .footer-inner {
  max-width: 1440px;
  margin: 0 auto;
  padding: 48px clamp(24px, 6vw, 96px) 128px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 24px;
}
.site-footer .footer-name {
  margin: 0 0 8px;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -.04em;
  line-height: 1.2;
}
.site-footer .footer-description {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
}
.site-footer .copyright {
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
  color: #66707c;
}
@media (max-width: 600px) {
  .site-footer .footer-inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    padding-top: 32px;
  }
}

/* BEGIN SHARED ROBBY DESIGN SYSTEM */
/* Generated by scripts/sync-design-system.mjs. Edit src/design-system inputs. */
:root {
  --rc-color-canvas: #f8f7f2;
  --rc-color-paper: #f2f0e5;
  --rc-color-sage: var(--rc-color-paper);
  --rc-color-ink: #242b27;
  --rc-color-secondary: #465247;
  --rc-color-green: #355c40;
  --rc-color-lime: #d0f442;
  --rc-color-action: var(--rc-color-ink);
  --rc-color-action-hover: #303b33;
  --rc-color-on-action: var(--rc-color-canvas);
  --rc-color-border: #657260;
  --rc-color-rule: #cfd6cb;
  --rc-font-body: Arial, Helvetica, sans-serif;
  --rc-font-display: Arial, Helvetica, sans-serif;
  --rc-font-ui: var(--font-roobert, Arial), Helvetica, sans-serif;
  --rc-font-brand: 'Arial Black', Arial, Helvetica, sans-serif;
  --rc-type-caption: 16px;
  --rc-type-small: 18px;
  --rc-type-body: 20px;
  --rc-type-card: 24px;
  --rc-type-heading: 40px;
  --rc-type-display: 64px;
  --rc-space-1: 4px;
  --rc-space-2: 8px;
  --rc-space-3: 12px;
  --rc-space-4: 16px;
  --rc-space-5: 20px;
  --rc-space-6: 24px;
  --rc-space-8: 32px;
  --rc-space-10: 40px;
  --rc-space-15: 60px;
  --rc-space-20: 80px;
  --rc-space-30: 120px;
  --rc-radius-label: 4px;
  --rc-radius-control: 8px;
  --rc-radius-card: 8px;
  --rc-radius-panel: 24px;
  --rc-radius-pill: 999px;
  --rc-motion-fast: 200ms;
  --rc-motion-standard: 400ms;
  --rc-motion-slow: 680ms;
  --rc-motion-ease: cubic-bezier(.5, 0, 0, 1);
  --rc-layout-content: 1296px;
  --rc-layout-gutter: 24px;
  --rc-layout-gutter-compact: 12px;
  --rc-layout-action-min: 48px;
  --rc-layout-focus-width: 3px;
  --rc-layout-focus-offset: 4px;
  --rc-layout-control-height: 56px;
  --rc-layout-control-compact: 48px;
  --rc-layout-control-inset: 12px;
  --rc-layout-icon-size: 24px;
  --rc-layout-label-inset-y: 4px;
  --rc-layout-label-inset-x: 8px;
  --rc-marker-path: polygon(2% 20%,12% 8%,27% 15%,40% 3%,59% 9%,80% 0,98% 16%,96% 39%,100% 59%,94% 79%,72% 82%,55% 94%,36% 85%,16% 100%,0 82%,3% 55%,0 34%);
  --rc-display-mobile: 48px;
  --rc-display-desktop: 64px;
  --rc-display-wide: 80px;
  --rc-focus-light: var(--rc-color-green);
  --rc-focus-dark: var(--rc-color-canvas);
  --rc-status-success: var(--rc-color-green);
  --rc-status-success-surface: var(--rc-color-paper);
  --rc-status-error: #7a303c;
  --rc-status-error-surface: #f7e9eb;
  --rc-status-warning: #755119;
  --rc-status-warning-surface: #f6ecd7;
  --rc-status-info: #31566b;
  --rc-status-info-surface: #e7eff2;
  --rc-line-caption: 1.5;
  --rc-line-small: 1.5;
  --rc-line-body: 1.5;
  --rc-line-card: 1.2;
  --rc-line-heading: 1.1;
  --rc-line-display: 1.05;
  --rc-line-control: 1.4;
  --rc-weight-caption: 400;
  --rc-weight-small: 400;
  --rc-weight-body: 400;
  --rc-weight-card: 500;
  --rc-weight-heading: 500;
  --rc-weight-display: 500;
  --rc-weight-action: 500;
  --rc-tracking-caption: 0em;
  --rc-tracking-small: 0em;
  --rc-tracking-body: 0em;
  --rc-tracking-card: -.02em;
  --rc-tracking-heading: -.03em;
  --rc-tracking-display: -.05em;
}
@media (max-width: 767px) { :root { --rc-type-display: 48px; } }
@media (min-width: 1280px) { :root { --rc-type-display: 80px; } }
/* One shared recipe for live templates and visual state specimens. */
.rc-action{--rc-action-bg:var(--rc-color-action);--rc-action-fg:var(--rc-color-on-action);--rc-action-border:var(--rc-color-action);display:inline-flex;align-items:stretch;justify-content:space-between;gap:0;min-width:0;min-height:var(--rc-layout-control-height);padding:0;border:1px solid var(--rc-action-border);border-radius:var(--rc-radius-control);background:var(--rc-action-bg);color:var(--rc-action-fg);font:var(--rc-weight-action) var(--rc-type-body)/var(--rc-line-control) var(--rc-font-body);text-align:left;text-decoration:none;cursor:pointer;transition:background var(--rc-motion-fast) var(--rc-motion-ease),color var(--rc-motion-fast) var(--rc-motion-ease);overflow:visible}
.rc-action:hover,.rc-action.is-hover{background:var(--rc-color-action-hover);color:var(--rc-color-on-action)}
.rc-action--outline{--rc-action-bg:transparent;--rc-action-fg:var(--rc-color-ink);--rc-action-border:var(--rc-color-border)}
.rc-action--text{--rc-action-bg:transparent;--rc-action-fg:var(--rc-color-ink);--rc-action-border:transparent}
.rc-action--outline:hover,.rc-action--outline.is-hover,.rc-action--text:hover,.rc-action--text.is-hover{background:var(--rc-color-paper);color:var(--rc-color-ink)}
.rc-action[data-intent=destructive]{--rc-action-fg:var(--rc-status-error)}
.rc-action--solid[data-intent=destructive]{--rc-action-bg:var(--rc-status-error);--rc-action-fg:var(--rc-color-on-action);--rc-action-border:var(--rc-status-error)}
.rc-action[data-intent=destructive]:not(.rc-action--solid):hover,.rc-action[data-intent=destructive]:not(.rc-action--solid).is-hover{background:var(--rc-status-error-surface);color:var(--rc-status-error)}
.rc-action--solid[data-intent=destructive]:hover,.rc-action--solid[data-intent=destructive].is-hover{background:var(--rc-color-ink);color:var(--rc-color-on-action)}
.rc-action--outline[data-intent=destructive]{--rc-action-border:var(--rc-status-error)}
.rc-action[data-surface=dark],.rc-surface-dark .rc-action{--rc-focus-current:var(--rc-focus-dark)}
.rc-action[data-surface=dark]:not(.rc-action--solid),.rc-surface-dark .rc-action:not(.rc-action--solid){--rc-action-fg:var(--rc-color-canvas)}
.rc-action[data-surface=dark].rc-action--outline,.rc-surface-dark .rc-action--outline{--rc-action-border:var(--rc-color-canvas)}
.rc-action[data-surface=dark].rc-action--solid{--rc-action-border:var(--rc-color-border)}
.rc-action[aria-pressed=true],.rc-action.cta-added{background:var(--rc-color-green);color:var(--rc-color-on-action);border-color:var(--rc-color-border)}
.rc-action:active:not(:disabled),.rc-action.is-pressed{transform:translateY(1px)}
.rc-action:disabled,.rc-action.is-disabled{opacity:1;background:var(--rc-color-paper);color:var(--rc-color-secondary);border-color:var(--rc-color-border);cursor:not-allowed}
.rc-action[aria-busy=true]{background:var(--rc-action-bg);color:var(--rc-action-fg);cursor:progress}
.rc-action-label{display:flex;align-items:center;min-width:0;padding:12px;overflow-wrap:anywhere}
.rc-action-arrow{flex:0 0 48px;display:grid;place-items:center;width:48px;border-left:1px solid currentColor}
.rc-action-arrow svg{width:var(--rc-layout-icon-size);height:var(--rc-layout-icon-size)}
.rc-action[data-icon-placement=leading] .rc-action-arrow{order:-1;border-left:0;border-right:1px solid currentColor}
.rc-action[data-size=compact]{min-height:var(--rc-layout-control-compact)}
.rc-action[data-size=compact] .rc-action-label{padding:8px 12px}
.rc-action--icon{width:48px;height:48px;min-height:48px;justify-content:center;align-items:center;padding:0}
.rc-action--icon .rc-action-arrow{width:24px;flex-basis:24px;border:0}
.rc-action-spinner{display:block;align-self:center;flex-shrink:0;width:24px;height:24px;border:3px solid currentColor;border-right-color:transparent;border-radius:50%;margin:12px;animation:rc-spin 800ms linear infinite}
.rc-action--icon .rc-action-spinner{margin:0}
.rc-action[data-editorial=true]{--rc-action-bg:var(--rc-color-lime);--rc-action-fg:var(--rc-color-ink);--rc-action-border:var(--rc-color-ink);background:var(--rc-color-lime);color:var(--rc-color-ink);border-color:var(--rc-color-ink);transform:rotate(-3deg)}
.rc-action:focus-visible,.rc-action.is-focus,.rc-control:focus-visible,.rc-control.is-focus{outline:var(--rc-layout-focus-width) solid var(--rc-focus-current,var(--rc-focus-light));outline-offset:var(--rc-layout-focus-offset)}
.rc-control{box-sizing:border-box;font:400 var(--rc-type-body)/var(--rc-line-control) var(--rc-font-body);height:var(--rc-layout-control-height);min-height:var(--rc-layout-control-height);min-width:0;max-width:100%;padding:var(--rc-layout-control-inset);color:var(--rc-color-ink);background:var(--rc-color-canvas);border:1px solid var(--rc-color-border);border-radius:var(--rc-radius-control)}
.rc-control:disabled{opacity:1;color:var(--rc-color-secondary);background:var(--rc-color-paper);cursor:not-allowed}
.rc-control[readonly]{background:var(--rc-color-paper)}
.rc-control[aria-invalid=true]{border:2px solid var(--rc-status-error)}
.rc-label,.rc-badge{display:inline-block;width:fit-content;max-width:100%;padding:var(--rc-layout-label-inset-y) var(--rc-layout-label-inset-x);font:400 var(--rc-type-caption)/var(--rc-line-caption) var(--rc-font-body);border:1px solid var(--rc-color-border);border-radius:var(--rc-radius-label);overflow-wrap:anywhere;color:var(--rc-color-ink);text-transform:none}
.rc-badge{background:var(--rc-color-paper)}
.rc-card{border-radius:var(--rc-radius-card)}
.rc-card .card-meta{background:var(--rc-color-canvas);color:var(--rc-color-ink);isolation:isolate;gap:var(--rc-space-3)}
.rc-card .card-meta h2{color:var(--rc-color-ink);font:500 var(--rc-type-card)/var(--rc-line-card) var(--rc-font-ui);letter-spacing:var(--rc-tracking-card);padding-right:0;overflow-wrap:anywhere}
.rc-card .card-meta p,.rc-card .card-meta .price{color:var(--rc-card-secondary,var(--rc-color-secondary));font-size:var(--rc-type-small);line-height:var(--rc-line-small)}
.rc-card .card-meta>div{min-width:0;flex:1}
.rc-card .card-meta .badge,.rc-card .card-meta .tag{color:var(--rc-color-ink);background:var(--rc-color-paper);border:1px solid var(--rc-color-border);font-size:var(--rc-type-caption);line-height:var(--rc-line-caption);white-space:normal;overflow-wrap:anywhere;max-width:46%;text-align:center;border-radius:var(--rc-radius-label);padding:4px 8px}
.rc-card .card-trigger{display:block;scroll-margin-block:100px var(--rc-space-6)}
.rc-card .card-trigger:focus-visible{outline:var(--rc-layout-focus-width) solid var(--rc-focus-current,var(--rc-focus-light));outline-offset:var(--rc-layout-focus-offset)}
.rc-card .card-trigger:focus-visible .card-meta h2{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.rc-marker{position:relative;isolation:isolate;display:inline-block;color:var(--rc-color-ink)}
.rc-marker::before{content:"";position:absolute;z-index:-1;left:-4%;right:-4%;height:57%;bottom:-5%;background:var(--rc-color-lime);clip-path:var(--rc-marker-path);transform:rotate(-3deg)}
.rc-wordmark{font-family:var(--rc-font-brand);font-weight:900;line-height:.92;letter-spacing:-.04em;color:var(--rc-color-ink)}
.rc-section-heading{font-family:var(--rc-font-display)}
.rc-surface-light{--rc-focus-current:var(--rc-focus-light)}
.rc-surface-dark{--rc-focus-current:var(--rc-focus-dark);background:var(--rc-color-ink);color:var(--rc-color-on-action)}
.rc-status{display:flex;gap:var(--rc-space-4);align-items:flex-start;color:var(--rc-status-foreground);background:var(--rc-status-surface);border:1px solid currentColor;border-radius:var(--rc-radius-card);padding:var(--rc-space-4);font:400 var(--rc-type-body)/1.5 var(--rc-font-body)}
.rc-status strong{display:block;font-weight:500}.rc-status p{margin:0}
.rc-status--success{--rc-status-foreground:var(--rc-status-success);--rc-status-surface:var(--rc-status-success-surface)}
.rc-status--error{--rc-status-foreground:var(--rc-status-error);--rc-status-surface:var(--rc-status-error-surface)}
.rc-status--warning{--rc-status-foreground:var(--rc-status-warning);--rc-status-surface:var(--rc-status-warning-surface)}
.rc-status--info{--rc-status-foreground:var(--rc-status-info);--rc-status-surface:var(--rc-status-info-surface)}
 .rc-action[data-editorial=true]:disabled{background:var(--rc-color-paper);color:var(--rc-color-secondary);border-color:var(--rc-color-border);transform:none}
@keyframes rc-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.rc-action{transition:none}.rc-action:active:not(:disabled),.rc-action.is-pressed,.rc-action[data-editorial=true]{transform:none}.rc-action-spinner{animation:none}}
@media(prefers-contrast:more){.rc-card{--rc-card-secondary:var(--rc-color-ink)}}
@media(forced-colors:active){.rc-action,.rc-control,.rc-label,.rc-badge,.rc-status{border:1px solid CanvasText}.rc-action:focus-visible,.rc-action.is-focus,.rc-control:focus-visible,.rc-control.is-focus,.rc-card .card-trigger:focus-visible{outline-color:Highlight}.rc-action:disabled{color:GrayText}.rc-action[aria-pressed=true]{outline:2px solid Highlight}}
/* Availability wins over appearance, intent and hover; busy keeps its original recipe. */
.rc-action[data-intent]:disabled:hover,.rc-action[data-editorial=true]:disabled:hover{background:var(--rc-color-paper);color:var(--rc-color-secondary);border-color:var(--rc-color-border);transform:none}
.rc-action[aria-busy=true]:disabled,.rc-action[aria-busy=true]:disabled:hover{background:var(--rc-action-bg);color:var(--rc-action-fg);border-color:var(--rc-action-border);cursor:progress}
.rc-action[data-surface=dark][data-intent=destructive]:not(.rc-action--solid),.rc-surface-dark .rc-action[data-intent=destructive]:not(.rc-action--solid){--rc-action-fg:var(--rc-status-error-surface)}
.rc-action[data-surface=dark][data-intent=destructive].rc-action--outline,.rc-surface-dark .rc-action[data-intent=destructive].rc-action--outline{--rc-action-border:var(--rc-status-error-surface)}

.rc-action[data-icon-placement=none][aria-busy=true]{position:relative}
.rc-action[data-icon-placement=none][aria-busy=true] .rc-action-spinner{position:absolute;left:50%;top:50%;margin:-12px 0 0 -12px}
.rc-action[data-icon-placement=none][aria-busy=true] .rc-action-label{color:transparent}
.rc-badge[data-appearance=emphasis]{background:var(--rc-color-lime);color:var(--rc-color-ink)}

/* Native Appy keeps its composition; semantic hooks consume shared geometry. */
:root{--ink:var(--rc-color-ink);--muted:var(--rc-color-secondary);--lime:var(--rc-color-lime)}
body{font-family:var(--rc-font-body);font-size:var(--rc-type-body);color:var(--rc-color-ink)}
:root .primary{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:space-between;gap:12px;min-height:var(--rc-layout-control-height);padding:12px;border:1px solid var(--rc-color-action);border-radius:var(--rc-radius-control);background:var(--rc-color-action);color:var(--rc-color-on-action);font:500 var(--rc-type-body)/var(--rc-line-control) var(--rc-font-body);white-space:normal}
:root .hero-cta{justify-content:center}
:root .primary.small{min-height:var(--rc-layout-control-compact);font-size:var(--rc-type-caption);padding:8px 12px}
:root .primary:hover{background:var(--rc-color-action-hover)}
:root .primary:disabled{opacity:1;background:var(--rc-color-paper);color:var(--rc-color-secondary);border-color:var(--rc-color-border);cursor:not-allowed}
:root .primary:focus-visible,:root .primary-nav a:focus-visible,:root summary:focus-visible,:root input:focus-visible{outline:var(--rc-layout-focus-width) solid var(--rc-focus-current,var(--rc-focus-light));outline-offset:var(--rc-layout-focus-offset)}
/* Arial has no medium face; 600 renders the bold display weight of the baseline hero. */
:root .hero h1{font:600 var(--rc-type-display)/var(--rc-line-display) var(--rc-font-display);letter-spacing:var(--rc-tracking-display);overflow-wrap:anywhere}
:root .hero p,:root .card-copy p{font:400 var(--rc-type-body)/var(--rc-line-body) var(--rc-font-body)}
:root .card-copy h3{font:500 var(--rc-type-card)/var(--rc-line-card) var(--rc-font-ui);letter-spacing:var(--rc-tracking-card)}
:root .hero-panel{background:var(--rc-color-canvas)}
:root .business-card,:root .card-media{border-radius:var(--rc-radius-card)}
:root .highlight::before{background:var(--rc-color-lime);clip-path:var(--rc-marker-path)}
:root .header-inner>.wordmark.wordmark-robby{color:var(--rc-color-ink);font-family:var(--rc-font-brand)}
:root .welcome-entry{color:var(--rc-color-ink)}
:root .welcome-entry::before{background:var(--rc-color-canvas)}
:root .welcome-cloud svg{fill:var(--rc-color-paper)}
:root .welcome-name::placeholder{color:var(--rc-color-secondary);opacity:1}
:root .welcome-action{color:var(--rc-color-green);border-color:var(--rc-color-border)}
:root #customer-crowd,:root #lead-sale{color:var(--rc-color-ink);background:var(--rc-color-canvas)}
:root .quantity-window{color:var(--rc-color-green)}
:root input:not([type=range]):not([type=checkbox]):not([type=radio]):not(.welcome-name){box-sizing:border-box;min-height:var(--rc-layout-control-height);font-size:var(--rc-type-body);border-radius:var(--rc-radius-control)}
:root :is(.footer-groups a,.footer-groups button,.language-menu summary,.legal-links button,.copyright,.simulation-note,.account-nav>details>summary,.footer-groups a,.footer-groups button,.mobile-menu-header .primary,.account-nav>details>summary,.mobile-advertise-links strong,
.mobile-accounts strong,.mobile-advertise-links small,
.mobile-accounts small,.promo-badge,.mobile-promo-copy > span:last-child,.panel-rows strong,.panel-rows small,.learn-group > a,
.learn-group > button,.learn-promo-body,.learn-promo-action,.legal-links button,
.legal-links .copyright,.nojs-menu,.privacy-icon,.primary-nav a,.site-footer .footer-description,.site-footer .copyright){font-size:var(--rc-type-caption)}
/* Native editorial scenes use the same stepped type scale while retaining movement. */
:root .welcome-entry .welcome-form h2,:root .welcome-entry .welcome-sentence,:root .welcome-entry .welcome-name-wrap,:root .welcome-entry .welcome-name{font-size:var(--rc-type-display);line-height:var(--rc-line-display)}
:root .welcome-entry .welcome-action,:root .welcome-entry .sr-only{font-size:var(--rc-type-caption)}
:root #customer-crowd .crowd-stage :is(h2,.crowd-lead,.crowd-close){font-size:var(--rc-type-display);line-height:var(--rc-line-display)}
/* The quantity word is 1.5x the display step; its rows inherit the window size so the window clips exactly one word. */
:root #customer-crowd .crowd-stage .quantity-window{font-size:calc(var(--rc-type-display) * 1.5)}
:root .home-journey .journey-copy>span{font-size:var(--rc-type-caption);line-height:var(--rc-line-caption)}
:root .home-journey .journey-copy h2{font-size:var(--rc-type-heading);line-height:var(--rc-line-heading)}
:root .home-journey .journey-copy p{font-size:var(--rc-type-body);line-height:var(--rc-line-body)}
:root .gallery .gallery-ticker-headline,:root .gallery .gallery-ticker-headline span{font-size:var(--rc-type-display);line-height:var(--rc-line-display)}
:root .gallery .gallery-ticker-services,:root .gallery .gallery-ticker-services span{font-size:var(--rc-type-card);line-height:var(--rc-line-card)}
:root .gallery .floating-reveal p{font-size:var(--rc-type-display);line-height:var(--rc-line-display)}
:root .dock-person>span{font-size:var(--rc-type-caption)}
:root .gallery-ticker .gallery-ticker-headline,:root .gallery-ticker .gallery-ticker-headline span{font-size:var(--rc-type-display);line-height:var(--rc-line-display)}
:root .gallery-ticker .gallery-ticker-services,:root .gallery-ticker .gallery-ticker-services span{font-size:var(--rc-type-card);line-height:var(--rc-line-card)}
:root .gallery-ticker>.sr-only{font-size:var(--rc-type-heading)}

/* END SHARED ROBBY DESIGN SYSTEM */