/* Redesign page: a genuine reflowed mobile composition inside the hero phone. */
.moscow-v4.page-redesign .redesign-mobile-browser{
  width:132px;
  height:242px;
  border:5px solid #181818;
  border-radius:24px;
  background:#fff;
  box-shadow:0 20px 38px rgba(25,20,45,.24);
}
.moscow-v4.page-redesign .redesign-mobile-browser::before{
  z-index:8;
  top:4px;
  right:auto;
  left:50%;
  width:34px;
  height:5px;
  border:0;
  border-radius:10px;
  background:#181818;
  transform:translateX(-50%);
}
.moscow-v4.page-redesign .redesign-mobile-browser::after{content:none}
.moscow-v4.page-redesign .redesign-mobile-site{
  display:flex;
  width:100%;
  height:100%;
  flex-direction:column;
  color:#29251d;
  background:#fffdf7;
  overflow:hidden;
}
.moscow-v4.page-redesign .redesign-mobile-head{
  display:flex;
  min-height:32px;
  padding:10px 8px 4px;
  align-items:center;
  justify-content:space-between;
  background:#fff;
}
.moscow-v4.page-redesign .redesign-mobile-logo{
  color:#c54317;
  font:800 4px/.62 Georgia,serif;
  text-align:center;
  transform:rotate(-4deg);
}
.moscow-v4.page-redesign .redesign-mobile-logo b{font-size:8px;font-style:italic}
.moscow-v4.page-redesign .redesign-mobile-head>i,
.moscow-v4.page-redesign .redesign-mobile-head>i::before,
.moscow-v4.page-redesign .redesign-mobile-head>i::after{
  display:block;
  width:11px;
  height:1px;
  background:#302c24;
  content:"";
}
.moscow-v4.page-redesign .redesign-mobile-head>i{position:relative}
.moscow-v4.page-redesign .redesign-mobile-head>i::before{position:absolute;top:-3px;left:0}
.moscow-v4.page-redesign .redesign-mobile-head>i::after{position:absolute;top:3px;left:0}
.moscow-v4.page-redesign .redesign-mobile-hero{
  position:relative;
  min-height:66px;
  padding:9px 8px 7px;
  color:#3c2b1d;
  background:
    radial-gradient(circle at 88% 23%,rgba(255,255,255,.48) 0 8px,transparent 9px),
    radial-gradient(circle at 72% 74%,rgba(209,55,22,.30) 0 13px,transparent 14px),
    linear-gradient(118deg,#f4bd39 0 45%,#e66321 46% 68%,#77c7b3 69% 100%);
  overflow:hidden;
}
.moscow-v4.page-redesign .redesign-mobile-hero::after{
  content:"";
  position:absolute;
  right:9px;
  bottom:-10px;
  width:20px;
  height:50px;
  border:3px solid rgba(50,38,27,.72);
  border-width:3px 2px 0 0;
  border-radius:70% 35% 0 0;
  transform:rotate(-15deg);
}
.moscow-v4.page-redesign .redesign-mobile-hero small,
.moscow-v4.page-redesign .redesign-mobile-hero strong,
.moscow-v4.page-redesign .redesign-mobile-hero>span{position:relative;z-index:2;display:block}
.moscow-v4.page-redesign .redesign-mobile-hero small{font:700 3.5px/1 Onest,Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em}
.moscow-v4.page-redesign .redesign-mobile-hero strong{max-width:82px;margin-top:4px;font:900 10px/.95 Onest,Arial,sans-serif;text-transform:uppercase;letter-spacing:-.04em}
.moscow-v4.page-redesign .redesign-mobile-hero>span{width:max-content;margin-top:6px;padding:4px 7px;color:#fff;background:#b93615;font:800 3.8px/1 Onest,Arial,sans-serif;text-transform:uppercase}
.moscow-v4.page-redesign .redesign-mobile-categories{padding:7px 7px 6px;background:#fff8e8}
.moscow-v4.page-redesign .redesign-mobile-categories>b,
.moscow-v4.page-redesign .redesign-mobile-products>b{display:block;font:850 5.5px/1 Onest,Arial,sans-serif}
.moscow-v4.page-redesign .redesign-mobile-categories>div{display:grid;grid-template-columns:repeat(3,1fr);margin-top:5px;gap:3px}
.moscow-v4.page-redesign .redesign-mobile-categories span{position:relative;display:grid;min-height:23px;padding-top:13px;place-items:center;border:1px solid #ead7b4;border-radius:4px;color:#554633;background:#fff;font:700 3.2px/1 Onest,Arial,sans-serif}
.moscow-v4.page-redesign .redesign-mobile-categories span::before{content:"";position:absolute;width:7px;height:9px;margin-top:-10px;border:2px solid #db5e27;border-width:0 2px 2px;border-radius:2px;transform:skew(-8deg)}
.moscow-v4.page-redesign .redesign-mobile-products{padding:6px 7px 4px;flex:1;background:#fff}
.moscow-v4.page-redesign .redesign-mobile-products>div{display:grid;grid-template-columns:1fr 1fr;margin-top:4px;gap:4px}
.moscow-v4.page-redesign .redesign-mobile-products span{display:grid;grid-template-columns:17px 1fr;min-height:27px;padding:3px;align-items:center;border:1px solid #eee4d1;border-radius:4px;background:#fffdf8}
.moscow-v4.page-redesign .redesign-mobile-products i{position:relative;display:block;width:7px;height:18px;margin-left:4px;border-radius:55% 45% 48% 52%;background:#df5727;transform:rotate(8deg)}
.moscow-v4.page-redesign .redesign-mobile-products i::before{content:"";position:absolute;top:-7px;left:3px;width:2px;height:10px;background:#49382a}
.moscow-v4.page-redesign .redesign-mobile-products span:nth-child(2) i{background:#e4a835}
.moscow-v4.page-redesign .redesign-mobile-products small{font:650 3.2px/1.15 Onest,Arial,sans-serif}
.moscow-v4.page-redesign .redesign-mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);min-height:20px;place-items:center;border-top:1px solid #eee2cc;color:#a9421e;background:#fff;font:700 7px/1 Arial,sans-serif}

@media(max-width:700px){
  .moscow-v4.page-redesign .bc-hero-visual{min-height:220px}
  .moscow-v4.page-redesign .redesign-mobile-browser{right:0;bottom:14px;width:102px;height:190px}
  .moscow-v4.page-redesign .redesign-mobile-head{min-height:25px;padding:8px 6px 3px}
  .moscow-v4.page-redesign .redesign-mobile-hero{min-height:51px;padding:7px 6px 5px}
  .moscow-v4.page-redesign .redesign-mobile-hero strong{font-size:8px}
  .moscow-v4.page-redesign .redesign-mobile-hero>span{margin-top:4px;padding:3px 5px}
  .moscow-v4.page-redesign .redesign-mobile-categories{padding:5px}
  .moscow-v4.page-redesign .redesign-mobile-categories span{min-height:18px;padding-top:10px}
  .moscow-v4.page-redesign .redesign-mobile-products{padding:4px 5px 3px}
  .moscow-v4.page-redesign .redesign-mobile-products span{min-height:21px}
  .moscow-v4.page-redesign .redesign-mobile-products i{height:13px}
  .moscow-v4.page-redesign .redesign-mobile-nav{min-height:16px}
}

/* Reference-match pass: hero, expertise, result, cases and process. */
.moscow-v4.page-redesign .bc-hero{
  overflow:hidden;
  background:
    radial-gradient(circle at 88% 28%,rgba(120,76,238,.18),transparent 31%),
    radial-gradient(circle at 62% 72%,rgba(120,76,238,.07),transparent 28%),
    #fff;
}
.moscow-v4.page-redesign .bc-hero-grid{
  grid-template-columns:minmax(0,.9fr) minmax(510px,1.1fr);
  min-height:370px;
  gap:32px;
}
.moscow-v4.page-redesign .bc-hero-copy{padding-top:38px;padding-bottom:38px}
.moscow-v4.page-redesign .bc-hero h1{font-size:68px;line-height:.94}
.moscow-v4.page-redesign .bc-lead{max-width:585px;font-size:16px;line-height:1.48}
.moscow-v4.page-redesign .bc-actions{margin-top:22px}
.moscow-v4.page-redesign .redesign-hero-visual{min-height:342px}
.moscow-v4.page-redesign .redesign-before-device{
  position:absolute;
  z-index:1;
  top:74px;
  left:2px;
  width:178px;
  height:176px;
  overflow:hidden;
  border:5px solid #e5e3e9;
  border-radius:12px;
  background:#fff;
  box-shadow:0 16px 30px rgba(38,26,70,.10);
  filter:grayscale(1);
  opacity:.48;
  transform:rotate(-3deg);
}
.moscow-v4.page-redesign .redesign-before-device::before{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  background:rgba(245,244,247,.35);
}
.moscow-v4.page-redesign .redesign-before-device>span{
  position:absolute;
  z-index:3;
  top:7px;
  right:8px;
  padding:4px 7px;
  border-radius:999px;
  color:#6b6870;
  background:#fff;
  font:800 7px/1 Onest,Arial,sans-serif;
}
.moscow-v4.page-redesign .redesign-before-device img{width:100%;height:100%;object-fit:cover;object-position:top}
.moscow-v4.page-redesign .redesign-desktop-browser{
  z-index:3;
  top:8px;
  right:20px;
  width:405px;
  height:284px;
  border:7px solid #17171a;
  border-bottom-width:11px;
  border-radius:13px 13px 5px 5px;
  box-shadow:0 25px 45px rgba(31,21,65,.23);
}
.moscow-v4.page-redesign .redesign-desktop-browser::before{height:20px;border:0;background:#fbfbfc}
.moscow-v4.page-redesign .redesign-desktop-browser::after{top:5px;left:8px}
.moscow-v4.page-redesign .redesign-desktop-browser::selection{background:transparent}
.moscow-v4.page-redesign .redesign-desktop-browser .dream-new-site{padding-top:20px}
.moscow-v4.page-redesign .redesign-desktop-browser::marker{display:none}
.moscow-v4.page-redesign .redesign-desktop-browser>.dream-new-site::after{
  content:"";
  position:absolute;
  z-index:-1;
  right:13%;
  bottom:-18px;
  left:13%;
  height:10px;
  border-radius:0 0 20px 20px;
  background:linear-gradient(#d9d9df,#a8a8b0);
}
.moscow-v4.page-redesign .dream-new-site{
  position:relative;
  width:100%;
  height:100%;
  box-sizing:border-box;
  color:#221e19;
  background:#fff;
  overflow:hidden;
}
.moscow-v4.page-redesign .dream-new-head{
  display:flex;
  height:29px;
  padding:0 12px;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid #f0e6d6;
  color:#725d4c;
  background:#fff;
  font:700 6px/1 Onest,Arial,sans-serif;
}
.moscow-v4.page-redesign .dream-new-head b{color:#d74a1b;font:900 italic 10px/1 Georgia,serif}
.moscow-v4.page-redesign .dream-new-head i{font-style:normal}
.moscow-v4.page-redesign .dream-new-hero{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  min-height:157px;
  padding:16px 15px;
  align-items:center;
  gap:8px;
  background:
    radial-gradient(circle at 94% 5%,rgba(255,173,42,.34) 0 30px,transparent 31px),
    radial-gradient(circle at 5% 98%,rgba(92,194,159,.24) 0 34px,transparent 35px),
    linear-gradient(135deg,#fff8ec,#fff 53%,#fff3df);
}
.moscow-v4.page-redesign .dream-new-hero small,
.moscow-v4.page-redesign .dream-new-hero strong,
.moscow-v4.page-redesign .dream-new-hero em{display:block}
.moscow-v4.page-redesign .dream-new-hero small{color:#e35221;font:800 5px/1 Onest,Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em}
.moscow-v4.page-redesign .dream-new-hero strong{margin-top:8px;font:900 19px/.96 Onest,Arial,sans-serif;letter-spacing:-.05em;text-transform:uppercase}
.moscow-v4.page-redesign .dream-new-hero em{width:max-content;margin-top:12px;padding:7px 10px;color:#fff;background:#e85621;font:800 normal 5px/1 Onest,Arial,sans-serif;text-transform:uppercase}
.moscow-v4.page-redesign .dream-mascots{display:flex;align-items:flex-end;justify-content:center;gap:8px}
.moscow-v4.page-redesign .dream-mascots i{
  --fur:#f58a34;
  position:relative;
  display:block;
  width:38px;
  height:52px;
  border-radius:48% 48% 42% 42%;
  background:var(--fur);
  box-shadow:inset 0 -8px 0 rgba(123,46,19,.09),0 5px 10px rgba(103,58,22,.12);
}
.moscow-v4.page-redesign .dream-mascots i:nth-child(2){--fur:#9b6edc;height:57px}
.moscow-v4.page-redesign .dream-mascots i:nth-child(3){--fur:#f3ad33;height:48px}
.moscow-v4.page-redesign .dream-mascots i:nth-child(4){--fur:#4ebba6;height:55px}
.moscow-v4.page-redesign .dream-mascots i::before{
  content:"";
  position:absolute;
  top:-7px;
  left:4px;
  width:12px;
  height:12px;
  border-radius:50%;
  background:var(--fur);
  box-shadow:18px 0 0 var(--fur);
}
.moscow-v4.page-redesign .dream-mascots i::after{
  content:"••";
  position:absolute;
  top:13px;
  left:0;
  width:100%;
  color:#30251f;
  font:900 9px/1 Arial,sans-serif;
  letter-spacing:7px;
  text-align:center;
  text-indent:6px;
}
.moscow-v4.page-redesign .dream-new-cards{display:grid;grid-template-columns:repeat(3,1fr);padding:10px 12px;gap:7px;background:#fff}
.moscow-v4.page-redesign .dream-new-cards span{min-height:31px;padding:7px 5px 5px 28px;border:1px solid #f0e2cd;border-radius:5px;color:#554438;background:#fffaf1;font:750 5px/1.2 Onest,Arial,sans-serif}
.moscow-v4.page-redesign .redesign-mobile-browser{z-index:5;right:0;bottom:4px;width:124px;height:240px}
.moscow-v4.page-redesign .redesign-case-note{
  z-index:7;
  bottom:29px;
  left:0;
  display:grid;
  grid-template-columns:30px 1fr;
  width:196px;
  padding:15px;
  gap:9px;
  border-color:#ded8ee;
}
.moscow-v4.page-redesign .redesign-case-note>i{display:grid;width:28px;height:28px;border-radius:50%;place-items:center;color:#6e41df;background:#eee8ff;font:900 13px/1 Onest,Arial,sans-serif;font-style:normal}
.moscow-v4.page-redesign .redesign-case-note b{margin:0 0 5px;font-size:14px}
.moscow-v4.page-redesign .redesign-case-note span{font-size:9px;line-height:1.45}
.moscow-v4.page-redesign .redesign-case-note a{display:block;margin-top:8px;color:#6940d8;font:800 8px/1 Onest,Arial,sans-serif;text-decoration:none}
.moscow-v4.page-redesign .redesign-doodle{position:absolute;z-index:8;color:#8260dd;font:700 italic 9px/1.1 "Comic Sans MS",cursive;transform:rotate(-7deg)}
.moscow-v4.page-redesign .redesign-doodle--before{top:37px;left:40px;color:#9c98a5}
.moscow-v4.page-redesign .redesign-doodle--after{top:10px;right:-4px;width:115px;transform:rotate(-5deg)}

/* Hero benefit row and raised stats card. */
.moscow-v4.page-redesign .bc-hero-benefits{border-top:0}
.moscow-v4.page-redesign .bc-hero-benefits div{grid-template-columns:42px 1fr;padding:14px 18px;border-color:rgba(54,43,77,.09)}
.moscow-v4.page-redesign .bc-hero-benefits .bc-icon{width:38px;height:38px;border-radius:50%;background-color:#f0ebff;background-size:22px}
.moscow-v4.page-redesign .bc-hero-benefits b{font-size:12px}
.moscow-v4.page-redesign .bc-hero-benefits small{font-size:9px}
.moscow-v4.page-redesign .bc-stats{
  position:relative;
  z-index:4;
  margin:18px 0 2px;
  border:1px solid #ece8f2;
  border-radius:18px;
  box-shadow:0 13px 32px rgba(51,34,89,.09);
  overflow:hidden;
}
.moscow-v4.page-redesign .bc-stats div{position:relative;min-height:78px;padding:20px 13px 16px 66px;border-color:#eeeaf4}
.moscow-v4.page-redesign .bc-stats div::before{
  content:"";
  position:absolute;
  top:19px;
  left:18px;
  width:36px;
  height:36px;
  border-radius:10px;
  background:#f0eaff var(--stat-icon) center/23px no-repeat;
}
.moscow-v4.page-redesign .bc-stats div:nth-child(1){--stat-icon:url('/images/page-icons/redesign/design_system.svg')}
.moscow-v4.page-redesign .bc-stats div:nth-child(2){--stat-icon:url('/images/page-icons/redesign/ux_prototype.svg')}
.moscow-v4.page-redesign .bc-stats div:nth-child(3){--stat-icon:url('/images/page-icons/redesign/seo_analytics.svg')}
.moscow-v4.page-redesign .bc-stats div:nth-child(4){--stat-icon:url('/images/page-icons/redesign/checklist.svg')}
.moscow-v4.page-redesign .bc-stats strong{font-size:25px}
.moscow-v4.page-redesign .bc-stats span{margin-top:4px;font-size:9px}

/* Expertise cards: icon at left, copy at right, as in the approved board. */
.moscow-v4.page-redesign :is(.redesign-fit-grid,.redesign-includes-grid) .bc-card{
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  grid-template-rows:auto 1fr;
  min-height:82px;
  padding:13px;
  gap:2px 10px;
  align-items:start;
  border-color:#eae8ed;
  border-radius:10px;
  box-shadow:0 3px 10px rgba(30,24,50,.025);
}
.moscow-v4.page-redesign :is(.redesign-fit-grid,.redesign-includes-grid) .bc-card .bc-icon{
  grid-row:1/3;
  width:40px;
  height:40px;
  margin:0;
  border-radius:10px;
  background-color:#f0eaff;
  background-size:25px;
}
.moscow-v4.page-redesign :is(.redesign-fit-grid,.redesign-includes-grid) .bc-card h3{margin:2px 0 3px;font-size:12px;line-height:1.2}
.moscow-v4.page-redesign :is(.redesign-fit-grid,.redesign-includes-grid) .bc-card p{font-size:8.5px;line-height:1.35}
.moscow-v4.page-redesign .redesign-fit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.moscow-v4.page-redesign .redesign-includes-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.moscow-v4.page-redesign .redesign-fit-grid .bc-card:nth-child(1) .bc-icon{--page-icon:url('/images/page-icons/redesign/site_audit.svg')}
.moscow-v4.page-redesign .redesign-fit-grid .bc-card:nth-child(2) .bc-icon{--page-icon:url('/images/page-icons/redesign/seo_analytics.svg')}
.moscow-v4.page-redesign .redesign-fit-grid .bc-card:nth-child(3) .bc-icon{--page-icon:url('/images/page-icons/redesign/ux_prototype.svg')}
.moscow-v4.page-redesign .redesign-fit-grid .bc-card:nth-child(4) .bc-icon{--page-icon:url('/images/page-icons/redesign/responsive_devices.svg')}
.moscow-v4.page-redesign .redesign-fit-grid .bc-card:nth-child(5) .bc-icon{--page-icon:url('/images/page-icons/redesign/design_system.svg')}
.moscow-v4.page-redesign .redesign-fit-grid .bc-card:nth-child(6) .bc-icon{--page-icon:url('/images/page-icons/redesign/launch_protection.svg')}

/* Six compact business results. */
.moscow-v4.page-redesign .redesign-results{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}
.moscow-v4.page-redesign .redesign-results .bc-advantage{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  grid-template-rows:auto 1fr;
  padding:9px 7px 10px 0;
  gap:2px 8px;
  align-items:start;
}
.moscow-v4.page-redesign .redesign-results .bc-icon{grid-row:1/3;width:34px;height:34px;margin:0;border-radius:50%;background-size:20px}
.moscow-v4.page-redesign .redesign-results b{margin:1px 0 2px;font-size:10px;line-height:1.2}
.moscow-v4.page-redesign .redesign-results p{font-size:7.5px;line-height:1.3}
.moscow-v4.page-redesign .redesign-results .bc-advantage:nth-child(1) .bc-icon{--page-icon:url('/images/page-icons/redesign/site_audit.svg')}
.moscow-v4.page-redesign .redesign-results .bc-advantage:nth-child(2) .bc-icon{--page-icon:url('/images/page-icons/redesign/ux_prototype.svg')}
.moscow-v4.page-redesign .redesign-results .bc-advantage:nth-child(3) .bc-icon{--page-icon:url('/images/page-icons/redesign/design_system.svg')}
.moscow-v4.page-redesign .redesign-results .bc-advantage:nth-child(4) .bc-icon{--page-icon:url('/images/page-icons/redesign/responsive_devices.svg')}
.moscow-v4.page-redesign .redesign-results .bc-advantage:nth-child(5) .bc-icon{--page-icon:url('/images/page-icons/redesign/seo_analytics.svg')}
.moscow-v4.page-redesign .redesign-results .bc-advantage:nth-child(6) .bc-icon{--page-icon:url('/images/page-icons/redesign/launch_protection.svg')}

/* Device composition in the system block. */
.moscow-v4.page-redesign .redesign-structure{
  grid-template-columns:minmax(0,.48fr) minmax(520px,.52fr);
  min-height:300px;
  margin-top:13px;
  border-color:#ebe8f1;
  background:linear-gradient(135deg,#fff 0%,#fbfaff 54%,#f0ebff 100%);
}
.moscow-v4.page-redesign .redesign-structure .bc-structure-copy{padding:24px 20px 22px}
.moscow-v4.page-redesign .redesign-structure .bc-structure-copy h2{max-width:520px;font-size:29px;line-height:1.02}
.moscow-v4.page-redesign .redesign-structure .bc-structure-copy>p{max-width:550px;margin:8px 0 13px;font-size:9.5px;line-height:1.42}
.moscow-v4.page-redesign .redesign-structure ol{gap:5px}
.moscow-v4.page-redesign .redesign-structure li{grid-template-columns:21px 1fr;gap:7px;font-size:8px;line-height:1.2}
.moscow-v4.page-redesign .redesign-structure li::before{content:"✓";width:20px;height:20px;color:#fff;background:#7a4bea;font-size:8px}
.moscow-v4.page-redesign .redesign-structure-visual{
  min-height:298px;
  background:
    radial-gradient(circle at 20% 37%,rgba(135,85,245,.15) 0 75px,transparent 76px),
    radial-gradient(circle at 82% 30%,rgba(135,85,245,.12) 0 58px,transparent 59px),
    linear-gradient(135deg,#f7f3ff,#ebe4ff);
  overflow:hidden;
}
.moscow-v4.page-redesign .redesign-structure-laptop{
  position:absolute;
  z-index:2;
  top:29px;
  left:4%;
  width:70%;
  height:238px;
  overflow:hidden;
  border:7px solid #19191c;
  border-bottom-width:11px;
  border-radius:12px 12px 4px 4px;
  background:#fff;
  box-shadow:0 18px 35px rgba(45,27,93,.20);
}
.moscow-v4.page-redesign .redesign-structure-laptop::after{
  content:"";
  position:absolute;
  z-index:5;
  right:-7%;
  bottom:-16px;
  left:-7%;
  height:12px;
  border-radius:3px 3px 12px 12px;
  background:linear-gradient(#ececf0,#aaaab1);
}
.moscow-v4.page-redesign .redesign-structure-laptop .dream-new-site--desktop{padding:0}
.moscow-v4.page-redesign .redesign-structure-phone{
  position:absolute;
  z-index:5;
  top:71px;
  right:15%;
  width:92px;
  height:183px;
  overflow:hidden;
  border:5px solid #19191c;
  border-radius:18px;
  background:#fff;
  box-shadow:0 17px 30px rgba(39,25,76,.24);
}
.moscow-v4.page-redesign .redesign-structure-phone::before{content:"";position:absolute;z-index:8;top:4px;left:50%;width:26px;height:4px;border-radius:8px;background:#19191c;transform:translateX(-50%)}
.moscow-v4.page-redesign .redesign-structure-phone .redesign-mobile-head{min-height:25px;padding:8px 6px 3px}
.moscow-v4.page-redesign .redesign-structure-phone .redesign-mobile-hero{min-height:55px;padding:7px 6px 5px}
.moscow-v4.page-redesign .redesign-structure-phone .redesign-mobile-hero strong{font-size:7px}
.moscow-v4.page-redesign .redesign-structure-phone .redesign-mobile-categories{padding:5px;flex:1}
.moscow-v4.page-redesign .redesign-structure-phone .redesign-mobile-categories span{min-height:22px;padding-top:11px;font-size:2.7px}
.moscow-v4.page-redesign .redesign-growth-card{
  position:absolute;
  z-index:6;
  right:2%;
  bottom:24px;
  width:105px;
  padding:12px 11px;
  border:1px solid rgba(108,67,218,.10);
  border-radius:12px;
  background:rgba(255,255,255,.95);
  box-shadow:0 13px 25px rgba(50,29,101,.12);
}
.moscow-v4.page-redesign .redesign-growth-card>span{display:block;color:#6b3fda;font-size:20px}
.moscow-v4.page-redesign .redesign-growth-card strong{display:block;margin:4px 0;color:#16a66a;font:900 22px/1 Onest,Arial,sans-serif}
.moscow-v4.page-redesign .redesign-growth-card small{display:block;color:#64616b;font:650 7px/1.3 Onest,Arial,sans-serif}
.moscow-v4.page-redesign .redesign-structure-note{position:absolute;z-index:6;top:41px;right:0;width:100px;color:#805ddc;font:700 italic 8px/1.2 "Comic Sans MS",cursive;transform:rotate(-7deg)}

/* Case cards and connected six-step process. */
.moscow-v4.page-redesign .redesign-cases-section .bc-case-strip{gap:12px}
.moscow-v4.page-redesign .redesign-cases-section .bc-case-card{border-radius:10px;box-shadow:0 4px 11px rgba(29,22,47,.03)}
.moscow-v4.page-redesign .redesign-cases-section .bc-case-card img{height:124px;object-position:top}
.moscow-v4.page-redesign .redesign-cases-section .bc-case-card div{padding:11px 12px 12px}
.moscow-v4.page-redesign .redesign-cases-section .bc-case-card h3{margin-bottom:4px;font-size:12px}
.moscow-v4.page-redesign .redesign-cases-section .bc-case-card p{min-height:28px;font-size:8px;line-height:1.35}
.moscow-v4.page-redesign .redesign-cases-section .bc-case-card strong{margin-top:7px;font-size:11px}
.moscow-v4.page-redesign .redesign-process-section .bc-process{grid-template-columns:repeat(6,minmax(0,1fr));gap:0}
.moscow-v4.page-redesign .redesign-process-section .bc-process article{position:relative;padding-right:23px}
.moscow-v4.page-redesign .redesign-process-section .bc-process article:not(:last-child)::after{
  content:"›";
  display:block;
  position:absolute;
  z-index:0;
  top:13px;
  right:9px;
  left:40px;
  height:1px;
  border-top:1px solid #dcd9e3;
  color:#8c8796;
  font:700 12px/0 Arial,sans-serif;
  text-align:right;
}
.moscow-v4.page-redesign .redesign-process-section .bc-process b{position:relative;z-index:2;width:28px;height:28px;margin-bottom:8px;border-color:#a98ef3;color:#6e42da;background:#fff;background-image:none;font-size:9px}
.moscow-v4.page-redesign .redesign-process-section .bc-process h3{margin-bottom:3px;font-size:10px}
.moscow-v4.page-redesign .redesign-process-section .bc-process p{font-size:7.5px;line-height:1.3}

@media(max-width:1050px){
  .moscow-v4.page-redesign .bc-hero-grid{grid-template-columns:minmax(0,1fr) 480px;gap:20px}
  .moscow-v4.page-redesign .redesign-desktop-browser{right:12px;width:370px}
  .moscow-v4.page-redesign .redesign-doodle--after{display:none}
  .moscow-v4.page-redesign .redesign-structure{grid-template-columns:minmax(0,.48fr) minmax(460px,.52fr)}
  .moscow-v4.page-redesign .redesign-results{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:820px){
  .moscow-v4.page-redesign .bc-hero-grid{grid-template-columns:1fr;min-height:0}
  .moscow-v4.page-redesign .bc-hero-copy{padding:28px 0 10px}
  .moscow-v4.page-redesign .bc-hero h1{font-size:52px}
  .moscow-v4.page-redesign .redesign-hero-visual{min-height:300px}
  .moscow-v4.page-redesign .redesign-before-device{top:62px;left:2%;width:165px;height:165px}
  .moscow-v4.page-redesign .redesign-desktop-browser{right:5%;width:410px;height:275px}
  .moscow-v4.page-redesign .redesign-case-note{left:3%}
  .moscow-v4.page-redesign .redesign-structure{grid-template-columns:1fr}
  .moscow-v4.page-redesign .redesign-structure-visual{min-height:310px}
  .moscow-v4.page-redesign .redesign-fit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .moscow-v4.page-redesign .redesign-includes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:700px){
  .moscow-v4.page-redesign .bc-hero h1{font-size:39px}
  .moscow-v4.page-redesign .bc-lead{font-size:13px}
  .moscow-v4.page-redesign .redesign-hero-visual{min-height:220px}
  .moscow-v4.page-redesign .redesign-before-device,
  .moscow-v4.page-redesign .redesign-case-note,
  .moscow-v4.page-redesign .redesign-doodle{display:none}
  .moscow-v4.page-redesign .redesign-desktop-browser{top:6px;right:auto;left:0;width:calc(100% - 58px);height:205px;border-width:5px;border-bottom-width:8px}
  .moscow-v4.page-redesign .redesign-desktop-browser .dream-new-site{padding-top:18px}
  .moscow-v4.page-redesign .dream-new-head{height:23px;padding:0 7px;font-size:4px}
  .moscow-v4.page-redesign .dream-new-head b{font-size:7px}
  .moscow-v4.page-redesign .dream-new-hero{min-height:108px;padding:9px 8px;gap:3px}
  .moscow-v4.page-redesign .dream-new-hero small{font-size:3px}
  .moscow-v4.page-redesign .dream-new-hero strong{margin-top:5px;font-size:12px}
  .moscow-v4.page-redesign .dream-new-hero em{margin-top:7px;padding:4px 6px;font-size:3px}
  .moscow-v4.page-redesign .dream-mascots{gap:4px}
  .moscow-v4.page-redesign .dream-mascots i{width:24px;height:34px}
  .moscow-v4.page-redesign .dream-mascots i:nth-child(2){height:37px}.moscow-v4.page-redesign .dream-mascots i:nth-child(3){height:31px}.moscow-v4.page-redesign .dream-mascots i:nth-child(4){height:35px}
  .moscow-v4.page-redesign .dream-mascots i::before{top:-5px;left:3px;width:8px;height:8px;box-shadow:11px 0 0 var(--fur)}
  .moscow-v4.page-redesign .dream-mascots i::after{top:8px;font-size:5px;letter-spacing:4px;text-indent:3px}
  .moscow-v4.page-redesign .dream-new-cards{padding:6px;gap:3px}
  .moscow-v4.page-redesign .dream-new-cards span{min-height:20px;padding:5px 2px;font-size:3px;text-align:center}
  .moscow-v4.page-redesign .redesign-mobile-browser{right:0;bottom:8px;width:98px;height:188px}
  .moscow-v4.page-redesign .bc-hero-benefits{grid-template-columns:repeat(4,1fr)}
  .moscow-v4.page-redesign .bc-hero-benefits div{display:block;padding:9px 4px;border-bottom:0}
  .moscow-v4.page-redesign .bc-hero-benefits .bc-icon{width:28px;height:28px;margin-bottom:5px;background-size:17px}
  .moscow-v4.page-redesign .bc-hero-benefits b{font-size:8px}.moscow-v4.page-redesign .bc-hero-benefits small{font-size:6px}
  .moscow-v4.page-redesign .bc-stats{grid-template-columns:repeat(4,1fr);margin-top:10px;border-radius:11px}
  .moscow-v4.page-redesign .bc-stats div{min-height:64px;padding:10px 4px 9px 34px;border-bottom:0}
  .moscow-v4.page-redesign .bc-stats div::before{top:12px;left:5px;width:25px;height:25px;border-radius:7px;background-size:16px}
  .moscow-v4.page-redesign .bc-stats strong{font-size:16px}.moscow-v4.page-redesign .bc-stats span{font-size:5.5px}
  .moscow-v4.page-redesign .redesign-fit-grid{grid-template-columns:1fr}
  .moscow-v4.page-redesign :is(.redesign-fit-grid,.redesign-includes-grid) .bc-card{min-height:72px;padding:11px;grid-template-columns:39px minmax(0,1fr)}
  .moscow-v4.page-redesign :is(.redesign-fit-grid,.redesign-includes-grid) .bc-card .bc-icon{width:34px;height:34px;background-size:21px}
  .moscow-v4.page-redesign :is(.redesign-fit-grid,.redesign-includes-grid) .bc-card h3{font-size:10px}
  .moscow-v4.page-redesign :is(.redesign-fit-grid,.redesign-includes-grid) .bc-card p{font-size:7px}
  .moscow-v4.page-redesign .redesign-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
  .moscow-v4.page-redesign .redesign-structure{display:grid;grid-template-columns:1fr;min-height:0}
  .moscow-v4.page-redesign .redesign-structure .bc-structure-copy{padding:18px 15px}
  .moscow-v4.page-redesign .redesign-structure .bc-structure-copy h2{font-size:25px}
  .moscow-v4.page-redesign .redesign-structure .bc-structure-copy>p{font-size:8px}
  .moscow-v4.page-redesign .redesign-structure-visual{min-height:235px}
  .moscow-v4.page-redesign .redesign-structure-laptop{top:24px;left:3%;width:72%;height:184px}
  .moscow-v4.page-redesign .redesign-structure-phone{top:55px;right:13%;width:73px;height:145px}
  .moscow-v4.page-redesign .redesign-growth-card{right:1%;bottom:18px;width:80px;padding:8px}
  .moscow-v4.page-redesign .redesign-growth-card strong{font-size:17px}.moscow-v4.page-redesign .redesign-growth-card small{font-size:5px}
  .moscow-v4.page-redesign .redesign-structure-note{display:none}
  .moscow-v4.page-redesign .redesign-cases-section .bc-case-card img{height:112px}
  .moscow-v4.page-redesign .redesign-process-section .bc-process{grid-template-columns:repeat(3,1fr);gap:14px 4px}
  .moscow-v4.page-redesign .redesign-process-section .bc-process article{padding-right:8px}
  .moscow-v4.page-redesign .redesign-process-section .bc-process article:not(:last-child)::after{display:none}
}

@media(max-width:430px){
  .moscow-v4.page-redesign .redesign-includes-grid{grid-template-columns:1fr}
  .moscow-v4.page-redesign .redesign-results{grid-template-columns:1fr}
  .moscow-v4.page-redesign .redesign-results .bc-advantage{min-height:48px}
}
