.feature-page{
  background:#000;
}
.placeholder-page .page-shell{
  min-height:100vh;
  display:flex;
  flex-direction:column;
  background:#000;
}
.feature-placeholder{
  flex:1;
  min-height:520px;
  background:#000;
}
.visually-hidden{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
.showcase-hero,
.showcase-section{
  display:grid;
  grid-template-columns:minmax(250px,.44fr) minmax(0,1.56fr);
  align-items:center;
  gap:56px;
  background:#030404;
}
.showcase-hero{padding:76px 64px 84px}
.showcase-section{
  margin:0 64px;
  padding:96px 0 104px;
  border-top:3px solid #292b2c;
}
.showcase-hero--visual-first,
.showcase-section--visual-first{
  grid-template-columns:minmax(0,1.56fr) minmax(250px,.44fr);
}
.showcase-hero--visual-first .showcase-copy,
.showcase-section--visual-first .showcase-copy{
  grid-column:2;
  grid-row:1;
}
.showcase-hero--visual-first .showcase-visual,
.showcase-section--visual-first .showcase-visual{
  grid-column:1;
  grid-row:1;
}
.showcase-copy{max-width:380px}
.showcase-kicker{
  margin:0 0 22px;
  color:var(--orange);
  font-size:11px;
  line-height:1.2;
  letter-spacing:.24em;
  font-weight:600;
}
.showcase-copy h1,
.showcase-copy h2{
  margin:0;
  color:#c6c7c8;
  line-height:1.18;
  letter-spacing:0;
  font-weight:500;
}
.showcase-copy h1{font-size:42px}
.showcase-copy h2{font-size:29px}
.showcase-subtitle{
  margin:14px 0 0;
  color:#a4a6a7;
  font-size:18px;
  line-height:1.45;
}
.showcase-description{
  margin:22px 0 0;
  color:#858789;
  font-size:16px;
  line-height:1.65;
}
.showcase-visual{
  min-width:0;
  margin:0;
  border:1px solid #454849;
  background:#060708;
}
.showcase-visual img{
  width:100%;
  height:auto;
  display:block;
  object-fit:contain;
}
.showcase-visual--compact{
  width:100%;
  max-width:720px;
  justify-self:start;
}
.showcase-section:not(.showcase-section--visual-first) .showcase-visual--compact{
  justify-self:end;
}
.inspector-hero{
  min-height:540px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 250px;
  align-items:center;
  gap:80px;
  padding:78px 110px 84px;
  background:#030404;
  border-bottom:1px solid #242627;
}
.inspector-copy{max-width:720px}
.inspector-copy h1{
  margin:0;
  color:#c6c7c8;
  font-size:clamp(40px,4vw,58px);
  line-height:1;
  letter-spacing:.04em;
  font-weight:560;
}
.inspector-subtitle{
  margin:18px 0 0;
  color:#9ea0a2;
  font-size:16px;
  line-height:1.45;
  letter-spacing:.08em;
}
.inspector-copy h2{
  margin:46px 0 0;
  color:#b5b7b8;
  font-size:28px;
  line-height:1.25;
  letter-spacing:0;
  font-weight:500;
}
.inspector-summary{
  max-width:680px;
  margin:20px 0 0;
  color:#858789;
  font-size:17px;
  line-height:1.68;
}
.inspector-mark{
  width:220px;
  margin:0;
  justify-self:end;
}
.inspector-mark img{
  width:100%;
  height:auto;
  display:block;
}
.feature-page .page-shell{
  overflow:hidden;
  background:#030404;
}
.feature-stage{
  position:relative;
  min-height:650px;
  display:grid;
  grid-template-columns:minmax(330px,.72fr) minmax(660px,1.65fr);
  align-items:center;
  gap:18px;
  padding:30px 0 28px 64px;
  overflow:hidden;
  border-bottom:1px solid #191b1c;
  background:#050606;
}
.kineplex-page .feature-stage,
.flexcam-page .feature-stage{
  height:clamp(460px,46.1vw,665px);
  min-height:0;
  padding:0;
  background-color:#050606;
  background-position:center -4.3vw;
  background-size:100% auto;
  background-repeat:no-repeat;
}
.kineplex-page .feature-stage{
  height:auto;
  aspect-ratio:3 / 1;
  background-image:url("/assets/kineplex-header.png");
  background-position:center;
  background-size:100% 100%;
}
.flexcam-page .feature-stage{
  height:auto;
  aspect-ratio:3 / 1;
  background-image:url("/assets/flexcam-header.png");
  background-position:center;
  background-size:100% 100%;
}
.kineplex-page .feature-stage:before,
.flexcam-page .feature-stage:before{
  display:none;
}
.kineplex-page .feature-stage > *,
.flexcam-page .feature-stage > *{
  opacity:0;
  pointer-events:none;
}
.feature-stage:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,#050606 0,#070808 31%,rgba(7,8,8,.76) 44%,rgba(0,0,0,0) 70%);
  pointer-events:none;
  z-index:1;
}
.feature-intro{
  position:relative;
  z-index:3;
  align-self:center;
  max-width:390px;
}
.feature-kicker{
  margin:0 0 34px;
  display:flex;
  align-items:center;
  gap:12px;
  color:var(--orange);
  font-size:11px;
  line-height:1;
  letter-spacing:.28em;
  font-weight:600;
}
.feature-kicker span{
  width:32px;
  height:2px;
  background:var(--orange);
}
.product-heading{
  display:flex;
  align-items:center;
  gap:24px;
}
.product-mark{
  width:88px;
  height:88px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border:2px solid #d67f22;
  border-radius:8px;
  color:#d2d3d4;
  background:#090a0a;
  box-shadow:inset 0 0 20px rgba(231,164,59,.14),0 0 18px rgba(231,164,59,.1);
  font-size:50px;
  line-height:1;
  font-weight:600;
}
.product-mark-icon svg{
  width:48px;
  height:48px;
  display:block;
  fill:none;
  stroke:var(--orange);
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.product-heading h1{
  margin:0;
  color:#c6c7c8;
  font-size:clamp(38px,3.6vw,54px);
  line-height:.95;
  letter-spacing:.03em;
  font-weight:560;
}
.product-heading p{
  margin:15px 0 0;
  color:#a0a2a4;
  font-size:15px;
  line-height:1;
  letter-spacing:.38em;
  font-weight:400;
}
.feature-summary{
  margin:34px 0 0;
  max-width:380px;
  color:#a7a8aa;
  font-size:18px;
  line-height:1.5;
  font-weight:400;
}
.product-visual{
  position:relative;
  z-index:2;
  height:590px;
  margin:0;
  overflow:hidden;
}
.product-visual:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,#050606 0,rgba(5,6,6,.2) 12%,rgba(0,0,0,0) 30%);
  pointer-events:none;
}
.product-visual img{
  position:absolute;
  top:-14%;
  left:-44%;
  width:145%;
  max-width:none;
  height:auto;
  display:block;
}
.visual-left{
  grid-template-columns:minmax(660px,1.65fr) minmax(330px,.72fr);
  padding:30px 64px 28px 0;
}
.visual-left:before{
  background:linear-gradient(90deg,rgba(0,0,0,0) 0,rgba(5,6,6,.16) 50%,#050606 74%,#050606 100%);
}
.visual-left .feature-intro{
  grid-column:2;
  grid-row:1;
}
.visual-left .product-visual{
  grid-column:1;
  grid-row:1;
}
.flexcam-page .product-visual img{left:-2%}
.capability-strip{
  min-height:136px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  align-items:center;
  padding:24px 54px;
  background:#050606;
  border-bottom:1px solid #242627;
}
.capability{
  min-width:0;
  display:grid;
  grid-template-columns:52px 1fr;
  align-items:center;
  gap:16px;
  padding:5px 28px;
  border-right:1px solid #242627;
}
.capability:first-child{padding-left:12px}
.capability:last-child{border-right:0;padding-right:12px}
.capability-icon{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  color:var(--orange);
}
.capability-icon svg{
  width:40px;
  height:40px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.capability h2{
  margin:0;
  color:#d0d1d2;
  font-size:16px;
  line-height:1.25;
  letter-spacing:0;
  font-weight:500;
}
.capability p{
  margin:6px 0 0;
  color:#8b8d8e;
  font-size:13px;
  line-height:1.35;
}
.feature-detail{
  display:grid;
  grid-template-columns:minmax(260px,.52fr) minmax(0,1.48fr);
  align-items:center;
  gap:48px;
  padding:72px 64px;
  background:#030404;
  border-bottom:1px solid #1d1f20;
}
.feature-detail-copy{max-width:360px}
.feature-detail-kicker{
  margin:0 0 20px;
  color:var(--orange);
  font-size:11px;
  line-height:1.2;
  letter-spacing:.24em;
  font-weight:600;
}
.feature-detail h2{
  margin:0;
  color:#c6c7c8;
  font-size:30px;
  line-height:1.18;
  letter-spacing:0;
  font-weight:500;
}
.feature-detail-copy > p:last-child{
  margin:22px 0 0;
  color:#929496;
  font-size:16px;
  line-height:1.65;
}
.feature-detail-visual{
  min-width:0;
  margin:0;
  border:1px solid #1c1f20;
  background:#060708;
}
.feature-detail-visual img{
  width:100%;
  height:auto;
  display:block;
}
.feature-detail--visual-first{
  grid-template-columns:minmax(0,1.48fr) minmax(260px,.52fr);
}
.feature-detail--visual-first .feature-detail-copy{
  grid-column:2;
  grid-row:1;
}
.feature-detail--visual-first .feature-detail-visual{
  grid-column:1;
  grid-row:1;
}
.feature-aspect{
  display:grid;
  grid-template-columns:minmax(220px,.55fr) minmax(0,1.45fr);
  align-items:center;
  gap:72px;
  margin:0 64px;
  padding:96px 0 104px;
  border-top:3px solid #292b2c;
  background:#030404;
}
.feature-aspect-copy{max-width:330px}
.feature-aspect h2{
  margin:0;
  color:#a7a9aa;
  font-size:24px;
  line-height:1.5;
  letter-spacing:0;
  font-weight:400;
}
.feature-aspect-copy p{
  margin:18px 0 0;
  color:#858789;
  font-size:15px;
  line-height:1.65;
}
.feature-aspect-visual{
  width:100%;
  max-width:720px;
  justify-self:end;
  margin:0;
  border:1px solid #454849;
  background:#060708;
}
.feature-aspect-visual img{
  width:100%;
  height:auto;
  display:block;
}
@media (max-width:1180px){
  .feature-stage{
    grid-template-columns:minmax(300px,.72fr) minmax(540px,1.45fr);
    min-height:590px;
    padding-left:44px;
  }
  .product-visual{height:530px}
  .visual-left{
    grid-template-columns:minmax(540px,1.45fr) minmax(300px,.72fr);
    padding-left:0;
    padding-right:44px;
  }
  .feature-summary{font-size:16px}
  .capability-strip{padding:22px 28px}
  .capability{padding:5px 18px;gap:12px}
}

@media (max-width:900px){
  .inspector-hero{
    min-height:0;
    grid-template-columns:1fr;
    gap:44px;
    padding:58px 28px 64px;
  }
  .inspector-mark{
    width:180px;
    justify-self:start;
  }
  .showcase-hero,
  .showcase-section,
  .showcase-hero--visual-first,
  .showcase-section--visual-first{
    grid-template-columns:1fr;
    gap:34px;
  }
  .showcase-hero{padding:54px 28px 60px}
  .showcase-section{margin:0 28px;padding:64px 0 72px}
  .showcase-copy{max-width:620px}
  .showcase-hero--visual-first .showcase-copy,
  .showcase-section--visual-first .showcase-copy,
  .showcase-hero--visual-first .showcase-visual,
  .showcase-section--visual-first .showcase-visual{
    grid-column:1;
    grid-row:auto;
  }
  .kineplex-page .feature-stage,
  .flexcam-page .feature-stage{
    height:auto;
    aspect-ratio:auto;
    min-height:0;
    padding:54px 28px 0;
    background:#050606;
  }
  .feature-stage{
    min-height:0;
    grid-template-columns:1fr;
    gap:28px;
    padding:54px 28px 0;
  }
  .feature-stage:before{
    background:linear-gradient(180deg,#050606 0,#060707 44%,rgba(5,6,6,.35) 68%,rgba(0,0,0,0) 100%);
  }
  .kineplex-page .feature-stage:before,
  .flexcam-page .feature-stage:before{
    display:block;
  }
  .kineplex-page .feature-stage > *,
  .flexcam-page .feature-stage > *{
    opacity:1;
    pointer-events:auto;
  }
  .visual-left{grid-template-columns:1fr;padding:54px 28px 0}
  .visual-left:before{
    background:linear-gradient(180deg,#050606 0,#060707 44%,rgba(5,6,6,.35) 68%,rgba(0,0,0,0) 100%);
  }
  .visual-left .feature-intro,
  .visual-left .product-visual{
    grid-column:1;
    grid-row:auto;
  }
  .feature-intro{max-width:650px}
  .feature-summary{max-width:620px}
  .product-visual{
    width:calc(100% + 56px);
    height:auto;
    aspect-ratio:1.56;
    margin-left:-28px;
  }
  .product-visual:after{display:none}
  .product-visual img{
    top:-14%;
    left:-43%;
    width:145%;
  }
  .kineplex-page .product-visual{aspect-ratio:2}
  .kineplex-page .product-visual img{top:-6%;left:-70%;width:170%}
  .flexcam-page .product-visual{aspect-ratio:2}
  .flexcam-page .product-visual img{top:-6%;left:0;width:170%}
  .capability-strip{
    grid-template-columns:repeat(2,1fr);
    padding:20px 28px;
  }
  .capability{min-height:92px}
  .capability:nth-child(2){border-right:0}
  .capability:nth-child(-n+2){border-bottom:1px solid #242627}
  .feature-detail{
    grid-template-columns:1fr;
    gap:32px;
    padding:52px 28px;
  }
  .feature-detail-copy{max-width:620px}
  .feature-detail--visual-first{grid-template-columns:1fr}
  .feature-detail--visual-first .feature-detail-copy,
  .feature-detail--visual-first .feature-detail-visual{
    grid-column:1;
    grid-row:auto;
  }
  .feature-aspect{
    grid-template-columns:1fr;
    gap:36px;
    margin:0 28px;
    padding:64px 0 72px;
  }
  .feature-aspect-copy{max-width:620px}
  .feature-aspect-visual{justify-self:start}
}

@media (max-width:600px){
  .inspector-hero{padding:46px 20px 52px}
  .inspector-copy h1{font-size:34px}
  .inspector-subtitle{font-size:14px}
  .inspector-copy h2{margin-top:36px;font-size:24px}
  .inspector-summary{font-size:15px}
  .inspector-mark{width:148px}
  .showcase-hero{padding:44px 20px 50px}
  .showcase-section{margin:0 20px;padding:52px 0 58px}
  .showcase-copy h1{font-size:34px}
  .showcase-copy h2{font-size:25px}
  .showcase-subtitle{font-size:17px}
  .showcase-description{font-size:15px}
  .kineplex-page .feature-stage,
  .flexcam-page .feature-stage{padding:42px 20px 0}
  .feature-stage{padding:42px 20px 0}
  .visual-left{padding:42px 20px 0}
  .feature-kicker{margin-bottom:26px}
  .product-heading{gap:16px}
  .product-mark{width:66px;height:66px;font-size:38px}
  .product-heading h1{font-size:34px}
  .product-heading p{margin-top:11px;font-size:11px;letter-spacing:.28em}
  .feature-summary{margin-top:26px;font-size:16px;line-height:1.55}
  .product-visual{
    width:calc(100% + 40px);
    margin-left:-20px;
    aspect-ratio:1.2;
  }
  .product-visual img{top:-7%;left:-41%;width:148%}
  .kineplex-page .product-visual{aspect-ratio:2}
  .kineplex-page .product-visual img{top:-6%;left:-70%;width:170%}
  .flexcam-page .product-visual{aspect-ratio:2}
  .flexcam-page .product-visual img{top:-6%;left:0;width:170%}
  .capability-strip{grid-template-columns:1fr;padding:10px 20px}
  .capability,
  .capability:first-child,
  .capability:last-child{
    min-height:86px;
    padding:14px 4px;
    border-right:0;
    border-bottom:1px solid #242627;
  }
  .capability:last-child{border-bottom:0}
  .feature-detail{padding:42px 20px}
  .feature-detail h2{font-size:25px}
  .feature-detail-copy > p:last-child{font-size:15px}
  .feature-aspect{
    gap:28px;
    margin:0 20px;
    padding:52px 0 58px;
  }
  .feature-aspect h2{font-size:21px}
}