.c-page-hero{
  padding-block:var(--ov-hero-pad) var(--ov-space-6);
  color:#ffffff;
}
.c-page-hero[data-hero-form="product-visual"]{
  display:grid;
  grid-template-columns:minmax(0,32rem) minmax(36rem,1fr);
  gap:clamp(2rem,4vw,4rem);
  align-items:start;
}
.c-page-hero__copy{
  min-width:0;
  max-width:34rem;
}
.c-page-hero__copy>*+*{margin-top:var(--ov-space-3)}
.c-page-hero__copy .c-kicker{margin-bottom:.1rem}
.c-page-hero__copy p{max-width:32rem;color:#eef0ff;font-size:var(--ov-fs-4)}
.c-page-hero__stage{
  position:relative;
  min-width:0;
  height:35.625rem;
  overflow:visible;
  perspective:75rem;
}
.c-page-hero__stage::before{
  content:"";
  position:absolute;
  inset:auto .4rem -1.2rem 1.7rem;
  top:40%;
  z-index:0;
  border-radius:3rem;
  background:#633a68;
  filter:drop-shadow(0 2rem 3rem rgba(3,5,29,.3));
  transform:rotate(-2deg);
  pointer-events:none;
}
.c-page-hero__stage[data-hero-face="confirmed-draft"]::before{
  inset:2.6rem .8rem 1.25rem 2.2rem;
  top:auto;
}
.c-page-hero__stage[data-hero-face="confirmed-draft"] .hero-queue{
  position:absolute;
  left:3.9rem;
  top:5.4rem;
  width:min(32.5rem,76%);
  min-height:23.5rem;
  padding:var(--ov-space-3);
  border-radius:1.8rem;
  background:linear-gradient(155deg,#12153f,#1f2564);
  color:#ffffff;
  box-shadow:0 2.2rem 4.4rem rgba(4,6,30,.34);
  transform:rotate(-4deg) rotateY(-7deg);
}
.c-page-hero__stage[data-hero-face="confirmed-draft"] .hero-remote{
  position:absolute;
  left:.5rem;
  bottom:2.75rem;
  width:11.25rem;
  padding:1.25rem;
  border-radius:1.4rem;
  background:#175c58;
  color:#ffffff;
  box-shadow:var(--ov-shadow-soft);
  transform:rotate(-7deg);
}
.c-page-hero__stage[data-hero-face="confirmed-draft"] .hero-mobile{
  position:absolute;
  right:0;
  bottom:3.2rem;
  width:11.4rem;
  padding:1rem;
  border-radius:1.55rem;
  background:#714c34;
  color:#ffffff;
  box-shadow:var(--ov-shadow-soft);
  transform:rotate(7deg);
}
.c-page-hero__stage[data-hero-face="confirmed-draft"] .hero-robot{
  position:absolute;
  right:2rem;
  top:.25rem;
  width:9.5rem;
  height:10.9rem;
  filter:drop-shadow(0 1.1rem 1.4rem rgba(3,5,25,.25));
  animation:ov-float 5s ease-in-out infinite;
}
.c-page-hero__stage[data-hero-face="confirmed-draft"] .hero-robot svg{width:9.5rem;height:10.9rem}
.c-doc-hero{
  padding-block:var(--ov-hero-crumb-pad) var(--ov-space-5);
  color:#ffffff;
}
.c-doc-hero__copy{max-width:var(--ov-container-narrow)}
.c-doc-hero__copy>*+*{margin-top:var(--ov-space-2)}
.c-shell-section{padding-block:var(--ov-section-pad)}
.c-shell-panel{
  padding:var(--ov-space-4);
  border-radius:var(--ov-radius-lg);
  color:#ffffff;
}
.c-shell-panel--berry{background:#633a68;color:#ffffff}
.c-shell-panel--teal{background:#175c58;color:#ffffff}
.c-shell-panel--copper{background:#714c34;color:#ffffff}
.c-shell-panel--indigo{background:#343a79;color:#ffffff}
.c-shell-panel p{color:#d9dced}
@keyframes ov-float{50%{transform:translateY(-.65rem) rotate(2deg)}}
@media (max-width:64rem){
  .c-page-hero[data-hero-form="product-visual"]{grid-template-columns:1fr}
  .c-page-hero__copy{max-width:42rem}
  .c-page-hero__stage{width:100%;height:auto;min-height:35rem;overflow:visible}
}
@media (max-width:44rem){
  .c-page-hero__stage{
    display:grid;
    gap:var(--ov-space-2);
    min-height:0;
    height:auto;
    overflow:visible;
    perspective:none;
  }
  .c-page-hero__stage::before{inset:0;border-radius:var(--ov-radius-lg);transform:none}
  .c-page-hero__stage[data-hero-face="confirmed-draft"] .hero-queue,
  .c-page-hero__stage[data-hero-face="confirmed-draft"] .hero-remote,
  .c-page-hero__stage[data-hero-face="confirmed-draft"] .hero-mobile,
  .c-page-hero__stage[data-hero-face="confirmed-draft"] .hero-robot{
    position:relative;
    inset:auto;
    width:100%;
    height:auto;
    min-height:0;
    transform:none;
  }
  .c-page-hero__stage[data-hero-face="confirmed-draft"] .hero-robot{display:none}
  .c-shell-panel{padding:var(--ov-space-3)}
}

[data-hero-face="confirmed-draft"]:not([data-face-root]){height:auto;min-height:510px;min-width:0;overflow:visible;background:transparent;border-radius:0;--mono:var(--mv-font-mono,ui-monospace,SFMono-Regular,Menlo,monospace);--green:#27785d}
[data-hero-face="confirmed-draft"]:not([data-face-root])::before,[data-hero-face="confirmed-draft"]:not([data-face-root])::after{display:none;content:none}
[data-hero-face="confirmed-draft"]:not([data-face-root])>img{display:none}
[data-hero-face="confirmed-draft"] .hero-art{
  position:relative;
  width:690px;
  height:570px;
  margin-left:-10px;
  perspective:1200px;
}
[data-hero-face="confirmed-draft"] .hero-art .art-backdrop{
  position:absolute;
  inset:42px 12px 20px 35px;
  border-radius:48px;
  background:linear-gradient(145deg,rgba(103,65,137,.9),rgba(31,44,129,.88) 48%,rgba(23,92,88,.7));
  filter:drop-shadow(0 34px 50px rgba(3,5,29,.32));
  transform:rotate(-2deg);
}
[data-hero-face="confirmed-draft"] .hero-art .art-backdrop svg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:.75;
}
[data-hero-face="confirmed-draft"] .hero-art .queue-card{
  position:absolute;
  left:62px;
  top:86px;
  width:520px;
  height:376px;
  padding:24px;
  border-radius:29px;
  color:#ffffff;
  background:linear-gradient(155deg,rgba(18,21,63,.97),rgba(31,37,100,.95));
  box-shadow:0 35px 70px rgba(4,6,30,.36);
  transform:rotate(-4deg) rotateY(-7deg);
  transform-style:preserve-3d;
}
[data-hero-face="confirmed-draft"] .hero-art .float-title{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:19px;
  font:700 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.09em;
  color:#c9cee9;
}
[data-hero-face="confirmed-draft"] .hero-art .status-live{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#dfffdc;
}
[data-hero-face="confirmed-draft"] .hero-art .status-live:before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:#76e76d;
  box-shadow:0 0 16px #76e76d;
}
[data-hero-face="confirmed-draft"] .hero-art .build-row{
  display:grid;
  grid-template-columns:84px 1fr 84px;
  align-items:center;
  gap:12px;
  min-height:63px;
  margin-bottom:9px;
  padding:11px 13px;
  border-radius:17px;
  background:rgba(255,255,255,.075);
  font:700 11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;
}
[data-hero-face="confirmed-draft"] .hero-art .build-row strong{
  display:block;
  margin-bottom:2px;
  color:#ffffff;
  font-size:12px;
}
[data-hero-face="confirmed-draft"] .hero-art .build-row small{color:#9da5d7}
[data-hero-face="confirmed-draft"] .hero-art .runner-line{
  height:7px;
  border-radius:9px;
  background:rgba(255,255,255,.11);
  overflow:hidden;
}
[data-hero-face="confirmed-draft"] .hero-art .runner-line:after{
  content:"";
  display:block;
  width:78%;
  height:100%;
  border-radius:9px;
  background:#b7d629;
}
[data-hero-face="confirmed-draft"] .hero-art .pill-ok{
  justify-self:end;
  padding:5px 8px;
  border-radius:9px;
  color:#182000;
  background:#c8e84d;
  font-weight:900;
}
[data-hero-face="confirmed-draft"] .hero-art .node-label{
  color:#d1d5ef;
  text-align:right;
}
[data-hero-face="confirmed-draft"] .hero-art .runner-card{
  position:absolute;
  right:0;
  bottom:51px;
  width:182px;
  padding:16px;
  border-radius:25px;
  color:#ffffff;
  background:linear-gradient(150deg,#714c34,#4c2c35);
  box-shadow:0 23px 45px rgba(4,6,30,.32);
  transform:rotate(7deg);
}
[data-hero-face="confirmed-draft"] .hero-art .runner-card strong{
  display:block;
  margin:7px 0 2px;
  font:800 13px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;
}
[data-hero-face="confirmed-draft"] .hero-art .runner-card span{
  display:block;
  color:#f2d9ca;
  font:600 10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;
}
[data-hero-face="confirmed-draft"] .hero-art .runner-card svg{width:100%;height:82px}
[data-hero-face="confirmed-draft"] .hero-art .float-card{
  position:absolute;
  left:8px;
  bottom:44px;
  width:180px;
  padding:15px;
  border-radius:22px;
  color:#ffffff;
  background:#175c58;
  box-shadow:0 22px 44px rgba(4,6,30,.3);
  transform:rotate(-7deg);
}
[data-hero-face="confirmed-draft"] .hero-art .float-card b{
  display:flex;
  justify-content:space-between;
  margin-bottom:9px;
  font:800 11px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;
}
[data-hero-face="confirmed-draft"] .hero-art .float-card span{
  display:block;
  padding:8px 0 6px;
  color:#bfe7df;
  font:600 10px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;
}
[data-hero-face="confirmed-draft"] .hero-art .cluster{
  position:absolute;
  right:31px;
  top:4px;
  width:152px;
  height:174px;
  filter:drop-shadow(0 18px 22px rgba(3,5,25,.25));
  animation:floaty 5s ease-in-out infinite;
}
[data-hero-face="confirmed-draft"] .hero-art .cluster svg{width:100%;height:100%}
@media(max-width:46rem){
  [data-hero-face="confirmed-draft"]:not([data-face-root]){min-height:0}
  [data-hero-face="confirmed-draft"] .hero-art{height:auto}
  [data-hero-face="confirmed-draft"] .cluster{position:relative;inset:auto;width:100%;height:auto}
  [data-hero-face="confirmed-draft"] .float-card,
  [data-hero-face="confirmed-draft"] .node-label{position:relative;inset:auto;left:auto;right:auto;top:auto;bottom:auto;width:auto;max-width:none;display:inline-block;margin:.35rem .35rem 0 0}
  [data-hero-face="confirmed-draft"] .queue-card,
  [data-hero-face="confirmed-draft"] .runner-card{width:100%}
}
.c-page-hero__stage > .plans-ledger:only-child,
[class*="hero__stage"]:not(:has(> img))>:only-child,
[class*="hero-stage"]:not(:has(> img))>:only-child{
  width:100%;
  max-width:none;
  height:100%;
}
[class*="ledger"]:only-child,
[class*="run-sheet"]:only-child,
[class*="sheet"]:only-child,
[class*="ticket"]:only-child,
[class*="dossier"]:only-child{
  width: 100%;
  max-width: none;
  height: 100%;
}
.c-page-hero__stage>:only-child{
  width:100%;
  max-width:none;
  height:100%;
}
[class*="hero__stage"]>:only-child{width:100%;max-width:none;height:100%}
.c-page-hero__stage:not(:has(> img)) > :only-child{width:100%;max-width:none;height:100%}
@media(max-width:64rem){.c-page-hero__stage:not(:has(> img)){height:auto;min-height:0;overflow:visible}.c-page-hero__stage:not(:has(> img)) > :only-child{height:auto}}
[data-hero-form="product-visual"] [class*="hero__stage"]:not([data-hero-face]) > :only-child,
[data-hero-form="product-visual"] .c-page-hero__stage:not([data-hero-face]) > :only-child{
  position:relative;
  z-index:1;
  height:auto;
}