/* VIOSCANS Vulnerability Scan - Robotic Violet conversion v1.
   Only the introductory illustration layout is changed.
   Scanner engine, scoring, badge logic, histories and result cards remain authoritative.
   The image's actual transparent top row begins with attached overhead cables.
*/
.vvs-page .vvs-hero.vio-shell {
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)!important;
  align-items:start!important;
  gap:clamp(12px,2vw,28px)!important;
  padding:0!important;
  margin-top:clamp(10px,1.5vw,25px)!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  border:1px solid rgba(113,53,188,.15)!important;
  border-radius:20px!important;
  background:linear-gradient(124deg,#fffaf6 5%,#f9f4ff 75%,#f0e8fc 100%)!important;
  overflow:visible!important;
}
.vvs-page .vvs-hero .vvs-hero-copy {
  box-sizing:border-box!important;
  min-width:0!important;
  padding:clamp(24px,3vw,45px)!important;
  margin:0!important;
  align-self:center!important;
  position:relative!important;
  z-index:1!important;
}
.vvs-page .vvs-hero .vvs-hero-art {
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  align-self:start!important;
  justify-self:stretch!important;
  position:relative!important;
  overflow:visible!important;
  transform:none!important;
}
.vvs-page .vvs-hero .vvs-robot-picture {
  box-sizing:border-box!important;
  display:block!important;
  width:min(100%,510px)!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  line-height:0!important;
  flex:0 1 auto!important;
  position:relative!important;
  align-self:flex-start!important;
  overflow:visible!important;
  transform:none!important;
  z-index:1!important;
}
.vvs-page .vvs-hero .vvs-robot-image {
  box-sizing:border-box!important;
  display:block!important;
  position:static!important;
  inset:auto!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center top!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  transform:none!important;
  filter:drop-shadow(0 14px 17px rgba(42,20,71,.16));
}
.vvs-page .vvs-hero .vvs-art-aura {
  position:absolute!important;
  inset:3% 0 auto 0!important;
  height:75%!important;
  width:100%!important;
  pointer-events:none!important;
  z-index:0!important;
  transform:none!important;
}
/* Keep the live scan form and badge results immediately usable on tablets. */
@media(max-width:1080px){
  .vvs-page .vvs-hero.vio-shell {grid-template-columns:minmax(0,1fr) minmax(0,.8fr)!important;gap:10px!important;}
  .vvs-page .vvs-hero .vvs-hero-copy {padding:clamp(20px,2.2vw,32px)!important;}
  .vvs-page .vvs-hero .vvs-robot-picture {width:100%!important;}
}
/* Narrow viewports stack Violet ABOVE the narrative so cables enter from the section top. */
@media(max-width:820px){
  .vvs-page .vvs-hero.vio-shell {grid-template-columns:minmax(0,1fr)!important;gap:0!important;}
  .vvs-page .vvs-hero .vvs-hero-art {order:-1!important; width:100%!important;justify-self:center!important;}
  .vvs-page .vvs-hero .vvs-robot-picture {width:min(100%,420px)!important;align-self:center!important;}
  .vvs-page .vvs-hero .vvs-hero-copy {order:2!important;align-self:stretch!important;padding:22px clamp(14px,4vw,30px) 28px!important;}
  .vvs-page .vvs-hero .vvs-art-aura {height:45%!important;}
}
@media(max-width:410px){
  .vvs-page .vvs-hero .vvs-robot-picture {width:100%!important;}
  .vvs-page .vvs-hero .vvs-hero-copy {padding-inline:16px!important;}
}
@media print {
  .vvs-page .vvs-hero.vio-shell {display:block!important;break-inside:avoid;}
  .vvs-page .vvs-hero .vvs-robot-picture {width:260px!important;}
}