/* Scoped delivery: this stylesheet is loaded only by /landing-growth/. */
:focus-visible { outline: 3px solid var(--yellow); outline-offset: 4px; }
[hidden] { display: none !important; }
.hero__actions { flex-wrap: wrap; }
.hero__explore { display: inline-flex; align-items: center; min-height: 44px; padding: 10px 0; border-bottom: 1px solid currentColor; font-size: .8rem; font-weight: 700; }
.hero__trust { flex-basis: 100%; max-width: 440px; line-height: 1.6; }
.motion-control { margin-top: 18px; padding: 10px 0; min-height: 44px; border: 0; background: none; color: #c7c7c1; text-decoration: underline; text-underline-offset: 4px; cursor: pointer; font-size: .72rem; }
.motion-paused *, .motion-paused *::before, .motion-paused *::after { animation: none !important; transition-duration: 0s !important; }
html.motion-paused { scroll-behavior: auto; }
.motion-paused .reveal { opacity: 1; transform: none; }
.demo-caption { color: #bfc2c6; font-size: .7rem; line-height: 1.6; margin: 16px 0 0; }
.memory-board::before { content: none; }
.memory-example { position: absolute; top: 20px; left: 24px; color: #bfc2c6; font-size: .65rem; letter-spacing: .08em; text-transform: uppercase; }
.first-use { padding: 100px max(32px, calc((100vw - 1360px) / 2)); border-block: 1px solid var(--line); background: var(--ink-2); }
.first-use h2 { margin: 20px 0; font: 400 clamp(3.8rem, 7vw, 6.7rem)/.95 var(--display); color: var(--yellow); }
.first-use > p:not(.section-code) { max-width: 600px; color: #c3c5c7; line-height: 1.8; }
.first-use__steps { list-style: none; padding: 0; margin: 44px 0 36px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; }
.first-use__steps li { border-top: 1px solid var(--line); padding-top: 24px; }
.first-use__steps span { color: var(--yellow); font-size: .75rem; }
.first-use__steps h3 { font: 400 clamp(1.7rem, 3vw, 2.4rem)/1.05 var(--display); margin: 24px 0 14px; }
.first-use__steps p { color: #bfc2c6; font-size: .85rem; line-height: 1.7; }
.culture-followup { margin-top: 30px; font-size: .8rem; color: #c7c7c1; }
.culture-followup a { display: inline-flex; min-height: 44px; align-items: center; margin-left: 10px; text-decoration: underline; text-underline-offset: 4px; }
.platform-note { text-align: center; color: #bfc2c6; font-size: .8rem; line-height: 1.6; }
.device--android { right: 7%; }
.final-login { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 26px; font-size: .8rem; }
.final-login a { min-height: 44px; display: inline-flex; align-items: center; text-decoration: underline; text-underline-offset: 4px; }
.footer-preferences { border: 0; padding: 10px 0; min-height: 44px; font: inherit; color: inherit; background: none; cursor: pointer; text-decoration: underline; text-underline-offset: 4px; }
.site-footer nav a { min-height: 44px; display: inline-flex; align-items: center; }
.site-footer nav { flex-wrap: wrap; }
.growth-status { position: fixed; z-index: 10001; inset: auto 20px 20px; padding: 14px; background: #f4cd0a; color: #050505; font-size: .9rem; }
.growth-status:empty { display: none; }
#caridConsentRoot .carid-consent__panel { max-width: 100%; }
#caridConsentRoot :focus-visible { outline-color: #0f172a; }
@media (max-width: 1100px) { .topbar__nav { gap: 18px; } }
@media (max-width: 640px) {
  .topbar { grid-template-columns: 1fr; gap: 12px; padding: 18px 20px; }
  .brand, .brand img { width: 126px; height: 34px; }
  .topbar__tools { width: 100%; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
  .topbar__tools .login-link { display: inline-flex; min-height: 44px; align-items: center; }
  .language-switch button { width: 32px; height: 38px; }
  .button--compact { min-height: 46px; padding: 0 12px; gap: 10px; font-size: .63rem; }
  .button--compact span:first-child { max-width: none; overflow: visible; white-space: normal; }
  .hero { padding-top: 178px; }
  .hero__actions { gap: 18px; }
  .hero__explore { font-size: .85rem; }
  .hero__trust { margin: 0; }
  .hero .motion-control { position: relative; z-index: 2; }
  .first-use { padding: 78px 20px; }
  .first-use__steps { grid-template-columns: 1fr; gap: 20px; }
  .first-use__steps h3 { margin-top: 14px; }
  .device--android { left: 50%; right: auto; width: min(220px, 80%); transform: translateX(-50%); }
  .screen-status { max-width: 50%; text-align: right; line-height: 1.5; }
  .activity-dock__intro { flex-wrap: wrap; gap: 10px; }
}
@media (max-width: 620px) {
  .hero { display: flex; flex-direction: column; min-height: 0; padding-bottom: 32px; }
  .hero__content { order: 0; }
  .hero__availability { position: relative; inset: auto; order: 1; align-self: flex-start; margin-top: 24px; }
  .identity-chip { position: relative; inset: auto; order: 2; width: 100%; margin-top: 190px; }
  .activity-dock { position: relative; inset: auto; order: 3; margin-top: 22px; }
  .hero__media { top: 48%; height: 440px; }
  .hero__scan { top: 48%; }
  .hero__wash { background: linear-gradient(180deg, #030303 0%, #030303 40%, rgba(3,3,3,.6) 58%, rgba(3,3,3,.1) 70%, #050505 90%); }
}
@media (max-width: 380px) {
  .topbar { grid-template-columns: 1fr; }
  .topbar__tools { gap: 8px; }
  .topbar__tools .login-link { font-size: .59rem; letter-spacing: .04em; }
  .button--compact { font-size: .59rem; padding: 0 8px; gap: 6px; }
  .hero h1 { font-size: 3.5rem; }
}
@media (prefers-reduced-motion: reduce) { .reveal { opacity: 1; transform: none; } }