/* Сгенерировано site/build-core-css.py из assets/site.css: стили внутренних страниц.
   Не править руками — правьте site.css и запускайте site/build-core-css.py. */
:root{--bg: #f7f6f2;--ink: #252923;--muted: #71746f;--line: #d9dbd3;--panel: #fff;--side: #efefec;--blue: #0066db;--selection: #eaf2fd;--green: #35784a;--shadow: 0 24px 50px -25px #313d3a55;--grid: #d7dad230;--button-ink: #fff;--button-hover: #0057bd;color-scheme: light}
*{box-sizing: border-box}
html{scroll-behavior: smooth;scroll-padding-top: 26px}
body{margin: 0;background: var(--bg);color: var(--ink);font-family: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;font-size: 16px;line-height: 1.55;transition: background 0.25s, color 0.25s}
button{font: inherit}
button, a{-webkit-tap-highlight-color: transparent}
button{cursor: pointer}
a{color: inherit;text-decoration: none}
button:focus-visible, a:focus-visible{outline: 3px solid var(--blue);outline-offset: 4px}
button{color: inherit}
button:disabled{cursor: default}
.wrap{width: min(1080px, calc(100% - 64px));margin: auto}
.rainbow{height: 5px;background: linear-gradient( 90deg, #64aa58 0 16.66%, #e7c653 16.66% 33.33%, #e39642 33.33% 50%, #d35b52 50% 66.66%, #9665aa 66.66% 83.33%, #4b94c4 83.33% )}
.brand{display: flex;align-items: center;gap: 10px;font-size: 24px;font-weight: 700;letter-spacing: -1px}
.button{display: inline-flex;align-items: center;justify-content: center;gap: 20px;border: 1px solid #0067d2;background: var(--blue);color: var(--button-ink);border-radius: 7px;padding: 12px 21px;font-weight: 550;font-size: 15px;box-shadow: inset 0 1px 0 #ffffff33, 0 2px 3px #1320380a;transition: transform 0.15s, background-color 0.15s}
.button:hover{background: var(--button-hover);transform: translateY(-1px)}
.button.small{font-size: 14px;padding: 9px 15px;gap: 15px}
h1{font-size: 66px;line-height: 1.08;letter-spacing: -3px;font-weight: 550;margin: 12px 0 16px}
h2{font-weight: 550}
.real-app{width: 100%;border-radius: 8px;margin-top: 20px}
footer{border-top: 1px solid var(--line);padding: 26px 0 35px;display: flex;align-items: center;gap: 25px;font-size: 11px;color: var(--muted)}
footer .brand{font-size: 19px;color: var(--ink)}
footer > span{margin-left: auto}
footer p{margin: 0}
.skip{position: absolute;top: -100px;left: 20px;background: var(--panel);z-index: 20;padding: 10px}
.skip:focus{top: 10px}
[hidden]{display: none !important}
html[data-theme="dark"]{--bg: #1c1d1e;--ink: #edece8;--muted: #a2a6a5;--line: #3b3e40;--panel: #27292b;--side: #222426;--blue: #2d8cf0;--selection: #263e58;--green: #82b995;--shadow: 0 24px 50px -25px #000a;--button-ink: #0a1016;--button-hover: #4a9df3;color-scheme: dark}
html[data-theme="amoled"]{--bg: #000;--ink: #eeefef;--muted: #999fa5;--line: #31363b;--panel: #08090a;--side: #030405;--blue: #2d8cf0;--selection: #142538;--green: #83b594;--shadow: none;--button-ink: #0a1016;--button-hover: #4a9df3;color-scheme: dark}
html[data-theme="neon"]{--bg: #060c12;--ink: #e0eff7;--muted: #95aabb;--line: #263b4b;--panel: #0d1721;--side: #080c12;--blue: #1e9cf0;--selection: #12354e;--green: #72c5a7;--shadow: 0 20px 70px -20px #009dff30;--button-ink: #04121c;--button-hover: #46aef3;color-scheme: dark}
html:not([data-theme="light"]) .brand img{filter: brightness(1.2)}
@media (max-width: 760px){
  .wrap{width: calc(100% - 36px)}
  .brand{font-size: 23px}
  h1{font-size: 48px;letter-spacing: -2px}
  footer{flex-wrap: wrap;gap: 12px 20px;font-size: 10px}
  footer .brand{font-size: 18px}
  footer p{flex-basis: 65%}
  footer > span{margin-left: 0}
}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior: auto}
  *, *:before, *:after{transition: none !important;animation: none !important}
}
:root{--bg: #f6f6f1;--ink: #252821;--muted: #666b63;--line: #d3d7cd;--side: #eceee7;--shadow: 0 14px 28px -18px #25382966}
.wrap{width: min(1080px, calc(100% - 64px))}
.rainbow{height: 4px}
h1{font-size: 43px;line-height: 1.12;letter-spacing: -1.9px;font-weight: 550;margin: 0 0 18px}
footer{font-size: 10px}
.button{border-radius: 5px}
@media (max-width: 1000px){
  h1{font-size: 38px}
}
@media (max-width: 760px){
  .wrap{width: calc(100% - 36px)}
  h1{font-size: 35px;letter-spacing: -1.4px;line-height: 1.17}
}
.lang{display: inline-flex;border: 1px solid var(--line);border-radius: 999px;overflow: hidden}
.lang button, .lang a{font-family: "DM Mono", monospace;font-size: 11.5px;letter-spacing: .06em;padding: 5px 9px;border: 0;background: none;color: var(--muted);cursor: pointer}
.lang button.on, .lang a.on{background: var(--ink);color: var(--panel)}
footer{border-top: 1px solid var(--line);margin-top: clamp(60px, 8vw, 110px);padding-block: 28px 44px;display: grid;gap: 12px;font-size: 14px;color: var(--muted)}
@media (max-width: 760px){
  .lang{order: 2}
}
figure.real-app{margin: clamp(28px, 4vw, 44px) 0 0}
figure.real-app img{width: 100%;height: auto;border: 1px solid var(--line);border-radius: 8px;box-shadow: var(--shadow);display: block}
figure.press-logo img{display: block;max-width: 100%;height: auto}
figure.real-app figcaption, figure.press-logo figcaption{margin-top: 10px;font-family: "DM Mono", monospace;font-size: 11.5px;color: var(--muted)}
.app-icon{width: 30px;height: 30px;display: inline-block;flex: 0 0 auto;background: url("/assets/uncork-icon-light.png") center / contain no-repeat}
.app-icon.small{width: 22px;height: 22px}
html:not([data-theme="light"]) .app-icon{background-image: url("/assets/uncork-icon-dark.png")}
.mouse-chart{margin: 20px 0 0}
.mouse-chart img{display: block;width: 100%;height: auto;border-radius: 10px}
.mouse-chart figcaption{margin-top: 8px;font-size: 13px;color: var(--muted);max-width: 72ch}
[tabindex="0"]:focus-visible{outline: 3px solid var(--blue);outline-offset: 2px}