/* Only the requested Home composition changes; the approved footer stays frozen. */
.page-home .hero-screen figcaption {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.page-home .home-product-stage { padding-bottom: 0; }
.page-home .controls-heading { max-width: 940px; margin-bottom: 34px; }
.page-home .controls-heading h2 { font-size: clamp(32px,3.3vw,46px); line-height: 1.15; }
.page-home .controls-editorial { padding-block: 65px; }
.page-home .knowledge-features .feature-caption,
.page-home .knowledge-features .evidence-feature .feature-caption { bottom: 106px; }
.page-home .knowledge-features .feature-caption h3 { min-height: calc(3 * 1.16em); }
.page-home .knowledge-features .feature-label {
  padding: 8px 10px;
  border: 1px solid #eee6cc36;
  border-radius: 4px;
  background: #1c3029b8;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  font-family: "Geist Pixel Square", monospace;
  font-size: 12px;
  line-height: 1.3;
  letter-spacing: 0;
  color: #fff6df;
  text-shadow: none;
}
.page-home .knowledge-features .feature-label .pixel-icon { color: #f1efd7; }
:is(.page-home,.page-product) .canvas-workflow {
  width: 100%;
  min-height: 0;
  aspect-ratio: 2 / 1;
  background: #494334;
}
:is(.page-home,.page-product) .canvas-workflow .workflow-art {
  position: absolute;
  inset: 0;
  display: block;
  pointer-events: none;
}
:is(.page-home,.page-product) .canvas-workflow .workflow-art > img { object-position: center; height: 100%; }
:is(.page-home,.page-product) .canvas-workflow .story-panels {
  position: absolute;
  left: 20%;
  top: 28%;
  width: 40%;
  padding: 0;
}
:is(.page-home,.page-product) .canvas-workflow .story-pane {
  width: 100%;
  max-width: none;
  min-height: 0;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  color: #2c382d;
}
:is(.page-home,.page-product) .canvas-workflow .story-pane-top,
:is(.page-home,.page-product) .canvas-workflow .story-pane h3,
:is(.page-home,.page-product) .canvas-workflow .story-pane > p {
  font-family: "Geist Pixel Square", monospace;
  font-weight: 400;
  letter-spacing: 0;
  color: #2c382d;
}
:is(.page-home,.page-product) .canvas-workflow .story-pane-top { font-size: 13px; gap: 9px; }
:is(.page-home,.page-product) .canvas-workflow .story-pane-top .pixel-icon { width: 15px; height: 15px; }
:is(.page-home,.page-product) .canvas-workflow .story-pane h3 { font-size: clamp(32px,3.5vw,48px); margin: 18px 0 14px; line-height: 1.05; }
:is(.page-home,.page-product) .canvas-workflow .story-pane > p { font-size: 18px; line-height: 1.5; max-width: 415px; }
:is(.page-home,.page-product) .canvas-workflow .story-topics { margin-top: 18px; gap: 6px 13px; }
:is(.page-home,.page-product) .canvas-workflow .story-topics li { color: #354436; font-size: 10px; font-family: Inter,sans-serif; }
:is(.page-home,.page-product) .canvas-workflow .story-topics li:before { background: #50614a; }
:is(.page-home,.page-product) .canvas-workflow .workflow-controls {
  position: absolute;
  z-index: 3;
  left: 20%;
  width: 43%;
  bottom: 22%;
  display: flex;
  align-items: center;
  gap: 20px;
}
:is(.page-home,.page-product) .canvas-workflow .workflow-controls[hidden] { display: none; }
:is(.page-home,.page-product) .canvas-workflow .story-tabs {
  position: static;
  width: auto;
  flex: 1;
  max-width: none;
  margin: 0;
  padding: 0;
  gap: 12px;
  border: 0;
  background: none;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
:is(.page-home,.page-product) .canvas-workflow .story-tabs button {
  position: relative;
  min-height: 35px;
  padding: 7px 0;
  font-size: 10px;
  gap: 6px;
  border-radius: 0;
  border: 0;
  background: none;
  color: #505d48;
}
:is(.page-home,.page-product) .canvas-workflow .story-tabs button span { color: inherit; }
:is(.page-home,.page-product) .canvas-workflow .story-tabs button[aria-selected=true] { color: #213327; background: none; }
:is(.page-home,.page-product) .canvas-workflow .story-tabs button:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: #69735a52;
}
:is(.page-home,.page-product) .canvas-workflow .story-tabs button[aria-selected=true]:after { background: #2b3d2d; height: 2px; }
:is(.page-home,.page-product) .workflow-playback {
  padding: 7px 0;
  min-height: 35px;
  border: 0;
  border-bottom: 1px solid #69735a52;
  color: #3a4b36;
  font-size: 10px;
  cursor: pointer;
  background: none;
}
:is(.page-home,.page-product) .workflow-playback:hover { color: #303039; }
:is(.page-home,.page-product) .workflow-editorial .editorial-section-foot { justify-content: flex-end; }
@media (prefers-reduced-motion:no-preference) {
  :is(.page-home,.page-product) .canvas-workflow[data-ready] .story-pane:not([hidden]) { animation: canvas-text-in .4s ease both; }
  @keyframes canvas-text-in { from { opacity: 0; transform: translateY(3px); } to { opacity: 1; transform: none; } }
}
@media (min-width:641px) and (max-width:1100px) {
  :is(.page-home,.page-product) .canvas-workflow { aspect-ratio: 1.85; }
  :is(.page-home,.page-product) .canvas-workflow .story-panels { top: 25%; left: 17%; width: 43%; }
  :is(.page-home,.page-product) .canvas-workflow .story-pane-top { font-size: 11px; }
  :is(.page-home,.page-product) .canvas-workflow .story-pane h3 { font-size: 35px; margin: 14px 0 11px; }
  :is(.page-home,.page-product) .canvas-workflow .story-pane > p { font-size: 16px; line-height: 1.45; }
  :is(.page-home,.page-product) .canvas-workflow .story-topics { margin-top: 12px; gap: 5px 9px; }
  :is(.page-home,.page-product) .canvas-workflow .story-topics li { font-size: 9px; }
  :is(.page-home,.page-product) .canvas-workflow .workflow-controls { left: 17%; width: 47%; bottom: 20%; gap: 13px; }
  :is(.page-home,.page-product) .canvas-workflow .story-tabs { gap: 8px; }
  :is(.page-home,.page-product) .canvas-workflow .story-tabs button { font-size: 9px; gap: 3px; }
}
@media (max-width:640px) {
  .page-home .knowledge-features .feature-caption,
  .page-home .knowledge-features .evidence-feature .feature-caption { bottom: 95px; }
  .page-home .knowledge-features .feature-label { font-size: 11px; }
  :is(.page-home,.page-product) .canvas-workflow { min-height: 480px; aspect-ratio: 3 / 4; }
  :is(.page-home,.page-product) .canvas-workflow .workflow-art > img { object-position: center; }
  :is(.page-home,.page-product) .canvas-workflow .story-panels { top: 23%; left: 13%; width: 70%; }
  :is(.page-home,.page-product) .canvas-workflow .story-pane-top { font-size: 11px; gap: 7px; }
  :is(.page-home,.page-product) .canvas-workflow .story-pane-top .pixel-icon { width: 13px; height: 13px; }
  :is(.page-home,.page-product) .canvas-workflow .story-pane h3 { font-size: 35px; margin: 16px 0 12px; }
  :is(.page-home,.page-product) .canvas-workflow .story-pane > p { font-size: 17px; line-height: 1.45; }
  :is(.page-home,.page-product) .canvas-workflow .story-topics { margin-top: 15px; gap: 6px 10px; }
  :is(.page-home,.page-product) .canvas-workflow .story-topics li { font-size: 9px; }
  :is(.page-home,.page-product) .canvas-workflow .workflow-controls { left: 13%; width: 70%; bottom: 21%; gap: 12px; }
  :is(.page-home,.page-product) .canvas-workflow .story-tabs { gap: 7px; }
  :is(.page-home,.page-product) .canvas-workflow .story-tabs button { flex-direction: column; min-height: 36px; gap: 2px; padding: 5px 0; font-size: 9px; }
  :is(.page-home,.page-product) .canvas-workflow .workflow-playback { font-size: 9px; }
}
@media (min-width:641px) and (max-width:900px) {
  :is(.page-home,.page-product) .canvas-workflow .story-panels { top: 22.5%; width: 45%; }
  :is(.page-home,.page-product) .canvas-workflow .story-pane > p { font-size: 15px; }
  :is(.page-home,.page-product) .canvas-workflow .workflow-controls { bottom: 18%; }
}
@media (max-width:370px) {
  :is(.page-home,.page-product) .canvas-workflow { min-height: 460px; }
  :is(.page-home,.page-product) .canvas-workflow .story-pane-top { font-size: 10px; }
  :is(.page-home,.page-product) .canvas-workflow .story-pane h3 { font-size: 32px; }
  :is(.page-home,.page-product) .canvas-workflow .story-pane > p { font-size: 15px; }
  :is(.page-home,.page-product) .canvas-workflow .story-topics { gap: 5px 7px; }
  :is(.page-home,.page-product) .canvas-workflow .story-topics li { font-size: 8px; }
  :is(.page-home,.page-product) .canvas-workflow .workflow-controls { gap: 8px; bottom: 18%; }
  :is(.page-home,.page-product) .canvas-workflow .story-tabs { gap: 5px; }
  :is(.page-home,.page-product) .canvas-workflow .story-tabs button { font-size: 8px; }
}
html:not(.js-enabled) :is(.page-home,.page-product) .canvas-workflow { aspect-ratio: auto; }
html:not(.js-enabled) :is(.page-home,.page-product) .canvas-workflow .story-panels { position: relative; top: auto; left: auto; width: auto; padding: 50px 12%; gap: 30px; }
html:not(.js-enabled) :is(.page-home,.page-product) .canvas-workflow .story-pane { padding: 18px; background: #eee0bded; border-radius: 4px; }

/* Quiet factual sections after the illustrated product story. */
.page-home .audience-editorial,
.page-home .direction-editorial { background: #e9ede7; }
.page-home .audience-editorial { padding-block: 66px 52px; }
.page-home .audience-heading { grid-template-columns: 1.05fr 1fr; gap: 10%; }
.page-home .audience-heading h2 { font-size: clamp(32px,3vw,41px); max-width: 480px; }
.page-home .audience-heading p { margin-top: 20px; max-width: 420px; }
.page-home .audience-heading .eyebrow { margin-bottom: 24px; }
.page-home .audience-editorial .proof { margin-top: 42px; padding-top: 34px; }
.page-home .proof > h2 { font-size: clamp(29px,2.7vw,37px); line-height: 1.17; max-width: 600px; margin-bottom: 28px; }
.page-home .fact-grid { gap: 30px; }
.page-home .fact-grid article { padding-top: 19px; }
.page-home .fact-grid p { font-size: 13px; line-height: 1.75; }
.page-home .direction-editorial { padding-bottom: 62px; }
.page-home .journey-board { padding: 34px 38px; background: #dce4d8; border-color: #c3cebd; }
.page-home .journey-heading { grid-template-columns: 1.1fr 1fr; gap: 8%; align-items: start; }
.page-home .journey-heading h2 { font-size: clamp(29px,2.65vw,36px); max-width: 490px; }
.page-home .journey-heading > p { line-height: 1.8; padding-top: 3px; }
.page-home .journey-heading .eyebrow { margin-bottom: 22px; }
.page-home .journey-steps { margin-top: 32px; }
.page-home .journey-steps strong { font-size: 18px; }
.page-home .journey-note { margin-top: 22px; }
@media (min-width:641px) and (max-width:900px) {
  .page-home .audience-heading { gap: 7%; }
  .page-home .journey-board { padding: 30px; }
  .page-home .journey-heading { grid-template-columns: 1fr; gap: 22px; }
  .page-home .journey-heading > p { max-width: 580px; }
  .page-home .journey-steps { gap: 14px; }
  .page-home .journey-steps strong { font-size: 16px; }
}
@media (max-width:640px) {
  .page-home .audience-editorial { padding-block: 48px 38px; }
  .page-home .audience-heading { grid-template-columns: 1fr; gap: 24px; }
  .page-home .audience-heading h2 { font-size: 33px; }
  .page-home .audience-heading p { margin-top: 18px; }
  .page-home .audience-editorial .proof { margin-top: 34px; padding-top: 28px; }
  .page-home .proof > h2 { font-size: 30px; margin-bottom: 24px; }
  .page-home .fact-grid { gap: 22px; }
  .page-home .direction-editorial { padding-bottom: 42px; }
  .page-home .journey-board { padding: 27px 23px; }
  .page-home .journey-heading { grid-template-columns: 1fr; gap: 22px; }
  .page-home .journey-heading h2 { font-size: 31px; }
  .page-home .journey-steps { margin-top: 28px; }
  .page-home .journey-steps strong { font-size: 18px; }
}
.page-product .canvas-workflow .story-topics li {display:flex;align-items:center;gap:6px;padding:0;border:0;background:none;}
.page-product .canvas-workflow .story-topics li:before {content:"";width:3px;height:3px;background:#727176;flex-shrink:0;}
/* Playback and stage controls retain their visual baseline with larger touch areas. */
:is(.page-home,.page-product) .canvas-workflow .workflow-controls {transform:translateY(9px);}
:is(.page-home,.page-product) .canvas-workflow .story-tabs button,
:is(.page-home,.page-product) .canvas-workflow .workflow-playback {min-width:44px;min-height:44px;}
@media(max-width:640px){
 :is(.page-home,.page-product) .canvas-workflow .workflow-controls {left:10%;width:80%;gap:9px;}
 :is(.page-home,.page-product) .canvas-workflow .story-tabs {gap:5px;}
 :is(.page-home,.page-product) .canvas-workflow .story-tabs button {gap:3px;}
}
@media(max-width:370px){
 :is(.page-home,.page-product) .canvas-workflow .workflow-controls {left:6%;width:88%;}
}