#repeep-landing, #repeep-landing{ background: #eabd59; color: #46360e; }
#repeep-landing{
  --yellow: #eabd59;
  --ink: #46360e;
  --muted: #765a16;
  --light: #ffdf76;
  --dark: #c59a3c;
  --ease: cubic-bezier(.22, 1, .36, 1);
}
#repeep-landing *{ box-sizing: border-box; }
#repeep-landing{ margin: 0; font-family: "Roboto", "Noto Sans SC", "Microsoft YaHei", "PingFang SC", system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
#repeep-landing button, #repeep-landing a{ -webkit-tap-highlight-color: transparent; }
#repeep-landing button{ font: inherit; color: inherit; cursor: pointer; }
#repeep-landing a{ color: inherit; text-decoration: none; }
#repeep-landing button:focus-visible, #repeep-landing a:focus-visible{ outline: 3px solid var(--ink); outline-offset: 5px; }
#repeep-landing button:disabled{ cursor: wait; }
#repeep-landing ::selection{ background: var(--ink); color: var(--yellow); }
#repeep-landing .page-shell{ width: min(100% - 112px, 1328px); margin: auto; min-height: 100svh; display: flex; flex-direction: column; }
#repeep-landing .site-header{ min-height: 116px; display: flex; align-items: center; justify-content: space-between; gap: 24px; border-bottom: 1px solid #46360e26; }
#repeep-landing .brand{ display: flex; align-items: center; gap: 11px; min-height: 44px; }
#repeep-landing .brand img{ object-fit: contain; }
#repeep-landing .wordmark{ font-size: 34px; font-weight: 700; letter-spacing: -2px; line-height: 1; }
#repeep-landing .brand-dot{ color: var(--muted); }
#repeep-landing .brand-cn{ margin: 4px 0 0 6px; padding-left: 16px; border-left: 1px solid #46360e38; font-size: 13px; letter-spacing: 2px; }
#repeep-landing .header-note{ font-size: 10px; letter-spacing: 2px; }
#repeep-landing .app-link{ display: flex; align-items: center; justify-content: center; gap: 30px; min-height: 46px; font-size: 14px; }
#repeep-landing .app-link span{ font-size: 25px; transition: transform 180ms ease; }
#repeep-landing .app-link:hover span{ transform: translate(3px, -3px); }
#repeep-landing .hero{ display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 5vw, 92px); align-items: center; flex: 1; padding: 52px 0 44px; }
#repeep-landing .story{ padding-bottom: 20px; }
#repeep-landing .eyebrow{ display: flex; align-items: center; gap: 12px; font-size: 13px; letter-spacing: 1px; margin-bottom: 27px; }
#repeep-landing .tiny-wave{ display: flex; gap: 3px; align-items: center; height: 20px; }
#repeep-landing .tiny-wave i{ height: 8px; width: 3px; background: var(--ink); border-radius: 3px; }
#repeep-landing .tiny-wave i:nth-child(2), #repeep-landing .tiny-wave i:nth-child(4){ height: 14px; }
#repeep-landing .tiny-wave i:nth-child(3){ height: 20px; }
#repeep-landing h1{ margin: 0; font-size: clamp(66px, 6.5vw, 94px); line-height: 1.14; letter-spacing: -.065em; font-weight: 700; }
#repeep-landing .period{ margin-left: -.1em; }
#repeep-landing .echo-word{ position: relative; white-space: nowrap; }
#repeep-landing .echo-stroke{ position: absolute; height: 9px; bottom: -2px; left: 4px; right: -4px; border-top: 3px solid var(--ink); border-bottom: 2px solid var(--ink); border-radius: 50%; transform: rotate(-3deg); opacity: .75; }
#repeep-landing .hero-description{ font-size: 17px; line-height: 1.85; margin: 28px 0 30px; color: var(--muted); }
#repeep-landing .story-action{ display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
#repeep-landing .primary-button{ border: 0; background: var(--ink); color: var(--yellow); height: 62px; min-width: 232px; padding: 0 22px; border-radius: 40px; display: inline-flex; align-items: center; gap: 13px; box-shadow: 6px 6px 14px #b88e3355, -4px -4px 14px #ffdf7655; transition: transform 180ms var(--ease), box-shadow 180ms; font-weight: 700; font-size: 16px; }
#repeep-landing .primary-button:hover{ transform: translateY(-3px); box-shadow: 8px 12px 22px #b88e3366, -5px -5px 18px #ffdf7680; }
#repeep-landing .primary-button:active{ transform: translateY(1px) scale(.98); box-shadow: 2px 2px 4px #b88e3366; }
#repeep-landing .button-tail{ margin-left: auto; padding-left: 17px; font-size: 25px; font-weight: 400; }
#repeep-landing .button-play-mark{ display: inline-block; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 11px solid currentColor; }
#repeep-landing .is-active .button-play-mark{ width: 11px; height: 14px; border: 0; border-left: 4px solid currentColor; border-right: 4px solid currentColor; }
#repeep-landing .action-note{ font-size: 12px; color: var(--muted); }
#repeep-landing .story-footnote{ display: flex; gap: 9px; align-items: center; font-size: 11px; margin-top: 36px; color: var(--muted); }
#repeep-landing .little-loop{ font-size: 24px; line-height: 1; }
#repeep-landing .footnote-dot{ margin: 0 2px; }
#repeep-landing .playground{ width: 100%; min-width: 0; max-width: 570px; justify-self: end; }
#repeep-landing .stage-heading{ display: flex; justify-content: space-between; align-items: center; color: var(--muted); font-size: 9px; letter-spacing: 2px; padding: 0 12px; }
#repeep-landing .stage{ position: relative; height: 414px; display: grid; place-items: center; margin: 4px 0 4px; isolation: isolate; }
#repeep-landing .orbit{ position: absolute; border: 1px solid #46360e20; border-radius: 50%; width: 96%; height: 77%; top: 12%; transform: rotate(-22deg); pointer-events: none; }
#repeep-landing .orbit-two{ width: 80%; height: 101%; top: 1%; transform: rotate(32deg); border-style: dashed; opacity: .55; }
#repeep-landing .stage-side-label{ position: absolute; left: -24px; bottom: 105px; font-size: 8px; letter-spacing: 2px; transform: rotate(-90deg); transform-origin: left top; color: var(--muted); }
#repeep-landing .machine{ position: relative; width: 352px; height: 352px; border-radius: 50%; background: var(--yellow); box-shadow: 18px 20px 38px #b88e3370, -15px -15px 34px #ffdf768c, inset 1px 1px 2px #ffea94; transform: rotate(-8deg); }
#repeep-landing .machine::after{ content: ""; position: absolute; z-index: -1; width: 66%; height: 28px; border-radius: 50%; background: #765a1630; filter: blur(20px); bottom: -40px; left: 20%; }
#repeep-landing .dial{ position: absolute; inset: 26px; border-radius: 50%; background: var(--yellow); box-shadow: inset 8px 8px 16px #b88e336b, inset -8px -8px 16px #ffea9466; }
#repeep-landing .dial-track{ position: absolute; inset: 12px; border: 1px solid #46360e12; border-radius: 50%; }
#repeep-landing .dial-label{ position: absolute; top: 26px; left: 0; right: 0; text-align: center; font-size: 7px; letter-spacing: 2px; color: var(--muted); }
#repeep-landing .mascot{ position: absolute; inset: 43px 36px 43px; transform: rotate(8deg); }
#repeep-landing .mascot svg{ width: 100%; height: 100%; display: block; overflow: visible; }
#repeep-landing .machine-play{ position: absolute; right: -9px; bottom: 14px; width: 87px; height: 87px; display: flex; justify-content: center; align-items: center; border: 8px solid var(--yellow); border-radius: 50%; color: var(--ink); background: var(--yellow); box-shadow: 6px 7px 14px #b88e3380, -5px -5px 13px #ffdf76bf, inset 2px 2px 3px #ffea9455; transform: rotate(8deg); transition: box-shadow .18s, scale .18s; }
#repeep-landing .machine-play:hover{ scale: 1.06; }
#repeep-landing .machine-play:active, #repeep-landing .machine-play.is-active{ box-shadow: 4px 4px 9px #b88e3344, -3px -3px 9px #ffdf7666, inset 4px 4px 7px #b88e3377, inset -4px -4px 7px #ffdf7699; }
#repeep-landing .machine-play .button-play-mark{ border-top-width: 12px; border-bottom-width: 12px; border-left-width: 19px; margin-left: 4px; }
#repeep-landing .machine-play.is-active .button-play-mark{ width: 19px; height: 24px; border: 0; border-left: 7px solid currentColor; border-right: 7px solid currentColor; margin-left: 0; }
#repeep-landing .machine-caption{ position: absolute; bottom: 10px; left: 75px; font-size: 6px; letter-spacing: 2px; color: var(--muted); }
#repeep-landing .machine-screws i{ position: absolute; width: 6px; height: 6px; border-radius: 50%; box-shadow: inset 1px 1px 2px #765a1666, inset -1px -1px 2px #ffdf76; top: 169px; left: 11px; }
#repeep-landing .machine-screws i:last-child{ left: auto; right: 11px; }
#repeep-landing .speech-bubble{ position: absolute; z-index: 2; top: 17px; right: -3px; background: var(--ink); color: var(--yellow); padding: 14px 21px; border-radius: 22px 22px 22px 4px; font-size: 13px; transform: rotate(7deg); box-shadow: 4px 6px 10px #765a1626; }
#repeep-landing .hand-note{ position: absolute; bottom: 2px; right: -6px; display: flex; align-items: center; color: var(--muted); font-size: 11px; transform: rotate(-7deg); }
#repeep-landing .hand-note svg{ width: 56px; height: 40px; fill: none; stroke: currentColor; stroke-width: 1.4; }
#repeep-landing .equalizer{ position: absolute; bottom: 23px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; height: 15px; gap: 3px; }
#repeep-landing .equalizer i{ display: block; width: 3px; height: 3px; border-radius: 3px; background: var(--muted); transition: height .15s; }
#repeep-landing.is-playing .equalizer i{ animation: sound-bar .65s ease-in-out infinite alternate; }
#repeep-landing.is-playing .equalizer i:nth-child(3n){ animation-delay: -.35s; }
#repeep-landing.is-playing .equalizer i:nth-child(3n + 1){ animation-delay: -.6s; }
#repeep-landing .sample-console{ background: var(--yellow); padding: 18px 22px 8px; border-radius: 21px; box-shadow: inset 5px 5px 11px #b88e335c, inset -5px -5px 11px #ffdf7680; }
#repeep-landing .sample-meta{ display: flex; align-items: center; gap: 7px; font-size: 10px; letter-spacing: 1px; color: var(--muted); }
#repeep-landing .status-dot{ width: 5px; height: 5px; border-radius: 50%; background: var(--muted); }
#repeep-landing.is-playing .status-dot{ box-shadow: 0 0 0 3px #765a1626; }
#repeep-landing .sample-count{ margin-left: auto; font-variant-numeric: tabular-nums; font-size: 10px; letter-spacing: 1.5px; }
#repeep-landing .sample-text{ font-size: 23px; line-height: 1.35; font-weight: 700; letter-spacing: -.4px; margin: 12px 0 16px; min-height: 2.7em; }
#repeep-landing .progress-track{ height: 3px; background: #765a1629; border-radius: 3px; overflow: hidden; }
#repeep-landing .progress-track span{ display: block; height: 100%; background: var(--ink); width: 0; }
#repeep-landing .console-bottom{ display: flex; align-items: center; justify-content: space-between; gap: 10px; color: var(--muted); font-size: 11px; }
#repeep-landing #speed-button{ border: 0; background: none; font-size: 12px; width: 46px; height: 44px; flex-shrink: 0; padding: 0; font-variant-numeric: tabular-nums; }
#repeep-landing .voice-picker{ display: flex; gap: 15px; align-items: center; margin-top: 20px; }
#repeep-landing .voice-picker-label{ font-size: 11px; line-height: 1.6; white-space: nowrap; }
#repeep-landing .voice-picker-label span{ color: var(--muted); }
#repeep-landing .voice-options{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; flex: 1; }
#repeep-landing .voice-option{ min-height: 49px; border: 1px solid transparent; border-radius: 27px; background: var(--yellow); box-shadow: 4px 4px 8px #b88e3359, -4px -4px 8px #ffdf7680; padding: 8px; display: flex; align-items: center; justify-content: center; gap: 7px; font-size: 11px; transition: box-shadow 180ms, transform 180ms; }
#repeep-landing .voice-option:hover{ transform: translateY(-2px); }
#repeep-landing .voice-option[aria-pressed="true"]{ box-shadow: inset 3px 3px 7px #b88e3370, inset -3px -3px 7px #ffdf7680; border-color: #765a1612; font-weight: 700; }
#repeep-landing .voice-number{ font-size: 9px; color: var(--muted); }
#repeep-landing .demo-note{ color: var(--muted); font-size: 9px; letter-spacing: .8px; text-align: center; margin: 15px 0 0; }
#repeep-landing .page-footer{ min-height: 78px; border-top: 1px solid #46360e26; display: flex; align-items: center; justify-content: space-between; gap: 20px; color: var(--muted); font-size: 9px; letter-spacing: 1px; }
#repeep-landing .footer-steps{ display: flex; gap: 24px; align-items: center; font-size: 11px; letter-spacing: 0; }
#repeep-landing .footer-steps b{ font-size: 9px; margin-right: 8px; font-weight: 400; opacity: .75; }
#repeep-landing .footer-steps i{ font-style: normal; font-size: 18px; }
#repeep-landing .noscript-message{ padding: 20px; text-align: center; }
#repeep-landing .story, #repeep-landing .playground{ animation: arrive 700ms var(--ease) both; }
#repeep-landing .playground{ animation-delay: 100ms; }

@keyframes arrive { from { opacity: 0; transform: translateY(12px); }
 to { opacity: 1; transform: translateY(0); }
 }

@keyframes sound-bar { from { height: 3px; }
 to { height: 14px; }
 }

@media (min-width: 1100px) and (max-height: 980px) {#repeep-landing .site-header{ min-height: 90px; }
#repeep-landing .hero{ padding: 32px 0 27px; }
#repeep-landing h1{ font-size: clamp(65px, 6vw, 86px); }
#repeep-landing .eyebrow{ margin-bottom: 19px; }
#repeep-landing .hero-description{ margin: 22px 0 25px; }
#repeep-landing .story-footnote{ margin-top: 26px; }
#repeep-landing .stage{ height: 332px; }
#repeep-landing .machine{ width: 296px; height: 296px; }
#repeep-landing .dial{ inset: 22px; }
#repeep-landing .mascot{ inset: 37px 31px; }
#repeep-landing .machine-screws i{ top: 144px; }
#repeep-landing .machine-play{ width: 77px; height: 77px; }
#repeep-landing .dial-label{ top: 22px; }
#repeep-landing .equalizer{ bottom: 18px; }
#repeep-landing .speech-bubble{ top: 6px; right: 0; }
#repeep-landing .sample-console{ padding-top: 15px; }
#repeep-landing .sample-text{ font-size: 21px; margin: 10px 0 12px; }
#repeep-landing .voice-picker{ margin-top: 16px; }
#repeep-landing .page-footer{ min-height: 65px; }

}

@media (min-width: 1100px) and (max-height: 760px) {#repeep-landing .site-header{ min-height: 76px; }
#repeep-landing .hero{ padding: 20px 0 18px; }
#repeep-landing h1{ font-size: 64px; }
#repeep-landing .hero-description{ font-size: 15px; margin: 18px 0 22px; }
#repeep-landing .story-footnote{ margin-top: 20px; }
#repeep-landing .stage{ height: 242px; }
#repeep-landing .machine{ width: 224px; height: 224px; }
#repeep-landing .dial{ inset: 18px; }
#repeep-landing .mascot{ inset: 27px 22px; }
#repeep-landing .dial-label{ top: 13px; font-size: 5px; }
#repeep-landing .equalizer{ bottom: 10px; }
#repeep-landing .machine-screws i{ top: 107px; }
#repeep-landing .machine-play{ width: 67px; height: 67px; right: -8px; bottom: 3px; }
#repeep-landing .machine-caption{ font-size: 5px; left: 42px; bottom: 7px; }
#repeep-landing .speech-bubble{ top: 4px; font-size: 11px; padding: 11px 16px; }
#repeep-landing .hand-note{ bottom: -2px; }
#repeep-landing .sample-text{ font-size: 19px; }
#repeep-landing .page-footer{ min-height: 50px; }

}

@media (max-width: 1099px) {#repeep-landing .page-shell{ width: calc(100% - 64px); }
#repeep-landing .header-note{ display: none; }
#repeep-landing .hero{ gap: 36px; padding: 40px 0; }
#repeep-landing h1{ font-size: clamp(54px, 6.8vw, 76px); }
#repeep-landing .stage{ height: 326px; }
#repeep-landing .orbit-two{ width: 70%; height: 90%; top: 6%; }
#repeep-landing .machine{ width: 276px; height: 276px; }
#repeep-landing .mascot{ inset: 32px 27px; }
#repeep-landing .dial{ inset: 21px; }
#repeep-landing .dial-label{ top: 17px; font-size: 6px; }
#repeep-landing .equalizer{ bottom: 15px; }
#repeep-landing .machine-screws i{ top: 134px; }
#repeep-landing .machine-play{ width: 74px; height: 74px; }
#repeep-landing .machine-caption{ font-size: 5px; left: 58px; bottom: 8px; }
#repeep-landing .hand-note{ bottom: 0; right: 0; font-size: 10px; }
#repeep-landing .speech-bubble{ top: 10px; right: -5px; padding: 11px 16px; font-size: 11px; }
#repeep-landing .sample-text{ font-size: 20px; }
#repeep-landing .voice-picker{ gap: 10px; }
#repeep-landing .voice-options{ gap: 7px; }
#repeep-landing .voice-option{ font-size: 10px; gap: 4px; padding: 7px 3px; }
#repeep-landing .voice-number{ display: none; }
#repeep-landing .footer-steps{ gap: 14px; }
#repeep-landing .prototype-label{ display: none; }

}

@media (max-width: 760px) {#repeep-landing .page-shell{ width: calc(100% - 40px); padding: 0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); }
#repeep-landing .site-header{ min-height: 82px; gap: 8px; }
#repeep-landing .brand{ gap: 7px; }
#repeep-landing .brand img{ width: 33px; height: 33px; }
#repeep-landing .wordmark{ font-size: 27px; }
#repeep-landing .brand-cn{ font-size: 10px; letter-spacing: 1px; padding-left: 9px; margin-left: 3px; }
#repeep-landing .app-link{ gap: 10px; font-size: 11px; }
#repeep-landing .app-link span{ font-size: 20px; }
#repeep-landing .hero{ grid-template-columns: 1fr; gap: 25px; padding: 30px 0; }
#repeep-landing .story{ padding: 0; }
#repeep-landing .eyebrow{ font-size: 11px; margin-bottom: 15px; }
#repeep-landing h1{ font-size: clamp(54px, 12vw, 76px); line-height: 1.13; letter-spacing: -.055em; }
#repeep-landing h1 br:first-of-type{ display: none; }
#repeep-landing .echo-stroke{ height: 6px; border-top-width: 2px; border-bottom-width: 1px; }
#repeep-landing .hero-description{ font-size: 13px; line-height: 1.8; margin: 18px 0 20px; }
#repeep-landing .story-action{ gap: 14px; }
#repeep-landing .primary-button{ height: 53px; min-width: 202px; padding: 0 18px; font-size: 14px; gap: 10px; }
#repeep-landing .action-note{ font-size: 10px; }
#repeep-landing .story-footnote{ display: none; }
#repeep-landing .playground{ max-width: 430px; justify-self: center; }
#repeep-landing .stage-heading{ font-size: 8px; padding: 0 2px; }
#repeep-landing .stage{ height: 304px; margin-top: 5px; overflow: clip; }
#repeep-landing .stage-side-label{ display: none; }
#repeep-landing .speech-bubble{ right: 8px; top: 7px; }
#repeep-landing .machine{ width: 264px; height: 264px; }
#repeep-landing .machine-screws i{ top: 128px; }
#repeep-landing .hand-note{ bottom: 0; right: 0; font-size: 10px; }
#repeep-landing .sample-console{ padding: 16px 18px 5px; border-radius: 18px; }
#repeep-landing .sample-text{ font-size: 21px; margin: 10px 0 12px; }
#repeep-landing .console-bottom{ font-size: 10px; }
#repeep-landing .voice-picker{ margin-top: 17px; gap: 12px; }
#repeep-landing .voice-picker-label{ font-size: 10px; }
#repeep-landing .voice-option{ font-size: 11px; min-height: 46px; }
#repeep-landing .demo-note{ font-size: 9px; margin-top: 13px; letter-spacing: .4px; }
#repeep-landing .page-footer{ min-height: 74px; justify-content: center; padding: 18px 0; }
#repeep-landing .page-footer > span:first-child{ display: none; }
#repeep-landing .footer-steps{ gap: 17px; font-size: 10px; }
#repeep-landing .footer-steps b{ margin-right: 4px; }

}

@media (max-width: 359px) {#repeep-landing .page-shell{ width: calc(100% - 28px); }
#repeep-landing .brand-cn{ display: none; }
#repeep-landing h1{ font-size: 49px; }
#repeep-landing .action-note{ display: none; }
#repeep-landing .stage{ height: 282px; }
#repeep-landing .machine{ width: 238px; height: 238px; }
#repeep-landing .machine-screws i{ top: 114px; }
#repeep-landing .voice-picker{ gap: 7px; }
#repeep-landing .voice-option{ font-size: 10px; }

}

@media (prefers-reduced-motion: reduce) {#repeep-landing *, #repeep-landing *::before, #repeep-landing *::after{ animation: none !important; transition: none !important; scroll-behavior: auto !important; }

}
#repeep-landing{ scroll-behavior: smooth; }
#repeep-landing [hidden]{ display: none !important; }
#repeep-landing .visually-hidden{ position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
#repeep-landing .section-wrap, #repeep-landing .site-nav{ width: min(calc(100% - 112px), 1328px); margin-inline: auto; }
#repeep-landing .site-nav{ min-height: 116px; }
#repeep-landing .section-nav{ display: flex; align-items: center; gap: 36px; font-size: 13px; }
#repeep-landing .section-nav a{ display: inline-flex; align-items: center; min-height: 44px; transition: opacity .2s; }
#repeep-landing .section-nav a:hover{ opacity: .65; }
#repeep-landing .intro-shell{ min-height: calc(100svh - 116px); }
#repeep-landing .intro-strip{ flex-shrink: 0; }
#repeep-landing .scroll-invitation{ display: inline-flex; align-items: center; min-height: 44px; font-size: 11px; letter-spacing: .5px; }
#repeep-landing section[id]{ scroll-margin-top: 36px; }
#repeep-landing .feature-section{ display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: clamp(40px, 7vw, 120px); padding-block: 118px; }
#repeep-landing .section-index{ font-size: 10px; line-height: 1.5; letter-spacing: 2px; margin: 0 0 28px; color: var(--muted); }
#repeep-landing .section-copy h2, #repeep-landing .section-heading h2, #repeep-landing .value-copy h2{ font-size: clamp(39px, 4.4vw, 62px); line-height: 1.22; letter-spacing: -.055em; margin: 0; font-weight: 700; }
#repeep-landing .scribble{ position: relative; white-space: nowrap; }
#repeep-landing .scribble::after{ content: ""; position: absolute; bottom: -5px; left: 1px; right: 3px; height: 8px; border-bottom: 2px solid currentColor; border-radius: 50%; transform: rotate(-3deg); opacity: .65; }
#repeep-landing .section-description{ font-size: 17px; color: var(--ink); line-height: 1.9; margin: 27px 0 0; }
#repeep-landing .small-aside{ font-size: 12px; line-height: 1.75; color: var(--ink); margin: 22px 0 0; max-width: 340px; }
#repeep-landing .phrase-seeds{ display: flex; flex-direction: column; align-items: start; gap: 8px; margin-top: 32px; }
#repeep-landing .phrase-seeds button{ background: none; border: 0; min-height: 44px; padding: 7px 0; display: flex; gap: 18px; text-align: left; align-items: center; font-size: 11px; color: var(--muted); transition: transform .2s; }
#repeep-landing .phrase-seeds button span{ color: var(--ink); border-bottom: 1px solid #46360e44; padding-bottom: 5px; font-size: 16px; }
#repeep-landing .phrase-seeds button:hover{ transform: translateX(5px); }
#repeep-landing .playlist-object{ padding: 27px 30px 22px; border-radius: 32px; box-shadow: 12px 12px 28px #b88e3359, -12px -12px 28px #ffdf768c; transform: rotate(1.5deg); }
#repeep-landing .object-topline{ display: flex; justify-content: space-between; align-items: center; font-size: 9px; letter-spacing: 2px; color: var(--muted); }
#repeep-landing .object-dot{ width: 6px; height: 6px; background: var(--muted); border-radius: 50%; }
#repeep-landing .playlist-object-heading{ margin-top: 25px; }
#repeep-landing .playlist-object h3{ font-size: 21px; margin: 0 0 8px; letter-spacing: -.6px; }
#repeep-landing .handwritten{ font-size: 11px; color: var(--muted); }
#repeep-landing #phrase-form{ margin-top: 24px; }
#repeep-landing #phrase-input{ resize: vertical; min-height: 100px; max-height: 170px; width: 100%; padding: 18px; color: var(--ink); background: var(--yellow); border: none; border-radius: 16px; font: 400 16px/1.65 "Roboto", "Noto Sans SC", "Microsoft YaHei", sans-serif; box-shadow: inset 4px 4px 9px #b88e335c, inset -4px -4px 9px #ffdf7680; }
#repeep-landing #phrase-input::placeholder{ color: var(--muted); opacity: .8; }
#repeep-landing #phrase-input:focus-visible{ outline: 2px solid var(--muted); outline-offset: 4px; }
#repeep-landing .input-bottom{ display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 12px; }
#repeep-landing #character-count{ font-size: 10px; color: var(--muted); font-variant-numeric: tabular-nums; letter-spacing: 1px; }
#repeep-landing .small-solid-button{ min-height: 44px; border: 0; border-radius: 25px; padding: 0 18px; color: var(--yellow); background: var(--ink); font-size: 12px; display: inline-flex; align-items: center; gap: 23px; transition: transform .18s; }
#repeep-landing .small-solid-button:active{ transform: scale(.96); }
#repeep-landing .small-solid-button span{ font-size: 19px; }
#repeep-landing .queue-caption{ display: flex; justify-content: space-between; font-size: 10px; color: var(--muted); border-top: 1px solid #46360e26; padding-top: 20px; margin-top: 22px; }
#repeep-landing .demo-playlist{ list-style: none; margin: 10px 0 0; padding: 0; max-height: 255px; overflow-y: auto; scrollbar-color: var(--muted) transparent; scrollbar-width: thin; }
#repeep-landing .demo-playlist li{ display: flex; align-items: center; gap: 9px; min-height: 52px; border-bottom: 1px solid #46360e16; animation: item-arrive .25s var(--ease); }
#repeep-landing .queue-check{ display: flex; align-items: center; cursor: pointer; gap: 12px; flex: 1; min-width: 0; min-height: 48px; padding: 6px 1px; font-size: 14px; line-height: 1.5; }
#repeep-landing .queue-check input{ flex: 0 0 18px; width: 18px; height: 18px; margin: 0; accent-color: var(--ink); cursor: pointer; }
#repeep-landing .queue-check span{ overflow-wrap: anywhere; }
#repeep-landing .queue-check:has(input:not(:checked)) span{ color: var(--muted); }
#repeep-landing .remove-phrase{ height: 44px; width: 44px; flex: 0 0 44px; border: 0; background: none; color: var(--muted); font-size: 22px; }
#repeep-landing .queue-feedback{ min-height: 18px; color: var(--ink); font-size: 11px; line-height: 1.65; margin: 14px 0 8px; }
#repeep-landing .demo-boundary{ margin: 0; font-size: 11px; line-height: 1.75; color: var(--ink); }
#repeep-landing .rhythm-section{ background: var(--ink); color: var(--yellow); padding-block: 110px; }
#repeep-landing .rhythm-layout{ display: grid; grid-template-columns: 1.05fr 1fr; align-items: center; gap: clamp(50px, 7vw, 120px); }
#repeep-landing .rhythm-section .section-index{ color: #eabd59b8; }
#repeep-landing .rhythm-section .section-description{ color: var(--yellow); }
#repeep-landing .rhythm-section button:focus-visible, #repeep-landing .rhythm-section input:focus-visible{ outline-color: var(--yellow); }
#repeep-landing .big-aside{ font-size: 27px; line-height: 1.6; margin: 44px 0 0; font-weight: 700; }
#repeep-landing .big-aside span{ font-size: 16px; font-weight: 400; color: #eabd59b8; }
#repeep-landing .rhythm-console{ border-radius: 30px; padding: 28px; border: 1px solid #eabd5929; background: #eabd5905; box-shadow: 13px 13px 26px #21190666, -8px -8px 24px #69531c33; }
#repeep-landing .rhythm-console .object-topline{ color: #eabd59a6; }
#repeep-landing .mode-switch{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; background: #21190666; padding: 6px; border-radius: 18px; margin-top: 24px; }
#repeep-landing .mode-switch button{ min-height: 61px; border: 0; border-radius: 13px; background: none; color: #eabd59b8; font-size: 13px; transition: color .2s, background .2s; }
#repeep-landing .mode-switch button span{ display: block; font-size: 9px; letter-spacing: 1px; margin-top: 3px; }
#repeep-landing .mode-switch button[aria-pressed="true"]{ background: var(--yellow); color: var(--ink); box-shadow: 1px 2px 6px #0002; }
#repeep-landing .rhythm-route{ display: flex; justify-content: space-between; gap: 8px; align-items: center; margin: 30px 0 20px; }
#repeep-landing .route-step{ display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 50%; border: 1px solid #eabd5940; color: #eabd5999; font-size: 16px; font-variant-numeric: tabular-nums; transition: background .2s, color .2s, transform .2s; }
#repeep-landing .route-step.current{ color: var(--ink); background: var(--yellow); border-color: var(--yellow); transform: scale(1.08); }
#repeep-landing .route-arrow{ color: #eabd5966; font-size: 16px; }
#repeep-landing .rhythm-display{ display: grid; grid-template-columns: auto 1fr; gap: 0 15px; align-items: center; padding: 22px 0; border-top: 1px solid #eabd5929; border-bottom: 1px solid #eabd5929; }
#repeep-landing .rhythm-current-label{ grid-column: 1 / -1; font-size: 9px; letter-spacing: 1px; color: #eabd5999; margin-bottom: 7px; }
#repeep-landing #rhythm-current{ font-size: 60px; letter-spacing: -4px; line-height: 1; font-weight: 400; }
#repeep-landing #rhythm-line{ font-size: 18px; line-height: 1.45; min-height: 2.9em; display: flex; align-items: center; }
#repeep-landing .rhythm-bottom{ display: flex; align-items: center; gap: 12px; justify-content: space-between; padding-top: 13px; }
#repeep-landing #mode-explanation{ font-size: 11px; line-height: 1.65; max-width: 225px; min-height: 2.9em; }
#repeep-landing #next-beat{ min-height: 44px; border: 1px solid #eabd5970; border-radius: 24px; background: none; color: var(--yellow); padding: 0 15px; display: flex; gap: 14px; align-items: center; font-size: 12px; flex-shrink: 0; }
#repeep-landing #next-beat:hover{ background: #eabd5914; }
#repeep-landing .interval-control{ display: grid; grid-template-columns: 1fr auto; gap: 4px 15px; margin-top: 22px; font-size: 11px; color: #eabd59b8; }
#repeep-landing .interval-control output{ color: var(--yellow); }
#repeep-landing #interval-range{ grid-column: 1 / -1; accent-color: var(--yellow); width: 100%; height: 44px; margin: 0; cursor: pointer; }
#repeep-landing .breathing-space{ grid-column: 1 / -1; display: flex; align-items: center; justify-content: center; gap: 12px; font-size: 10px; }
#repeep-landing #interval-space{ width: 80px; height: 1px; border-top: 1px dashed #eabd5970; transition: width .2s; }
#repeep-landing .rhythm-note{ font-size: 11px; line-height: 1.8; color: var(--yellow); margin: 19px 0 0; }
#repeep-landing .sound-section{ padding-block: 112px; }
#repeep-landing .section-heading{ display: flex; justify-content: space-between; gap: 36px; align-items: flex-end; margin-bottom: 56px; }
#repeep-landing .section-heading .section-description{ margin: 0 0 5px; }
#repeep-landing .sound-scene{ display: grid; grid-template-columns: 1.35fr 1fr; border: 1px solid #46360e2b; border-radius: 34px; overflow: clip; min-height: 466px; }
#repeep-landing .scene-visual{ position: relative; min-height: 450px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #46360e2b; background: #ffdf7626; padding: 56px 20px 42px; }
#repeep-landing .scene-art{ display: block; width: 100%; color: var(--ink); }
#repeep-landing .scene-art > g{ display: none; }
#repeep-landing [data-scene="rain"] .art-rain, #repeep-landing [data-scene="train"] .art-train, #repeep-landing [data-scene="forest"] .art-forest{ display: inline; }
#repeep-landing .scene-postmark{ position: absolute; left: 30px; top: 27px; font-size: 8px; letter-spacing: 1.5px; line-height: 1.8; color: var(--muted); }
#repeep-landing .scene-stamp{ position: absolute; right: 26px; bottom: 24px; font-size: 8px; line-height: 1.8; letter-spacing: 1px; text-align: right; transform: rotate(-5deg); }
#repeep-landing .scene-stamp b{ font-size: 15px; letter-spacing: 0; }
#repeep-landing .scene-content{ padding: 40px 36px; display: flex; flex-direction: column; align-items: flex-start; }
#repeep-landing .scene-number{ font-size: 10px; letter-spacing: 2px; color: var(--muted); }
#repeep-landing .scene-content h3{ font-size: clamp(24px, 2.6vw, 36px); line-height: 1.4; margin: 27px 0 16px; letter-spacing: -1px; }
#repeep-landing .scene-content > p:not(.ambient-status){ font-size: 14px; line-height: 1.8; margin: 0 0 25px; color: var(--ink); min-height: 3.6em; }
#repeep-landing .scene-tabs{ display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 27px; }
#repeep-landing .scene-tabs button{ background: none; border: 0; border-bottom: 2px solid transparent; min-height: 44px; padding: 8px 0; font-size: 12px; color: var(--muted); }
#repeep-landing .scene-tabs button[aria-pressed="true"]{ color: var(--ink); border-bottom-color: var(--ink); font-weight: 700; }
#repeep-landing .outline-play{ min-height: 48px; display: inline-flex; gap: 14px; align-items: center; padding: 0 20px; border-radius: 30px; border: 1px solid var(--ink); background: none; font-size: 13px; }
#repeep-landing .outline-play:hover{ background: #46360e0c; }
#repeep-landing .ambient-status{ min-height: 18px; font-size: 11px; line-height: 1.7; margin: 14px 0 0; color: var(--ink); }
#repeep-landing .is-listening .train-lines, #repeep-landing .is-listening .forest-wind{ animation: passing-by 2.5s ease-in-out infinite alternate; }
#repeep-landing .discovery-section{ padding-block: 16px 116px; }
#repeep-landing .discovery-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
#repeep-landing .daily-feature, #repeep-landing .share-feature{ border-top: 1px solid #46360e38; padding-top: 32px; }
#repeep-landing .daily-feature{ display: flex; flex-direction: column; }
#repeep-landing .feature-kicker{ font-size: 9px; letter-spacing: 2px; color: var(--muted); }
#repeep-landing .daily-copy h3, #repeep-landing .share-copy h3{ font-size: 25px; letter-spacing: -.7px; margin: 14px 0 15px; }
#repeep-landing .daily-copy > p, #repeep-landing .share-copy > p:not(.share-feedback){ font-size: 14px; line-height: 1.9; color: var(--ink); margin: 0; }
#repeep-landing .text-action{ display: inline-flex; align-items: center; min-height: 44px; gap: 16px; border: none; background: none; padding: 0; margin-top: 17px; font-size: 13px; text-decoration: underline; text-underline-offset: 6px; }
#repeep-landing .text-action span{ font-size: 22px; text-decoration: none; }
#repeep-landing .daily-card{ width: min(335px, 85%); align-self: center; position: relative; padding: 30px 25px 24px; margin: 50px 0 0; border-radius: 5px 5px 23px 23px; background: #ffdf76; box-shadow: 7px 9px 0 -1px #d7aa47, 10px 15px 28px #b88e3355; transform: rotate(-5deg); }
#repeep-landing .paper-binding{ position: absolute; width: 54px; height: 22px; top: -11px; left: calc(50% - 27px); background: #765a1633; border-radius: 2px; }
#repeep-landing .daily-card-top{ display: flex; justify-content: space-between; font-size: 8px; letter-spacing: 1.5px; color: var(--muted); padding-bottom: 20px; border-bottom: 1px dashed #46360e44; }
#repeep-landing #daily-word{ display: block; font-size: 49px; line-height: 1.2; letter-spacing: -2px; margin: 35px 0 12px; }
#repeep-landing #daily-note{ font-size: 15px; margin: 0 0 34px; }
#repeep-landing .card-caption{ font-size: 9px; color: var(--muted); }
#repeep-landing .daily-card.is-flipping{ animation: flip-note .32s var(--ease); }
#repeep-landing .share-feature{ display: flex; flex-direction: column; }
#repeep-landing .share-art{ position: relative; min-height: 302px; margin-bottom: 30px; display: flex; justify-content: center; align-items: center; }
#repeep-landing .share-message{ position: absolute; top: 0; right: 17px; border-radius: 18px 18px 3px 18px; background: var(--ink); color: var(--yellow); padding: 13px 18px; font-size: 12px; transform: rotate(5deg); z-index: 1; }
#repeep-landing .share-slip{ width: 300px; padding: 25px; border: 1px solid #46360e38; border-radius: 24px; box-shadow: 8px 8px 20px #b88e3344, -8px -8px 20px #ffdf7659; transform: rotate(4deg); margin-top: 20px; }
#repeep-landing .share-slip > span{ font-size: 8px; letter-spacing: 1.5px; color: var(--muted); }
#repeep-landing .share-slip strong{ display: block; font-size: 29px; letter-spacing: -.7px; line-height: 1.2; margin: 20px 0 9px; }
#repeep-landing .slip-wave{ color: var(--muted); letter-spacing: 5px; height: 32px; overflow: hidden; font-size: 14px; }
#repeep-landing #save-shared{ border: 0; border-top: 1px solid #46360e26; background: none; min-height: 48px; width: 100%; margin-top: 8px; padding: 12px 0 0; display: flex; align-items: center; justify-content: space-between; font-size: 12px; }
#repeep-landing #save-shared span{ font-size: 20px; }
#repeep-landing .share-copy{ padding-left: 28px; }
#repeep-landing .share-feedback{ font-size: 11px; min-height: 20px; margin: 13px 0 0; }
#repeep-landing #view-saved{ margin-top: 0; }
#repeep-landing .questions-section{ display: grid; grid-template-columns: 1fr 1.1fr; gap: clamp(44px, 8vw, 130px); padding-block: 30px 116px; }
#repeep-landing .zero-mark{ display: flex; align-items: center; gap: 25px; margin-top: 28px; }
#repeep-landing .zero-mark strong{ font-size: 128px; letter-spacing: -9px; font-weight: 400; line-height: 1; }
#repeep-landing .zero-mark span{ font-size: 13px; line-height: 1.8; color: var(--muted); padding-top: 12px; }
#repeep-landing .value-copy .section-description{ font-size: 16px; margin-top: 20px; }
#repeep-landing .value-copy .small-aside{ max-width: 340px; font-size: 11px; }
#repeep-landing .faq-list{ border-top: 1px solid #46360e44; align-self: start; margin-top: 42px; }
#repeep-landing .faq-list details{ border-bottom: 1px solid #46360e33; padding: 0; }
#repeep-landing .faq-list summary{ list-style: none; min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 24px; cursor: pointer; font-size: 16px; font-weight: 700; line-height: 1.6; padding-block: 18px; }
#repeep-landing .faq-list summary::-webkit-details-marker{ display: none; }
#repeep-landing .faq-list summary span{ font-size: 23px; font-weight: 400; transition: transform .2s; flex-shrink: 0; }
#repeep-landing .faq-list summary:focus-visible{ outline: 2px solid var(--ink); outline-offset: 4px; border-radius: 3px; }
#repeep-landing .faq-list details[open] summary span{ transform: rotate(45deg); }
#repeep-landing .faq-list details p{ margin: 0 35px 23px 0; font-size: 14px; line-height: 1.9; color: var(--ink); }
#repeep-landing .closing-section{ overflow: clip; border-top: 1px solid #46360e33; }
#repeep-landing .closing-content{ position: relative; padding-top: 85px; padding-bottom: 145px; }
#repeep-landing .closing-note{ font-size: 10px; letter-spacing: 2px; color: var(--muted); }
#repeep-landing .closing-content h2{ font-size: clamp(65px, 8.2vw, 116px); line-height: 1.14; letter-spacing: -.055em; margin: 32px 0 24px; }
#repeep-landing .closing-yours{ display: inline-block; transform: rotate(-4deg); }
#repeep-landing .closing-content > p{ font-size: 17px; color: var(--muted); }
#repeep-landing .closing-actions{ display: flex; gap: 30px; align-items: center; margin-top: 32px; position: relative; z-index: 1; }
#repeep-landing .closing-actions .primary-button{ justify-content: space-between; }
#repeep-landing .closing-actions .text-action{ margin-top: 0; }
#repeep-landing .closing-brand{ position: absolute; right: -10px; bottom: -34px; font-size: clamp(150px, 27vw, 380px); font-weight: 700; letter-spacing: -.08em; line-height: 1; color: transparent; -webkit-text-stroke: 1px #46360e24; pointer-events: none; user-select: none; }
#repeep-landing .closing-mascot{ position: absolute; right: 13%; top: 30%; width: clamp(105px, 12vw, 170px); height: auto; transform: rotate(12deg); }
#repeep-landing .full-footer{ display: flex; align-items: center; justify-content: space-between; gap: 20px; border-top: 1px solid #46360e26; padding-block: 28px; font-size: 10px; color: var(--muted); }
#repeep-landing .footer-wordmark{ font-size: 28px; letter-spacing: -1.5px; font-weight: 700; color: var(--ink); min-height: 44px; display: flex; align-items: center; }
#repeep-landing .reveal.is-revealed{ animation: section-arrive .6s var(--ease) both; }

@keyframes section-arrive { from { translate: 0 18px; }
 to { translate: 0 0; }
 }

@keyframes item-arrive { from { opacity: .4; transform: translateY(8px); }
 to { opacity: 1; transform: translateY(0); }
 }

@keyframes flip-note { 50% { transform: rotate(-2deg) translateY(-8px); }
 }

@keyframes passing-by { from { transform: translateX(-4px); }
 to { transform: translateX(7px); }
 }

@media (min-width: 1100px) and (max-height: 980px) {#repeep-landing .site-nav{ min-height: 90px; }
#repeep-landing .intro-shell{ min-height: calc(100svh - 90px); }
 }

@media (min-width: 1100px) and (max-height: 760px) {#repeep-landing .site-nav{ min-height: 76px; }
#repeep-landing .intro-shell{ min-height: calc(100svh - 76px); }
 }

@media (max-width: 1099px) {#repeep-landing .section-wrap, #repeep-landing .site-nav{ width: calc(100% - 64px); }
#repeep-landing .section-nav{ gap: 22px; font-size: 12px; }
#repeep-landing .feature-section, #repeep-landing .rhythm-layout{ gap: 38px; }
#repeep-landing .feature-section, #repeep-landing .sound-section{ padding-block: 85px; }
#repeep-landing .playlist-object{ padding: 23px; transform: none; }
#repeep-landing .playlist-object h3{ font-size: 19px; }
#repeep-landing .section-description{ font-size: 15px; }
#repeep-landing .phrase-seeds button{ gap: 10px; flex-wrap: wrap; }
#repeep-landing .phrase-seeds button span{ font-size: 14px; }
#repeep-landing .rhythm-section{ padding-block: 85px; }
#repeep-landing .rhythm-console{ padding: 22px; }
#repeep-landing .route-step{ width: 42px; height: 42px; }
#repeep-landing .route-arrow{ font-size: 13px; }
#repeep-landing #rhythm-current{ font-size: 48px; }
#repeep-landing #rhythm-line{ font-size: 16px; }
#repeep-landing .rhythm-bottom{ flex-wrap: wrap; }
#repeep-landing .big-aside{ font-size: 24px; }
#repeep-landing .scene-visual{ min-height: 410px; }
#repeep-landing .scene-content{ padding: 30px 26px; }
#repeep-landing .scene-content h3{ font-size: 27px; }
#repeep-landing .scene-tabs{ gap: 8px; }
#repeep-landing .scene-tabs button{ font-size: 11px; }
#repeep-landing .section-heading{ gap: 30px; }
#repeep-landing .discovery-section{ padding-bottom: 90px; }
#repeep-landing .questions-section{ gap: 45px; padding-bottom: 90px; }
#repeep-landing .faq-list summary{ font-size: 14px; gap: 14px; }
#repeep-landing .faq-list details p{ font-size: 13px; margin-right: 15px; }
#repeep-landing .full-footer{ gap: 16px; }

}

@media (max-width: 760px) {#repeep-landing .section-wrap, #repeep-landing .site-nav{ width: calc(100% - 40px); }
#repeep-landing .site-nav{ flex-wrap: wrap; min-height: 126px; padding-top: 10px; padding-bottom: 5px; column-gap: 12px; row-gap: 0; }
#repeep-landing .site-nav .brand{ order: 1; }
#repeep-landing .site-nav > .app-link{ order: 2; margin-left: auto; }
#repeep-landing .section-nav{ order: 3; justify-content: space-between; width: 100%; gap: 16px; font-size: 11px; }
#repeep-landing .intro-shell{ min-height: auto; }
#repeep-landing .intro-strip{ justify-content: space-between; padding-block: 10px; min-height: 64px; }
#repeep-landing .intro-strip .footer-steps{ gap: 10px; font-size: 9px; }
#repeep-landing .scroll-invitation{ font-size: 10px; letter-spacing: 0; }
#repeep-landing .intro-strip .footer-steps b{ display: none; }
#repeep-landing .feature-section{ grid-template-columns: 1fr; gap: 35px; padding-block: 65px; }
#repeep-landing .section-index{ margin-bottom: 20px; font-size: 9px; letter-spacing: 1.5px; }
#repeep-landing .section-copy h2, #repeep-landing .section-heading h2, #repeep-landing .value-copy h2{ font-size: clamp(33px, 9vw, 43px); line-height: 1.25; }
#repeep-landing .section-description{ font-size: 14px; margin-top: 24px; }
#repeep-landing .phrase-seeds{ margin-top: 22px; gap: 4px; }
#repeep-landing .phrase-seeds button{ gap: 18px; flex-wrap: nowrap; font-size: 10px; }
#repeep-landing .phrase-seeds button span{ font-size: 14px; }
#repeep-landing .small-aside{ font-size: 11px; margin-top: 17px; }
#repeep-landing .playlist-object{ border-radius: 26px; padding: 23px 19px 20px; }
#repeep-landing .playlist-object h3{ font-size: 20px; }
#repeep-landing .playlist-object-heading{ margin-top: 22px; }
#repeep-landing #phrase-input{ font-size: 16px; padding: 14px; }
#repeep-landing .queue-check{ font-size: 14px; gap: 10px; }
#repeep-landing .demo-boundary{ font-size: 11px; }
#repeep-landing .rhythm-section{ padding-block: 65px; }
#repeep-landing .rhythm-layout{ display: flex; flex-direction: column-reverse; gap: 34px; align-items: stretch; }
#repeep-landing .rhythm-console{ padding: 24px 19px; }
#repeep-landing .big-aside{ display: none; }
#repeep-landing .mode-switch button{ min-height: 59px; }
#repeep-landing .route-step{ width: 47px; height: 47px; }
#repeep-landing .rhythm-route{ gap: 7px; }
#repeep-landing #rhythm-current{ font-size: 58px; }
#repeep-landing #rhythm-line{ font-size: 18px; }
#repeep-landing .rhythm-bottom{ flex-wrap: nowrap; }
#repeep-landing #mode-explanation{ max-width: 175px; }
#repeep-landing .sound-section{ padding-block: 65px; }
#repeep-landing .section-heading{ display: block; margin-bottom: 32px; }
#repeep-landing .section-heading .section-description{ margin-top: 24px; }
#repeep-landing .sound-scene{ grid-template-columns: 1fr; border-radius: 26px; }
#repeep-landing .scene-visual{ border-right: 0; border-bottom: 1px solid #46360e2b; min-height: 300px; padding: 65px 4px 35px; }
#repeep-landing .scene-postmark{ top: 22px; left: 22px; font-size: 7px; }
#repeep-landing .scene-stamp{ bottom: 19px; right: 20px; }
#repeep-landing .scene-stamp b{ font-size: 13px; }
#repeep-landing .scene-content{ padding: 26px 23px; }
#repeep-landing .scene-content h3{ font-size: 30px; margin-top: 19px; }
#repeep-landing .scene-content > p:not(.ambient-status){ min-height: 0; font-size: 14px; margin-bottom: 12px; }
#repeep-landing .scene-tabs{ gap: 22px; margin-bottom: 24px; }
#repeep-landing .scene-tabs button{ font-size: 12px; }
#repeep-landing .ambient-status{ font-size: 11px; }
#repeep-landing .discovery-section{ padding-block: 0 60px; }
#repeep-landing .discovery-grid{ grid-template-columns: 1fr; gap: 47px; }
#repeep-landing .daily-card{ margin-top: 34px; width: 290px; max-width: 90%; }
#repeep-landing .daily-copy h3, #repeep-landing .share-copy h3{ font-size: 24px; }
#repeep-landing .daily-copy > p, #repeep-landing .share-copy > p:not(.share-feedback){ font-size: 14px; }
#repeep-landing .share-art{ margin-bottom: 26px; min-height: 315px; }
#repeep-landing .share-message{ right: 5px; }
#repeep-landing .share-slip{ width: 270px; }
#repeep-landing .share-copy{ padding-left: 0; }
#repeep-landing .questions-section{ grid-template-columns: 1fr; gap: 25px; padding-block: 0 65px; }
#repeep-landing .zero-mark{ margin-top: 24px; }
#repeep-landing .zero-mark strong{ font-size: 105px; }
#repeep-landing .zero-mark span{ font-size: 12px; }
#repeep-landing .value-copy .section-description{ font-size: 14px; }
#repeep-landing .value-copy .small-aside{ font-size: 11px; }
#repeep-landing .faq-list{ margin-top: 10px; }
#repeep-landing .faq-list summary{ min-height: 70px; font-size: 14px; }
#repeep-landing .faq-list details p{ font-size: 14px; margin-right: 18px; }
#repeep-landing .closing-content{ padding-top: 64px; padding-bottom: 110px; }
#repeep-landing .closing-content h2{ font-size: clamp(54px, 14vw, 78px); margin-top: 26px; }
#repeep-landing .closing-content > p{ font-size: 14px; }
#repeep-landing .closing-actions{ gap: 15px; flex-wrap: wrap; margin-top: 25px; }
#repeep-landing .closing-actions .text-action{ font-size: 11px; }
#repeep-landing .closing-actions .primary-button{ min-width: 185px; }
#repeep-landing .closing-brand{ bottom: -10px; right: 0; font-size: 29vw; }
#repeep-landing .closing-mascot{ width: 76px; right: 0; top: 37%; opacity: .85; }
#repeep-landing .full-footer{ flex-wrap: wrap; justify-content: space-between; gap: 7px; padding-block: 21px; }
#repeep-landing .full-footer > span:nth-child(2){ order: 3; width: 100%; font-size: 9px; }

}

@media (max-width: 359px) {#repeep-landing .section-wrap, #repeep-landing .site-nav{ width: calc(100% - 28px); }
#repeep-landing .intro-strip .footer-steps{ gap: 7px; font-size: 8px; }
#repeep-landing .scroll-invitation{ font-size: 9px; }
#repeep-landing .phrase-seeds button{ gap: 12px; }
#repeep-landing .phrase-seeds button span{ font-size: 12px; }
#repeep-landing .route-step{ width: 39px; height: 39px; font-size: 14px; }
#repeep-landing #next-beat{ padding-inline: 12px; gap: 8px; }
#repeep-landing .scene-tabs{ gap: 16px; }
#repeep-landing .daily-card{ padding-inline: 21px; }
#repeep-landing #daily-word{ font-size: 44px; }
#repeep-landing .share-slip{ width: 245px; }
#repeep-landing .closing-mascot{ width: 60px; top: 31%; }

}

@media (prefers-reduced-motion: reduce) {#repeep-landing{ scroll-behavior: auto; }
#repeep-landing *, #repeep-landing *::before, #repeep-landing *::after{ animation: none !important; transition: none !important; }

}

#repeep-landing { height: 100vh; height: 100dvh; width: 100%; overflow-x: hidden; overflow-y: auto; overscroll-behavior-y: contain; padding-bottom: env(safe-area-inset-bottom); }