/* ZYGOS home 2026-11: approved horizontal hero and compact responsive spacing. */
#zygosHome .zygos-primary {
  display:flex!important;align-items:center!important;
  min-height:clamp(122px,13vw,158px)!important;padding:22px clamp(17px,2.5vw,34px)!important;
  border-radius:24px;overflow:hidden
}
#zygosHome .zygos-primary-label{
  display:flex!important;flex-direction:row!important;align-items:center!important;
  justify-content:center!important;gap:.18em!important;flex-wrap:nowrap!important;
  width:100%;white-space:nowrap;position:relative;z-index:2;
}
#zygosHome .zygos-primary-label strong,#zygosHome .zygos-primary-label em{
  display:inline-block!important;align-self:auto!important;
  font:850 clamp(32px,3.6vw,60px)/1 'Outfit',sans-serif!important;
  letter-spacing:-.055em!important;white-space:nowrap;flex:0 0 auto;
  margin:0!important
}
#zygosHome .zygos-primary-label em{
  width:auto!important;max-width:none!important;
  background:linear-gradient(100deg,#1689ef,#08b7e4 53%,#04b99b)!important;
  background-clip:text!important;-webkit-background-clip:text!important;
  color:transparent!important
}
#zygosHome .zygos-primary::before{right:-122px;top:-185px}
#zygosHome .zygos-primary::after{left:-128px;bottom:-235px}
#zygosHome .zygos-two{margin-top:14px}
#zygosHome .zygos-two .zygos-panel{min-height:87px}
#zygosHome .zygos-recent{margin-top:14px}
#zygosHome .zygos-heading-row{margin:21px 0 12px}
#zygosHome .zygos-art{z-index:1}
@media(max-width:850px){
 #zygosHome .zygos-primary{min-height:116px!important}
 #zygosHome .zygos-primary-label strong,#zygosHome .zygos-primary-label em{
   font-size:clamp(30px,4.8vw,49px)!important
 }
}
@media(max-width:560px){
 #zygosHome.zygos-shell{padding-top:6px!important}
 #zygosHome .zygos-primary{
   min-height:99px!important;padding:17px 12px!important;border-radius:22px;
 }
 #zygosHome .zygos-primary-label{gap:.16em!important;justify-content:center!important}
 #zygosHome .zygos-primary-label strong,#zygosHome .zygos-primary-label em{
   font-size:clamp(24px,7.75vw,35px)!important;letter-spacing:-.06em!important
 }
 #zygosHome .zygos-two{gap:9px;margin-top:12px}
 #zygosHome .zygos-two .zygos-panel{min-height:74px!important}
 #zygosHome .zygos-recent{margin-top:12px;min-height:67px!important}
 #zygosHome .zygos-heading-row{margin:18px 0 10px!important}
 #zygosHome .zygos-art{margin-top:-6px!important}
}
@media(max-width:365px){
 #zygosHome .zygos-primary-label strong,#zygosHome .zygos-primary-label em{
   font-size:clamp(22px,7.45vw,29px)!important
 }
}

/* Give the real interactive photo the curved, layered frame of the approved mockup.
   Do not override the appearance editor's saved x/y/size transforms. */
#zygosHome .zygos-art .desk-scene{
  border-color:#68d9e9!important;
  box-shadow:0 0 0 13px #3cc7e89c,0 0 0 30px #83e8d7a3,0 18px 40px #0b78ae25!important
}
#zygosHome .zygos-art .greenfield{
  background:linear-gradient(127deg,#bbf8e8 1%,#5edbdf 45%,#36b9ea 76%,#258feb 100%)!important;
  opacity:.89
}
#zygosHome .zygos-art .ring{
  box-shadow:0 0 0 34px #37c2eaa4,0 0 0 80px #6de1d9b8,0 0 0 126px #b4f3dcb5!important
}
@media(min-width:851px){
 #zygosHome .zygos-art .desk-scene{
  border-radius:52% 0 0 48%/54% 0 0 50%!important
 }
}
@media(max-width:560px){
 #zygosHome .zygos-art .desk-scene,
 #zygosHome .zygos-art .visual .desk-scene.studio-adaptive-frame.studio-mobile-panorama{
  border-radius:46% 47% 46% 45%/23% 22% 20% 23%!important;
  border:6px solid #68d9e9!important;
  box-shadow:0 0 0 11px #44c3eaa8,0 0 0 24px #6ae4d8a6,0 12px 26px #0b78ae28!important
 }
}