.chapter-index {
  display: block;
  margin-block-end: 22px;
  color: var(--pp-color-brand-600);
  font-size: .75rem;
  font-weight: 900;
  letter-spacing: .08em;
}
.chapter-index--dark { color: var(--pp-color-cyan-500); }

.home-hero {
  position: relative;
  min-block-size: min(960px, calc(100svh - var(--pp-header-height)));
  overflow: clip;
  display: grid;
  align-items: center;
  padding-block: clamp(54px, 6vw, 84px);
  color: var(--pp-night-text);
  background:
    radial-gradient(circle at 13% 18%, rgb(11 91 255 / .13), transparent 30%),
    var(--pp-night-frame);
}
.home-hero__orb {
  display: block;
  inline-size: 168px;
  inset-block-start: 2%;
  inset-inline-start: auto;
  inset-inline-end: 2%;
  z-index: 1;
  opacity: .54;
}
.home-hero__layout {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(500px, 1fr) minmax(560px, 1fr);
  gap: clamp(30px, 3vw, 52px);
  align-items: center;
}
.home-hero__copy { max-inline-size: 690px; }
.home-hero h1 {
  max-inline-size: 690px;
  margin-block-end: 24px;
  font-size: clamp(3.25rem, 4.8vw, 4.75rem);
  font-weight: 900;
}
.home-hero h1 span { display: block; color: var(--pp-color-cyan-500); }
.home-hero__copy > p { max-inline-size: 650px; color: var(--pp-night-muted); font-size: clamp(1.125rem, 1.65vw, 1.3125rem); }
.home-hero__answers { display: flex; flex-wrap: wrap; gap: 10px 22px; margin: 22px 0 0; padding: 0; list-style: none; }
.home-hero__answers li { display: inline-flex; align-items: center; gap: 8px; min-block-size: 24px; color: var(--pp-night-muted); }
.home-hero__answers li::before { content: ""; inline-size: 7px; aspect-ratio: 1; flex: 0 0 auto; border-radius: 50%; background: var(--pp-color-mint-500); box-shadow: 0 0 0 5px rgb(44 207 145 / .08); }
.home-hero__answers strong { color: var(--pp-night-text); font-size: .8125rem; }
.home-hero__micro { margin-block-start: 14px; color: var(--pp-night-disabled); font-size: .8125rem; }

.product-stage {
  --hero-x: 0px;
  --hero-y: 0px;
  --hero-rx: 0deg;
  --hero-ry: 0deg;
  --hero-float-x: 0px;
  --hero-float-y: 0px;
  --hero-halo-x: 0px;
  --hero-halo-y: 0px;
  position: relative;
  min-block-size: 590px;
  isolation: isolate;
  perspective: 1600px;
}
.product-stage__halo {
  position: absolute;
  inset: 5% 4% 5% 6%;
  border: 1px solid rgb(24 189 234 / .3);
  border-radius: var(--pp-radius-frame);
  box-shadow: 0 0 70px rgb(11 91 255 / .1);
  transform: translate3d(var(--hero-halo-x), var(--hero-halo-y), 0) rotate(-2deg);
}
.product-stage__axis {
  display: none;
}
.product-cockpit {
  position: absolute;
  inset: 7% 6% 7% 7%;
  z-index: 2;
  overflow: hidden;
  border: 1px solid rgb(24 189 234 / .34);
  border-radius: var(--pp-radius-frame);
  color: var(--pp-night-text);
  background: linear-gradient(145deg, var(--pp-night-surface-tint), var(--pp-night-surface));
  box-shadow: 0 42px 110px rgb(0 0 0 / .48), 0 0 0 1px rgb(24 189 234 / .06), 0 0 78px rgb(11 91 255 / .12);
  transform: translate3d(var(--hero-x), var(--hero-y), 0) rotateY(calc(2deg + var(--hero-ry))) rotateX(var(--hero-rx));
  transform-origin: 48% 50%;
}
.product-cockpit__bar {
  min-block-size: 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 22px;
  border-block-end: 1px solid var(--pp-night-border);
  background: var(--pp-night-frame);
}
.product-cockpit__bar > div span,
.product-console__head span,
.product-rail__eyebrow { display: block; color: var(--pp-night-disabled); font-size: .625rem; font-weight: 800; letter-spacing: .04em; }
.product-cockpit__bar > div strong { display: block; margin-block-start: 2px; font-size: .9375rem; }
.product-window__status { display: inline-flex; align-items: center; gap: 7px; color: var(--pp-night-muted); font-size: .6875rem; }
.product-window__status::before { content: ""; inline-size: 7px; block-size: 7px; border-radius: 50%; background: var(--pp-color-mint-500); box-shadow: 0 0 0 5px rgb(44 207 145 / .09); }
.product-cockpit__body { min-block-size: 420px; display: grid; grid-template-columns: 164px minmax(0, 1fr); }
.product-rail { padding: 24px 17px; border-inline-end: 1px solid var(--pp-night-border); background: var(--pp-night-bg); }
.product-rail ol { display: grid; gap: 0; margin: 20px 0 0; padding: 0; list-style: none; }
.product-rail li { position: relative; min-block-size: 94px; display: grid; grid-template-columns: 34px 1fr; gap: 10px; align-items: start; }
.product-rail li:not(:last-child)::after { content: ""; position: absolute; inset-block-start: 33px; inset-block-end: 0; inset-inline-start: 16px; inline-size: 1px; background: var(--pp-night-border-strong); }
.product-rail__marker { position: relative; z-index: 1; inline-size: 32px; aspect-ratio: 1; display: grid; place-items: center; border: 1px solid var(--pp-night-border-strong); border-radius: 50%; color: var(--pp-night-muted); background: var(--pp-night-surface); font-size: .625rem; font-weight: 900; }
.product-rail li.is-done .product-rail__marker { color: var(--pp-night-frame); border-color: var(--pp-color-mint-500); background: var(--pp-color-mint-500); }
.product-rail li.is-active .product-rail__marker { color: var(--pp-night-frame); border-color: var(--pp-color-cyan-500); background: var(--pp-color-cyan-500); box-shadow: 0 0 0 6px rgb(24 189 234 / .1); }
.product-rail li strong { display: block; padding-block-start: 5px; font-size: .75rem; }
.product-rail li small { display: block; margin-block-start: 4px; color: var(--pp-night-disabled); font-size: .5625rem; }
.product-console { min-inline-size: 0; padding: 22px; }
.product-console__head { display: flex; justify-content: space-between; gap: 16px; align-items: end; margin-block-end: 16px; }
.product-console__head strong { display: block; margin-block-start: 2px; font-size: 1.0625rem; }
.product-queue { display: grid; gap: 9px; }
.product-queue__item {
  min-block-size: 88px;
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr) auto;
  gap: 10px 12px;
  align-items: center;
  padding: 12px 14px;
  border: 1px solid var(--pp-night-border);
  border-radius: var(--pp-radius-lg);
  background: var(--pp-night-surface-subtle);
}
.product-queue__item.is-live { border-color: rgb(24 189 234 / .58); background: var(--pp-night-surface-tint); }
.product-queue__item time { direction: ltr; color: var(--pp-night-muted); font-size: .6875rem; font-weight: 800; }
.product-queue__item strong { display: block; font-size: .75rem; }
.product-queue__item span { display: block; color: var(--pp-night-muted); font-size: .5625rem; }
.product-queue__state { padding: 5px 8px; border: 1px solid var(--pp-night-border); border-radius: var(--pp-radius-pill); white-space: nowrap; }
.is-live .product-queue__state { color: var(--pp-color-cyan-500); border-color: rgb(24 189 234 / .42); }
.is-done .product-queue__state { color: var(--pp-color-mint-500); border-color: rgb(44 207 145 / .36); }
.product-queue__meter { grid-column: 1 / -1; block-size: 4px; overflow: hidden; border-radius: var(--pp-radius-pill); background: var(--pp-night-border); }
.product-queue__meter i { display: block; inline-size: 5%; block-size: 100%; border-radius: inherit; background: var(--pp-color-brand-600); transform-origin: right center; }
.product-queue__item.is-done .product-queue__meter i { inline-size: 100%; background: var(--pp-color-mint-500); }
.product-queue__item.is-live .product-queue__meter i { inline-size: 67%; background: var(--pp-color-cyan-500); }
.product-console__metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; margin-block-start: 14px; }
.home-hero .product-console__metrics,
.home-hero .product-queue__item:nth-child(3) { display: none; }
.product-console__metrics > div { padding: 10px 12px; border-inline-start: 2px solid var(--pp-color-brand-600); background: var(--pp-night-bg); }
.product-console__metrics strong { display: block; font-size: 1.125rem; }
.product-console__metrics span { color: var(--pp-night-muted); font-size: .5625rem; }
.product-float {
  position: absolute;
  z-index: 4;
  padding: 16px;
  border: 1px solid var(--pp-night-border-strong);
  border-radius: var(--pp-radius-xl);
  color: var(--pp-night-text);
  background: var(--pp-night-surface);
  box-shadow: 0 26px 70px rgb(0 0 0 / .45);
}
.product-float--approval { inline-size: 310px; inset-block-start: 2%; inset-inline-end: -2%; transform: translate3d(var(--hero-float-x), var(--hero-float-y), 65px) rotate(-2deg); }
.product-float--lead { inline-size: 360px; inset-block-end: 1%; inset-inline-start: -3%; display: grid; grid-template-columns: auto 1fr; gap: 12px; align-items: center; transform: translate3d(var(--hero-float-x), var(--hero-float-y), 80px) rotate(2deg); }
.product-float__label { display: block; color: var(--pp-night-disabled); font-size: .625rem; font-weight: 800; }
.product-float strong { display: block; margin-block-start: 2px; font-size: .8125rem; }
.product-float p { margin: 10px 0 0; color: var(--pp-night-muted); font-size: .625rem; }
.product-float small { display: block; margin-block-start: 5px; color: var(--pp-night-muted); font-size: .5625rem; line-height: 1.5; }
.product-float__status { display: inline-flex; margin-block-start: 10px; padding: 5px 8px; border-radius: var(--pp-radius-pill); color: var(--pp-color-cyan-500); background: rgb(24 189 234 / .1); font-size: .5625rem; font-weight: 800; }
.product-stage__caption { position: absolute; inset-block-end: 2%; inset-inline-end: 7%; color: var(--pp-night-disabled); font-size: .625rem; }
.product-avatar { inline-size: 32px; aspect-ratio: 1; display: grid; place-items: center; flex: 0 0 auto; border-radius: 50%; color: var(--pp-color-brand-900); background: var(--pp-color-brand-100); font-size: .6875rem; font-weight: 900; }
.product-score { inline-size: 38px; aspect-ratio: 1; display: grid; place-items: center; flex: 0 0 auto; border-radius: 50%; color: var(--pp-night-frame); background: var(--pp-color-mint-500); font-size: .6875rem; font-weight: 900; }

.product-orbit {
  position: relative;
  overflow: clip;
  padding-block: 70px;
  color: var(--pp-night-text);
  border-block: 1px solid var(--pp-night-border);
  background:
    radial-gradient(ellipse at 50% 86%, rgb(24 189 234 / .18), transparent 34%),
    radial-gradient(circle at 18% 24%, rgb(11 91 255 / .2), transparent 30%),
    var(--pp-night-bg);
}
.product-orbit::after {
  content: "";
  position: absolute;
  inset: auto 7% 10%;
  block-size: 1px;
  background: linear-gradient(90deg, transparent, rgb(24 189 234 / .34), rgb(44 207 145 / .25), transparent);
}
.product-orbit__head { position: relative; z-index: 3; display: grid; grid-template-columns: minmax(480px, 1fr) minmax(320px, .72fr); gap: clamp(36px, 5vw, 90px); align-items: end; }
.product-orbit__copy { max-inline-size: 760px; }
.product-orbit__copy h2 { max-inline-size: 760px; margin: 18px 0 20px; font-size: clamp(2.625rem, 4.7vw, 4.5rem); line-height: 1.02; }
.product-orbit__copy h2 span { color: var(--pp-color-cyan-500); }
.product-orbit__copy > p { max-inline-size: 680px; margin: 0; color: var(--pp-night-muted); font-size: 1.0625rem; }
.product-orbit__controls { display: none; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 12px; }
.has-product-orbit-motion .product-orbit__controls { display: flex; }
.product-orbit__nav { display: flex; direction: ltr; align-items: center; gap: 10px; }
.product-orbit__nav > button,
.product-orbit__toggle { min-inline-size: 44px; min-block-size: 44px; display: inline-grid; place-items: center; border: 1px solid var(--pp-night-border-strong); color: var(--pp-night-text); background: var(--pp-night-surface); cursor: pointer; }
.product-orbit__nav > button { border-radius: 50%; font-size: 1.25rem; }
.product-orbit__nav > button:hover,
.product-orbit__nav > button:focus-visible,
.product-orbit__toggle:hover,
.product-orbit__toggle:focus-visible { color: var(--pp-night-frame); border-color: var(--pp-color-cyan-500); background: var(--pp-color-cyan-500); }
.product-orbit__toggle { grid-auto-flow: column; gap: 9px; padding-inline: 14px; border-radius: var(--pp-radius-pill); color: var(--pp-night-muted); font-size: .75rem; font-weight: 800; }
.product-orbit__toggle i { inline-size: 9px; block-size: 11px; border-inline: 2px solid currentColor; }
.product-orbit__toggle[aria-pressed="true"] i { inline-size: 0; block-size: 0; border-block: 6px solid transparent; border-inline-start: 9px solid currentColor; border-inline-end: 0; }
.product-orbit__dots { display: flex; align-items: center; gap: 7px; padding-inline: 4px; }
.product-orbit__dots button { inline-size: 9px; min-inline-size: 9px; block-size: 9px; padding: 0; border: 0; border-radius: 50%; background: var(--pp-night-border-strong); cursor: pointer; transition: inline-size .24s ease, background-color .24s ease; }
.product-orbit__dots button[aria-current="true"] { inline-size: 30px; border-radius: var(--pp-radius-pill); background: linear-gradient(90deg, var(--pp-color-cyan-500), var(--pp-color-mint-500)); }
.product-orbit__viewport { position: relative; z-index: 2; inline-size: 100%; margin-block-start: 70px; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: thin; scroll-snap-type: inline mandatory; }
.product-orbit__stage { position: relative; min-block-size: 430px; display: flex; inline-size: max-content; gap: 16px; padding-inline: max(20px, calc((100vw - var(--pp-content-max)) / 2)); perspective: 1600px; transform-style: preserve-3d; }
.product-orbit__horizon { position: absolute; inset: 6% 0 auto; block-size: 76%; pointer-events: none; background: repeating-radial-gradient(ellipse at 50% 100%, transparent 0 54px, rgb(24 189 234 / .08) 55px 56px); transform: perspective(720px) rotateX(62deg) scale(1.35); transform-origin: center bottom; }
.product-orbit__card {
  position: relative;
  flex: 0 0 min(82vw, 380px);
  min-block-size: 390px;
  overflow: hidden;
  border: 1px solid var(--pp-night-border-strong);
  border-radius: var(--pp-radius-frame);
  color: var(--pp-night-text);
  background: var(--pp-night-surface);
  box-shadow: 0 30px 70px rgb(0 0 0 / .34);
  scroll-snap-align: center;
  transform-style: preserve-3d;
  backface-visibility: hidden;
}
.product-orbit__card::after { content: ""; position: absolute; inset: auto 18px 0; block-size: 2px; background: linear-gradient(90deg, transparent, var(--pp-color-brand-500), var(--pp-color-cyan-500), var(--pp-color-mint-500), transparent); opacity: .72; }
.product-orbit__card.is-active { border-color: rgb(24 189 234 / .72); box-shadow: 0 36px 90px rgb(0 0 0 / .46), 0 0 0 1px rgb(24 189 234 / .16); }
.product-orbit__visual { min-block-size: 220px; padding: 20px; border-block-end: 1px solid var(--pp-night-border); background: var(--pp-night-bg); }
.product-orbit__body { padding: 20px 22px 24px; }
.product-orbit__body > span { color: var(--pp-color-cyan-500); font-size: .625rem; font-weight: 900; letter-spacing: .08em; }
.product-orbit__body h3 { margin: 7px 0 8px; font-size: 1.1875rem; }
.product-orbit__body p { margin: 0; color: var(--pp-night-muted); font-size: .8125rem; line-height: 1.65; }
.has-product-orbit-motion .product-orbit__viewport { min-block-size: 490px; overflow: hidden; scroll-snap-type: none; }
.has-product-orbit-motion .product-orbit__stage { inline-size: 100%; min-block-size: 430px; display: block; padding-inline: 0; }
.has-product-orbit-motion .product-orbit__card { position: absolute; top: 0; right: auto; left: 50%; inline-size: clamp(310px, 26vw, 390px); min-block-size: 390px; will-change: transform, opacity; }
.product-orbit__live { position: absolute; inline-size: 1px; block-size: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

.orbit-window__bar { min-block-size: 34px; display: grid; grid-template-columns: 9px 1fr auto; gap: 8px; align-items: center; padding: 8px 10px; border: 1px solid var(--pp-night-border); border-radius: var(--pp-radius-md) var(--pp-radius-md) 0 0; background: var(--pp-night-surface); }
.orbit-window__bar > span { inline-size: 7px; aspect-ratio: 1; border-radius: 50%; background: var(--pp-color-mint-500); }
.orbit-window__bar strong { font-size: .6875rem; }
.orbit-window__bar i { color: var(--pp-color-cyan-500); font-size: .5625rem; font-style: normal; }
.orbit-post-preview { min-block-size: 108px; display: grid; grid-template-columns: 1fr 64px; gap: 12px; align-items: center; padding: 14px; border-inline: 1px solid var(--pp-night-border); background: linear-gradient(135deg, var(--pp-night-surface-subtle), var(--pp-night-surface-tint)); }
.orbit-post-preview small, .orbit-post-preview span { display: block; color: var(--pp-night-muted); font-size: .5625rem; }
.orbit-post-preview strong { display: block; margin-block: 4px; font-size: .8125rem; }
.orbit-post-preview > b { inline-size: 58px; aspect-ratio: 1; display: grid; place-items: center; border: 1px solid rgb(24 189 234 / .35); border-radius: var(--pp-radius-lg); color: var(--pp-color-cyan-500); background: rgb(24 189 234 / .08); font-size: 1.125rem; }
.orbit-copy-lines { display: grid; gap: 6px; padding: 12px; border: 1px solid var(--pp-night-border); border-radius: 0 0 var(--pp-radius-md) var(--pp-radius-md); }
.orbit-copy-lines i { block-size: 5px; border-radius: var(--pp-radius-pill); background: var(--pp-night-border-strong); }
.orbit-copy-lines i:nth-child(2) { inline-size: 84%; }
.orbit-copy-lines i:nth-child(3) { inline-size: 62%; background: var(--pp-color-brand-600); }

.orbit-groups__metric { display: grid; grid-template-columns: auto 1fr auto; gap: 10px; align-items: center; padding-block-end: 13px; border-block-end: 1px solid var(--pp-night-border); }
.orbit-groups__metric strong { color: var(--pp-color-cyan-500); font-size: 2.125rem; line-height: 1; }
.orbit-groups__metric span { color: var(--pp-night-muted); font-size: .6875rem; }
.orbit-groups__metric i { padding: 5px 8px; border-radius: var(--pp-radius-pill); color: var(--pp-color-mint-500); background: rgb(44 207 145 / .09); font-size: .5625rem; font-style: normal; }
.orbit-groups__rows { display: grid; gap: 6px; margin-block-start: 13px; }
.orbit-groups__rows > span { display: grid; grid-template-columns: 7px 1fr auto; gap: 8px; align-items: center; padding: 8px 10px; border: 1px solid var(--pp-night-border); border-radius: var(--pp-radius-md); color: var(--pp-night-muted); font-size: .5625rem; }
.orbit-groups__rows b { inline-size: 6px; aspect-ratio: 1; border-radius: 50%; background: var(--pp-color-mint-500); }
.orbit-groups__rows i { color: var(--pp-color-mint-500); font-style: normal; }
.orbit-groups__rows > span:last-child b { background: var(--pp-color-cyan-500); }
.orbit-groups__rows > span:last-child i { color: var(--pp-color-cyan-500); }
.orbit-groups__meter { block-size: 5px; margin-block-start: 13px; overflow: hidden; border-radius: var(--pp-radius-pill); background: var(--pp-night-border); }
.orbit-groups__meter i { display: block; inline-size: 67%; block-size: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--pp-color-brand-600), var(--pp-color-cyan-500)); }

.orbit-lead { display: grid; grid-template-columns: 112px 1fr; gap: 14px; align-items: stretch; }
.orbit-lead__score, .orbit-lead__detail { min-block-size: 176px; display: flex; flex-direction: column; justify-content: center; padding: 15px; border: 1px solid var(--pp-night-border); border-radius: var(--pp-radius-xl); background: var(--pp-night-surface); }
.orbit-lead__score { text-align: center; }
.orbit-lead__score small, .orbit-lead__score span { color: var(--pp-night-muted); font-size: .5625rem; }
.orbit-lead__score strong { color: var(--pp-color-mint-500); font-size: 3rem; line-height: 1; }
.orbit-lead__detail span, .orbit-lead__detail i { color: var(--pp-night-muted); font-size: .625rem; font-style: normal; }
.orbit-lead__detail strong { margin-block: 12px; font-size: .8125rem; }
.orbit-lead__detail i { padding-block-start: 10px; border-block-start: 1px solid var(--pp-night-border); color: var(--pp-color-cyan-500); }

.orbit-approval { display: grid; align-content: center; gap: 10px; }
.orbit-chat { max-inline-size: 84%; padding: 11px 13px; border-radius: var(--pp-radius-lg); font-size: .6875rem; line-height: 1.55; }
.orbit-chat--system { background: var(--pp-night-surface); }
.orbit-chat--user { justify-self: end; color: var(--pp-night-frame); background: var(--pp-color-mint-500); font-weight: 900; }
.orbit-approval__state { display: flex; align-items: center; gap: 8px; margin-block-start: 7px; padding-block-start: 12px; border-block-start: 1px solid var(--pp-night-border); color: var(--pp-night-muted); font-size: .625rem; }
.orbit-approval__state span { inline-size: 7px; aspect-ratio: 1; border-radius: 50%; background: var(--pp-color-cyan-500); box-shadow: 0 0 0 5px rgb(24 189 234 / .09); }

.orbit-crm__head { display: flex; justify-content: space-between; align-items: center; padding-block-end: 13px; border-block-end: 1px solid var(--pp-night-border); }
.orbit-crm__head small { display: block; color: var(--pp-night-muted); font-size: .5625rem; }
.orbit-crm__head strong { font-size: 1.25rem; }
.orbit-crm__head > span { display: grid; place-items: center; inline-size: 36px; aspect-ratio: 1; border-radius: 50%; color: var(--pp-night-frame); background: var(--pp-color-mint-500); font-size: .6875rem; font-weight: 900; }
.orbit-crm__columns { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin-block-start: 13px; }
.orbit-crm__columns > div { padding: 11px; border: 1px solid var(--pp-night-border); border-radius: var(--pp-radius-md); background: var(--pp-night-surface); }
.orbit-crm__columns small { display: block; color: var(--pp-night-muted); font-size: .5625rem; }
.orbit-crm__columns strong { display: block; margin-block-start: 3px; font-size: 1.125rem; }
.orbit-crm__signal { block-size: 56px; display: flex; align-items: end; gap: 8px; margin-block-start: 13px; padding: 10px; border-radius: var(--pp-radius-md); background: var(--pp-night-surface-subtle); }
.orbit-crm__signal i { flex: 1; block-size: 32%; border-radius: var(--pp-radius-pill) var(--pp-radius-pill) 0 0; background: var(--pp-color-brand-600); }
.orbit-crm__signal i:nth-child(2) { block-size: 58%; background: var(--pp-color-cyan-500); }
.orbit-crm__signal i:nth-child(3) { block-size: 42%; }
.orbit-crm__signal i:nth-child(4) { block-size: 82%; background: var(--pp-color-mint-500); }
.orbit-crm__signal i:nth-child(5) { block-size: 66%; background: var(--pp-color-cyan-500); }

.overview-head { display: grid; grid-template-columns: 1fr .78fr; gap: 60px; align-items: end; margin-block-end: 36px; }
.process-track { counter-reset: process; display: grid; grid-template-columns: 1fr 64px 1fr 64px 1fr; align-items: stretch; border-block: 1px solid var(--pp-color-border); }
.process-step { counter-increment: process; position: relative; min-block-size: 220px; padding: 34px 24px 26px; overflow: hidden; }
.process-step::before { content: "0" counter(process); position: absolute; inset-block-end: -32px; inset-inline-start: 12px; color: var(--pp-color-brand-50); font-size: 8.25rem; font-weight: 900; line-height: 1; }
.process-step > * { position: relative; z-index: 1; }
.process-step__state { display: inline-flex; margin-block-end: 34px; padding: 5px 10px; border: 1px solid var(--pp-color-border-strong); border-radius: var(--pp-radius-pill); color: var(--pp-color-brand-600); font-size: .6875rem; font-weight: 900; }
.process-step h3 { margin-block-end: 10px; font-size: 1.5rem; }
.process-step p { margin: 0; color: var(--pp-color-text-muted); }
.process-track__connector { position: relative; overflow: hidden; }
.process-track__connector::before { content: ""; position: absolute; inset-block-start: 50%; inset-inline: 0; block-size: 1px; background: linear-gradient(90deg, var(--pp-color-brand-600), var(--pp-color-cyan-500)); }
.process-track__connector::after { content: ""; position: absolute; inset-block-start: calc(50% - 5px); inset-inline-start: calc(50% - 5px); inline-size: 10px; aspect-ratio: 1; border-radius: 50%; background: var(--pp-color-cyan-500); box-shadow: 0 0 0 7px rgb(24 189 234 / .1); }
.process-track__signal { position: absolute; inset-block-start: calc(50% - 6px); left: 0; z-index: 2; inline-size: 12px; block-size: 12px; border: 2px solid var(--pp-color-surface); border-radius: 50%; background: var(--pp-color-mint-500); box-shadow: 0 0 0 5px rgb(44 207 145 / .12), 0 0 18px rgb(44 207 145 / .42); opacity: 0; }
html.has-process-journey .process-track__signal { opacity: 1; }

.story-wrap { position: relative; min-block-size: auto; overflow: clip; border-radius: var(--pp-radius-frame) var(--pp-radius-frame) 0 0; color: var(--pp-night-text); background: var(--pp-night-frame); }
.story-pin { position: relative; inset-block-start: auto; min-block-size: auto; display: grid; align-items: center; padding-block: clamp(76px, 9vw, 120px); overflow: visible; }
.story-orb { inset-inline-end: -12vw; inset-block-start: 5%; }
.story-layout { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr; gap: clamp(46px, 6vw, 86px); align-items: center; }
.story-copy { max-inline-size: 620px; align-self: center; }
.story-copy .mkt-eyebrow { margin-block-end: 22px; }
.story-copy h2 { max-inline-size: 620px; margin-block-end: 1.25rem; font-size: clamp(2.625rem, 4.25vw, 4rem); line-height: 1.08; }
.story-copy > p { color: var(--pp-night-muted); font-size: 1.125rem; }
.story-steps { display: grid; gap: .5rem; margin-block-start: 1.875rem; }
.story-step { display: grid; grid-template-columns: 2.625rem 1fr; gap: .875rem; align-items: center; padding: .75rem; border: 1px solid transparent; border-radius: var(--pp-radius-lg); color: var(--pp-night-muted); transition: border-color .2s, background .2s, color .2s; }
.story-step__index { inline-size: 2.375rem; aspect-ratio: 1; display: grid; place-items: center; border: 1px solid var(--pp-night-border); border-radius: 50%; font-size: .75rem; font-weight: 900; }
.story-step strong { display: block; margin-block-end: .125rem; color: var(--pp-night-text); }
.story-step span { font-size: .8125rem; }
.story-step.is-active { color: var(--pp-night-text); border-color: var(--pp-color-cyan-500); background: var(--pp-night-surface); }
.story-step.is-active .story-step__index { color: var(--pp-night-frame); border-color: var(--pp-color-cyan-500); background: var(--pp-color-cyan-500); }
.story-stage { position: relative; min-block-size: auto; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; perspective: 1400px; }
.story-stage__chrome { display: none; }
.story-card { position: relative; inset: auto; inline-size: 100%; min-block-size: auto; overflow: hidden; border: 1px solid var(--pp-night-border-strong); border-radius: var(--pp-radius-xl); background: var(--pp-night-surface); box-shadow: 0 28px 80px rgb(0 0 0 / .36); transform: none; transform-origin: 50% 100%; backface-visibility: hidden; will-change: auto; }
.story-card[data-card] { z-index: auto; transform: none; }
.story-card__bar { min-block-size: 3.625rem; display: flex; align-items: center; justify-content: space-between; padding-inline: 1.25rem; border-block-end: 1px solid var(--pp-night-border); background: var(--pp-night-bg); }
.story-card__bar strong { font-size: .9375rem; }
.story-card__bar span { color: var(--pp-night-muted); font-size: .75rem; }
.story-card__content { padding: 1.375rem; }
.story-form { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; }
.story-field { min-block-size: 4.5rem; padding: .75rem; border: 1px solid var(--pp-night-border); border-radius: var(--pp-radius-md); background: var(--pp-night-surface-subtle); }
.story-field span { display: block; margin-block-end: .375rem; color: var(--pp-night-muted); font-size: .6875rem; }
.story-field strong { font-size: .875rem; }
.story-field--wide { grid-column: 1 / -1; }
.story-button { min-block-size: 3rem; grid-column: 1 / -1; display: grid; place-items: center; margin-block-start: .375rem; border-radius: var(--pp-radius-md); color: #fff; background: var(--pp-color-brand-600); font-weight: 900; }
.story-progress { display: grid; gap: .625rem; }
.story-progress__row { display: grid; grid-template-columns: 1fr auto; gap: .875rem; padding: .875rem; border: 1px solid var(--pp-night-border); border-radius: var(--pp-radius-md); background: var(--pp-night-surface-subtle); }
.story-progress__row span { color: var(--pp-night-muted); font-size: .75rem; }
.story-progress__bar { grid-column: 1 / -1; block-size: 7px; overflow: hidden; border-radius: var(--pp-radius-pill); background: var(--pp-night-border); }
.story-progress__bar i { display: block; inline-size: 72%; block-size: 100%; border-radius: inherit; background: var(--pp-color-cyan-500); }
.story-leads { display: grid; gap: .625rem; }
.story-lead { display: grid; grid-template-columns: 2.375rem 1fr auto; gap: .75rem; align-items: center; padding: .75rem; border: 1px solid var(--pp-night-border); border-radius: var(--pp-radius-md); background: var(--pp-night-surface-subtle); }
.story-lead strong { display: block; font-size: .875rem; }
.story-lead span { color: var(--pp-night-muted); font-size: .6875rem; }

html.has-story-motion .story-wrap { min-block-size: 158svh; }
html.has-story-motion .story-pin { position: sticky; inset-block-start: var(--pp-header-height); min-block-size: calc(100svh - var(--pp-header-height)); padding-block: 0; overflow: clip; }
html.has-story-motion .story-layout { grid-template-columns: minmax(430px, .86fr) minmax(590px, 1.14fr); gap: clamp(34px, 4vw, 58px); }
html.has-story-motion .story-stage { min-block-size: 590px; display: block; overflow: hidden; border: 1px solid var(--pp-night-border-strong); border-radius: var(--pp-radius-frame); background: var(--pp-night-bg); box-shadow: 0 34px 90px rgb(0 0 0 / .34); }
html.has-story-motion .story-stage__chrome { position: absolute; inset: 0 0 auto; z-index: 8; min-block-size: 58px; display: flex; align-items: center; justify-content: space-between; padding-inline: 22px; border-block-end: 1px solid var(--pp-night-border); color: var(--pp-night-disabled); background: var(--pp-night-frame); font-size: .6875rem; font-weight: 800; }
html.has-story-motion .story-card { position: absolute; inset: 54% auto auto 50%; inline-size: min(calc(100% - 56px), 640px); min-block-size: 410px; will-change: transform; }
html.has-story-motion .story-card[data-card="1"] { z-index: 3; transform: translate(-50%, -50%); }
html.has-story-motion .story-card[data-card="2"] { z-index: 2; transform: translate(70%, -50%); }
html.has-story-motion .story-card[data-card="3"] { z-index: 1; transform: translate(85%, -50%); }


.video-chapter { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: clamp(28px, 4vw, 64px); align-items: center; }
.video-chapter__copy { grid-column: span 7; }
.video-chapter__facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin: 36px 0 0; border: 1px solid var(--pp-color-border); border-radius: var(--pp-radius-xl); overflow: hidden; background: var(--pp-color-border); }
.video-chapter__facts > div { padding: 15px; background: var(--pp-color-surface); }
.video-chapter__facts dt { color: var(--pp-color-text-muted); font-size: .6875rem; }
.video-chapter__facts dd { margin: 4px 0 0; color: var(--pp-color-text); font-size: .8125rem; font-weight: 800; }
.video-chapter__stage { position: relative; grid-column: span 5; display: grid; place-items: center; margin: 0; padding: clamp(20px, 2.5vw, 32px); overflow: hidden; border-radius: var(--pp-radius-frame); background: linear-gradient(145deg, var(--pp-color-brand-50), var(--pp-color-frame)); }
.video-chapter__stage::before { content: "59"; position: absolute; inset-block-start: -42px; inset-inline-start: -12px; color: rgb(11 91 255 / .08); font-size: 14.375rem; font-weight: 900; line-height: 1; }
.video-chapter__device { position: relative; z-index: 1; inline-size: min(100%, 280px); padding: 8px; border: 1px solid var(--pp-night-border-strong); border-radius: 31px; background: var(--pp-night-frame); box-shadow: 0 24px 58px rgb(16 37 91 / .24); }
.video-chapter__device-bar { min-block-size: 28px; display: grid; grid-template-columns: 18px 1fr 18px; align-items: center; padding-inline: 8px; color: var(--pp-night-disabled); font-size: .5rem; text-align: center; }
.video-chapter__device-bar span { inline-size: 6px; aspect-ratio: 1; border-radius: 50%; background: var(--pp-color-mint-500); }
.video-chapter__device-bar i { justify-self: end; inline-size: 14px; block-size: 3px; border-radius: var(--pp-radius-pill); background: var(--pp-night-border-strong); }
.product-video { inline-size: 100%; max-block-size: 470px; aspect-ratio: 9 / 16; object-fit: cover; border: 0; border-radius: 23px; background: var(--pp-night-bg); }
.video-description { position: relative; z-index: 1; max-inline-size: 430px; margin: 16px auto 0; color: var(--pp-color-text-muted); font-size: .75rem; text-align: center; }
#video { padding-block: clamp(48px, 5vw, 68px); }

.problem-solution { display: grid; grid-template-columns: .72fr 1.28fr; gap: clamp(42px, 7vw, 96px); align-items: start; }
.compare-mini { display: grid; grid-template-columns: minmax(0, .84fr) minmax(0, 1.16fr); gap: 18px; align-items: center; }
.compare-mini article { overflow: hidden; border-radius: var(--pp-radius-frame); }
.compare-mini ol { list-style: none; margin: 0; padding: 0; }
.compare-mini li { min-block-size: 72px; display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 12px; align-items: center; padding: 13px 18px; border-block-start: 1px solid var(--pp-color-border); }
.compare-mini li > span { display: grid; place-items: center; inline-size: 30px; aspect-ratio: 1; border: 1px solid var(--pp-color-border); border-radius: 50%; color: var(--pp-color-text-disabled); font-size: .625rem; font-weight: 900; }
.compare-mini li p { margin: 0; font-size: .875rem; line-height: 1.55; }
.compare-mini__manual { border: 1px solid var(--pp-color-border); background: var(--pp-color-surface); }
.compare-mini__panel-head { min-block-size: 76px; display: flex; flex-direction: column; justify-content: center; padding: 14px 18px; background: var(--pp-color-surface-subtle); }
.compare-mini__panel-head span { color: var(--pp-color-text); font-size: .875rem; font-weight: 900; }
.compare-mini__panel-head small { color: var(--pp-color-text-muted); font-size: .6875rem; }
.compare-mini__manual li p { color: var(--pp-color-text-muted); }
.compare-mini__window { position: relative; color: var(--pp-night-text); border: 1px solid var(--pp-night-border-strong); background: linear-gradient(155deg, var(--pp-night-frame), var(--pp-night-surface-tint)); box-shadow: 0 28px 64px rgb(16 37 91 / .22); }
.compare-mini__window::after { content: ""; position: absolute; inset: 0 auto 0 0; inline-size: 3px; background: linear-gradient(var(--pp-color-brand-500), var(--pp-color-cyan-500), var(--pp-color-mint-500)); }
.compare-mini__window-bar { min-block-size: 82px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 20px; border-block-end: 1px solid var(--pp-night-border); background: rgb(10 18 36 / .74); }
.compare-mini__window-bar img { inline-size: 132px; }
.compare-mini__window li { border-color: var(--pp-night-border); }
.compare-mini__window li > span { color: var(--pp-color-cyan-500); border-color: var(--pp-night-border-strong); background: rgb(24 189 234 / .08); }
.compare-mini__window li p { color: var(--pp-night-text); font-weight: 700; }

.feature-bento { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 16px; margin-block-start: 48px; }
.feature-card { position: relative; overflow: hidden; padding: clamp(24px, 3vw, 34px); border: 1px solid var(--pp-color-border); border-radius: var(--pp-radius-frame); background: var(--pp-color-surface); }
.feature-card--primary { grid-column: span 7; grid-row: span 2; min-block-size: 650px; color: var(--pp-night-text); border-color: var(--pp-night-border-strong); background: var(--pp-night-frame); }
.feature-card--primary::after { content: "QUEUE"; position: absolute; inset-block-end: -28px; inset-inline-end: 12px; color: rgb(24 189 234 / .055); font-size: 6.875rem; font-weight: 900; line-height: 1; }
.feature-card--leads, .feature-card--control { grid-column: span 5; min-block-size: 317px; }
.feature-card--leads { background: var(--pp-color-surface); }
.feature-card--control { color: var(--pp-night-text); border-color: var(--pp-night-border-strong); background: var(--pp-night-surface); }
.feature-card__head { position: relative; z-index: 1; display: flex; gap: 16px; align-items: flex-start; }
.feature-card__number { inline-size: 38px; aspect-ratio: 1; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid currentColor; border-radius: 50%; color: var(--pp-color-brand-600); font-size: .625rem; font-weight: 900; }
.feature-card--primary .feature-card__number,
.feature-card--control .feature-card__number { color: var(--pp-color-cyan-500); }
.feature-card__head > div > span { display: block; color: var(--pp-color-text-muted); font-size: .6875rem; font-weight: 800; }
.feature-card--primary .feature-card__head > div > span,
.feature-card--control .feature-card__head > div > span { color: var(--pp-night-disabled); }
.feature-card__head h3 { margin: 4px 0 0; font-size: clamp(1.375rem, 2.4vw, 2rem); }
.feature-card > p { position: relative; z-index: 1; max-inline-size: 560px; margin: 20px 0 0; color: var(--pp-night-muted); }
.feature-queue { position: relative; z-index: 1; display: grid; gap: 8px; margin-block-start: 28px; padding: 12px; border: 1px solid var(--pp-night-border); border-radius: var(--pp-radius-xl); background: var(--pp-night-bg); }
.feature-queue > div { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 12px; border-block-end: 1px solid var(--pp-night-border); }
.feature-queue > div:last-child { border-block-end: 0; }
.feature-queue time { direction: ltr; color: var(--pp-night-muted); font-size: .6875rem; }
.feature-queue strong { font-size: .75rem; }
.feature-queue span { color: var(--pp-night-muted); font-size: .625rem; }
.feature-queue span.is-done { color: var(--pp-color-mint-500); }
.feature-queue span.is-live { color: var(--pp-color-cyan-500); }
.feature-queue i { grid-column: 1 / -1; block-size: 4px; overflow: hidden; border-radius: var(--pp-radius-pill); background: var(--pp-night-border); }
.feature-queue b { display: block; inline-size: 6%; block-size: 100%; border-radius: inherit; background: var(--pp-color-brand-600); }
.feature-queue > div:first-child b { inline-size: 100%; background: var(--pp-color-mint-500); }
.feature-queue > div:nth-child(2) b { inline-size: 67%; background: var(--pp-color-cyan-500); }
.feature-card__capabilities { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin: 20px 0 0; padding: 0; overflow: hidden; border: 1px solid var(--pp-night-border); border-radius: var(--pp-radius-xl); list-style: none; background: var(--pp-night-border); }
.feature-card__capabilities li { padding: 14px; background: var(--pp-night-surface); }
.feature-card__capabilities strong { display: block; font-size: .6875rem; }
.feature-card__capabilities span { display: block; margin-block-start: 5px; color: var(--pp-night-muted); font-size: .5625rem; line-height: 1.55; }
.feature-card__capabilities--stacked { grid-template-columns: 1fr 1fr; border-color: var(--pp-color-border); background: var(--pp-color-border); }
.feature-card__capabilities--stacked li { padding: 11px 12px; background: var(--pp-color-surface-subtle); }
.feature-card__capabilities--stacked strong { color: var(--pp-color-text); }
.feature-card__capabilities--stacked span { color: var(--pp-color-text-muted); }
.feature-output { position: relative; z-index: 1; margin-block-start: 18px; padding-block-start: 15px; border-block-start: 1px solid var(--pp-night-border); }
.feature-output > span { color: var(--pp-color-cyan-500); font-size: .625rem; font-weight: 900; }
.feature-output ol { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin: 10px 0 0; padding: 0; list-style: none; }
.feature-output ol::before { content: ""; position: absolute; inset: 7px 7% auto; block-size: 1px; background: linear-gradient(90deg, var(--pp-color-brand-600), var(--pp-color-cyan-500), var(--pp-color-mint-500)); opacity: .72; }
.feature-output li { position: relative; padding-block-start: 18px; }
.feature-output li::before { content: ""; position: absolute; inset-block-start: 3px; inset-inline-start: 50%; inline-size: 8px; aspect-ratio: 1; border: 2px solid var(--pp-night-frame); border-radius: 50%; background: var(--pp-color-cyan-500); box-shadow: 0 0 0 3px rgb(24 189 234 / .12); transform: translateX(-50%); }
.feature-output li:last-child::before { background: var(--pp-color-mint-500); }
.feature-output time { display: block; direction: ltr; color: var(--pp-night-muted); font-size: .5625rem; }
.feature-output strong { display: block; margin-block-start: 2px; color: var(--pp-night-text); font-size: .625rem; }
.feature-lead-stack { display: grid; gap: 8px; margin-block-start: 22px; }
.feature-lead-stack > div { display: grid; grid-template-columns: 32px 1fr auto; gap: 10px; align-items: center; padding: 10px; border: 1px solid var(--pp-color-border); border-radius: var(--pp-radius-lg); background: var(--pp-color-surface-subtle); }
.feature-lead-stack > div.is-current { border-color: var(--pp-color-brand-500); background: var(--pp-color-brand-50); }
.feature-lead-stack strong { display: block; font-size: .6875rem; }
.feature-lead-stack small { display: block; color: var(--pp-color-text-muted); font-size: .5625rem; }
.feature-chat { display: grid; justify-items: start; gap: 9px; margin-block-start: 24px; padding: 16px; border: 1px solid var(--pp-night-border); border-radius: var(--pp-radius-xl); background: var(--pp-night-bg); }
.feature-chat__bubble, .feature-chat__reply { max-inline-size: 84%; padding: 9px 11px; border-radius: var(--pp-radius-md); font-size: .625rem; }
.feature-chat__bubble { background: var(--pp-night-surface-subtle); }
.feature-chat__reply { justify-self: end; color: var(--pp-night-frame); background: var(--pp-color-mint-500); font-weight: 800; }
.feature-chat__status { display: inline-flex; align-items: center; gap: 6px; color: var(--pp-night-disabled); font-size: .5625rem; }
.feature-chat__status i { inline-size: 6px; aspect-ratio: 1; border-radius: 50%; background: var(--pp-color-cyan-500); }
.feature-card__single { margin-block-start: 16px; padding-block-start: 14px; border-block-start: 1px solid var(--pp-night-border); }
.feature-card__single strong { display: block; font-size: .75rem; }
.feature-card__single span { color: var(--pp-night-muted); font-size: .625rem; }

.leads-showcase { display: grid; grid-template-columns: minmax(290px, .64fr) minmax(680px, 1.36fr); gap: clamp(38px, 5vw, 72px); align-items: center; }
.lead-workbench { overflow: hidden; border: 1px solid var(--pp-night-border-strong); border-radius: var(--pp-radius-frame); background: var(--pp-night-surface); box-shadow: 0 34px 90px rgb(0 0 0 / .36); }
.lead-workbench__bar { min-block-size: 68px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 13px 20px; border-block-end: 1px solid var(--pp-night-border); background: var(--pp-night-frame); }
.lead-workbench__bar div span,
.lead-workbench__bar > span { color: var(--pp-night-disabled); font-size: .5625rem; font-weight: 800; }
.lead-workbench__bar div strong { display: block; margin-block-start: 2px; font-size: .875rem; }
.lead-workbench__body { display: grid; grid-template-columns: .82fr 1.18fr; }
.lead-workbench__list { padding: 13px; border-inline-end: 1px solid var(--pp-night-border); background: var(--pp-night-bg); }
.lead-workbench__item { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; gap: 9px; align-items: center; min-block-size: 82px; padding: 10px; border-block-end: 1px solid var(--pp-night-border); }
.lead-workbench__item:last-child { border-block-end: 0; }
.lead-workbench__item.is-current { border: 1px solid var(--pp-color-cyan-500); border-radius: var(--pp-radius-lg); background: var(--pp-night-surface-tint); }
.lead-workbench__item strong { display: block; font-size: .625rem; }
.lead-workbench__item small { display: block; color: var(--pp-night-muted); font-size: .5rem; }
.lead-workbench__detail { padding: 22px; }
.lead-workbench__score { display: grid; grid-template-columns: 1fr auto; align-items: end; padding-block-end: 16px; border-block-end: 1px solid var(--pp-night-border); }
.lead-workbench__score span { color: var(--pp-night-muted); font-size: .625rem; }
.lead-workbench__score strong { grid-row: span 2; color: var(--pp-color-mint-500); font-size: 3rem; line-height: 1; }
.lead-workbench__score small { color: var(--pp-color-mint-500); font-size: .5625rem; }
.lead-workbench__facts { display: grid; gap: 0; margin: 12px 0 0; }
.lead-workbench__facts > div { display: grid; grid-template-columns: 92px 1fr; gap: 12px; padding-block: 9px; border-block-end: 1px solid var(--pp-night-border); }
.lead-workbench__facts dt { color: var(--pp-night-disabled); font-size: .5625rem; }
.lead-workbench__facts dd { margin: 0; color: var(--pp-night-text); font-size: .625rem; font-weight: 700; }
.lead-workbench__opener { margin-block-start: 14px; padding: 13px; border-inline-start: 2px solid var(--pp-color-cyan-500); background: var(--pp-night-bg); }
.lead-workbench__opener span { color: var(--pp-color-cyan-500); font-size: .5625rem; font-weight: 900; }
.lead-workbench__opener p { margin: 6px 0 0; color: var(--pp-night-muted); font-size: .625rem; line-height: 1.65; }

.safety-layout { display: grid; grid-template-columns: .66fr 1.34fr; gap: clamp(42px, 6vw, 84px); align-items: start; }
.safety-callout { margin-block-start: 28px; }
.safety-console { overflow: hidden; border: 1px solid var(--pp-color-border); border-radius: var(--pp-radius-frame); background: var(--pp-color-surface); box-shadow: var(--pp-shadow-card); }
.safety-console__head { min-block-size: 68px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 13px 20px; border-block-end: 1px solid var(--pp-color-border); background: var(--pp-color-surface-subtle); }
.safety-console__head div span { display: block; color: var(--pp-color-text-muted); font-size: .75rem; line-height: 1.45; }
.safety-console__head div strong { display: block; margin-block-start: 2px; font-size: .875rem; }
.safety-console__head .product-window__status { color: var(--pp-color-text-muted); }
.safety-console__meter { padding: 20px; border-block-end: 1px solid var(--pp-color-border); background: var(--pp-color-brand-50); }
.safety-console__meter > div:first-child { display: flex; align-items: end; justify-content: space-between; gap: 16px; }
.safety-console__meter span { color: var(--pp-color-text-muted); font-size: .75rem; line-height: 1.45; }
.safety-console__meter strong { font-size: 1.75rem; }
.safety-console__meter strong small { color: var(--pp-color-text-muted); font-size: .75rem; font-weight: 600; }
.safety-console__track { block-size: 7px; margin-block: 12px 7px; overflow: hidden; border-radius: var(--pp-radius-pill); background: var(--pp-color-brand-100); }
.safety-console__track i { display: block; inline-size: 50%; block-size: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--pp-color-brand-600), var(--pp-color-cyan-500), var(--pp-color-mint-500)); transform-origin: right center; }
.safety-stack { display: grid; padding: 0 20px 10px; }
.safety-item { min-block-size: 96px; display: grid; grid-template-columns: 42px minmax(150px, 170px) minmax(0, 1fr); gap: 14px; align-items: center; padding-block: 14px; border-block-end: 1px solid var(--pp-color-border); }
.safety-item:last-child { border-block-end: 0; }
.safety-item strong { display: block; margin: 0; font-size: 1rem; line-height: 1.4; }
.safety-item p { margin: 0; color: var(--pp-color-text-muted); font-size: 1rem; line-height: 1.6; }
.safety-item__num { display: grid; place-items: center; inline-size: 36px; aspect-ratio: 1; margin: 0; border: 1px solid var(--pp-color-border-strong); border-radius: 50%; color: var(--pp-color-brand-600); font-size: .6875rem; font-weight: 900; }

.architecture { display: grid; grid-template-columns: 1fr 190px 1fr; gap: 18px; align-items: stretch; margin-block-start: 48px; }
.architecture__node { position: relative; min-block-size: 320px; overflow: hidden; padding: 32px; border: 1px solid var(--pp-night-border); border-radius: var(--pp-radius-frame); background: var(--pp-night-surface); }
.architecture__node--local { background: var(--pp-night-surface-tint); }
.architecture__node-index { display: block; margin-block-end: 56px; color: var(--pp-color-cyan-500); font-size: .625rem; font-weight: 900; letter-spacing: .05em; }
.architecture__node strong { display: block; margin-block-end: 12px; font-size: 1.625rem; }
.architecture__node p { margin: 0; color: var(--pp-night-muted); }
.architecture__tokens { display: flex; flex-wrap: wrap; gap: 7px; margin-block-start: 28px; }
.architecture__tokens span { padding: 6px 10px; border: 1px solid var(--pp-night-border-strong); border-radius: var(--pp-radius-pill); color: var(--pp-night-muted); font-size: .625rem; }
.architecture__line { display: grid; grid-template-rows: 1fr auto auto 1fr; place-items: center; gap: 9px; color: var(--pp-night-muted); font-size: .625rem; text-align: center; }
.architecture__line i { position: relative; inline-size: 100%; block-size: 2px; overflow: hidden; border-radius: var(--pp-radius-pill); background: var(--pp-night-border); }
.architecture__line i b { position: absolute; inset: 0; background: linear-gradient(90deg, var(--pp-color-brand-600), var(--pp-color-cyan-500), var(--pp-color-mint-500)); transform: scaleX(.12); transform-origin: right center; }
.architecture__line small { color: var(--pp-night-disabled); font-size: .5rem; }
.architecture__device { position: absolute; inline-size: 170px; block-size: 104px; inset-inline-end: 28px; inset-block-end: -22px; padding: 12px; border: 1px solid var(--pp-night-border-strong); border-radius: var(--pp-radius-xl) var(--pp-radius-xl) 0 0; background: var(--pp-night-bg); }
.architecture__device span { display: block; inline-size: 38%; block-size: 5px; margin-block-end: 16px; border-radius: var(--pp-radius-pill); background: var(--pp-color-cyan-500); }
.architecture__device i { display: block; block-size: 8px; margin-block-end: 8px; border-radius: var(--pp-radius-pill); background: var(--pp-night-border); }
.architecture__device i:nth-of-type(1) { inline-size: 92%; }
.architecture__device i:nth-of-type(2) { inline-size: 68%; }
.architecture__device i:nth-of-type(3) { inline-size: 82%; }

.faq-list { display: grid; gap: 10px; margin-block-start: 40px; }
.qa { border: 1px solid var(--pp-color-border); border-radius: var(--pp-radius-lg); background: var(--pp-color-surface); }
.qa summary { min-block-size: 64px; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 18px 22px; font-weight: 800; cursor: pointer; list-style: none; }
.qa summary::-webkit-details-marker { display: none; }
.qa summary::after { content: "+"; inline-size: 28px; aspect-ratio: 1; display: grid; place-items: center; flex: 0 0 auto; border-radius: 50%; color: var(--pp-color-brand-600); background: var(--pp-color-brand-50); font-size: 1.25rem; }
.qa[open] summary::after { content: "−"; }
.qa .ans { padding: 0 22px 22px; color: var(--pp-color-text-muted); }
.qa .ans p:last-child { margin-block-end: 0; }
#faq { scroll-margin-top: calc(var(--pp-header-height) + 20px); }
.qa .ans a { color: var(--pp-color-brand-600); text-decoration: underline; text-underline-offset: 3px; }

@media (min-width: 1280px) {
  .home-hero__layout {
    inline-size: min(1440px, calc(100% - 64px));
    grid-template-columns: minmax(580px, 1fr) minmax(610px, 1.04fr);
  }
}

@media (max-width: 1180px) {
  .home-hero { min-block-size: auto; }
  .home-hero__layout { grid-template-columns: 1fr; }
  .home-hero__copy { max-inline-size: 820px; }
  .product-stage { inline-size: min(900px, 100%); margin-inline: auto; }
  html.has-story-motion .story-layout { grid-template-columns: .72fr 1.28fr; gap: 28px; }
  html.has-story-motion .story-stage { min-block-size: 520px; }
  html.has-story-motion .story-card { min-block-size: 380px; }
  .leads-showcase { grid-template-columns: 1fr; }
  .lead-workbench { inline-size: min(900px, 100%); }
}

@media (min-width: 1181px) and (max-height: 780px) {
  .home-hero { padding-block: 28px; }
  .home-hero h1 { margin-block-end: 14px; font-size: clamp(3rem, 4.3vw, 4.25rem); }
  .home-hero__copy > p { font-size: 1.0625rem; line-height: 1.55; }
  .home-hero .mkt-actions { margin-block-start: 18px; }
  .home-hero .mkt-chip-row { margin-block-start: 14px; }
  .home-hero__micro { margin-block-start: 8px; font-size: .6875rem; }
  .product-stage { min-block-size: 540px; }
  .product-cockpit { inset: 5% 6% 5% 7%; }
  .product-cockpit__bar { min-block-size: 64px; padding: 10px 18px; }
  .product-cockpit__body { min-block-size: 400px; }
  .product-rail { padding: 16px; }
  .product-rail ol { margin-block-start: 12px; }
  .product-rail li { min-block-size: 96px; }
  .product-console { padding: 16px; }
  .product-queue__item { min-block-size: 76px; padding: 9px 12px; }
  .product-float { padding: 12px; }
}

@media (min-width: 901px) and (min-height: 680px) and (max-height: 759px) {
  html.has-story-motion .story-layout { grid-template-columns: minmax(300px, .66fr) minmax(500px, 1.34fr); gap: 26px; }
  html.has-story-motion .story-stage { min-block-size: 500px; }
  html.has-story-motion .story-card { inline-size: min(calc(100% - 44px), 600px); min-block-size: 360px; }
  .story-copy h2 { margin-block-end: .75rem; font-size: clamp(2.375rem, 4vw, 3.25rem); }
  .story-copy > p { font-size: 1rem; }
  .story-steps { margin-block-start: 1rem; }
  .story-step { padding: .45rem .625rem; }
}

@media (max-width: 900px) {
  .product-orbit__head { grid-template-columns: 1fr; align-items: start; }
  .product-orbit__controls { justify-content: space-between; }
  .overview-head, .problem-solution, .safety-layout { grid-template-columns: 1fr; }
  .compare-mini { inline-size: min(760px, 100%); }
  .process-track { grid-template-columns: 1fr; }
  .process-step { min-block-size: 210px; }
  .process-track__connector { min-block-size: 44px; }
  .process-track__connector::before { inset-block: 0; inset-inline-start: 50%; inline-size: 1px; block-size: 100%; }
  .process-track__signal { inset-block-start: 0; left: calc(50% - 6px); }
  .story-wrap { min-block-size: auto; }
  .story-pin { position: relative; inset-block-start: auto; min-block-size: auto; padding-block: 70px; overflow: visible; }
  .story-layout { grid-template-columns: 1fr; }
  .story-steps { grid-template-columns: repeat(3, 1fr); }
  .story-step { grid-template-columns: 36px 1fr; }
  .story-step span { display: none; }
  .story-stage { min-block-size: auto; display: grid; grid-template-columns: 1fr; gap: 16px; }
  .story-stage__chrome { display: none; }
  .story-card, .story-card[data-card] { position: relative; inset: auto; inline-size: 100%; min-block-size: auto; transform: none !important; opacity: 1 !important; will-change: auto; }
  .video-chapter__copy, .video-chapter__stage { grid-column: 1 / -1; }
  .feature-card--primary, .feature-card--leads, .feature-card--control { grid-column: 1 / -1; grid-row: auto; min-block-size: auto; }
  .feature-card--primary { min-block-size: 600px; }
  .lead-workbench__body { grid-template-columns: 1fr; }
  .lead-workbench__list { border-inline-end: 0; border-block-end: 1px solid var(--pp-night-border); }
  .architecture { grid-template-columns: 1fr; }
  .architecture__line { min-block-size: 92px; grid-template-rows: auto 42px auto; }
  .architecture__line::before { display: none; }
  .architecture__line i { inline-size: 2px; block-size: 42px; }
  .architecture__line i b { transform: scaleY(.12); transform-origin: center top; }
}

@media (max-width: 767px) {
  .home-hero { padding-block-start: 46px; }
  .home-hero__orb { inline-size: 124px; inset-block-start: 5%; inset-inline-start: auto; inset-inline-end: 2%; opacity: .45; }
  .home-hero h1 { font-size: clamp(2.75rem, 14vw, 4rem); }
  .home-hero__answers { gap: 9px 16px; }
  .product-stage { min-block-size: 610px; margin-block-start: 22px; }
  .product-stage__halo { inset: 4% 0 4%; }
  .product-cockpit { inset: 6% 0 8%; transform: none; }
  .product-cockpit__bar { min-block-size: 64px; padding-inline: 15px; }
  .product-cockpit__bar .product-window__status { max-inline-size: 115px; }
  .product-cockpit__body { grid-template-columns: 1fr; min-block-size: 420px; }
  .product-rail { padding: 13px; border-inline-end: 0; border-block-end: 1px solid var(--pp-night-border); }
  .product-rail__eyebrow { display: none; }
  .product-rail ol { grid-template-columns: repeat(3, 1fr); gap: 7px; margin: 0; }
  .product-rail li { min-block-size: auto; grid-template-columns: 28px 1fr; gap: 6px; }
  .product-rail li::after { display: none; }
  .product-rail__marker { inline-size: 27px; }
  .product-rail li strong { padding-block-start: 2px; font-size: .5625rem; }
  .product-rail li small { font-size: .4375rem; }
  .product-console { padding: 13px; }
  .product-queue__item { min-block-size: 78px; grid-template-columns: 42px minmax(0, 1fr) auto; padding: 9px; }
  .product-console__metrics { display: none; }
  .product-float--approval { inline-size: min(76%, 300px); inset-block-start: 0; inset-inline-end: 2%; transform: rotate(-2deg); }
  .product-float--lead { inline-size: min(88%, 350px); inset-block-end: 0; inset-inline-start: 0; transform: rotate(1deg); }
  .product-stage__caption { display: none; }
  .product-orbit { padding-block: 56px; }
  .product-orbit__head { gap: 26px; }
  .product-orbit__copy h2 { font-size: clamp(2.375rem, 11vw, 3.25rem); }
  .product-orbit__copy > p { font-size: .9375rem; }
  .product-orbit__controls { align-items: flex-start; }
  .product-orbit__toggle { order: 2; }
  .product-orbit__viewport { margin-block-start: 44px; }
  .product-orbit__stage { min-block-size: 410px; }
  .has-product-orbit-motion .product-orbit__viewport { min-block-size: 455px; }
  .has-product-orbit-motion .product-orbit__stage { min-block-size: 410px; }
  .has-product-orbit-motion .product-orbit__card { inline-size: min(80vw, 310px); min-block-size: 382px; }
  .product-orbit__visual { min-block-size: 212px; padding: 16px; }
  .product-orbit__body { padding: 17px 18px 21px; }
  .overview-head { gap: 24px; }
  .story-steps { grid-template-columns: 1fr; }
  .story-step span { display: block; }
  .story-form { grid-template-columns: 1fr; }
  .story-field--wide, .story-button { grid-column: auto; }
  .video-chapter { grid-template-columns: 1fr; }
  .video-chapter__facts { grid-template-columns: repeat(3, 1fr); }
  .video-chapter__stage { padding: 18px 12px; }
  .video-chapter__device { inline-size: min(100%, 230px); }
  .product-video { max-block-size: 385px; }
  .compare-mini { grid-template-columns: 1fr; }
  .compare-mini__window { grid-row: 1; }
  .feature-bento { grid-template-columns: 1fr; }
  .feature-card { padding: 22px; }
  .feature-card--primary, .feature-card--leads, .feature-card--control { grid-column: auto; }
  .feature-card--primary { min-block-size: auto; }
  .feature-card__capabilities, .feature-card__capabilities--stacked { grid-template-columns: 1fr; }
  .feature-output ol { grid-template-columns: 1fr; gap: 9px; }
  .feature-output ol::before { inset: 0 4px 0 auto; inline-size: 1px; block-size: auto; }
  .feature-output li { padding: 0 18px 0 0; }
  .feature-output li::before { inset: 4px 0 auto auto; transform: none; }
  .feature-queue > div { grid-template-columns: 48px minmax(0, 1fr) auto; }
  .lead-workbench__facts > div { grid-template-columns: 82px 1fr; }
  .safety-item { grid-template-columns: 40px 1fr; }
  .safety-item p { grid-column: 2; }
  .architecture__node { min-block-size: 300px; padding: 26px; }
}

@media (max-width: 479px) {
  .product-stage { min-block-size: 630px; }
  .product-cockpit { inset-block-start: 7%; inset-block-end: 8%; }
  .product-cockpit__bar > div span { display: none; }
  .product-cockpit__bar > div strong { font-size: .75rem; }
  .product-cockpit__bar .product-window__status { font-size: .5rem; }
  .product-queue__item { grid-template-columns: 38px minmax(0, 1fr) auto; gap: 7px; }
  .product-queue__item strong { font-size: .625rem; }
  .product-queue__state { padding: 4px 6px; }
  .product-float--approval { inline-size: 88%; }
  .product-float--lead { inline-size: 96%; }
  .story-card__content { padding: 16px; }
  .feature-card__head { gap: 11px; }
  .feature-card__head h3 { font-size: 1.3125rem; }
  .product-orbit__nav { gap: 7px; }
  .product-orbit__toggle { inline-size: 100%; justify-content: center; }
  .product-orbit__card { flex-basis: 86vw; }
  .has-product-orbit-motion .product-orbit__card { inline-size: min(84vw, 300px); }
}

html.pp-a11y-fs2 .home-hero__layout,
html.pp-a11y-fs3 .home-hero__layout,
html.pp-a11y-fs2 .video-chapter,
html.pp-a11y-fs3 .video-chapter,
html.pp-a11y-fs2 .safety-layout,
html.pp-a11y-fs3 .safety-layout { grid-template-columns: 1fr; }
html.pp-a11y-fs2 .product-stage,
html.pp-a11y-fs3 .product-stage { inline-size: min(900px, 100%); margin-inline: auto; }
html.pp-a11y-fs2 .feature-bento,
html.pp-a11y-fs3 .feature-bento { display: block; }
html.pp-a11y-fs2 .feature-card,
html.pp-a11y-fs3 .feature-card { margin-block-end: 18px; }
html.pp-a11y-nomo .process-track__signal,
html.pp-a11y-fs2 .process-track__signal,
html.pp-a11y-fs3 .process-track__signal { display: none !important; }
html.pp-a11y-nomo .product-orbit__controls,
html.pp-a11y-fs2 .product-orbit__controls,
html.pp-a11y-fs3 .product-orbit__controls { display: none !important; }
html.pp-a11y-nomo .product-orbit__viewport,
html.pp-a11y-fs2 .product-orbit__viewport,
html.pp-a11y-fs3 .product-orbit__viewport { min-block-size: auto; overflow-x: auto; scroll-snap-type: inline mandatory; }
html.pp-a11y-nomo .product-orbit__stage,
html.pp-a11y-fs2 .product-orbit__stage,
html.pp-a11y-fs3 .product-orbit__stage { min-block-size: 430px; display: flex; inline-size: max-content; gap: 16px; padding-inline: 20px; }
html.pp-a11y-nomo .product-orbit__card,
html.pp-a11y-fs2 .product-orbit__card,
html.pp-a11y-fs3 .product-orbit__card { position: relative; inset: auto; inline-size: auto; flex-basis: min(82vw, 380px); opacity: 1 !important; visibility: visible !important; transform: none !important; }

@media (prefers-reduced-motion: reduce) {
  .product-cockpit, .product-float { transform: none !important; }
  .story-step { transition: none; }
  .process-track__signal { display: none !important; }
  .product-orbit__dots button { transition: none; }
  .has-product-orbit-motion .product-orbit__controls { display: none; }
  .has-product-orbit-motion .product-orbit__viewport { min-block-size: auto; overflow-x: auto; scroll-snap-type: inline mandatory; }
  .has-product-orbit-motion .product-orbit__stage { min-block-size: 430px; display: flex; inline-size: max-content; gap: 16px; padding-inline: 20px; }
  .has-product-orbit-motion .product-orbit__card { position: relative; inset: auto; inline-size: auto; flex-basis: min(82vw, 380px); opacity: 1 !important; visibility: visible !important; transform: none !important; }
}