:root {
  color-scheme:dark;
  font-family:Inter,Arial,sans-serif;
  color:#e9dfc4;
  background:#10181e}
* {
  box-sizing:border-box}
html {
  scroll-behavior:smooth}
body {
  margin:0;
  background:#08151f}
a {
  color:inherit}
button,input {
  font:inherit}
[hidden] {
  display:none!important}
.reference-canvas {
  width:100%;
  margin:auto;
  box-shadow:0 0 100px #03080c}
.reference-hero,.reference-features,.reference-start,.reference-footer {
  position:relative;
  container-type:inline-size;
  background-size:100% 100%;
  background-repeat:no-repeat}
.reference-hero {
  aspect-ratio:1776/1100}
.hero-art {
  position:absolute;
  inset:0;
  margin:0}
.hero-art img {
  display:block;
  width:100%;
  height:100%}
.site-header {
  position:absolute;
  top:2.4%;
  left:20%;
  width:60%;
  height:4.3%}
.reference-nav {
  height:100%;
  display:grid;
  grid-template-columns:1fr 1.2fr 1fr 1.5fr 1fr 1fr 1.5fr;
  align-items:center;
  text-align:center;
  gap:.7cqw;
  font:600 .88cqw Inter,sans-serif;
  text-shadow:0 2px 3px #000}
.reference-nav a {
  text-decoration:none;
  white-space:nowrap}
.center-brand {
  height:100%;
  min-height:2cqw}
.realm-pill {
  font-size:.7cqw;
  white-space:nowrap}
.dot {
  display:inline-block;
  width:.34cqw;
  height:.34cqw;
  border-radius:50%;
  background:#83939c;
  margin-right:.3cqw}
[data-state=online] .dot {
  background:#8dd1a4}
.hero-content {
  text-align:center;
  position:absolute;
  inset:0;
  pointer-events:none}
.hero-content a {
  pointer-events:auto}
.eyebrow {
  position:absolute;
  top:45.7%;
  left:40%;
  width:20%;
  margin:0;
  font:600 1.05cqw Inter,sans-serif;
  line-height:1.8;
  color:#e4c67e;
  text-shadow:0 2px #000}
.promise {
  position:absolute;
  top:51.4%;
  left:27%;
  width:46%;
  margin:0;
  color:#f9e7b3;
  font:500 4.8cqw/1.02 'Cormorant Garamond',Georgia,serif;
  text-shadow:0 3px 3px #000,0 0 12px #000}
.lead {
  position:absolute;
  top:67.2%;
  left:27%;
  width:46%;
  margin:0;
  font:400 1.36cqw/1.4 'Cormorant Garamond',Georgia,serif;
  text-shadow:0 2px 3px #000}
.chips {
  display:none}
.cta {
  position:absolute;
  left:38.3%;
  top:73.6%;
  width:29%;
  height:10.1%}
.cta a {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  padding-right:2.5cqw;
  text-decoration:none;
  color:#ffe9b6;
  font:500 2.2cqw 'Cormorant Garamond',Georgia,serif;
  text-shadow:0 2px 2px #38220d}
.hero-limit {
  position:absolute;
  top:84.7%;
  left:37%;
  width:31%;
  margin:0;
  font:400 .95cqw/1.5 Inter,sans-serif;
  color:#d6ccb7;
  text-shadow:0 2px 3px #000}
.reference-features {
  aspect-ratio:1776/590;
  background-image:none}
.reference-features>.title {
  position:absolute;
  top:.2%;
  left:10%;
  width:80%;
  margin:0;
  text-align:center;
  font:500 3.3cqw/1.25 'Cormorant Garamond',Georgia,serif;
  color:#f2ddb0;
  text-shadow:0 2px 3px #000}
.reference-features>.sub {
  position:absolute;
  top:15%;
  left:15%;
  width:70%;
  margin:0;
  text-align:center;
  font:400 1.05cqw Inter,sans-serif}
.feature-grid {
  position:absolute;
  inset:20.8% 3.65% 4.2%;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1.8cqw}
.feature-card {
  position:relative;
  min-width:0;
  padding:17.1cqw 1.4cqw 0 8.3cqw}
.feature-card h3 {
  margin:0 0 .55cqw;
  font:500 2.05cqw/1 'Cormorant Garamond',Georgia,serif;
  color:#edd59e;
  white-space:nowrap;
  text-shadow:0 2px 3px #000}
.feature-card p {
  margin:0;
  font:400 1.02cqw/1.45 'Cormorant Garamond',Georgia,serif;
  color:#ded7c5}

.reference-start>h2 {
  position:absolute;
  top:2.4cqw;
  width:100%;
  margin:0;
  text-align:center;
  font:500 3.4cqw 'Cormorant Garamond',Georgia,serif;
  color:#f3dfb1;
  text-shadow:0 2px 4px #000}

.compact-download .btn {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  height:4.7cqw;
  width:100%;
  background:url('art/reference-gold.e712252df23f446d.webp') center/100% 100% no-repeat;
  text-decoration:none;
  color:#edf3db;
  font:500 1.65cqw 'Cormorant Garamond',Georgia,serif;
  text-shadow:0 2px 3px #051522}
.download-facts {
  display:block;
  text-align:center;
  font:400 .68cqw/1.6 Inter,sans-serif;
  margin-top:.35cqw}

.reference-footer {
  min-height:7.5cqw;
  background-image:url('art/reference-footer.f8a4fd2aab7a7731.webp');
  display:grid;
  grid-template-columns:1fr 3fr auto;
  gap:1.2cqw;
  align-items:center;
  padding:1.6cqw 7%}
.footer-brand {
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.15cqw;
  font:600 1.7cqw 'Cormorant Garamond',Georgia,serif;
  color:#d6b970}
.reference-footer nav {
  display:flex;
  justify-content:center;
  gap:1.5cqw;
  font-size:.75cqw}
.reference-footer nav a {
  text-decoration:none}
.age-mark {
  font-size:.85cqw;
  border:1px solid #9f956e;
  padding:.2cqw;
  text-decoration:none}
.footer-note {
  grid-column:1/-1;
  text-align:center;
  margin:0;
  color:#acb1af;
  font-size:.65cqw}
.footer-note .vote-link { color:inherit; text-decoration:underline; text-underline-offset:.15em }
.info-dialog {
  width:min(850px,86vw);
  max-height:85vh;
  overflow:auto;
  padding:45px;
  background:#101f29;
  color:#e8ddc0;
  border:2px solid #aa8c50;
  font:17px/1.6 Inter,Arial,sans-serif}
.info-dialog::backdrop {
  background:#02070de0}
.info-dialog h2 {
  font:600 38px 'Cormorant Garamond',Georgia,serif;
  color:#ebcf8f}
.dialog-close {
  position:absolute;
  right:12px;
  top:5px;
  border:0;
  background:none;
  color:#e8d2a4;
  font-size:32px;
  cursor:pointer}
.info-dialog details {
  border-bottom:1px solid #756342;
  padding:15px 0}
.info-dialog summary {
  cursor:pointer}
.info-dialog code {
  overflow-wrap:anywhere}
.info-dialog pre {
  white-space:pre-wrap}
.info-dialog .why {
  list-style:none;
  padding:0}
.info-dialog .why li {
  margin:15px 0}
.info-dialog .why span {
  display:block}
.legal-links {
  display:grid;
  gap:10px}
.sr-only,.hp-field {
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  clip-path:inset(50%);
  overflow:hidden;
  white-space:nowrap}
.skip-link {
  position:fixed;
  top:-80px;
  left:20px;
  z-index:20;
  padding:15px;
  background:#132b3b}
.skip-link:focus {
  top:10px}
:focus-visible {
  outline:3px solid #98d5ff;
  outline-offset:4px}
a:hover {
  color:#fff1c6}
@media(prefers-reduced-motion:reduce) {
  html {
  scroll-behavior:auto}
}

.reference-footer nav { font-size:max(11px,.75cqw); }
.footer-note { font-size:max(10px,.65cqw); }

.reference-start {
  min-height:30.687cqw;
  padding:8.8cqw 0 .8cqw;
  background:#0b1822 none center/cover no-repeat;
}

/* All hero copy and the independently extracted frame share the viewport axis. */
.eyebrow,.promise,.lead,.cta,.hero-limit { left:50%; transform:translateX(-50%); }
.cta { width:28.153%; height:auto; aspect-ratio:575/135; top:73.1%; }
.cta a { padding:0; background:url('art/reference-hero-button.292ab7313dba7e97.webp') center/100% 100% no-repeat; }
.hero-limit { width:36%; }
.download-column { width:29.5%; margin:auto; text-align:center; }
.compact-download .btn { background-image:url('art/reference-gold.e712252df23f446d.webp'); }
/* Align glyph ink with the existing gold faces, independently of the baked
   arrow. Face centres: hero (285.5,63.5)/575x135; download (261.5,39.5)/523x84.
   Cormorant's visible Cyrillic ink sits about .14em below its line-box centre. */
.cta-label { position:absolute; left:50%; top:47.02381%; transform:translate(-50%,-50%) translateY(-.14em); line-height:1; white-space:nowrap; pointer-events:none; }
.cta a .cta-label { left:49.652174%; top:47.037037%; }
.start-steps { padding:0; margin:1.1cqw 0; list-style-position:inside; font:400 max(14px,1cqw)/1.55 Inter,Arial,sans-serif; }
.start-steps li { margin:.45cqw 0; }
.start-client { font:400 max(14px,.9cqw)/1.5 Inter,Arial,sans-serif; color:#f3e8cf; }
.download-facts, .download-smartscreen { font-size:max(13px,.78cqw); color:#dae0dd; }
.download-smartscreen { margin:.35cqw 0 0; text-align:center; line-height:1.5; }
.reference-footer { grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); gap:24px; padding:clamp(42px,3.2vw,88px) clamp(32px,5vw,120px) 28px; min-height:180px; background-color:#08151f; background-size:100% auto; background-position:top; }
.footer-brand { display:inline-flex; justify-self:start; align-items:center; gap:16px; font:500 clamp(22px,1.6vw,32px) 'Cormorant Garamond',Georgia,serif; letter-spacing:.1em; white-space:nowrap; }
.footer-brand img { width:52px; height:52px; object-fit:contain; flex:none; }
.reference-footer nav { font-size:clamp(13px,.75vw,20px); gap:clamp(18px,1.5vw,40px); }
/* #912: wide layout — nav takes the flexible middle column and wraps, so the grid gap always separates it from the brand and age mark. */
.reference-footer { grid-template-columns:auto minmax(0,1fr) auto; column-gap:clamp(32px,2vw,64px); }
.reference-footer nav { flex-wrap:wrap; row-gap:10px; min-width:0; }
.age-mark { justify-self:end; font-size:14px; }
.footer-note { font-size:12px; }

/* Full-bleed world; the original composition scales with available screen height. */
.reference-hero { aspect-ratio:auto; --hero-block-height:max(36.66667vw,min(61.93694vw,max(768px,100svh))); height:var(--hero-block-height); }
.hero-art img { object-fit:cover; object-position:center; }
.hero-stage { position:absolute; top:0; bottom:0; left:50%; transform:translateX(-50%); width:auto; height:100%; aspect-ratio:1776/1100; container-type:inline-size; }

.hero-stage { width:calc(var(--hero-block-height)*1.61454545); }
.reference-hero { overflow:clip; }

/* #628: native scenes, separate ornaments and growing HTML copy. */
.reference-features { aspect-ratio:auto; background:radial-gradient(ellipse at 50% 0,#17384466,transparent 60%),#0a1822; padding:2.2vw 3.65vw 3.5vw; border-bottom:1px solid #736040; }
.reference-features>.title,.reference-features>.sub { position:static; width:auto; margin:0 auto; }
.reference-features>.title { font-size:clamp(36px,3.3vw,110px); }
.reference-features>.sub { font-size:clamp(16px,1.05vw,32px); line-height:1.5; margin-top:.8vw; }
.feature-grid { position:static; margin-top:2vw; gap:1.8vw; align-items:stretch; }
.feature-card { padding:0; display:flex; flex-direction:column; border:solid transparent; border-width:clamp(20px,1.3vw,40px); border-image:url('art/feature-frame.2fd111b333a68606.webp') 170 fill / clamp(20px,1.3vw,40px) / 0 stretch; background:#0a1927; box-shadow:0 15px 30px #0007; }
.feature-scene { width:100%; height:auto; aspect-ratio:1.6; object-fit:cover; display:block; border-bottom:2px solid #9d793f; }
.feature-copy { padding:clamp(20px,1.5vw,48px) clamp(18px,1.5vw,48px) clamp(28px,2vw,64px); flex:1; background:linear-gradient(#14273877,#081521aa); }
.feature-card h3 { white-space:normal; font-size:clamp(30px,2.05vw,70px); line-height:1.12; margin:0 0 .65em; }
.feature-card p { font:400 clamp(17px,1.02vw,34px)/1.55 Inter,Arial,sans-serif; color:#e0dacb; overflow-wrap:break-word; }
.reference-start { background-image:radial-gradient(ellipse at 50% 48%,#03101b4d,transparent 46%),url('art/gate-world.7a41b580e6774af5.webp'); }
.feature-card h3 { display:flex; align-items:center; gap:clamp(10px,.8vw,26px); }
.feature-medallion { display:block; width:clamp(48px,4vw,120px); height:auto; flex:none; filter:drop-shadow(0 4px 5px #000a); }
.reference-hero { --hero-block-height:max(36.66667vw,min(61.93694vw,max(614px,100svh))); }

/* The complete guard uses one transform; its geometry is preserved. */
.gate-guard,.gate-contact-shadow { position:absolute; left:2%; bottom:1.5%; height:88%; width:auto; pointer-events:none; }
.gate-contact-shadow { z-index:0; }
.gate-guard { z-index:1; }
.reference-start>h2,.download-column { z-index:2; position:relative; }
.reference-start>h2 { position:absolute; }
.hero-content::before { content:''; position:absolute; left:50%; top:49%; transform:translateX(-50%); width:59%; height:23%; background:radial-gradient(ellipse,#03101bd4, #03101b6b 45%,transparent 72%); pointer-events:none; }
.lead { font-weight:500; font-size:1.45cqw; text-shadow:0 2px 3px #000,0 0 10px #000; }
.reference-start { overflow:hidden; }

/* Local readability under the facts/steps, retaining the continuous panorama. */
.download-column::before { content:''; position:absolute; z-index:-1; pointer-events:none; inset:-18% -35% -20%; background:radial-gradient(ellipse at 50% 58%,#020c18ed 0%,#020c18c4 35%,#020c1866 57%,transparent 76%); }
.reference-nav { word-spacing:.12em; font-size:max(12px,.88cqw); }
.realm-pill { font-size:max(10px,.7cqw); }

/* Release fix: the footer nav (~875px natural width) is centred in the middle column of a 3-column grid
   (1fr auto 1fr). Each side column needs the brand (~220-310px) plus the 24px gap, so the nav only clears the
   brand from ~1536 CSS px (1440 px: nav starts 10px inside the brand; 1366 px: 32px). Below that, use
   row 1: brand + age mark; row 2: centred wrapping nav; row 3: note. */
@media (max-width:1999px) {
  .reference-footer { grid-template-columns:minmax(0,1fr) auto; gap:20px 24px; }
  .reference-footer .footer-brand { grid-column:1; grid-row:1; }
  .reference-footer .age-mark { grid-column:2; grid-row:1; }
  .reference-footer nav { grid-column:1 / -1; grid-row:2; flex-wrap:wrap; row-gap:10px; }
  .reference-footer .footer-note { grid-row:3; }
}

/* #651: keep navigation and footer controls within narrow viewports. */
@media (max-width:600px) {
  .feature-grid { grid-template-columns:minmax(0,1fr); }
  .site-header { left:50%; transform:translateX(-50%); width:calc(100vw - 32px); height:auto; }
  .reference-nav { display:flex; flex-wrap:wrap; justify-content:center; gap:12px 16px; }
  .reference-nav .center-brand { display:none; }
  .reference-nav .realm-pill { flex-basis:100%; }
  .reference-footer { grid-template-columns:minmax(0,1fr) auto; gap:20px 12px; padding-inline:16px; }
  .reference-footer nav { grid-column:1 / -1; flex-wrap:wrap; }
  .reference-footer .age-mark { grid-column:2; grid-row:1; }
}

/* Launch history: wraps long character/guild names on narrow screens. */
/* Launch cards share the feature frame and journal layout. */
.launch-records.feature-card { margin:24px clamp(16px,4vw,80px); padding:clamp(16px,3vw,32px); color:#e0dacb; }
.launch-records[hidden] { display:none; }
.launch-records .journal-grid { list-style:none; margin:16px 0 0; padding:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)); gap:12px; }
.launch-records .jr-item { display:grid; grid-template-columns:3ch minmax(0,1fr); gap:12px; padding:16px; border:1px solid #736040; background:#0a1822; overflow-wrap:anywhere; }
.launch-records .jr-item.on { border-color:#edd59e; box-shadow:inset 3px 0 #edd59e; }
.launch-records .journal-rank,.launch-records .jr-kind { color:#edd59e; }
.launch-records .jr-body { display:flex; flex-direction:column; gap:6px; min-width:0; }
.launch-records .jr-body strong { color:#e9dfc4; }
.launch-records .jr-kind { font-size:.85rem; }

/* #798: необязательный код источника под загрузкой; не ломает колонку и узкие окна. */


/* #818: the world pill is a disclosure button; the factual online count opens on click, never as a hero counter. */
.realm-status { position:relative; display:block; justify-self:center; }
button.realm-pill { appearance:none; background:transparent; border:0; border-bottom:1px dotted #e4c67e99; border-radius:0; color:inherit; cursor:pointer; padding:.5em .4em; text-shadow:inherit; min-height:24px; }
button.realm-pill:hover { color:#f9e7b3; }
button.realm-pill:focus-visible { outline:2px solid #ffe08a; outline-offset:3px; }
button.realm-pill::after { content:' ▾'; font-size:.9em; }
button.realm-pill[aria-expanded="true"]::after { content:' ▴'; }
.population { position:absolute; z-index:6; top:calc(100% + 6px); right:0; width:max-content; max-width:min(300px,86vw); padding:12px 14px; text-align:left; white-space:normal;
  font:500 max(12px,.78cqw)/1.45 Inter,Arial,sans-serif; background:#06111af2; border:1px solid #6a5a30; border-radius:4px; box-shadow:0 10px 30px #000a; text-shadow:none; color:#e9dfc4; }
.population b { display:block; font:600 max(15px,1.05cqw)/1.3 Inter,Arial,sans-serif; color:#f9e7b3; }
.population small { display:block; margin-top:4px; color:#b8c0c2; font-size:.92em; }
.population[data-kind="error"] b { color:#e8b4a8; }
@media (max-width:600px) { .reference-nav .realm-status { flex-basis:100%; } .population { right:auto; left:50%; transform:translateX(-50%); } }
/* #845: липкая кнопка скачивания (появляется после hero, прячется у блока #start). */
.sticky-cta { position:fixed; left:50%; bottom:16px; z-index:40; display:flex; align-items:center; gap:16px; max-width:calc(100% - 32px); padding:10px 12px 10px 20px; border:1px solid #9b794b; border-radius:12px; background:rgba(8,12,24,.94); color:#f3e6c8; box-shadow:0 8px 28px rgba(0,0,0,.5); transform:translate(-50%,160%); transition:transform .25s ease; }
.sticky-cta.is-on { transform:translate(-50%,0); }
.sticky-cta[hidden] { display:none; }
.sticky-text { font-size:15px; white-space:nowrap; }
.sticky-btn { display:inline-flex; align-items:center; min-height:44px; padding:0 20px; border-radius:8px; background:linear-gradient(#f0c46a,#b9832f); color:#1a1006; font-weight:700; text-decoration:none; white-space:nowrap; }
.sticky-btn:focus-visible { outline:2px solid #fff; outline-offset:2px; }
@media (max-width:600px) { .sticky-cta { left:16px; right:16px; max-width:none; transform:translateY(160%); justify-content:space-between; } .sticky-cta.is-on { transform:none; } .sticky-text { font-size:13px; white-space:normal; } }
@media (prefers-reduced-motion:reduce) { .sticky-cta { transition:none; } }

/* #860: полоса дат запуска и блок «Что происходит в мире» (новости с датами + агрегаты активности). */
.launch-strip { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:12px 24px; padding:14px 16px; background:linear-gradient(90deg,#0a1822,#1b2430 50%,#0a1822); border-block:1px solid #736040; color:#f3e6c8; font:400 max(15px,1.1cqw)/1.4 Inter,Arial,sans-serif; text-align:center; }
.launch-dates { display:flex; flex-wrap:wrap; justify-content:center; gap:4px 12px; margin:0; }
.launch-dates b { color:#f9e7b3; font-weight:700; }
.launch-sep { color:#c9a35c; }
.launch-cta { display:inline-flex; align-items:center; min-height:44px; padding:0 20px; border-radius:8px; background:linear-gradient(#f0c46a,#b9832f); color:#1a1006; font-weight:700; text-decoration:none; }
.launch-cta:focus-visible { outline:2px solid #fff; outline-offset:2px; }
.alive { margin:24px clamp(16px,4vw,80px); padding:clamp(16px,3vw,32px); border:solid transparent; border-width:clamp(20px,1.3vw,40px); border-image:url('art/feature-frame.2fd111b333a68606.webp') 170 fill / clamp(20px,1.3vw,40px) / 0 stretch; background:#0a1927; box-shadow:0 15px 30px #0007; color:#e0dacb; font:400 max(15px,1cqw)/1.5 Inter,Arial,sans-serif; }
.alive-title { margin:0 0 16px; color:#f9e7b3; font:500 max(26px,2.2cqw)/1.15 'Cormorant Garamond',Georgia,serif; text-align:center; }
.activity { display:grid; grid-template-columns:repeat(auto-fit,minmax(80px,1fr)); gap:12px; margin:0 0 16px; }
.activity[hidden] { display:none; }
.activity div { padding:10px 8px; border:1px solid #736040; background:#0a1822; text-align:center; }
.activity dt { color:#f9e7b3; font:600 max(28px,2cqw)/1.1 Inter,Arial,sans-serif; }
.activity dd { margin:4px 0 0; color:#c9cfcf; font-size:.85em; line-height:1.3; }
.updates { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)); gap:12px; }
.updates li { display:flex; }
.update-link { flex:1; display:flex; flex-direction:column; gap:6px; padding:16px; border:1px solid #736040; background:#0a1822; overflow-wrap:anywhere; color:inherit; text-decoration:none; cursor:pointer; transition:border-color .15s, background .15s; }
.update-link:hover, .update-link:focus-visible { border-color:#edd59e; background:#0f2230; }
.update-link:focus-visible { outline:2px solid #f1e3bd; outline-offset:2px; }
.update-more { margin-top:auto; padding-top:4px; color:#edd59e; font-style:normal; font-weight:600; font-size:.92em; }
.update-link:hover .update-more { text-decoration:underline; }
#news-list { display:block; list-style:none; margin:0; padding:0; }
#news-list li { max-width:none; }
.news li { display:flex; flex-direction:column; gap:4px; padding:12px 0; border-bottom:1px solid rgba(201,163,92,.25); scroll-margin-top:12px; }
.news li:last-child { border-bottom:0; }
.news li time { color:#edd59e; font-weight:600; }
.news li p { margin:0; }
.news li.is-target { outline:2px solid #edd59e; outline-offset:4px; }
.updates time { align-self:flex-start; padding:2px 10px; border-radius:999px; background:#edd59e; color:#1a1006; font-weight:700; font-size:.9em; }
.updates b { color:#f3e6c8; }
.updates span { color:#c9cfcf; font-size:.92em; }
.alive-note { margin:16px 0 0; color:#b8c0c2; font-size:.88em; text-align:center; }
.alive-note a { color:#edd59e; }
@media (max-width:600px) { .launch-sep { display:none; } .launch-dates { flex-direction:column; } }
/* #860: панель не перекрывает контент — пока она видна, внизу страницы резерв под её высоту. */
body.sticky-on { padding-bottom:88px; }
@media (max-width:600px) { body.sticky-on { padding-bottom:104px; } }
/* #860: телефон — hero на высоту экрана, одна строка навигации над логотипом, текст в ширину экрана. */
@media (max-width:600px) {
  .reference-hero { --hero-block-height:min(100svh,680px); }
  .site-header { top:12px; }
  .reference-nav { flex-wrap:nowrap; gap:8px 14px; font-size:13px; }
  .reference-nav > a:not([href="#start"]):not([href="#faq"]) { display:none; }
  .reference-nav .realm-pill, .reference-nav .realm-status { flex-basis:auto; font-size:13px; }
  .dot { width:7px; height:7px; margin-right:5px; }
  .eyebrow { top:45%; width:calc(100vw - 32px); font-size:13px; }
  .promise { top:50%; width:calc(100vw - 32px); font-size:34px; }
  .lead { top:62%; width:calc(100vw - 32px); font-size:16px; }
  .cta { top:71%; width:min(300px,calc(100vw - 48px)); }
  .cta a { font-size:22px; }
  .hero-limit { top:83%; width:calc(100vw - 32px); font-size:12px; }
}

/* #922: требование к клиенту — на первом экране, не мелким шрифтом; замена .exe на телефонах и не-Windows. */
.client-notice {
  position:absolute; top:91.5%; left:50%; transform:translateX(-50%); width:44%; margin:0;
  padding:.45em .9em; border:1px solid rgba(232,196,120,.55); border-radius:6px; background:rgba(8,18,27,.82);
  color:#f3e6c6; font:500 max(14px,1cqw)/1.35 'Inter',system-ui,sans-serif; text-align:center;
}
.client-notice b { color:#ffe9b6; }
.client-notice a { color:#ffd98a; white-space:nowrap; }
.hero-limit a { color:#ffd98a; }
.no-exe-start { display:none; }
.no-exe #launcher-link, .no-exe .download-facts, .no-exe .download-smartscreen { display:none !important; }
.no-exe .no-exe-start { display:grid; gap:12px; }
.no-exe-note { margin:0; color:#f3e6c6; font-size:15px; line-height:1.45; }
.no-exe-start .btn-ghost { min-height:48px; border:1px solid rgba(232,196,120,.6); border-radius:6px; background:rgba(8,18,27,.7);
  color:#ffe9b6; font:600 16px 'Inter',system-ui,sans-serif; cursor:pointer; }
.send-link-msg { margin:0; min-height:1.2em; color:#cfe3c0; font-size:14px; word-break:break-all; }
#build-check code { font-size:.95em; }
@media (max-width:600px) {
  .client-notice { top:88.5%; width:calc(100vw - 32px); font-size:13px; }
  .download-column { width:calc(100vw - 32px); }
}
.no-exe-start .btn-play, .no-exe-start .btn-play .cta-label { font-size:20px; min-height:56px; display:flex; align-items:center; justify-content:center; }
@media (max-width:600px) { .no-exe .cta a { font-size:18px; padding-right:12px; } }