/* Second-monitor workflow vision */
.second-monitor-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 88% 20%,rgba(16,185,129,.09),transparent 34%),
    linear-gradient(180deg,#0e1116,#10151b)
}
.second-monitor-section::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(141,148,158,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(141,148,158,.035) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(to bottom,transparent,black 22%,black 78%,transparent)
}
.second-monitor-section>.shell{position:relative}
.second-monitor-heading{
  display:grid;
  grid-template-columns:1fr .9fr;
  gap:72px;
  align-items:end
}
.second-monitor-heading h2{
  max-width:720px;
  margin-bottom:0;
  font-size:clamp(2.7rem,5vw,5rem);
  line-height:.98;
  letter-spacing:-.045em
}
.second-monitor-intro{
  padding-left:30px;
  border-left:1px solid rgba(16,185,129,.32)
}
.second-monitor-intro p{
  color:#aeb7be;
  font-size:1.02rem
}
.second-monitor-intro .second-monitor-lede{
  margin-top:0;
  color:#fff;
  font-size:1.28rem;
  font-weight:850
}
.second-monitor-figure{
  margin:44px 0 26px;
  overflow:hidden;
  border:1px solid rgba(16,185,129,.3);
  border-radius:23px;
  background:#080c10;
  box-shadow:0 32px 95px rgba(0,0,0,.38)
}
.second-monitor-figure img{
  display:block;
  width:100%;
  height:auto
}
.second-monitor-figure figcaption{
  padding:17px 21px;
  border-top:1px solid rgba(141,148,158,.15);
  color:#9faab2;
  font-size:.82rem;
  line-height:1.65
}
.second-monitor-principles{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px
}
.second-monitor-principles article{
  min-height:235px;
  padding:27px;
  border:1px solid rgba(141,148,158,.18);
  border-radius:17px;
  background:linear-gradient(145deg,rgba(27,33,40,.96),rgba(20,26,32,.96))
}
.second-monitor-principles article>span{
  color:var(--green);
  font-size:.75rem;
  font-weight:900;
  letter-spacing:.12em
}
.second-monitor-principles h3{
  margin:17px 0 9px;
  font-size:1.4rem
}
.second-monitor-principles p{
  margin-bottom:0;
  color:#aeb7be
}
.companion-workspace-callout{
  display:grid;
  grid-template-columns:.85fr 1.25fr auto;
  gap:38px;
  align-items:center;
  margin-top:22px;
  padding:29px 31px;
  border:1px solid rgba(56,189,248,.24);
  border-radius:18px;
  background:
    linear-gradient(120deg,rgba(56,189,248,.07),transparent 42%),
    linear-gradient(145deg,var(--panel),#141a20)
}
.companion-workspace-callout h3{
  margin:5px 0 0;
  font-size:1.35rem
}
.companion-workspace-callout>p{
  margin:0;
  color:#b5bec5
}
.companion-workspace-callout .text-link{
  white-space:nowrap
}
@media(max-width:980px){
  .second-monitor-heading,
  .companion-workspace-callout{
    grid-template-columns:1fr
  }
  .second-monitor-intro{
    padding-left:0;
    padding-top:22px;
    border-left:0;
    border-top:1px solid rgba(16,185,129,.28)
  }
  .second-monitor-principles{
    grid-template-columns:1fr
  }
  .second-monitor-principles article{
    min-height:auto
  }
}
@media(max-width:620px){
  .second-monitor-heading h2{
    font-size:clamp(2.5rem,15vw,4rem)
  }
  .second-monitor-figure{
    margin-top:30px;
    border-radius:15px
  }
  .second-monitor-figure figcaption{
    font-size:.76rem
  }
  .companion-workspace-callout{
    padding:24px
  }
}
@media print{
  .second-monitor-section{
    background:#fff!important
  }
  .second-monitor-section::before{
    display:none
  }
  .second-monitor-figure,
  .second-monitor-principles article,
  .companion-workspace-callout{
    break-inside:avoid;
    box-shadow:none;
    background:#fff!important;
    border-color:#777!important
  }
  .second-monitor-heading h2,
  .second-monitor-lede,
  .second-monitor-principles h3,
  .companion-workspace-callout h3{
    color:#000!important
  }
  .second-monitor-intro p,
  .second-monitor-principles p,
  .companion-workspace-callout>p,
  .second-monitor-figure figcaption{
    color:#000!important
  }
}