.logo { --logo-h: 30px; display: inline-flex; align-items: center; gap: calc(var(--logo-h) * .183); text-decoration: none; color: var(--fg); flex: none; border-radius: var(--r-1); }
.logo-mark { height: var(--logo-h); width: auto; flex: none; overflow: visible; }
.logo-brand .logo-mark { color: var(--brand-mark); }
.logo-brand .logo-word { color: var(--fg); }
.logo-brand .logo-accent, .logo-brand .logo-dot { fill: var(--logo-accent); }
.logo-word { height: var(--logo-h); width: auto; flex: none; overflow: visible; }
.logo-full { gap: calc(var(--logo-h) * .2); }
.logo-full .logo-mark { height: calc(var(--logo-h) * .72); align-self: flex-start; margin-top: calc(var(--logo-h) * .056); }
.logo-accent { transform-box: fill-box; transform-origin: 50% 50%; transition: transform var(--dur-3) cubic-bezier(.3, .1, .2, 1); }
.logo:hover .logo-accent, .logo:focus-visible .logo-accent { transform: translate3d(0, -10%, 0); }
@media (prefers-reduced-motion: reduce) { .logo-accent { transition: none; } .logo:hover .logo-accent, .logo:focus-visible .logo-accent { transform: none; } }
.b-icon { width: 18px; height: 18px; flex: none; }
.sm-nav {
  position: fixed; z-index: 50; top: var(--pv-h); left: 0; right: 0; height: 88px;
  display: flex; align-items: center; gap: var(--s-5); padding: 0 var(--gutter);
  border-bottom: var(--bw) solid transparent;
  transition: height var(--dur-2) var(--ease), background-color var(--dur-2), border-color var(--dur-2);
}
.sm-nav.is-solid, .sm-nav.is-page { height: var(--header-h); background: rgba(10, 10, 10, .9); border-bottom-color: var(--line); }
.sm-nav.is-page { background: var(--bg); }
@supports (animation-timeline: scroll()) {
  .sm-nav::after { content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: var(--acid); transform-origin: 0 50%; transform: scaleX(0); animation: nav-progress linear both; animation-timeline: scroll(root block); pointer-events: none; }
  @keyframes nav-progress { to { transform: scaleX(1); } }
}
body:has(.sm-nav.is-page) { padding-top: var(--header-h); }
.sm-logo { --logo-h: 30px; padding: 6px 2px; min-width: 44px; min-height: 44px; }
.sm-links { display: flex; gap: clamp(20px, 2.6vw, 40px); margin-inline: auto; }
.sm-links a { position: relative; padding: 10px 0; color: var(--fg-2); text-decoration: none; font: 500 var(--f-md)/1 var(--font); letter-spacing: .005em; transition: color var(--dur-2); }
.sm-links a::after { content: ''; position: absolute; left: 50%; bottom: 0; width: 4px; height: 4px; margin-left: -2px; border-radius: 50%; background: var(--accent-text); opacity: 0; transform: scale(0); transition: opacity var(--dur-2), transform var(--dur-2) var(--ease); }
.sm-links a:hover, .sm-links a[aria-current] { color: var(--fg); }
.sm-links a[aria-current]::after { opacity: 1; transform: none; }
.sm-nav-end { display: flex; align-items: center; gap: clamp(16px, 2vw, 28px); flex: none; }
.sm-cabinet { color: var(--fg); text-decoration: none; font: 500 var(--f-md)/1 var(--font); padding: 12px 2px; border-radius: var(--r-1); transition: color var(--dur-2); }
.sm-cabinet:hover { color: var(--accent-text); }
.sm-cta { display: inline-flex; align-items: center; gap: 10px; min-height: 46px; padding: 0 22px 0 18px; border-radius: var(--r-pill); background: var(--acid); color: var(--acid-ink); text-decoration: none; font: 600 var(--f-md)/1 var(--font); white-space: nowrap; transition: background var(--dur-2), transform var(--dur-1) var(--ease); }
.sm-cta:hover { background: var(--acid-hi); }
.sm-cta:active { transform: scale(.97); }
.sm-cta-pick { display: none; }
.sm-burger { display: none; width: 44px; height: 44px; border-radius: var(--r-pill); border: var(--bw) solid var(--line-strong); background: transparent; color: var(--fg); cursor: pointer; place-content: center; gap: 6px; padding: 0; }
.sm-burger span { display: block; width: 18px; height: 1.8px; border-radius: var(--r-1); background: currentColor; transition: transform var(--dur-2) var(--ease); }
.sm-burger[aria-expanded='true'] span:first-child { transform: translateY(3.9px) rotate(45deg); }
.sm-burger[aria-expanded='true'] span:last-child { transform: translateY(-3.9px) rotate(-45deg); }
.sm-menu { position: fixed; inset: 0; z-index: 60; background: var(--bg); color: var(--fg); overflow-y: auto; overscroll-behavior: contain; }
.sm-menu[hidden] { display: none; }
.sm-menu-inner { min-height: 100%; display: flex; flex-direction: column; gap: 28px; padding: 88px var(--gutter) max(28px, env(safe-area-inset-bottom)); animation: sm-rise .3s var(--ease) both; }
.sm-menu-links { display: grid; }
.sm-menu-links a { display: flex; align-items: baseline; gap: 14px; padding: 14px 0; border-bottom: var(--bw) solid var(--line); color: var(--fg); text-decoration: none; font: 600 clamp(28px, 8.4vw, 44px)/1.05 var(--display); letter-spacing: -.035em; }
.sm-menu-cta { width: 100%; }
.sm-menu-contacts { margin-top: auto; display: grid; gap: 2px; color: var(--fg-3); font-size: var(--f-sm); }
.sm-menu-contacts p { margin: 0 0 6px; }
.sm-menu-contacts a { min-height: 44px; display: inline-flex; align-items: center; color: var(--fg); text-decoration: none; font-size: var(--f-md); }
html.sm-menu-open { overflow: hidden; }
html.sm-menu-open .sm-nav { z-index: 70; background: var(--bg); }
.sm-menu { top: var(--pv-h); }
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }
@media (max-width: 1100px) and (min-width: 861px) {
  .sm-links { gap: 20px; }
  .sm-links a[data-nav='how'] { display: none; }
  .sm-cta-launch .b-icon { display: none; }
  .sm-cta { padding-inline: 18px; }
}
@media (max-width: 860px) {
  :root { --header-h: 60px; }
  .sm-nav, .sm-nav.is-solid, .sm-nav.is-page { height: 60px; gap: 12px; padding-right: 8px; }
  .sm-links, .sm-cabinet, .sm-cta-launch { display: none; }
  .sm-nav-end { margin-left: auto; gap: 8px; }
  .sm-cta-pick { display: inline-flex; min-height: 44px; padding: 0 18px; font-size: var(--f-sm); }
  .sm-burger { display: grid; }
  .sm-logo { --logo-h: 26px; }
}
@media (max-width: 360px) { .sm-cta-pick { padding: 0 14px; } }
@keyframes sm-fade { from { opacity: 0; } }
@keyframes sm-rise { from { opacity: 0; transform: translateY(16px); } }
.app-bar { position: sticky; top: var(--pv-h); z-index: 40; height: var(--header-h); display: flex; align-items: center; background: var(--bg); border-bottom: var(--bw) solid var(--line); }
.app-bar .wrap { display: flex; align-items: center; justify-content: space-between; gap: var(--s-4); }
.app-bar-end { display: flex; align-items: center; gap: var(--s-2); }
@media (max-width: 420px) { .app-bar-end { gap: 2px; } .app-bar-end .btn-quiet[href='/catalog'] { display: none; } .app-bar-end .btn { padding-inline: 12px; } }
.page { padding-block: clamp(20px, 3vw, 36px) var(--section); }
.page-app { padding-top: clamp(24px, 4vw, 48px); }
.page-head { position: relative; display: grid; gap: var(--s-4); max-width: 880px; margin: clamp(20px, 3vw, 40px) 0 clamp(32px, 5vw, 64px); }
main.page { overflow-x: clip; isolation: isolate; }
.page-head::before { content: ''; position: absolute; z-index: -1; left: calc(100% + clamp(0px, 6vw, 120px)); top: 50%; width: clamp(360px, 46vw, 680px); aspect-ratio: 1; margin-top: calc(clamp(360px, 46vw, 680px) / -2); border-radius: 50%; pointer-events: none;
  background: radial-gradient(circle, rgba(199, 255, 61, .14) 0 14%, rgba(199, 255, 61, 0) 44%), conic-gradient(from 210deg, rgba(244, 243, 238, 0) 0 6%, rgba(244, 243, 238, .1) 12%, rgba(244, 243, 238, 0) 20% 100%), repeating-radial-gradient(circle, rgba(244, 243, 238, .07) 0 1px, transparent 1px 7px);
  -webkit-mask-image: radial-gradient(circle, #000 30%, transparent 70%); mask-image: radial-gradient(circle, #000 30%, transparent 70%); }
@media (max-width: 1100px) { .page-head::before { left: auto; right: -46%; opacity: .7; } }
@media (max-width: 720px) { .page-head::before { right: -70%; width: 420px; margin-top: -210px; } }
.crumbs ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; font-size: var(--t-small); color: var(--fg-3); }
.crumbs li { display: inline-flex; align-items: center; }
.crumbs li + li::before { content: '/'; margin-right: 10px; opacity: .6; }
.crumbs a { color: var(--fg-2); text-decoration: none; }
.crumbs a:hover { color: var(--fg); text-decoration: underline; }
.block-head { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--s-5) clamp(16px, 3vw, 48px); align-items: end; margin-bottom: clamp(32px, 5vw, 64px); }
.block-head > div { display: grid; gap: var(--s-5); }
.block-head .lead { justify-self: end; max-width: 27em; }
.block-more { margin-top: clamp(24px, 3vw, 40px); }
@media (max-width: 900px) { .block-head { grid-template-columns: 1fr; } .block-head .lead { justify-self: start; } }
.sec-head { display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: var(--s-4) clamp(16px, 3vw, 48px); align-items: end; margin-bottom: clamp(32px, 5vw, 72px); }
.sec-no { grid-column: 1 / -1; margin: 0 0 clamp(4px, 1vw, 12px); display: flex; align-items: center; gap: .5em; font: 500 var(--f-sm)/1 var(--font); letter-spacing: 0; color: var(--text-3); }
.sec-no .num { font-family: var(--mono); color: var(--acid); letter-spacing: .08em; }
.sec-head :is(h1, h2, h3) { font-size: var(--t-h2); letter-spacing: -.045em; line-height: .92; }
.sec-head .lead { justify-self: end; max-width: 26em; padding-bottom: .4em; }
@media (max-width: 900px) { .sec-head { grid-template-columns: 1fr; } .sec-head .lead { justify-self: start; padding-bottom: 0; } }
.outro { position: relative; overflow: clip; isolation: isolate; border-top: var(--bw) solid var(--line); }
.outro::before { content: ''; position: absolute; z-index: -1; inset: 0; background: radial-gradient(46% 60% at 82% 54%, rgba(199, 255, 61, .09), rgba(199, 255, 61, 0) 72%); pointer-events: none; }
.outro-grid { position: relative; display: grid; align-content: center; min-height: min(100svh, 920px); padding-block: var(--section); }
.outro-copy { position: relative; z-index: 1; display: grid; gap: var(--s-5); justify-items: start; max-width: 1040px; }
.outro-copy h2 { font-size: clamp(44px, 9vw, 150px); letter-spacing: -.05em; line-height: .88; text-wrap: initial; }
.outro-copy .lead { max-width: 30em; }
.outro-disc {
  position: absolute; z-index: 0; right: clamp(-340px, -17vw, -90px); top: 50%; width: min(104svh, 78vw, 940px); aspect-ratio: 1; margin-top: calc(min(104svh, 78vw, 940px) / -2); border-radius: 50%;
  background:
    radial-gradient(circle, transparent 0 34.6%, rgba(244, 243, 238, .14) 34.8% 35.1%, transparent 35.3%),
    conic-gradient(from 20deg, rgba(244, 243, 238, 0) 0 4%, rgba(244, 243, 238, .07) 9%, rgba(244, 243, 238, 0) 15% 46%, rgba(199, 255, 61, .07) 53%, rgba(244, 243, 238, 0) 60%),
    repeating-radial-gradient(circle, rgba(244, 243, 238, .04) 0 1px, transparent 1px 6px),
    radial-gradient(circle at 34% 28%, #101012, #08080a 64%);
  box-shadow: inset 0 0 0 1px rgba(244, 243, 238, .1);
  animation: disc-spin 60s linear infinite; animation-play-state: paused;
}
.outro-label { position: absolute; inset: 35%; display: grid; place-items: center; border-radius: 50%; background: var(--acid); animation: disc-spin 60s linear infinite reverse; animation-play-state: paused; }
.outro-label .logo { --logo-h: clamp(40px, 6vw, 96px); }
.outro.is-in .outro-disc, .outro.is-in .outro-label { animation-play-state: running; }
@keyframes disc-spin { to { transform: rotate(1turn); } }
@media (max-width: 900px) {
  .outro-grid { min-height: 0; padding-block: clamp(72px, 16vw, 120px); }
  .outro-disc { right: -46%; top: 0; width: 112vw; margin-top: -30vw; }
  .outro-label { display: none; }
  .outro-copy .btn { flex: 1 1 100%; }
}
.site-footer { color: var(--fg-2); border-top: var(--bw) solid var(--line); padding: clamp(40px, 6vw, 88px) 0 calc(var(--s-6) + env(safe-area-inset-bottom)); font-size: var(--t-small); }
.footer-word { margin: 0 0 clamp(36px, 5vw, 72px); color: var(--text); }
.footer-word svg { width: 100%; height: auto; }
.footer-word .logo-dot { fill: var(--logo-accent); }
.footer-about { max-width: 46em; margin: 0 0 clamp(28px, 4vw, 48px); color: var(--fg-2); line-height: 1.55; }
.footer-top { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--s-6) clamp(16px, 2.4vw, 40px); }
.footer-col h2 { margin: 0 0 var(--s-4); font: 500 var(--f-xs)/1 var(--font); letter-spacing: 0; color: var(--fg-3); }
.footer-col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.footer-col a { display: inline-flex; min-height: 44px; align-items: center; color: var(--fg-2); text-decoration: none; overflow-wrap: anywhere; transition: color var(--dur-2); }
.footer-col a:hover { color: var(--accent-text); }
.footer-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 24px; margin-top: clamp(32px, 5vw, 64px); padding-top: var(--s-5); border-top: var(--bw) solid var(--line); color: var(--fg-3); font-size: var(--t-micro); line-height: 1.5; }
.footer-bottom span:last-child { max-width: 62em; }
@media (max-width: 980px) { .footer-top { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 560px) { .footer-top { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.js [data-reveal] { opacity: 0; transform: translateY(24px); transition: opacity var(--dur-3) var(--ease), transform var(--dur-3) var(--ease); }
.js [data-reveal].in { opacity: 1; transform: none; }
.js .sec-head[data-reveal] { opacity: 1; transform: none; }
.js .sec-head[data-reveal] > * { opacity: 0; transform: translateY(18px); transition: opacity var(--dur-3) var(--ease), transform var(--dur-3) var(--ease); }
.js .sec-head[data-reveal] > :is(h1, h2, h3) { opacity: 1; transform: translateY(42%); clip-path: inset(0 0 100% 0); transition: transform var(--dur-3) var(--ease) var(--dur-1), clip-path var(--dur-3) var(--ease) var(--dur-1); }
.js .sec-head[data-reveal] > .lead { transition-delay: .2s; }
.js .sec-head[data-reveal].in > * { opacity: 1; transform: none; }
.js .sec-head[data-reveal].in > :is(h1, h2, h3) { clip-path: inset(-12% -4% -16% -4%); }
.js .is-split, .js .sec-head[data-reveal] > .is-split, .js .sec-head[data-reveal].in > .is-split { clip-path: none; transform: none; transition: none; }
.is-split .ln { display: block; overflow: clip; padding-bottom: .12em; margin-bottom: -.12em; }
.is-split .ln-i { display: block; transform: translateY(108%); transition: transform .9s var(--ease) calc(var(--i, 0) * 70ms + 60ms); }
.is-split.ln-on .ln-i { transform: none; }
:is(.grt-list a, .track, .review, .case, .faq-list details).is-spot { background-image: radial-gradient(380px circle at var(--sx, 50%) var(--sy, 50%), rgba(199, 255, 61, .075), rgba(199, 255, 61, 0) 62%); }
[data-magnet] { translate: var(--mgx, 0) var(--mgy, 0); transition: translate .6s var(--ease), background var(--dur-2), transform var(--dur-1) var(--ease), box-shadow var(--dur-2) var(--ease); }
[data-magnet].is-mag { transition: translate .18s linear, background var(--dur-2), transform var(--dur-1) var(--ease), box-shadow var(--dur-2) var(--ease); }
.footer-word.will-rise { overflow: clip; }
.footer-word.will-rise svg { transform: translateY(62%); transition: transform 1.3s var(--ease); }
.footer-word.is-risen svg { transform: none; }
.tab-hidden *, .tab-hidden *::before, .tab-hidden *::after { animation-play-state: paused !important; }
@media (prefers-reduced-motion: reduce) { .js [data-reveal], .js .sec-head[data-reveal] > * { opacity: 1; transform: none; } .js .sec-head[data-reveal] > :is(h1, h2, h3) { clip-path: none; } .outro-disc, .outro-label { animation: none; } }
.pv-bar { position: fixed; z-index: 80; top: 0; left: 0; right: 0; height: 30px; display: flex; align-items: center; justify-content: center; gap: 10px; padding: 0 12px; background: #000; border-bottom: var(--bw) solid var(--line-2); color: var(--text); font: 500 var(--f-xs)/1 var(--font); white-space: nowrap; overflow: hidden; }
.pv-bar::before { content: ''; flex: none; width: 7px; height: 7px; border-radius: 50%; background: var(--acid); }
.pv-bar a { color: var(--text-2); }
.pv-bar span { overflow: hidden; text-overflow: ellipsis; }
html.is-preview { --pv-h: 30px; }
html.is-preview body { padding-top: var(--pv-h); }
html.is-preview body:has(.sm-nav.is-page) { padding-top: calc(var(--header-h) + var(--pv-h)); }
html.has-promo { --pv-h: 40px; }
html.is-preview.has-promo { --pv-h: 70px; }
html.has-promo body { padding-top: var(--pv-h); }
html.has-promo body:has(.sm-nav.is-page) { padding-top: calc(var(--header-h) + var(--pv-h)); }
.promo-bar { position: fixed; z-index: 79; top: 0; left: 0; right: 0; height: 40px; display: flex; align-items: center; justify-content: center; padding: 0 48px; overflow: hidden; isolation: isolate;
  background: linear-gradient(90deg, #090a07, #10160a 50%, #090a07); border-bottom: var(--bw) solid rgba(199, 255, 61, .2); }
html.is-preview .promo-bar { top: 30px; }
.promo-bar::after { content: ''; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; width: 40%; pointer-events: none; transform: translateX(-110%);
  background: linear-gradient(90deg, rgba(199, 255, 61, 0), rgba(199, 255, 61, .14), rgba(199, 255, 61, 0)); animation: promo-sweep 7s var(--ease) infinite; }
@keyframes promo-sweep { 0%, 35% { transform: translateX(-110%); } 100% { transform: translateX(260%); } }
.promo-link { display: inline-flex; align-items: center; gap: 12px; min-width: 0; max-width: 100%; color: var(--text); text-decoration: none; font: 500 var(--f-sm)/1 var(--font); }
.promo-tag { flex: none; padding: 5px 9px 4px; border-radius: var(--r-pill); background: var(--acid); color: var(--acid-ink); font: 600 var(--f-xs)/1 var(--font); letter-spacing: 0; }
.promo-text { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.promo-until { color: var(--text-3); }
.promo-short { display: none; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.promo-cta { flex: none; display: inline-flex; align-items: center; gap: 5px; color: var(--acid); font-weight: 600; }
.promo-cta .arrow { width: 14px; height: 14px; transition: transform var(--dur-2) var(--ease); }
.promo-link:hover .promo-cta .arrow { transform: translate(2px, -2px); }
.promo-link:hover .promo-text { text-decoration: underline; text-decoration-color: var(--line-2); text-underline-offset: .22em; }
.promo-eq { flex: none; display: inline-flex; align-items: flex-end; gap: 2px; width: 12px; height: 12px; }
.promo-eq i { width: 2.5px; height: 40%; border-radius: 1px; background: var(--acid); animation: promo-eq .9s ease-in-out infinite alternate; }
.promo-eq i:nth-child(2) { animation-delay: -.3s; }
.promo-eq i:nth-child(3) { animation-delay: -.6s; }
@keyframes promo-eq { to { height: 100%; } }
.promo-x { position: absolute; right: 8px; top: 50%; width: 32px; height: 32px; margin-top: -16px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--text-3); cursor: pointer; transition: color var(--dur-2), background var(--dur-2); }
.promo-x svg { width: 14px; height: 14px; }
.promo-x:hover { color: var(--text); background: var(--line); }
@media (max-width: 720px) {
  html.has-promo { --pv-h: 36px; }
  html.is-preview.has-promo { --pv-h: 66px; }
  .promo-bar { height: 36px; justify-content: flex-start; padding: 0 44px 0 12px; }
  .promo-link { gap: 8px; font-size: var(--f-xs); }
  .promo-cta, .promo-eq, .promo-until { display: none; }
  .promo-link:has(.promo-short) .promo-text { display: none; }
  .promo-short { display: block; }
}
@media (prefers-reduced-motion: reduce) { .promo-bar::after { animation: none; opacity: 0; } .promo-eq i { animation: none; height: 70%; } }
.lost { text-align: left; overflow: clip; }
.lost-grid { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, min(44vw, 560px)); gap: clamp(24px, 4vw, 64px); align-items: center; padding-block: clamp(32px, 8vw, 96px); min-height: min(78svh, 760px); isolation: isolate; }
.lost-copy { display: grid; gap: var(--s-5); justify-items: start; min-width: 0; }
.lost-deck { position: relative; aspect-ratio: 1; }
.lost-deck::before { content: ''; position: absolute; z-index: -1; inset: -18%; background: radial-gradient(closest-side, rgba(199, 255, 61, .13), rgba(61, 107, 255, .08) 58%, rgba(61, 107, 255, 0) 100%); pointer-events: none; }
.lost-disc { position: absolute; inset: 0; border-radius: 50%; animation: lost-skip 2.1s linear infinite;
  background:
    radial-gradient(circle, transparent 0 34.6%, rgba(244, 243, 238, .16) 34.8% 35.1%, transparent 35.3%),
    conic-gradient(from 20deg, rgba(244, 243, 238, 0) 0 4%, rgba(244, 243, 238, .16) 9%, rgba(244, 243, 238, 0) 15% 46%, rgba(199, 255, 61, .16) 53%, rgba(244, 243, 238, 0) 60%),
    repeating-radial-gradient(circle, rgba(244, 243, 238, .06) 0 1px, transparent 1px 6px),
    radial-gradient(circle at 34% 28%, #19191c, #0c0c0e 64%);
  box-shadow: inset 0 0 0 1px rgba(244, 243, 238, .14), 0 40px 90px -40px #000; }
.lost-label { position: absolute; inset: 35%; display: grid; place-items: center; border-radius: 50%; background: var(--acid); }
.lost-label .logo { --logo-h: clamp(34px, 6vw, 84px); }
.lost-arm { position: absolute; right: 2%; top: -3%; width: 5%; height: 62%; background: linear-gradient(var(--acid), var(--acid)) 50% 100% / 64% 13% no-repeat; transform-origin: 50% 6%; transform: rotate(16deg); animation: lost-arm 2.1s linear infinite; pointer-events: none; }
.lost-arm::before { content: ''; position: absolute; left: 50%; top: 4%; bottom: 0; width: 22%; margin-left: -11%; border-radius: var(--r-pill); background: linear-gradient(90deg, #6c6e69, #e9e9e4 45%, #7b7d78); }
.lost-arm::after { content: ''; position: absolute; left: 0; right: 0; top: 0; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, #2a2a2e 0 34%, #b9bbb5 36% 52%, #3a3a3e 54%); }
@keyframes lost-skip { 0% { transform: rotate(0deg); } 76% { transform: rotate(46deg); } 81% { transform: rotate(-4deg); } 87% { transform: rotate(2deg); } 92%, 100% { transform: rotate(0deg); } }
@keyframes lost-arm { 0%, 75% { transform: rotate(16deg); } 79% { transform: rotate(18.4deg); } 84% { transform: rotate(15.2deg); } 90%, 100% { transform: rotate(16deg); } }
@media (max-width: 860px) {
  .lost-grid { grid-template-columns: minmax(0, 1fr); min-height: 0; }
  .lost-deck { position: absolute; z-index: -1; right: -34%; top: -6%; width: 96vw; opacity: .6; }
  .lost-label { display: none; }
}
@media (prefers-reduced-motion: reduce) { .lost-disc, .lost-arm { animation: none; } }
.lost-code { display: flex; align-items: center; gap: .06em; font: 600 clamp(96px, 24vw, 280px)/.8 var(--display); letter-spacing: -.06em; color: var(--fg); }
.lost-code .logo { --logo-h: .74em; margin-bottom: .02em; }
@media (pointer: coarse) {
  .crumbs a { display: inline-flex; align-items: center; min-height: 44px; }
  .track-title a { display: inline-block; padding-block: 10px; margin-block: -10px; }
  .btn-sm, .chip { min-height: 44px; }
  .logo { min-width: 44px; min-height: 44px; }
  .footer-col a { min-width: 44px; }
}
.sec-head :is(h1, h2, h3), .page-head h1, .outro-copy h2, .auth-copy h1, .lost h1 { font-family: var(--font); font-weight: 500; letter-spacing: -.045em; }
.outro-copy h2 { text-transform: none; line-height: .96; }
.sm-nav { height: 80px; gap: clamp(16px, 2vw, 32px); }
.sm-nav.is-solid, .sm-nav.is-page { background: rgba(10, 10, 10, .78); border-bottom-color: rgba(244, 243, 238, .07); -webkit-backdrop-filter: blur(18px) saturate(1.5); backdrop-filter: blur(18px) saturate(1.5); }
@supports (animation-timeline: scroll()) { .sm-nav::after { height: 1px; } }
.sm-cabinet { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px 0 13px; border-radius: var(--r-pill); font: 600 var(--f-sm)/1 var(--font); box-shadow: inset 0 0 0 1px rgba(244, 243, 238, .16); }
.sm-cabinet:hover { color: var(--fg); background: rgba(244, 243, 238, .07); }
.sm-cabinet svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.6; }
.sm-cta { min-height: 44px; padding: 0 20px 0 16px; font-size: var(--f-sm); }
.sm-nav-end { gap: 10px; }
@media (min-width: 861px) {
  .sm-links { gap: 0; padding: 4px; border-radius: var(--r-pill); background: rgba(22, 22, 24, .55); box-shadow: inset 0 0 0 1px rgba(244, 243, 238, .08); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
  .sm-links a { display: inline-flex; align-items: center; min-height: 36px; padding: 0 16px; border-radius: var(--r-pill); font-size: var(--f-sm); transition: color var(--dur-2), background var(--dur-2); }
  .sm-links a::after { content: none; }
  .sm-links a:hover { background: rgba(244, 243, 238, .05); }
  .sm-links a[aria-current] { background: rgba(244, 243, 238, .1); }
}
@media (max-width: 860px) { .sm-nav { height: 60px; } .sm-cabinet { display: none; } }
.sm-social { display: inline-flex; padding: 0; border-radius: var(--r-pill); box-shadow: inset 0 0 0 1px rgba(244, 243, 238, .16); }
.sm-social a { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; color: var(--fg-2); transition: color var(--dur-2), background var(--dur-2); }
.sm-social a + a { margin-left: -4px; }
.sm-social a:hover { color: var(--acid); background: rgba(244, 243, 238, .07); }
.sm-social svg { width: 18px; height: 18px; fill: currentColor; transition: transform var(--dur-2) var(--ease); }
.sm-social a:hover svg { transform: translateY(-1px) scale(1.08); }
.sm-social a:last-child svg { width: 21px; height: 21px; }   
.sm-social a:focus-visible { border-radius: 50%; }
@media (max-width: 1179px) and (min-width: 861px), (max-width: 389px) { .sm-social { display: none; } }
@property --ka { syntax: '<color>'; inherits: true; initial-value: rgba(244, 243, 238, .05); }
@property --kb { syntax: '<color>'; inherits: true; initial-value: rgba(61, 107, 255, .08); }
@property --kx { syntax: '<percentage>'; inherits: true; initial-value: 80%; }
@property --bx { syntax: '<percentage>'; inherits: true; initial-value: 0%; }
:root { --ka: rgba(244, 243, 238, .05); --kb: rgba(61, 107, 255, .08); --kx: 80%; --bx: 0%;
  transition: --ka 1.4s var(--ease), --kb 1.4s var(--ease), --kx 1.8s var(--ease), --bx 1.8s var(--ease); }
:root[data-tone='acid'] { --ka: rgba(199, 255, 61, .12); --kb: rgba(61, 107, 255, .09); --kx: 88%; --bx: 4%; }
:root[data-tone='blue'] { --ka: rgba(61, 107, 255, .21); --kb: rgba(139, 92, 255, .1); --kx: 14%; --bx: 100%; }
:root[data-tone='violet'] { --ka: rgba(139, 92, 255, .19); --kb: rgba(199, 255, 61, .06); --kx: 86%; --bx: 0%; }
:root[data-tone='deep'] { --ka: rgba(61, 107, 255, .15); --kb: rgba(199, 255, 61, .08); --kx: 50%; --bx: 100%; }
.ambient, body::before { background: radial-gradient(75% 70% at var(--kx) 12%, var(--ka), transparent 70%), radial-gradient(65% 60% at var(--bx) 100%, var(--kb), transparent 70%), var(--bg); }
body::before { content: ''; position: fixed; inset: 0; z-index: -1; pointer-events: none; }
@media (prefers-reduced-motion: reduce) { :root { transition: none; } }
.app-bar { background: rgba(10, 10, 10, .78); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); }
.tracks-bar { background: none; }
.sm-portal.ambient { background-attachment: fixed; }
.footer-top { grid-template-columns: repeat(6, minmax(0, 1fr)); }
@media (max-width: 1180px) { .footer-top { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 560px) { .footer-top { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 1100px) and (min-width: 861px) { .sm-links a[data-nav='results'] { display: none; } }
.sm-menu-more { display: flex; flex-wrap: wrap; gap: 0 22px; margin-top: -10px; }
.sm-menu-more a { display: inline-flex; align-items: center; min-height: 44px; color: var(--fg-2); text-decoration: none; font: 500 var(--f-md)/1.2 var(--font); }
.sm-menu-more a:hover { color: var(--fg); }
.legal-seller { margin: 0 0 var(--s-6); padding: 16px 20px; border-radius: var(--r-2); box-shadow: inset 0 0 0 1px var(--line-2); color: var(--fg-2); }
.legal-seller b { color: var(--fg); }