/* SMG V31.4 VISUAL RESTORE RELEASE
   Restores the approved Monaco/SMG background layer and the API/CRM/AI system cube
   without breaking the V31.3 hard geometry lock. Loaded LAST after V31.3. */

:root{
  --smg-v314-gold-1:#fff0b7;
  --smg-v314-gold-2:#d8a94f;
  --smg-v314-gold-3:#91661f;
  --smg-v314-black:#050505;
  --smg-v314-panel:rgba(10,10,10,.82);
  --smg-v314-line:rgba(216,169,79,.34);
  --smg-v314-text:#f7f3e8;
  --smg-v314-muted:rgba(247,243,232,.74);
}

html,body{background:#050505!important;}
body{position:relative!important; isolation:isolate;}

/* Approved global luxury подложка: Monaco black atmosphere + transparent SMG watermark */
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-3;
  pointer-events:none;
  background:
    radial-gradient(circle at 16% 12%,rgba(216,169,79,.135),transparent 28%),
    radial-gradient(circle at 84% 18%,rgba(216,169,79,.095),transparent 30%),
    radial-gradient(circle at 50% 92%,rgba(216,169,79,.07),transparent 36%),
    linear-gradient(180deg,#070707 0%,#030303 100%);
}
body::after{
  content:"SHEVCHENKO\A MOBILITY\A GROUP";
  white-space:pre;
  position:fixed;
  z-index:-2;
  pointer-events:none;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:min(82vw,980px);
  min-height:min(58vw,620px);
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-family:Georgia,'Times New Roman',serif;
  font-weight:900;
  font-size:clamp(48px,9vw,150px);
  line-height:.88;
  letter-spacing:.06em;
  color:rgba(216,169,79,.055);
  text-shadow:0 0 52px rgba(216,169,79,.07);
}

/* Monaco blueprint lines: visible, elegant, never on top of content */
main::before,.site-main::before,.page-main::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(216,169,79,.038) 1px,transparent 1px),
    linear-gradient(90deg,rgba(216,169,79,.03) 1px,transparent 1px);
  background-size:92px 92px,92px 92px;
  mask-image:radial-gradient(circle at center,black 0%,black 48%,transparent 82%);
  -webkit-mask-image:radial-gradient(circle at center,black 0%,black 48%,transparent 82%);
}

header,footer,main,section,.section,.hero,.card,.panel,.module-card,.service-card,.property-card,.media-card,.job-card,.site-footer,.footer{
  position:relative!important;
}
main,section,.section,.hero{z-index:1!important;}
header,footer,.site-footer,.footer{z-index:4!important;}

/* Restore the approved API / CRM / AI / ADMIN square block. It is normal document flow, not an overlay. */
.smg-v31-system-cube-wrap{
  width:min(100% - (clamp(18px,3.2vw,48px) * 2),1240px)!important;
  max-width:1240px!important;
  margin:clamp(18px,2.6vw,34px) auto clamp(28px,4vw,54px)!important;
  position:relative!important;
  z-index:2!important;
}
.smg-v31-system-cube-title{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin-bottom:16px!important;
}
.smg-v31-system-cube-title b{
  color:var(--smg-v314-gold-1)!important;
  background:linear-gradient(135deg,var(--smg-v314-gold-1),var(--smg-v314-gold-2),var(--smg-v314-gold-3))!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:clamp(22px,2.2vw,34px)!important;
  line-height:1!important;
  letter-spacing:-.02em!important;
}
.smg-v31-system-cube-title span{
  color:var(--smg-v314-muted)!important;
  font-size:13px!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
.smg-v31-system-cube{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:clamp(14px,1.8vw,22px)!important;
  width:100%!important;
  align-items:stretch!important;
}
.smg-v31-system-cell{
  min-width:0!important;
  min-height:128px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:clamp(18px,2vw,26px)!important;
  border:1px solid var(--smg-v314-line)!important;
  border-radius:24px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.016)),
    rgba(5,5,5,.86)!important;
  box-shadow:0 22px 64px rgba(0,0,0,.34), inset 0 0 0 1px rgba(255,255,255,.035)!important;
  text-decoration:none!important;
  transform:none!important;
  overflow:hidden!important;
}
.smg-v31-system-cell::before{
  content:"";
  position:absolute;
  inset:auto 18px 18px auto;
  width:58px;
  height:58px;
  border-radius:18px;
  border:1px solid rgba(216,169,79,.20);
  background:linear-gradient(135deg,rgba(216,169,79,.16),rgba(216,169,79,.025));
  opacity:.55;
  pointer-events:none;
}
.smg-v31-system-cell strong{
  color:var(--smg-v314-gold-1)!important;
  background:linear-gradient(135deg,var(--smg-v314-gold-1),var(--smg-v314-gold-2),var(--smg-v314-gold-3))!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:clamp(22px,2.2vw,32px)!important;
  line-height:1!important;
  letter-spacing:.02em!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}
.smg-v31-system-cell small{
  color:var(--smg-v314-muted)!important;
  font-size:13px!important;
  line-height:1.45!important;
  max-width:92%!important;
}
.smg-v31-system-cell:hover{
  border-color:rgba(255,224,138,.72)!important;
  box-shadow:0 30px 80px rgba(0,0,0,.42),0 0 28px rgba(216,169,79,.13)!important;
}

/* Founder/CEO caption cleanup: no accidental mixed colors in the same identity block */
.founder-card h2,.founder-card h3,.profile-card h2,.profile-card h3,
.founder-card .name,.profile-card .name,[class*="founder"] h2,[class*="founder"] h3{
  color:var(--smg-v314-gold-1)!important;
  background:linear-gradient(135deg,var(--smg-v314-gold-1),var(--smg-v314-gold-2),var(--smg-v314-gold-3))!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}

/* Decorative photo watermark, only inside visual/photo cards; does not cover text blocks. */
.hero-media,.image-card,.visual-card,.photo-card,.profile-card,.founder-card,.property-card .image,.media-card .image{
  isolation:isolate;
}
.hero-media::after,.image-card::after,.visual-card::after,.photo-card::after,.profile-card::after,.founder-card::after{
  content:"SMG";
  position:absolute;
  right:18px;
  bottom:16px;
  z-index:2;
  pointer-events:none;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(24px,3vw,48px);
  font-weight:900;
  letter-spacing:.12em;
  color:rgba(255,240,183,.16);
  text-shadow:0 0 28px rgba(0,0,0,.72);
}

@media(max-width:980px){
  .smg-v31-system-cube{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .smg-v31-system-cube-title{align-items:flex-start!important;flex-direction:column!important;}
  .smg-v31-system-cube-title span{white-space:normal!important;}
  body::after{font-size:clamp(42px,15vw,96px); width:92vw; opacity:1;}
}
@media(max-width:640px){
  .smg-v31-system-cube{grid-template-columns:1fr!important;}
  .smg-v31-system-cell{min-height:112px!important;}
  body::after{font-size:clamp(36px,17vw,78px); letter-spacing:.035em;}
  main::before,.site-main::before,.page-main::before{background-size:64px 64px,64px 64px;}
}