:root {
  color-scheme: dark;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  font-synthesis: none;
  --ink: #f3f3f1;
  --secondary: #b9bcbe;
  --muted: #a2a7ac;
  --line: rgb(255 255 255 / 13%);
  --red: #ef5146;
  --ease-settle: cubic-bezier(.2, .8, .2, 1);
  background: #080909;
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 104px; scrollbar-gutter: stable; }
body { margin: 0; }
a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; }
button { font: inherit; }
a, button, summary { touch-action: manipulation; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 2px solid var(--ink); outline-offset: 5px; }
a:hover { color: white; }
button, summary { cursor: pointer; }
.site-canvas { padding-top: 84px; overflow: hidden; overflow: clip; }
.landscape { position: absolute; inset: 0; z-index: -1; overflow: hidden; background: #080909; pointer-events: none; }
.landscape::before, .landscape::after { content: ""; position: absolute; inset: -12%; }
.landscape::before {
  background:
    radial-gradient(ellipse 48% 45% at 26% 79%, rgb(248 216 165 / 12%), rgb(209 136 60 / 6%) 44%, transparent 76%),
    radial-gradient(ellipse 40% 48% at 16% 40%, rgb(145 54 18 / 8%), transparent 78%);
  animation: amber-flow 44s ease-in-out infinite alternate;
}
.landscape::after {
  background: radial-gradient(ellipse 40% 50% at 85% 24%, rgb(156 190 195 / 7%), rgb(78 107 121 / 3%) 47%, transparent 77%);
  animation: cool-flow 62s ease-in-out infinite alternate;
}
@keyframes amber-flow {
  0% { transform: translate3d(-4%, 3%, 0) rotate(-7deg) scale(1.03); }
  50% { transform: translate3d(2%, -3%, 0) rotate(1deg) scale(1.06); }
  100% { transform: translate3d(5%, 2%, 0) rotate(7deg) scale(1.03); }
}
@keyframes cool-flow {
  0% { transform: translate3d(3%, -3%, 0) rotate(5deg) scale(1.04); }
  50% { transform: translate3d(-2%, 2%, 0) rotate(-2deg) scale(1.07); }
  100% { transform: translate3d(-5%, -1%, 0) rotate(-6deg) scale(1.03); }
}
.header-sentinel { position: absolute; top: 32px; width: 1px; height: 1px; pointer-events: none; }
.site-header { position: fixed; inset: 0 0 auto; z-index: 20; background: rgb(8 9 9 / 88%); border-bottom: 1px solid var(--line); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); transition: background-color 400ms ease, border-color 400ms ease; }
.site-header[data-enhanced]:not([data-scrolled]) { background: transparent; border-color: transparent; -webkit-backdrop-filter: none; backdrop-filter: none; }
.site-header:focus-within { background: rgb(8 9 9 / 92%); }
.nav-inner { width: min(1320px, 100%); margin-inline: auto; display: flex; align-items: center; justify-content: space-between; padding: 16px 48px; gap: 20px; }
.brand { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; font-size: 14px; letter-spacing: .14em; }
.brand img { display: block; width: 24px; height: 24px; }
nav { display: flex; gap: 8px; align-items: center; margin-left: auto; }
.nav-link, .header-download { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; color: var(--secondary); transition: color 180ms ease, background-color 180ms ease, transform 280ms var(--ease-settle); }
.nav-link { padding-inline: 14px; font-size: 13px; border-radius: 24px; }
.nav-link svg, .header-download svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
.nav-link svg { display: none; }
.nav-link .discord-mark { fill: currentColor; stroke: none; width: 19px; height: 19px; }
.nav-link:hover { color: var(--ink); background: rgb(255 255 255 / 5%); }
.header-download { gap: 8px; padding-inline: 18px; border-radius: 999px; color: #101111; background: var(--ink); font-size: 13px; margin-left: 12px; }
.header-download:hover { color: #080909; background: white; }
.header-download svg { display: none; width: 18px; height: 18px; }
.nav-link:active, .header-download:active { transform: scale(.94); transition-duration: 80ms; }
.hero { position: relative; padding-bottom: 120px; isolation: isolate; }
.hero-heading { text-align: center; padding: 66px 24px 0; position: relative; z-index: 1; }
.product-name { margin: 0 0 24px; font-size: 16px; letter-spacing: .01em; }
h1 { margin: 0; font-weight: 400; font-size: clamp(58px, 8.6vw, 136px); letter-spacing: -.065em; line-height: 1.02; }
.hero-art { position: relative; width: min(1500px, 100%); height: clamp(400px, 66.667vw, 1000px); margin: -20px auto 0; pointer-events: none; }
.devices { width: 100%; height: 100%; display: block; object-fit: contain; }
.hero-download { width: min(590px, calc(100% - 48px)); margin: 32px auto 0; text-align: center; position: relative; z-index: 1; scroll-margin-top: 52px; }
.download-actions { display: flex; align-items: center; justify-content: center; gap: 18px; }
.button { min-height: 54px; padding: 0 25px; display: inline-flex; align-items: center; justify-content: center; gap: 11px; border-radius: 999px; font-size: 14px; line-height: 1.4; transition: background-color 180ms ease, color 180ms ease, transform 320ms var(--ease-settle); }
.button-primary { color: #101111; background: var(--ink); }
.button-primary:hover { color: #080909; background: #fff; }
.button-secondary { color: var(--ink); padding-inline: 16px; }
.button-secondary:hover { background: rgb(255 255 255 / 5%); }
.button:active { transform: scale(.965); transition-duration: 80ms; }
.action-icon { flex: 0 0 18px; width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.action-arrow { margin-left: 1px; font-size: 16px; }
.release-meta { margin: 24px 0 0; color: var(--secondary); font-size: 12px; line-height: 1.6; font-variant-numeric: tabular-nums; }
.release-meta > span:not([data-apk-size]) { margin-inline: 6px; }
.install-note { color: var(--secondary); margin: 12px 0 0; font-size: 12px; line-height: 1.65; }
.download-details { margin-top: 5px; max-width: 400px; font-size: 12px; color: var(--secondary); }
.download-details summary { width: fit-content; min-height: 44px; display: flex; align-items: center; gap: 10px; list-style: none; transition: color 150ms ease, transform 260ms var(--ease-settle); }
.download-details summary::-webkit-details-marker { display: none; }
.download-details summary:hover { color: var(--ink); }
.download-details summary:active { transform: scale(.97); transition-duration: 80ms; }
.details-chevron { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; transition: transform 320ms var(--ease-settle); }
.download-details[open]:not([data-phase="closing"]) .details-chevron { transform: rotate(180deg); }
.download-reveal { display: flow-root; overflow: hidden; overflow: clip; }
.download-details[data-phase="open"] .download-reveal { overflow: visible; }
.download-info { margin-top: 10px; padding: 20px; border-radius: 12px; background: rgb(12 13 14 / 70%); border: 1px solid rgb(255 255 255 / 11%); box-shadow: 0 12px 32px rgb(0 0 0 / 12%); transform-origin: top left; }
.download-info p { margin: 0 0 16px; line-height: 1.7; }
.hash-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.hash-heading > span, #apk-hash { font-family: ui-monospace, "SFMono-Regular", Consolas, monospace; font-size: 11px; }
.copy-hash { min-width: 44px; min-height: 44px; border: 0; padding: 8px 0 8px 12px; color: var(--ink); background: none; }
.copy-hash:hover { text-decoration: underline; text-underline-offset: 4px; }
#apk-hash { display: block; overflow-wrap: anywhere; line-height: 1.8; user-select: all; }
.download-info .verify-link { margin-top: 16px; margin-bottom: 0; }
.verify-link a, .compatibility-note a, .about-links a { text-decoration: underline; text-underline-offset: 5px; text-decoration-color: rgb(255 255 255 / 35%); }

.download-details { max-width: 520px; margin-inline: auto; text-align: left; }
.download-details summary { margin-inline: auto; }
.product-scene { position: relative; overflow: hidden; overflow: clip; background: #080909; }
.scene-inner { width: min(1320px, 100%); min-height: 900px; margin-inline: auto; padding: 100px 80px; display: grid; grid-template-columns: 1.05fr 1fr; gap: 56px; align-items: center; }
.scene-copy { position: relative; z-index: 1; min-width: 0; }
h2 { margin: 0; font-weight: 400; font-size: clamp(46px, 5.4vw, 80px); letter-spacing: -.055em; line-height: 1.04; }
.scene-copy > p { margin: 28px 0 0; color: var(--secondary); font-size: 20px; line-height: 1.65; }
.scene-copy > .scene-note { font-size: 13px; margin-top: 14px; }
.scene-art { position: relative; min-width: 0; text-align: center; }
.navigation-art { transform: rotate(4deg); }
.device-demo { position: relative; margin-inline: auto; }
.f22-device { width: 275px; max-width: 100%; }
.q25-device { width: min(680px, 90%); }
.device-frame { display: block; width: 100%; height: auto; }
.device-screen { position: absolute; overflow: hidden; visibility: hidden; }
[data-frames-ready] .device-screen { visibility: visible; }
.f22-device .device-screen { left: 7.407407%; top: 7.407407%; width: 85.470085%; height: 44.893378%; }
.q25-device .device-screen { left: 7.597173%; top: 13.545817%; width: 84.098940%; height: 47.410359%; }
.device-screen img { position: absolute; inset: 0; width: 100%; height: 100%; display: block; transition: opacity 650ms ease, transform 950ms var(--ease-settle); }
[data-resetting] .device-screen img, [data-resetting] .search-word span, [data-resetting] .search-word i { transition: none; }
.navigation-scene .screen-home, .navigation-scene .screen-tools { opacity: 0; }
.navigation-scene .screen-list { opacity: 1; }
.navigation-scene[data-demo-enhanced][data-step="0"] .screen-home,
.navigation-scene[data-demo-enhanced][data-step="2"] .screen-home { opacity: 1; }
.navigation-scene[data-demo-enhanced][data-step="1"] .screen-tools { opacity: 1; }
.navigation-scene[data-demo-enhanced][data-step="0"] .screen-list,
.navigation-scene[data-demo-enhanced][data-step="1"] .screen-list,
.navigation-scene[data-demo-enhanced][data-step="2"] .screen-list { opacity: 0; }
.dpad-cue { position: absolute; top: 55.8%; left: 35%; width: 30%; aspect-ratio: 1; pointer-events: none; }
.dpad-cue i { position: absolute; opacity: 0; background: var(--ink); border-radius: 2px; }
.key-right, .key-left { top: 40%; width: 1.5px; height: 20%; }
.key-right { right: 3%; }
.key-left { left: 3%; }
.key-down { bottom: 3%; left: 40%; width: 20%; height: 1.5px; }
.navigation-scene[data-demo-enhanced][data-step="1"] .key-right,
.navigation-scene[data-demo-enhanced][data-step="2"] .key-left,
.navigation-scene[data-demo-enhanced][data-step="3"] .key-down { animation: key-glint 580ms ease-out both; }
@keyframes key-glint { 0%, 100% { opacity: 0; } 25% { opacity: .5; } }
.replay { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: var(--secondary); background: none; border: 0; padding: 0 4px; margin-top: 24px; font-size: 12px; transition: color 180ms ease, transform 280ms var(--ease-settle); }
.replay:hover { color: white; }
.replay:active { transform: scale(.95); }
.replay svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
.trackpad-transition { background: #0d0e0f; overflow: hidden; overflow: clip; }
.trackpad-strip { width: min(1320px, 100%); padding: 140px 80px; margin-inline: auto; display: grid; grid-template-columns: 1fr 1.3fr; align-items: center; gap: 80px; }
.trackpad-strip h3 { font-size: clamp(34px, 4vw, 52px); letter-spacing: -.04em; }
.trackpad-strip p { color: var(--secondary); font-size: 18px; line-height: 1.5; margin-top: 16px; }
.trackpad-strip img { width: calc(100% + 160px); max-width: none; height: auto; }
.search-scene { background: #101112; }
.search-scene .scene-inner { display: block; min-height: 0; padding-top: 120px; padding-bottom: 0; }
.search-scene .scene-copy { max-width: 640px; }
.search-stage { position: relative; height: 800px; margin-top: -90px; }
.search-word { --letters: 4; position: absolute; left: 0; top: 220px; display: flex; color: var(--ink); opacity: .24; transition: opacity 900ms ease; font-family: ui-monospace, "SFMono-Regular", Consolas, monospace; font-size: clamp(140px, 23vw, 340px); line-height: 1; letter-spacing: -.04em; }
.search-scene[data-demo-enhanced]:not([data-step="4"]) .search-word { opacity: 1; }
.search-word span { width: .6em; transition: opacity 500ms ease; }
.search-word i { position: absolute; left: calc(var(--letters) * .6em); width: 2px; height: .8em; top: .1em; background: var(--red); transition: left 650ms var(--ease-settle); }
.search-art { position: absolute; right: 4%; top: 20px; width: 300px; }
.search-scene .screen-cover { opacity: 0; }
.search-scene[data-demo-enhanced]:not([data-step="4"]) .screen-cover { opacity: 1; }
.search-scene[data-demo-enhanced] .search-word span { opacity: .1; }
.search-scene[data-step="0"] .search-word { --letters: 0; }
.search-scene[data-step="1"] .search-word { --letters: 1; }
.search-scene[data-step="2"] .search-word { --letters: 2; }
.search-scene[data-step="3"] .search-word { --letters: 3; }
.search-scene[data-step="1"] .search-word span:nth-child(-n+1),
.search-scene[data-step="2"] .search-word span:nth-child(-n+2),
.search-scene[data-step="3"] .search-word span:nth-child(-n+3),
.search-scene[data-step="4"] .search-word span { opacity: 1; }
.quick-scene .scene-inner { display: block; max-width: 1500px; text-align: center; padding: 120px 24px 0; }
.quick-scene h2 { font-size: clamp(52px, 7vw, 100px); }
.quick-scene .scene-copy p { font-size: 18px; }
.quick-stage { height: clamp(440px, 70vw, 850px); overflow: hidden; overflow: clip; margin-top: 48px; }
.quick-content-window { position: absolute; top: 20%; width: 100%; height: 63.333333%; overflow: hidden; -webkit-mask-image: linear-gradient(transparent, #000 8%, #000 92%, transparent); mask-image: linear-gradient(transparent, #000 8%, #000 92%, transparent); }
.quick-screen-panel { position: absolute; inset: 0; overflow: hidden; transition: transform 1000ms cubic-bezier(.22, .75, .18, 1), opacity 800ms ease; }
/* Crop y=144..600 from the original 720px screenshots before moving either panel. */
.quick-screen-panel img { top: -31.578947%; height: 157.894737%; transition: none; }
/* Match the screen sheen already present in the stationary device SVG. */
.quick-screen-panel::after { content: ""; position: absolute; left: 0; top: -31.578947%; width: 100%; height: 157.894737%; background: linear-gradient(145.008deg, rgb(255 255 255 / 6.5%), rgb(255 255 255 / 0%) 48.206%, rgb(0 0 0 / 4%) 87.647%); pointer-events: none; }
.quick-scene .screen-home { transform: translateY(-8%); opacity: 0; }
.quick-scene .screen-quick { transform: none; opacity: 1; }
.quick-scene[data-demo-enhanced][data-step="0"] .screen-home { transform: none; opacity: 1; }
.quick-scene[data-demo-enhanced][data-step="0"] .screen-quick { transform: translateY(8%); opacity: 0; }
[data-resetting] .search-word,
[data-resetting] .quick-screen-panel,
[data-demo]:not([data-playing]) .quick-screen-panel,
[data-demo]:not([data-playing]) .device-screen img,
[data-demo]:not([data-playing]) .search-word { transition: none; }
[data-reveal] { transition: opacity 800ms ease, transform 1000ms var(--ease-settle); }
[data-reveal-pending] { opacity: 0; transform: translateY(24px); }
.section-pad { width: min(1200px, 100%); padding: 120px 56px; margin-inline: auto; }
.compatibility-section, .about-section, .release-section { display: grid; grid-template-columns: 1fr 1.15fr; gap: 100px; }
.section-intro > p { font-size: 14px; line-height: 1.6; color: var(--secondary); margin: 24px 0 0; max-width: 240px; }
.compatibility-section h2, .about-section h2, .release-section h2 { font-size: clamp(40px, 4.5vw, 64px); }
h3 { margin: 0; font-size: 16px; font-weight: 400; line-height: 1.4; }
.device-row { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 24px 0; border-top: 1px solid var(--line); }
.device-row > div { min-width: 0; }
.device-row p { font-size: 12px; line-height: 1.6; color: var(--secondary); margin: 6px 0 0; }
.device-status { position: relative; padding-left: 12px; font-size: 12px; line-height: 1.5; text-align: right; color: var(--ink); flex-shrink: 0; }
.device-status::before { content: ""; position: absolute; left: 0; top: .55em; width: 4px; height: 4px; border-radius: 50%; background: var(--ink); }
.device-status[data-level="community-tested"]::before { opacity: .5; }
.device-status[data-level="reported"]::before { background: transparent; border: 1px solid var(--secondary); }
.device-status[data-level="testing"]::before { height: 1px; border-radius: 0; opacity: .5; }
.compatibility-note { margin: 22px 0 0; color: var(--secondary); font-size: 12px; line-height: 1.75; }
.compatibility-note a { color: var(--ink); }
.release-section { border-top: 1px solid var(--line); }
.release-download { min-width: 0; }
.release-download .install-note { margin-top: 0; margin-bottom: 24px; font-size: 14px; }
.release-download .download-actions { justify-content: flex-start; flex-wrap: wrap; gap: 12px; }
.release-download .download-details { margin-inline: 0; max-width: none; }
.release-download .download-details summary { margin-inline: 0; }
.about-section { padding-top: 80px; }
.about-copy p { color: var(--secondary); font-size: 16px; line-height: 1.75; margin: 0 0 20px; }
.about-copy .about-statement { color: var(--ink); font-size: clamp(24px, 2.6vw, 34px); line-height: 1.3; letter-spacing: -.025em; margin-bottom: 32px; }
.about-copy .source-note { font-size: 12px; margin-top: 20px; }
.about-links { display: flex; flex-wrap: wrap; gap: 12px 28px; margin-top: 24px; font-size: 13px; }
.about-links a { display: inline-flex; align-items: center; min-height: 44px; gap: 6px; }
.site-footer { min-height: 70vh; min-height: 70svh; padding: 100px 24px 56px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 40px; background: #080909; text-align: center; }
.site-footer p { margin: 0; font-size: clamp(15px, 1.5vw, 22px); line-height: 1.6; }
.site-footer p span { display: inline-block; font-size: clamp(52px, 10vw, 144px); font-weight: 400; line-height: 1.1; letter-spacing: -.06em; margin-bottom: 28px; }
.footer-links { display: flex; flex-wrap: wrap; gap: 12px 28px; align-items: center; justify-content: center; font-size: 12px; color: var(--secondary); }
.footer-links a { display: inline-flex; align-items: center; min-height: 44px; }
.back-to-top { display: grid; place-items: center; min-width: 44px; min-height: 44px; font-size: 22px; color: var(--secondary); }
.back-to-top, .copy-hash { transition: color 160ms ease, transform 260ms var(--ease-settle); }
.back-to-top:active, .copy-hash:active { transform: scale(.93); transition-duration: 80ms; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.skip-link { position: fixed; top: 8px; left: 8px; padding: 12px 16px; background: var(--ink); color: #111; z-index: 30; transform: translateY(-150%); border-radius: 4px; }
.skip-link:focus { transform: none; }
[hidden] { display: none !important; }
.policy-page .landscape { position: fixed; opacity: .35; }
.policy-surface { width: min(880px, 100%); margin-inline: auto; padding: 40px 56px 96px; }
.policy-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.policy-toolbar > a { display: inline-flex; align-items: center; min-height: 44px; font-size: 14px; color: var(--secondary); }
.policy-surface h1 { font-size: clamp(32px, 5vw, 48px); letter-spacing: -.04em; margin: 48px 0 12px; }
.policy-surface h2 { font-size: 22px; font-weight: 400; letter-spacing: -.015em; line-height: 1.4; margin-top: 36px; }
.policy-surface p { font-size: 15px; line-height: 1.8; color: var(--secondary); }
.policy-surface .date { font-size: 12px; color: var(--muted); }
.policy-surface p a { color: var(--ink); text-decoration: underline; text-underline-offset: 4px; overflow-wrap: anywhere; }
@media (min-width: 1600px) { .hero-heading { padding-top: 90px; } }
@media (max-width: 1100px) {
  .scene-inner { padding-inline: 56px; gap: 40px; min-height: 800px; }
  .scene-copy > p { font-size: 18px; }
  .compatibility-section, .about-section, .release-section { gap: 56px; }
  .device-status { max-width: 90px; }
  .search-art { right: 0; width: 280px; }
  .search-word { font-size: 25vw; top: 260px; }
  .search-stage { margin-top: -60px; }
}
@media (max-width: 760px) {
  .site-canvas { padding-top: 76px; }
  .nav-inner { padding: 16px 24px; gap: 8px; }
  nav { gap: 2px; }
  .brand { font-size: 13px; gap: 10px; }
  .brand img { width: 22px; height: 22px; }
  .nav-link, .header-download { width: 44px; height: 44px; padding: 0; margin: 0; color: var(--secondary); background: none; border-radius: 50%; }
  .nav-link svg, .header-download svg { display: block; }
  .nav-link > span, .header-download > span { display: none; }
  .header-download:hover { color: white; background: rgb(255 255 255 / 5%); }
  .hero-heading { padding: 64px 20px 0; }
  .product-name { font-size: 14px; margin-bottom: 22px; }
  h1 { font-size: clamp(48px, 8.6vw, 64px); letter-spacing: -.06em; }
  .hero-art { margin: 18px auto 0; height: clamp(340px, 75vw, 560px); width: 115%; max-width: none; left: -7.5%; }
  .hero { padding-bottom: 96px; }
  .scene-inner { padding: 80px 32px 0; min-height: 0; display: flex; flex-direction: column; gap: 48px; align-items: stretch; }
  h2 { font-size: clamp(48px, 8vw, 64px); }
  .scene-copy > p { margin-top: 24px; font-size: 18px; }
  .navigation-art { height: 600px; padding-top: 10px; overflow: hidden; }
  .f22-device { width: 260px; }
  .trackpad-strip { padding: 88px 32px; gap: 40px; grid-template-columns: 1fr; }
  .trackpad-strip img { width: calc(100% + 64px); margin-left: 32px; }
  .search-scene .scene-inner { padding-top: 80px; }
  .search-stage { height: 720px; margin-top: 32px; }
  .search-word { font-size: clamp(130px, 28vw, 210px); top: 0; left: 0; }
  .search-art { width: 260px; right: -16px; top: 130px; }
  .search-art .f22-device { width: 100%; }
  .quick-scene .scene-inner { padding-top: 80px; }
  .quick-stage { margin-top: 36px; }
  .section-pad { padding: 88px 32px; }
  .compatibility-section, .about-section, .release-section { grid-template-columns: 1fr; gap: 40px; }
  .section-intro > p { max-width: none; }
  .compatibility-section h2, .about-section h2, .release-section h2 { font-size: 52px; }
  .about-section { padding-top: 40px; }
  .policy-surface { padding: 24px 32px 64px; }
}
@media (max-width: 560px) {
  .hero-heading { padding-top: 48px; }
  h1 { font-size: clamp(39px, 9vw, 50px); }
  .hero-art { height: 350px; width: 145%; left: -22.5%; margin-top: 20px; }
  .hero-download { width: calc(100% - 40px); }
  .download-actions { gap: 6px; }
  .button { padding-inline: 19px; font-size: 13px; gap: 8px; }
  .button-secondary { padding-inline: 10px; }
  .button-secondary > .action-icon { display: none; }
  .release-meta { font-size: 11px; }
  .release-meta > span:not([data-apk-size]) { margin-inline: 4px; }
  .download-info { padding: 18px; }
  .scene-inner { padding-inline: 24px; }
  .trackpad-strip { padding-inline: 24px; }
  .search-word { font-size: 32vw; }
  .search-stage { height: 680px; }
  .search-art { width: 240px; top: 120px; }
  .section-pad { padding-inline: 24px; }
  .device-row { gap: 16px; }
  .device-status { max-width: 82px; font-size: 11px; }
  .policy-surface { padding-inline: 24px; }
}
@media (max-width: 350px) {
  .nav-inner { padding-inline: 16px; }
  .brand { gap: 7px; font-size: 12px; }
  nav { gap: 0; }
  .hero-heading { padding-inline: 16px; }
  h1 { font-size: 37px; }
  .button { padding-inline: 15px; }
  .compatibility-section h2, .about-section h2, .release-section h2, h2 { font-size: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition: none !important; animation: none !important; }
  [data-reveal-pending] { opacity: 1; transform: none; }
  .nav-link:active, .header-download:active, .button:active, summary:active, .back-to-top:active, .copy-hash:active, .replay:active { transform: none; }
  .replay { display: none; }
}
@media (prefers-reduced-transparency: reduce) { .search-scene, .download-info, .site-header { background: #101111; } .site-header { -webkit-backdrop-filter: none; backdrop-filter: none; } }
@media (prefers-contrast: more) { :root { --secondary: #ddd; --line: #666; } .download-info { background: #101111; } }
@media (forced-colors: active) {
  .landscape { display: none; }
  .button-primary, .download-info { border: 1px solid ButtonText; }
  .typing-caret { background: CanvasText; }
  .action-icon { stroke: LinkText; }
}