/* Corporate page reference-match pass, 2026-10-19. */

/* A genuine reflowed mobile composition inside the hero phone. */
.moscow-v4.page-corporate .corporate-mobile-browser{
  width:132px;
  height:242px;
  border:5px solid #171719;
  border-radius:24px;
  background:#fff;
  box-shadow:0 20px 38px rgba(25,20,45,.24);
}
.moscow-v4.page-corporate .corporate-mobile-browser::before{
  z-index:8;
  top:4px;
  right:auto;
  left:50%;
  width:34px;
  height:5px;
  border:0;
  border-radius:10px;
  background:#171719;
  transform:translateX(-50%);
}
.moscow-v4.page-corporate .corporate-mobile-browser::after{content:none}
.moscow-v4.page-corporate .corporate-mobile-site{
  display:flex;
  width:100%;
  height:100%;
  flex-direction:column;
  color:#f8f5f0;
  background:#171715;
  overflow:hidden;
}
.moscow-v4.page-corporate .corporate-mobile-head{
  display:flex;
  min-height:24px;
  padding:9px 7px 3px;
  align-items:center;
  justify-content:space-between;
  color:#fff;
  font:700 4px/1 Onest,Arial,sans-serif;
  letter-spacing:.02em;
}
.moscow-v4.page-corporate .corporate-mobile-head span{display:flex;align-items:center;gap:3px}
.moscow-v4.page-corporate .corporate-mobile-head i{display:grid;width:11px;height:11px;border:1px solid #a06b4b;place-items:center;color:#c28d69;font-size:5px;font-style:normal}
.moscow-v4.page-corporate .corporate-mobile-head b,
.moscow-v4.page-corporate .corporate-mobile-head b::before,
.moscow-v4.page-corporate .corporate-mobile-head b::after{display:block;width:10px;height:1px;background:#d9d5ce;content:""}
.moscow-v4.page-corporate .corporate-mobile-head b{position:relative}
.moscow-v4.page-corporate .corporate-mobile-head b::before{position:absolute;top:-3px;left:0}
.moscow-v4.page-corporate .corporate-mobile-head b::after{position:absolute;top:3px;left:0}
.moscow-v4.page-corporate .corporate-mobile-intro{padding:8px 8px 7px;color:#fff;background:#191917}
.moscow-v4.page-corporate .corporate-mobile-intro small,
.moscow-v4.page-corporate .corporate-mobile-intro strong,
.moscow-v4.page-corporate .corporate-mobile-intro p,
.moscow-v4.page-corporate .corporate-mobile-intro>span{display:block}
.moscow-v4.page-corporate .corporate-mobile-intro small{margin-bottom:4px;color:#c68f6b;font:700 3.6px/1 Onest,Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em}
.moscow-v4.page-corporate .corporate-mobile-intro strong{max-width:90px;font:700 10px/.94 Georgia,serif;text-transform:uppercase}
.moscow-v4.page-corporate .corporate-mobile-intro p{margin:5px 0;color:#d2cfca;font:500 4px/1.25 Onest,Arial,sans-serif}
.moscow-v4.page-corporate .corporate-mobile-intro>span{width:max-content;padding:4px 6px;color:#fff;background:#aa6845;font:700 3.5px/1 Onest,Arial,sans-serif;text-transform:uppercase}
.moscow-v4.page-corporate .corporate-mobile-photo{
  min-height:53px;
  background:url('/images/development/new-cases/masshtab-pro-home.webp') 76% 4%/290% auto no-repeat;
}
.moscow-v4.page-corporate .corporate-mobile-stats{display:grid;grid-template-columns:1fr 1fr;color:#2c2926;background:#f5f1ea}
.moscow-v4.page-corporate .corporate-mobile-stats span{min-width:0;padding:5px 6px;border-right:1px solid #ded7cd}
.moscow-v4.page-corporate .corporate-mobile-stats span:last-child{border:0}
.moscow-v4.page-corporate .corporate-mobile-stats b,
.moscow-v4.page-corporate .corporate-mobile-stats small{display:block}
.moscow-v4.page-corporate .corporate-mobile-stats b{font:700 8px/1 Georgia,serif}
.moscow-v4.page-corporate .corporate-mobile-stats small{margin-top:2px;font:500 3.4px/1.1 Onest,Arial,sans-serif}
.moscow-v4.page-corporate .corporate-mobile-projects{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:6px;background:#f8f6f1;flex:1}
.moscow-v4.page-corporate .corporate-mobile-projects strong{grid-column:1/-1;color:#272522;font:700 6px/1 Georgia,serif}
.moscow-v4.page-corporate .corporate-mobile-projects span{min-height:31px;background:url('/images/development/new-cases/masshtab-pro-home.webp') 36% 42%/420% auto no-repeat}
.moscow-v4.page-corporate .corporate-mobile-projects span:last-child{background-position:71% 42%}

/* Reference-style structure section with a laptop and floating benefits card. */
.moscow-v4.page-corporate .corporate-structure{
  grid-template-columns:minmax(0,.82fr) minmax(480px,1.18fr);
  min-height:260px;
  margin-top:16px;
  border:0;
  border-radius:0;
  background:#fff;
}
.moscow-v4.page-corporate .corporate-structure .bc-structure-copy{padding:24px 20px 20px 28px}
.moscow-v4.page-corporate .corporate-structure .bc-structure-copy h2{max-width:430px;font-size:29px;line-height:1.02}
.moscow-v4.page-corporate .corporate-structure .bc-structure-copy>p{margin:8px 0 14px;font-size:10px;line-height:1.4}
.moscow-v4.page-corporate .corporate-structure .bc-structure-copy>ul{display:grid;margin:0;padding:0;gap:6px;list-style:none}
.moscow-v4.page-corporate .corporate-structure .bc-structure-copy>ul>li{
  position:relative;
  display:block;
  grid-template-columns:none;
  min-height:21px;
  padding:4px 0 3px 31px;
  color:#34333a;
  font:650 9px/1.25 Onest,Arial,sans-serif;
}
.moscow-v4.page-corporate .corporate-structure .bc-structure-copy>ul>li::before{
  content:"✓";
  position:absolute;
  top:1px;
  left:0;
  display:grid;
  width:22px;
  height:22px;
  border-radius:50%;
  place-items:center;
  color:#6b43db;
  background:#eee9ff;
  font:900 9px/1 Onest,Arial,sans-serif;
}
.moscow-v4.page-corporate .corporate-structure-visual{
  position:relative;
  min-height:258px;
  background:
    radial-gradient(circle at 14% 80%,rgba(143,96,255,.13) 0 54px,transparent 55px),
    radial-gradient(circle at 83% 28%,rgba(143,96,255,.11) 0 58px,transparent 59px),
    radial-gradient(circle at 94% 66%,rgba(143,96,255,.19) 0 15px,transparent 16px),
    linear-gradient(135deg,#fff 8%,#faf8ff 100%);
  overflow:hidden;
}
.moscow-v4.page-corporate .corporate-laptop{position:absolute;z-index:2;top:20px;left:5%;width:69%;height:215px}
.moscow-v4.page-corporate .corporate-laptop::before{
  content:"";
  position:absolute;
  z-index:2;
  right:13%;
  bottom:0;
  left:13%;
  height:7px;
  border-radius:0 0 22px 22px;
  background:linear-gradient(#a7a7ad,#ededf0);
  box-shadow:0 5px 9px rgba(31,25,50,.16);
}
.moscow-v4.page-corporate .corporate-laptop::after{
  content:"";
  position:absolute;
  z-index:3;
  right:-5%;
  bottom:7px;
  left:-5%;
  height:12px;
  border-radius:2px 2px 12px 12px;
  background:linear-gradient(180deg,#f7f7f9,#b9b9bf);
  clip-path:polygon(5% 0,95% 0,100% 78%,62% 100%,38% 100%,0 78%);
}
.moscow-v4.page-corporate .corporate-structure-visual .corporate-laptop .bc-browser{
  inset:0 0 19px;
  width:auto;
  height:auto;
  border:7px solid #17171a;
  border-bottom-width:10px;
  border-radius:10px 10px 4px 4px;
  background:#17171a;
  box-shadow:0 18px 30px rgba(35,27,63,.19);
}
.moscow-v4.page-corporate .corporate-structure-visual .corporate-laptop .bc-browser::before,
.moscow-v4.page-corporate .corporate-structure-visual .corporate-laptop .bc-browser::after{content:none}
.moscow-v4.page-corporate .corporate-structure-visual .corporate-laptop img{width:100%;height:100%;object-fit:cover;object-position:top}
.moscow-v4.page-corporate .corporate-structure-benefits{
  position:absolute;
  z-index:5;
  top:59px;
  right:3%;
  width:184px;
  padding:12px 13px;
  border:1px solid rgba(99,67,181,.08);
  border-radius:12px;
  background:rgba(255,255,255,.96);
  box-shadow:0 13px 28px rgba(73,48,135,.12);
}
.moscow-v4.page-corporate .corporate-structure-benefits ul{display:grid;margin:0;padding:0;gap:8px;list-style:none}
.moscow-v4.page-corporate .corporate-structure-benefits li{position:relative;padding:3px 0 3px 26px;color:#47434e;font:650 8px/1.2 Onest,Arial,sans-serif}
.moscow-v4.page-corporate .corporate-structure-benefits li::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:19px;
  height:19px;
  border-radius:6px;
  background:#eee9ff url('/images/page-icons/corporate/interface.svg') center/12px no-repeat;
}
.moscow-v4.page-corporate .corporate-structure-benefits li:nth-child(2)::before{background-image:url('/images/page-icons/corporate/responsive.svg')}
.moscow-v4.page-corporate .corporate-structure-benefits li:nth-child(3)::before{background-image:url('/images/page-icons/corporate/hierarchy.svg')}
.moscow-v4.page-corporate .corporate-structure-benefits li:nth-child(4)::before{background-image:url('/images/page-icons/corporate/growth.svg')}

@media(max-width:900px){
  .moscow-v4.page-corporate .corporate-structure{grid-template-columns:1fr;min-height:0}
  .moscow-v4.page-corporate .corporate-structure-visual{min-height:310px}
  .moscow-v4.page-corporate .corporate-laptop{top:26px;left:5%;width:73%;height:250px}
  .moscow-v4.page-corporate .corporate-structure-benefits{top:78px;right:4%;width:190px}
}

@media(max-width:700px){
  .moscow-v4.page-corporate .bc-hero-visual{min-height:220px}
  .moscow-v4.page-corporate .corporate-mobile-browser{right:0;bottom:14px;width:102px;height:190px}
  .moscow-v4.page-corporate .corporate-mobile-intro{padding:6px}
  .moscow-v4.page-corporate .corporate-mobile-intro strong{font-size:8px}
  .moscow-v4.page-corporate .corporate-mobile-photo{min-height:39px}
  .moscow-v4.page-corporate .corporate-mobile-projects{padding:4px}
  .moscow-v4.page-corporate .corporate-mobile-projects span{min-height:21px}

  .moscow-v4.page-corporate .corporate-structure{display:grid;grid-template-columns:1fr;margin-top:10px;border-radius:12px;overflow:hidden}
  .moscow-v4.page-corporate .corporate-structure .bc-structure-copy{padding:18px 15px}
  .moscow-v4.page-corporate .corporate-structure .bc-structure-copy h2{font-size:25px}
  .moscow-v4.page-corporate .corporate-structure .bc-structure-copy>p{font-size:9px}
  .moscow-v4.page-corporate .corporate-structure .bc-structure-copy>ul{gap:5px}
  .moscow-v4.page-corporate .corporate-structure .bc-structure-copy>ul>li{min-height:26px;padding-left:33px;font-size:9px}
  .moscow-v4.page-corporate .corporate-structure .bc-structure-copy>ul>li::before{width:24px;height:24px}
  .moscow-v4.page-corporate .corporate-structure-visual{min-height:245px}
  .moscow-v4.page-corporate .corporate-laptop{top:30px;left:3%;width:76%;height:187px}
  .moscow-v4.page-corporate .corporate-structure-benefits{top:58px;right:2%;width:42%;padding:9px}
  .moscow-v4.page-corporate .corporate-structure-benefits ul{gap:5px}
  .moscow-v4.page-corporate .corporate-structure-benefits li{padding-left:21px;font-size:6px}
  .moscow-v4.page-corporate .corporate-structure-benefits li::before{width:16px;height:16px;background-size:10px}
}

@media(max-width:430px){
  .moscow-v4.page-corporate .corporate-structure-visual{min-height:225px}
  .moscow-v4.page-corporate .corporate-laptop{top:28px;left:2%;width:78%;height:170px}
  .moscow-v4.page-corporate .corporate-structure-benefits{top:52px;right:1%;width:44%}
}