/* PAR public site v2 — navigation and multipage composition only.
   Brand colors, typography and signature scenes stay in live-baseline.html. */

html,
body {
  max-width: 100%;
  overflow-x: clip;
}

.hero-fact span {
  color: #625d54;
}

.metric span {
  color: #5f675f;
}

.hero .eyebrow {
  color: #80602b;
}

/* Accessible matte-gold for compact labels on public inner pages. */
.subpage-main .section-kicker,
.subpage-main .pillar-num,
.subpage-main .flow-num,
.subpage-main .micro-label {
  color: #80602b;
}

.skip-link {
  position: fixed;
  z-index: 10000;
  top: 8px;
  left: 8px;
  padding: 12px 16px;
  border-radius: 999px;
  background: #282622;
  color: #fffdf8;
  transform: translateY(-160%);
}

.skip-link:focus {
  transform: translateY(0);
}

.site-header {
  column-gap: clamp(18px, 3vw, 46px);
}

.global-nav {
  min-width: 0;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(14px, 1.7vw, 28px);
}

.global-nav a {
  position: relative;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  color: #625d54;
  font-size: 12px;
  font-weight: 780;
  letter-spacing: .055em;
  white-space: nowrap;
  text-transform: uppercase;
}

.global-nav a::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 4px;
  left: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, #b79a61, transparent);
  opacity: 0;
  transform: scaleX(.45);
  transition: opacity .2s ease, transform .2s ease;
}

.global-nav a:hover,
.global-nav a:focus-visible,
.global-nav a[aria-current="page"] { color: #282622; }

.global-nav a:hover::after,
.global-nav a:focus-visible::after,
.global-nav a[aria-current="page"]::after {
  opacity: 1;
  transform: scaleX(1);
}

.hero-route-link {
  width: fit-content;
  min-height: 44px;
  margin-top: 10px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  border-bottom: 1px solid rgba(128, 96, 43, .34);
  color: #625d54;
  font: 720 12px/1.35 Inter, sans-serif;
  letter-spacing: .045em;
  text-decoration: none;
  transition: color .2s ease, border-color .2s ease;
}

.hero-route-link:hover,
.hero-route-link:focus-visible {
  color: #80602b;
  border-color: #80602b;
}

.hero-route-link:focus-visible {
  outline: 3px solid #31578c;
  outline-offset: 4px;
}

/* v37: Денис убрал правую плавающую листалку главной. Оставляем anchors в HTML
   для совместимости старого JS, но визуально и интерактивно rail больше не
   занимает правый край рядом с техподдержкой. */
.scroll-rail {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Historical styling kept inert below in case the rail is ever deliberately
   returned with a new product decision. */
.scroll-rail {
  gap: 0;
  pointer-events: auto;
}

.scroll-rail a {
  position: relative;
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center end;
  color: #625d54;
  text-decoration: none;
}

.scroll-rail a::before {
  content: attr(data-label);
  position: absolute;
  top: 50%;
  right: 48px;
  max-width: min(240px, calc(100vw - 96px));
  padding: 9px 12px;
  border: 1px solid rgba(85, 67, 40, .16);
  border-radius: 10px;
  background: rgba(255, 253, 248, .96);
  box-shadow: 0 16px 38px -24px rgba(51, 43, 29, .48);
  color: #282622;
  font: 720 11px/1.25 Inter, sans-serif;
  letter-spacing: .045em;
  white-space: nowrap;
  opacity: 0;
  transform: translate(8px, -50%);
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease;
}

.scroll-rail a:hover::before,
.scroll-rail a:focus-visible::before {
  opacity: 1;
  transform: translate(0, -50%);
}

.scroll-rail a:focus-visible {
  outline: 3px solid #31578c;
  outline-offset: 0;
  border-radius: 10px;
}

.scroll-rail a.active i {
  width: 24px;
  background: var(--violet);
  transform: translateX(-15px);
}

#tools,
#start-par {
  scroll-margin-top: 96px;
}

.subpage-main {
  --inner-ink: #24221e;
  --inner-text: #4f4c46;
  --inner-muted: #68635a;
  --inner-hair: rgba(70, 56, 35, .14);
  padding-top: 86px;
  color: var(--inner-ink);
}

.subpage-hero {
  width: min(calc(100% - 64px), 1320px);
  min-height: min(760px, calc(100svh - 86px));
  margin: 0 auto;
  padding: clamp(72px, 8vw, 118px) 0 clamp(70px, 8vw, 110px);
  display: grid;
  grid-template-columns: minmax(0, .84fr) minmax(480px, 1.16fr);
  align-items: center;
  gap: clamp(44px, 6vw, 92px);
  border-bottom: 1px solid var(--inner-hair);
}

.subpage-hero__copy,
.subpage-hero > * { min-width: 0; max-width: 100%; }

.subpage-hero h1 {
  max-width: 11ch;
  margin: 18px 0 26px;
  color: var(--inner-ink);
  font: 690 clamp(58px, 5.7vw, 82px)/.94 Inter, sans-serif;
  letter-spacing: -.045em;
  text-wrap: balance;
}

.subpage-hero p:not(.section-kicker) {
  max-width: 54ch;
  margin: 0;
  color: var(--inner-text);
  font-size: clamp(17px, 1.45vw, 20px);
  line-height: 1.55;
}

.subpage-hero .product-stage {
  height: auto;
  min-height: 560px;
  margin: 0;
  padding: 16px;
  transform: none;
  border: 1px solid var(--inner-hair);
  border-radius: 32px;
  background: linear-gradient(145deg, #fffdf8, #eee9df);
  box-shadow: 0 34px 92px -62px rgba(40, 38, 34, .72);
}

.subpage-hero .product-stage:hover { transform: none; }
.subpage-hero .workspace { min-height: 528px; }

/* Inner workspaces follow the homepage PAR WORK card-deck direction: one
   clean active sheet and two tilted sheets behind it, without the green
   photographic property background. */
.subpage-hero .par-work-deck {
  isolation: isolate;
  overflow: hidden;
  padding: clamp(26px, 2.4vw, 38px);
  border-color: rgba(126, 93, 39, .18);
  background:
    radial-gradient(ellipse at 18% 16%, rgba(255,255,255,.84), transparent 30%),
    radial-gradient(ellipse at 84% 78%, rgba(218,199,160,.2), transparent 34%),
    linear-gradient(145deg, #faf8f3, #f0ede6 58%, #f4f0e7);
  box-shadow: 0 38px 100px -62px rgba(87,65,31,.5);
}

.par-work-deck::before,
.par-work-deck::after {
  content: "";
  position: absolute;
  z-index: 0;
  inset: clamp(42px, 4vw, 62px) clamp(22px, 3vw, 46px);
  border: 1px solid rgba(126,93,39,.2);
  border-radius: 34px;
  background: linear-gradient(145deg, #fffdf8, #f1ece1);
  box-shadow: 0 30px 80px rgba(87,65,31,.09);
  pointer-events: none;
}

.par-work-deck::before { transform: translate(-18px, 8px) rotate(-4deg) scale(.965); opacity: .72; }
.par-work-deck::after { transform: translate(19px, 14px) rotate(3.4deg) scale(.97); opacity: .78; }
.par-work-deck .property-scene { display: none; }

.subpage-hero .par-work-deck .workspace {
  position: relative;
  z-index: 2;
  padding: clamp(20px, 2vw, 28px);
  border: 1px solid rgba(160,122,56,.5);
  border-radius: 34px;
  background: linear-gradient(145deg, rgba(255,253,248,.99), rgba(240,236,228,.98));
  box-shadow: 0 40px 110px rgba(87,65,31,.16), 0 0 0 1px rgba(214,190,142,.34);
  transform: rotate(-.45deg);
  transition: transform .42s cubic-bezier(.22,.9,.26,1), box-shadow .42s ease;
}

.subpage-hero .par-work-deck:hover .workspace {
  transform: none;
  box-shadow: 0 46px 120px rgba(87,65,31,.19), 0 0 0 1px rgba(214,190,142,.42);
}

.par-work-deck .workspace-top { position: relative; z-index: 2; }
.par-work-deck .status-dot { background: #b18a4c; box-shadow: 0 0 0 5px rgba(177,138,76,.13); }
.par-work-deck .property-chip { margin-top: 30px; border-color: rgba(126,93,39,.18); background: rgba(255,253,248,.88); }
.par-work-deck .cockpit { position: relative; z-index: 2; grid-template-columns: 150px minmax(0,1fr); gap: 14px; }
.par-work-deck .cockpit-nav,
.par-work-deck .cockpit-panel {
  border-color: rgba(126,93,39,.18);
  background: rgba(255,253,248,.9);
  box-shadow: 0 18px 48px rgba(87,65,31,.08);
}
.par-work-deck .cockpit-tab { border: 1px solid transparent; color: #716b61; }
.par-work-deck .cockpit-tab[aria-selected="true"] {
  border-color: rgba(160,122,56,.38);
  background: linear-gradient(145deg, #fffdf8, #eee7d9);
  color: #282622;
  box-shadow: 0 12px 30px rgba(87,65,31,.1);
}
.par-work-deck .cockpit-tab[aria-selected="true"]::before { border-color: #a07a3f; background: #a07a3f; }
.par-work-deck .cockpit-panel { min-height: 300px; }
.par-work-deck .metric { background: #f3eee5; }

.subpage-hero [data-cockpit-rotator] .cockpit-panel {
  min-height: 290px;
  display: grid;
}

.subpage-hero [data-cockpit-rotator] .cockpit-view {
  grid-area: 1 / 1;
  display: block;
  visibility: hidden;
  opacity: 0;
  transform: translateY(7px);
  pointer-events: none;
  transition: opacity .42s ease, transform .42s ease;
}

.subpage-hero [data-cockpit-rotator] .cockpit-view.active {
  visibility: visible;
  opacity: 1;
  transform: none;
  pointer-events: auto;
  animation: none;
}

.cockpit-autoplay-toggle {
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid rgba(85, 67, 40, .17);
  border-radius: 999px;
  background: rgba(255, 253, 248, .82);
  color: #6f695f;
  cursor: pointer;
  font: 760 10px/1 Inter, sans-serif;
  letter-spacing: .04em;
}

.cockpit-autoplay-toggle:hover,
.cockpit-autoplay-toggle:focus-visible { border-color: rgba(128, 96, 43, .48); color: #282622; }
.subpage-hero .property-scene {
  background-image:
    linear-gradient(180deg, rgba(22, 92, 53, .04), rgba(22, 92, 53, .34)),
    url("/photos/after/photo1.webp");
}

/* The inner pages intentionally use Inter for Cyrillic display. Urbanist in
   the public subset contains Latin glyphs only, so pretending otherwise made
   Russian headings fall back at an overly compressed weight and tracking. */
.subpage-main .section-title,
.subpage-main .ani-copy h3,
.subpage-main .final h2 {
  font-family: Inter, sans-serif;
  font-weight: 680;
  line-height: .98;
  letter-spacing: -.042em;
  text-transform: none;
}

.subpage-main .section-title {
  max-width: 15ch;
  font-size: clamp(40px, 4.2vw, 60px);
}

.subpage-main .section-intro,
.subpage-main .flow-step p,
.subpage-main .ani-copy p,
.subpage-main .boundary-list li,
.subpage-main .faq-answer p,
.subpage-main .final p { color: var(--inner-text); }

.subpage-main > .section,
.subpage-main .dark-section .section { padding-top: clamp(78px, 8vw, 108px); padding-bottom: clamp(78px, 8vw, 108px); }
.subpage-main .flow { margin-top: 56px; }
.subpage-main .flow-step { min-height: 250px; }
.subpage-main .flow-step h3 { margin-top: 66px; font-family: Inter, sans-serif; font-weight: 670; }
.subpage-main .roles-shell { margin-top: 54px; }
.subpage-main .ani-card { margin-top: 60px; }
.subpage-main .ani-copy h3 { font-size: clamp(38px, 4vw, 56px); }
.subpage-main .boundary { margin-top: 56px; }
.subpage-main .faq { margin-top: 54px; }
.subpage-main .faq-button { font-family: Inter, sans-serif; text-transform: none; }
.subpage-main .final h2 { font-size: clamp(48px, 5.5vw, 76px); }

.subpage-jump {
  margin-top: 34px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.subpage-jump a {
  min-height: 46px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(85, 67, 40, .18);
  border-radius: 999px;
  background: rgba(255, 253, 248, .72);
  color: var(--inner-text);
  font-size: 12px;
  font-weight: 760;
  letter-spacing: .02em;
}

.capability-hero { grid-template-columns: minmax(0, 1fr) minmax(460px, .9fr); }
.capability-hero h1 { max-width: 12ch; font-size: clamp(56px, 5.4vw, 78px); }

.capability-showcase {
  position: relative;
  min-height: 590px;
  padding: 82px 34px 42px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid var(--inner-hair);
  border-radius: 40px;
  background:
    radial-gradient(circle at 15% 18%, rgba(255, 255, 255, .88), transparent 27%),
    radial-gradient(circle at 84% 78%, rgba(216, 197, 157, .28), transparent 32%),
    linear-gradient(145deg, #faf8f3, #ece8df 62%, #f5f1e8);
  box-shadow: 0 38px 100px -62px rgba(74, 54, 25, .62);
}

.capability-outline {
  position: absolute;
  inset: 0 0 auto;
  height: 54px;
  display: flex;
  align-items: center;
  overflow: hidden;
  color: rgba(255, 253, 248, .88);
  background: #8f6d36;
  font: 820 10px/1 Inter, sans-serif;
  letter-spacing: .17em;
  text-transform: uppercase;
  white-space: nowrap;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
  pointer-events: none;
}

.capability-outline__track {
  width: max-content;
  display: flex;
  align-items: center;
  animation: capability-drift 22s linear infinite;
}

.capability-outline span {
  flex: none;
  padding-right: 38px;
}

.capability-outline span:nth-child(2) { color: #ead7a9; }

.capability-showcase .capability-product-stage {
  position: relative;
  z-index: 1;
  width: 100%;
  min-height: 530px;
  margin: 0;
  padding: 16px;
  border-color: rgba(154, 116, 51, .28);
  background: linear-gradient(145deg, rgba(255,253,248,.98), rgba(236,231,221,.95));
  box-shadow: 0 42px 105px rgba(87,65,31,.17);
  transform: none;
}

.capability-showcase .capability-product-stage.par-work-deck {
  padding: clamp(26px, 2.4vw, 38px);
  background:
    radial-gradient(ellipse at 18% 16%, rgba(255,255,255,.84), transparent 30%),
    radial-gradient(ellipse at 84% 78%, rgba(218,199,160,.2), transparent 34%),
    linear-gradient(145deg, #faf8f3, #f0ede6 58%, #f4f0e7);
}

@media (min-width: 801px) {
  .capability-product-stage.par-work-deck .cockpit { grid-template-columns: 112px minmax(0,1fr); gap: 10px; }
  .capability-product-stage.par-work-deck .cockpit-tab { padding-inline: 8px; }
  .capability-product-stage.par-work-deck .cockpit-panel { padding: 20px; }
  .capability-product-stage.par-work-deck .cockpit-panel h2 { font-size: clamp(24px, 2vw, 30px); overflow-wrap: normal; }
  .capability-product-stage.par-work-deck .metric { padding: 9px 7px; }
  .capability-product-stage.par-work-deck .metric strong { font-size: 13px; }
}

.capability-showcase .capability-product-stage:hover { transform: none; }
.capability-showcase .capability-product-stage .workspace { min-height: 496px; }

.capability-rhythm {
  position: relative;
  z-index: 1;
  width: 100%;
  margin: 24px 0 0;
  padding: 18px 2px 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  border-top: 1px solid rgba(85, 67, 40, .2);
  list-style: none;
}

.capability-rhythm li { min-width: 0; }
.capability-rhythm strong { display: block; color: #80602b; font-size: 10px; font-weight: 820; letter-spacing: .12em; text-transform: uppercase; }
.capability-rhythm span { display: block; margin-top: 6px; color: #514d46; font-size: 13px; font-weight: 680; }

@keyframes capability-drift { to { transform: translateX(-50%); } }

.capability-index { scroll-margin-top: 100px; }

.capability-grid {
  margin-top: 72px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.capability-group {
  position: relative;
  min-height: 430px;
  padding: clamp(28px, 4vw, 48px);
  overflow: hidden;
  border: 1px solid var(--inner-hair);
  border-radius: 32px;
  background: #fffdf8;
}

.capability-group::before { content: ""; position: absolute; width: 220px; aspect-ratio: 1; right: -95px; top: -110px; border: 1px solid currentColor; border-radius: 50%; opacity: .1; }
.capability-group--object { background: linear-gradient(145deg, #f7fbf7, #e1eee3); }
.capability-group--market { background: linear-gradient(145deg, #fbfcfe, #e7edf5); }
.capability-group--client { background: linear-gradient(145deg, #fffdf8, #eee5d7); }
.capability-group--growth { color: #f7f4ed; background: linear-gradient(145deg, #21382a, #18231c); }
.capability-group--growth .section-kicker { color: #c9ab6b; }
.capability-group.capability-group--growth p:not(.section-kicker) { color: #c7d3ca; }

.capability-group h2 {
  margin: 16px 0 18px;
  font: 680 clamp(32px, 3.2vw, 46px)/1 Inter, sans-serif;
  letter-spacing: -.04em;
  text-wrap: balance;
}

.capability-group p { color: var(--inner-text); }
.capability-links { margin-top: 28px; display: grid; gap: 8px; }
.capability-links a,
.capability-links span {
  min-height: 48px;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border: 1px solid rgba(85, 67, 40, .14);
  border-radius: 15px;
  background: rgba(255, 255, 255, .62);
  color: var(--inner-ink);
  font-weight: 700;
}
.capability-group--growth .capability-links a,
.capability-group--growth .capability-links span { border-color: rgba(255,255,255,.16); color: #f7f4ed; background: rgba(255,255,255,.07); }
.capability-links a::after { content: "↗"; color: #92713a; }
.capability-links span::after { content: "В ПАР"; color: #92713a; font-size: 10px; letter-spacing: .1em; }
.capability-group--growth .capability-links a::after,
.capability-group--growth .capability-links span::after { color: #c9ab6b; }

.capability-proof {
  width: min(calc(100% - 64px), 1320px);
  margin: 0 auto clamp(76px, 9vw, 128px);
  padding: clamp(46px, 6vw, 78px);
  display: grid;
  grid-template-columns: minmax(120px, .35fr) minmax(0, 1.35fr) auto;
  align-items: end;
  gap: clamp(24px, 5vw, 68px);
  border-radius: 34px;
  color: #f7f4ed;
  background: #18231c;
}
.capability-proof .section-kicker { align-self: start; color: #c9ab6b; }
.capability-proof p:not(.section-kicker) { max-width: 34ch; margin: 0; color: #d3ddd5; font: 650 clamp(27px, 3vw, 42px)/1.08 Inter, sans-serif; letter-spacing: -.035em; }
.capability-proof a { min-height: 48px; display: inline-flex; align-items: center; gap: 12px; border-bottom: 1px solid rgba(201,171,107,.5); color: #fffdf8; font-weight: 700; }

@media (max-width: 1120px) {
  .site-header { flex-wrap: wrap; row-gap: 4px; }
  .global-nav { order: 3; width: 100%; margin-left: 0; justify-content: flex-start; }
  .subpage-main { padding-top: 118px; }
}

@media (max-width: 1050px) {
  .subpage-hero,
  .capability-hero { grid-template-columns: 1fr; }
  .subpage-hero__copy { max-width: 760px; }
  .subpage-hero .product-stage { min-height: 540px; }
  .capability-showcase { min-height: 580px; }
  .capability-proof { grid-template-columns: 1fr; align-items: start; }
  .capability-proof a { width: fit-content; }
}

@media (max-width: 800px) {
  .site-header { padding-bottom: 8px; }
  .global-nav {
    margin-inline: -16px;
    padding: 0 16px;
    gap: 22px;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .global-nav::-webkit-scrollbar { display: none; }
  .global-nav a { min-height: 48px; font-size: 10px; }
  .hero { padding-top: 136px; }
  .capability-grid { grid-template-columns: 1fr; }
  .hero-route-link { min-height: 48px; }
  .subpage-main { padding-top: 116px; }
  .subpage-hero {
    width: calc(100% - 36px);
    min-height: 0;
    padding: 62px 0 74px;
    align-content: start;
    gap: 46px;
  }
  .subpage-hero h1 { max-width: 12ch; font-size: clamp(40px, 11.2vw, 48px); line-height: .96; letter-spacing: -.04em; }
  .subpage-hero .product-stage { min-height: 510px; padding: 12px; border-radius: 26px; }
  .subpage-hero .workspace { min-height: 484px; }
  .subpage-hero .par-work-deck { padding: 24px 14px; }
  .par-work-deck::before,
  .par-work-deck::after { inset: 38px 18px; border-radius: 26px; }
  .par-work-deck::before { transform: translate(-8px, 6px) rotate(-2.4deg) scale(.975); }
  .par-work-deck::after { transform: translate(9px, 10px) rotate(2.2deg) scale(.98); }
  .subpage-hero .par-work-deck .workspace { min-height: 484px; padding: 18px 14px; border-radius: 26px; transform: none; }
  .par-work-deck .property-chip { margin-top: 22px; max-width: 100%; }
  .par-work-deck .cockpit { grid-template-columns: 1fr; }
  .par-work-deck .cockpit-nav { grid-template-columns: repeat(4, minmax(0,1fr)); gap: 4px; }
  .par-work-deck .cockpit-tab { min-height: 46px; padding: 0 7px; justify-content: center; font-size: 10px; text-align: center; }
  .par-work-deck .cockpit-tab::before { display: none; }
  .par-work-deck .cockpit-panel { min-height: 286px; padding: 20px; }
  .subpage-main .section-title { max-width: 16ch; font-size: clamp(34px, 9.4vw, 42px); line-height: 1; letter-spacing: -.038em; overflow-wrap: normal; }
  .subpage-main .flow-step h3 { margin-top: 34px; }
  .subpage-main .final h2 { font-size: clamp(40px, 11vw, 52px); line-height: .98; }
  .capability-showcase { min-height: 0; padding: 68px 12px 24px; border-radius: 28px; }
  .capability-outline { height: 46px; font-size: 8px; }
  .capability-showcase .capability-product-stage { min-height: 510px; padding: 12px; border-radius: 26px; }
  .capability-showcase .capability-product-stage.par-work-deck { padding: 24px 14px; }
  .capability-showcase .capability-product-stage .workspace { min-height: 486px; }
  .capability-rhythm { grid-template-columns: 1fr; gap: 11px; padding-top: 16px; }
  .capability-rhythm li { display: grid; grid-template-columns: 90px minmax(0, 1fr); align-items: baseline; gap: 12px; }
  .capability-rhythm span { margin-top: 0; }
  .capability-group { min-height: 0; border-radius: 26px; }
  .capability-group h2 { font-size: clamp(29px, 8vw, 36px); }
  .capability-proof { width: calc(100% - 36px); padding: 38px 24px; border-radius: 26px; }
  .capability-proof p:not(.section-kicker) { font-size: clamp(25px, 7.8vw, 34px); }
  .scroll-rail {
    right: max(2px, env(safe-area-inset-right));
    gap: 0;
  }
  .scroll-rail a { width: 44px; height: 44px; }
}

/* v35: the public header must not look cut on phones.
   Keep the same four routes, but render them as a fitted tap grid instead of a
   half-visible horizontal strip. */
@media (max-width: 800px) {
  .site-header .global-nav {
    width: 100%;
    margin-inline: 0;
    padding-inline: 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    overflow: visible;
    scroll-padding-inline: 0;
  }

  .site-header .global-nav a {
    min-width: 0;
    justify-content: center;
    text-align: center;
    white-space: normal;
    overflow-wrap: normal;
    line-height: 1.08;
    letter-spacing: .035em;
    font-size: clamp(8.4px, 2.45vw, 10px);
    text-transform: none;
  }
}

@media (max-width: 390px) {
  .site-header .global-nav { gap: 5px; }
  .site-header .global-nav a { font-size: 8.6px; }
  .subpage-hero h1 { font-size: clamp(38px, 10.8vw, 43px); }
  .subpage-hero .product-stage { min-height: 490px; }
  .subpage-hero .workspace { min-height: 466px; }
}

@media (max-width: 340px) {
  .site-header { column-gap: 8px; }
  .brand { gap: 8px; }
}

@media (prefers-reduced-motion: reduce) {
  .global-nav a::after { transition: none; }
  .scroll-rail a::before { transition: none; }
  .capability-outline__track { animation: none; }
  .subpage-hero [data-cockpit-rotator] .cockpit-view { transition: none; }
}

@media (hover: none) {
  .scroll-rail a::before { display: none; }
}

/* v37 final override: правый rail главной снят по продуктовой правке. */
.scroll-rail {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}