figure.context-proof[data-native-diagram]{grid-area:diagram;min-width:0;margin:0;padding:12px 0 4px}
figure.context-proof[data-native-diagram] ol{list-style:none;margin:0;padding:0}
figure.context-proof[data-native-diagram] .migration-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;align-items:start}
figure.context-proof[data-native-diagram] .process-step,figure.context-proof[data-native-diagram] .knowledge-step{display:block;position:relative;min-width:0;padding:0;row-gap:0;will-change:auto;text-align:center}
figure.context-proof[data-native-diagram] .process-step:after{content:"";position:absolute;width:20px;height:7px;border-top:1.5px solid var(--project-accent);right:-25px;top:63px}
figure.context-proof[data-native-diagram] .process-step:before{content:"";position:absolute;width:7px;height:7px;border-top:1.5px solid var(--project-accent);border-right:1.5px solid var(--project-accent);transform:rotate(45deg);right:-25px;top:60px}
figure.context-proof[data-native-diagram] .process-step:last-child:after,figure.context-proof[data-native-diagram] .process-step:last-child:before{display:none}
figure.context-proof[data-native-diagram] .page-glyph{display:flex;height:126px;align-items:center;justify-content:center}
figure.context-proof[data-native-diagram] .page-glyph svg{display:block;width:100%;max-width:164px;stroke:#637586;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
figure.context-proof[data-native-diagram] .page-glyph svg rect{fill:#fffaf3}
figure.context-proof[data-native-diagram] .page-glyph svg circle{fill:var(--project-accent);stroke:none}
figure.context-proof[data-native-diagram] .page-glyph svg path{stroke:#7c8a97}
figure.context-proof[data-native-diagram] .page-glyph .phone-shape{fill:#f4eee3;stroke:var(--project-accent)}
figure.context-proof[data-native-diagram] .staging-step .page-glyph{outline:1px dashed #9aa5b0;outline-offset:7px}
figure.context-proof[data-native-diagram] .diagram-title{font-size:.92rem;font-weight:740;line-height:1.35;margin:17px 0 8px;text-wrap:balance}
figure.context-proof[data-native-diagram] p{font-size:.83rem;line-height:1.55;margin:0;color:var(--pilot-muted);text-wrap:pretty}
figure.context-proof[data-native-diagram] .validation-list{display:flex;min-height:126px;flex-direction:column;justify-content:center;gap:14px;list-style:none;margin:0;padding:0 0 0 10px;text-align:left;color:#364f5f}
figure.context-proof[data-native-diagram] .validation-list li{position:relative;padding-left:23px;font-size:.79rem;line-height:1.35}
figure.context-proof[data-native-diagram] .validation-list li:before{content:"";position:absolute;left:0;top:0;width:15px;height:15px;border:1px solid var(--project-accent);border-radius:50%}
figure.context-proof[data-native-diagram] .validation-list li:after{content:"";position:absolute;left:4px;top:4px;width:7px;height:4px;border-bottom:1.5px solid var(--project-accent);border-left:1.5px solid var(--project-accent);transform:rotate(-45deg)}
figure.context-proof[data-native-diagram] .return-route{height:52px;border:1px dashed #8d99a4;border-top:0;border-radius:0 0 18px 18px;margin:16px 10%0;position:relative;display:flex;align-items:flex-end;justify-content:center}
figure.context-proof[data-native-diagram] .return-route:before{content:"";position:absolute;left:-4px;top:0;width:7px;height:7px;border-top:1px solid #637586;border-left:1px solid #637586;transform:rotate(45deg)}
figure.context-proof[data-native-diagram] .return-route span{background:var(--pilot-paper);padding:0 10px;transform:translateY(9px);font-size:.78rem;color:var(--pilot-muted);text-align:center}
figure.context-proof[data-native-diagram] figcaption{margin-top:34px;font-size:.76rem;line-height:1.55;color:var(--pilot-muted)}
figure.context-proof[data-native-diagram] .knowledge-steps{display:grid;grid-template-columns:.8fr 1.4fr 1.05fr 1fr;gap:25px;align-items:start}
figure.context-proof[data-native-diagram] .knowledge-step:after{content:"";position:absolute;width:15px;border-top:1.5px solid var(--project-accent);right:-20px;top:82px}
figure.context-proof[data-native-diagram] .knowledge-step:before{content:"";position:absolute;width:6px;height:6px;border-top:1.5px solid var(--project-accent);border-right:1.5px solid var(--project-accent);transform:rotate(45deg);right:-20px;top:79px}
figure.context-proof[data-native-diagram] .knowledge-step:last-child:before,figure.context-proof[data-native-diagram] .knowledge-step:last-child:after{display:none}
figure.context-proof[data-native-diagram] .source-glyph{height:168px;display:flex;align-items:center;justify-content:center}
figure.context-proof[data-native-diagram] .source-glyph svg{width:98px;height:110px;stroke:#7a8191;stroke-width:1.15;stroke-linecap:round}
figure.context-proof[data-native-diagram] .source-glyph svg rect{fill:#fffaf3}
figure.context-proof[data-native-diagram] .source-glyph svg path{stroke:#888295;stroke-width:2}
figure.context-proof[data-native-diagram] .search-lanes{height:168px;display:flex;flex-direction:column;justify-content:space-around;gap:16px}
figure.context-proof[data-native-diagram] .search-lane{display:flex;align-items:center;gap:10px;padding:13px 10px;border:1px solid #c5b7dc;border-radius:5px;text-align:left;color:var(--pilot-violet);background:#f4effa}
figure.context-proof[data-native-diagram] .semantic-lane{color:#166982;background:#eef3f4;border-color:#a8c0c9}
figure.context-proof[data-native-diagram] .search-lane svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.6;flex:none}
figure.context-proof[data-native-diagram] .search-lane strong{display:block;font-size:.85rem;line-height:1.3}
figure.context-proof[data-native-diagram] .search-lane span{display:block;margin-top:4px;font-size:.72rem;line-height:1.35;color:var(--pilot-muted)}
figure.context-proof[data-native-diagram] .answer-sheet{height:145px;margin:12px 0 11px;padding:22px 12px;border:1px solid #bcb5c5;border-radius:5px;background:#fffaf3;display:flex;flex-direction:column;gap:12px}
figure.context-proof[data-native-diagram] .answer-line{display:block;width:100%;height:4px;border-radius:2px;background:#b8b3bd}
figure.context-proof[data-native-diagram] .answer-line--short{width:64%}
figure.context-proof[data-native-diagram] .source-reference{display:flex;align-items:center;gap:5px;margin-top:auto;font-size:.66rem;color:var(--pilot-violet)}
figure.context-proof[data-native-diagram] .source-reference svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.4;flex:none}
figure.context-proof[data-native-diagram] .human-illustration{display:block;width:100%;height:168px;object-fit:contain;object-position:center}
@container context-proof (max-width:600px){figure.context-proof[data-native-diagram] .migration-steps{grid-template-columns:1fr;gap:34px}
figure.context-proof[data-native-diagram] .process-step{display:grid;grid-template-columns:minmax(82px,.8fr) 1.4fr;grid-template-areas:"picture title""picture description";column-gap:18px;text-align:left;align-items:center}
figure.context-proof[data-native-diagram] .page-glyph,figure.context-proof[data-native-diagram] .validation-list{grid-area:picture;height:108px;min-height:108px}
figure.context-proof[data-native-diagram] .page-glyph svg{max-width:138px}
figure.context-proof[data-native-diagram] .process-step .diagram-title{grid-area:title;align-self:end;margin:0 0 6px;font-size:1rem}
figure.context-proof[data-native-diagram] .process-step>p{grid-area:description;align-self:start;font-size:.94rem}
figure.context-proof[data-native-diagram] .process-step:after,figure.context-proof[data-native-diagram] .process-step:before{right:auto;left:19%;top:auto;bottom:-22px;transform:none;width:0;height:15px;border:0;border-left:1px solid var(--project-accent)}
figure.context-proof[data-native-diagram] .process-step:before{width:6px;height:6px;border-right:1px solid var(--project-accent);border-bottom:1px solid var(--project-accent);border-left:0;transform:translateX(-2.5px) rotate(45deg);bottom:-22px}
figure.context-proof[data-native-diagram] .validation-list{font-size:.75rem;padding-left:0;gap:12px}
figure.context-proof[data-native-diagram] .validation-list li{font-size:.72rem;padding-left:20px}
figure.context-proof[data-native-diagram] .return-route{height:auto;margin:30px 0 0;padding:16px 0 0;border:0;border-top:1px dashed #8d99a4;border-radius:0;display:block}
figure.context-proof[data-native-diagram] .return-route:before{display:none}
figure.context-proof[data-native-diagram] .return-route span{padding:0;transform:none;font-size:.88rem;line-height:1.5}
figure.context-proof[data-native-diagram] figcaption{margin-top:22px;font-size:.8rem}
figure.context-proof[data-native-diagram] .knowledge-steps{grid-template-columns:1fr;gap:32px}
figure.context-proof[data-native-diagram] .knowledge-step{display:grid;grid-template-columns:minmax(100px,.9fr) 1.3fr;grid-template-areas:"picture title""picture description";column-gap:18px;align-items:center;text-align:left}
figure.context-proof[data-native-diagram] .source-glyph,figure.context-proof[data-native-diagram] .search-lanes,figure.context-proof[data-native-diagram] .answer-sheet,figure.context-proof[data-native-diagram] .human-illustration{grid-area:picture;height:138px}
figure.context-proof[data-native-diagram] .knowledge-step .diagram-title{grid-area:title;align-self:end;margin:0 0 7px;font-size:1rem}
figure.context-proof[data-native-diagram] .knowledge-step>p{grid-area:description;align-self:start;font-size:.94rem}
figure.context-proof[data-native-diagram] .knowledge-step:after,figure.context-proof[data-native-diagram] .knowledge-step:before{right:auto;left:20%;top:auto;bottom:-22px;transform:none;width:0;height:14px;border:0;border-left:1px solid var(--project-accent)}
figure.context-proof[data-native-diagram] .knowledge-step:before{width:6px;height:6px;border-right:1px solid var(--project-accent);border-bottom:1px solid var(--project-accent);border-left:0;transform:translateX(-2.5px) rotate(45deg);bottom:-22px}
figure.context-proof[data-native-diagram] .source-glyph svg{width:90px}
figure.context-proof[data-native-diagram] .search-lanes{height:auto;gap:12px}
figure.context-proof[data-native-diagram] .search-lane{padding:10px 7px;gap:5px}
figure.context-proof[data-native-diagram] .search-lane strong{font-size:.75rem}
figure.context-proof[data-native-diagram] .search-lane span{font-size:.68rem}
figure.context-proof[data-native-diagram] .search-lane svg{width:16px;height:16px}
figure.context-proof[data-native-diagram] .answer-sheet{height:120px;padding:18px 10px;gap:10px;margin:9px 0}
figure.context-proof[data-native-diagram] .source-reference{font-size:.59rem;gap:3px}
figure.context-proof[data-native-diagram] .source-reference svg{width:14px;height:14px}
figure.context-proof[data-native-diagram] .human-illustration{height:138px}
}
figure.context-proof[data-native-diagram] .source-reference{font-size:.78rem;line-height:1.4}
@container context-proof (max-width:1100px){figure.context-proof[data-native-diagram] .source-reference{font-size:.78rem}
}
@container context-proof (max-width:600px){figure.context-proof[data-native-diagram] .search-lane strong{font-size:.82rem}
figure.context-proof[data-native-diagram] .search-lane span{font-size:.75rem}
figure.context-proof[data-native-diagram] .source-reference{font-size:.75rem}
figure.context-proof[data-native-diagram] .return-route{padding:16px 10px 0}
figure.context-proof[data-native-diagram] .validation-list li{font-size:.75rem}
}
@container context-proof (max-width:360px){figure.context-proof[data-native-diagram] .search-step{grid-template-columns:minmax(128px,.9fr) minmax(0,1.3fr)}
}
figure.context-proof[data-native-diagram] .search-lane>div{min-width:0}
@container context-proof (min-width:921px){figure.context-proof[data-native-diagram] .proof-panel{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}
figure.context-proof[data-native-diagram] .proof-panel--web,figure.context-proof[data-native-diagram] .proof-panel--ai{grid-template-columns:minmax(0,2.4fr) minmax(270px,1fr);grid-template-areas:"diagram copy"}
figure.context-proof[data-native-diagram] .proof-panel--web>.proof-panel__copy,figure.context-proof[data-native-diagram] .proof-panel--ai>.proof-panel__copy{grid-area:copy}
}
@container context-proof (max-width:920px){figure.context-proof[data-native-diagram] .proof-panel{grid-template-columns:minmax(0,1fr)}
figure.context-proof[data-native-diagram] .proof-panel--web,figure.context-proof[data-native-diagram] .proof-panel--ai{grid-template-areas:"copy""diagram"}
figure.context-proof[data-native-diagram] .proof-panel--web>.proof-panel__copy,figure.context-proof[data-native-diagram] .proof-panel--ai>.proof-panel__copy{grid-area:copy}
}
@container context-proof (min-width:601px) and (max-width:1100px){figure.context-proof[data-native-diagram] .knowledge-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
figure.context-proof[data-native-diagram] .knowledge-step:nth-child(2):before,figure.context-proof[data-native-diagram] .knowledge-step:nth-child(2):after{display:none}
figure.context-proof[data-native-diagram] .migration-steps{gap:18px}
figure.context-proof[data-native-diagram] .process-step:after,figure.context-proof[data-native-diagram] .process-step:before{right:-15px}
figure.context-proof[data-native-diagram] .validation-list{padding-left:0}
figure.context-proof[data-native-diagram] .validation-list li{padding-left:19px;font-size:.75rem}
}
@container context-proof (max-width:600px){figure.context-proof[data-native-diagram] .process-step{grid-template-columns:minmax(104px,.9fr) minmax(0,1.3fr);column-gap:14px}
figure.context-proof[data-native-diagram] .knowledge-step{grid-template-columns:minmax(100px,.9fr) minmax(0,1.3fr);column-gap:14px}
figure.context-proof[data-native-diagram] .diagram-title{overflow-wrap:anywhere}
}
@container context-proof (max-width:360px){figure.context-proof[data-native-diagram] .search-step{grid-template-columns:minmax(128px,.9fr) minmax(0,1.3fr)}
}
@container context-proof (max-width:360px){figure.context-proof[data-native-diagram] .search-lane{padding:10px 5px;gap:4px}
figure.context-proof[data-native-diagram] .search-lane svg{width:12px;height:12px}
figure.context-proof[data-native-diagram] .search-lane strong{font-size:.8rem}
}
figure.context-proof[data-native-diagram] .return-route{width:calc(75% + 22.5px);margin:22px auto 0}
@container context-proof (min-width:601px) and (max-width:1100px){figure.context-proof[data-native-diagram] .return-route{width:calc(75% + 13.5px)}
}
@container context-proof (max-width:600px){figure.context-proof[data-native-diagram] .return-route{width:100%;margin:30px 0 0}
}
figure.context-proof[data-native-diagram] .knowledge-steps{grid-template-columns:1.05fr 1.4fr 1.05fr 1fr}@container context-proof (min-width:601px) and (max-width:1100px){figure.context-proof[data-native-diagram] .knowledge-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@container context-proof (max-width:600px){figure.context-proof[data-native-diagram] .knowledge-steps{grid-template-columns:1fr}}
figure.context-proof[data-native-diagram] {
  --pilot-paper:#f7f3ec; --pilot-ink:#26232b; --pilot-muted:#575360;
  --pilot-violet:#593caf; --project-accent:#166982;
  container:context-proof / inline-size;
  grid-area:auto;
  display:block; justify-items:normal; width:100%; max-width:none; min-width:0; min-height:0; height:auto;
  aspect-ratio:auto; margin:0; padding:clamp(20px,3vw,36px);
  background:var(--pilot-paper); color:var(--pilot-ink); border:0;
  border-radius:0; overflow:visible; text-align:left;
  font-family:Inter,Arial,sans-serif; box-sizing:border-box;
}
figure.context-proof[data-native-diagram].knowledge-diagram { --project-accent:#593caf; }
figure.context-proof[data-native-diagram] * { box-sizing:border-box; }
figure.context-proof[data-native-diagram] > img[hidden] { display:none !important; }
figure.context-proof[data-native-diagram] ol, figure.context-proof[data-native-diagram] ul { list-style:none; padding:0; margin:0; }
figure.context-proof[data-native-diagram] .diagram-title { display:block; color:var(--pilot-ink); letter-spacing:normal; }
figure.context-proof[data-native-diagram] .page-glyph svg, figure.context-proof[data-native-diagram] .source-glyph svg { height:auto; aspect-ratio:auto; }
figure.context-proof[data-native-diagram] .human-illustration { aspect-ratio:auto; max-height:none; border:0; border-radius:0; box-shadow:none; background:transparent; }
figure.context-proof[data-native-diagram] .context-proof-link { display:inline-flex; align-items:center; width:auto; min-height:44px; margin-top:24px; color:#593caf; text-decoration:underline; text-underline-offset:4px; font-size:16px; font-weight:700; }
figure.context-proof[data-native-diagram] .context-proof-link:focus-visible { outline:3px solid #593caf; outline-offset:5px; }
figure.context-proof[data-native-diagram] ::selection { background:#d8cbed; color:#26232b; }
figure.context-proof[data-native-diagram] .search-lane span, figure.context-proof[data-native-diagram] .source-reference,
figure.context-proof[data-native-diagram] .validation-list li { font-size:12px; }
@container context-proof (max-width:600px) {
 figure.context-proof[data-native-diagram] .process-step, figure.context-proof[data-native-diagram] .knowledge-step { grid-template-columns:minmax(0,1fr) minmax(0,1.3fr); }
 figure.context-proof[data-native-diagram] .search-step { grid-template-columns:minmax(128px,1fr) minmax(0,1.3fr); }
 figure.context-proof[data-native-diagram] .human-illustration { width:100%; height:138px; }
}
.landing-profile img { object-position:50% 25%; }


@container context-proof (max-width:360px) { figure.context-proof[data-native-diagram] .validation-step { grid-template-columns:minmax(116px,1fr) minmax(0,1.3fr); } }

@container context-proof (min-width:601px) and (max-width:1100px) {
  figure.context-proof[data-native-diagram] .knowledge-steps { grid-template-columns:1fr; gap:32px; }
  figure.context-proof[data-native-diagram] .knowledge-step {
    display:grid; grid-template-columns:minmax(128px,.9fr) minmax(0,1.3fr);
    grid-template-areas:"picture title" "picture description";
    column-gap:24px; align-items:center; text-align:left;
  }
  figure.context-proof[data-native-diagram] .source-glyph,
  figure.context-proof[data-native-diagram] .search-lanes,
  figure.context-proof[data-native-diagram] .answer-sheet,
  figure.context-proof[data-native-diagram] .human-illustration { grid-area:picture; height:138px; }
  figure.context-proof[data-native-diagram] .search-lanes { height:auto; }
  figure.context-proof[data-native-diagram] .knowledge-step .diagram-title { grid-area:title; align-self:end; margin:0 0 7px; font-size:1rem; }
  figure.context-proof[data-native-diagram] .knowledge-step > p { grid-area:description; align-self:start; font-size:.94rem; }
  figure.context-proof[data-native-diagram] .knowledge-step:not(:last-child)::after {
    display:block; right:auto; left:20%; top:auto; bottom:-22px;
    width:0; height:14px; transform:none; border:0; border-left:1px solid var(--project-accent);
  }
  figure.context-proof[data-native-diagram] .knowledge-step:not(:last-child)::before {
    display:block; right:auto; left:20%; top:auto; bottom:-22px;
    width:6px; height:6px; border:0; border-right:1px solid var(--project-accent);
    border-bottom:1px solid var(--project-accent); transform:translateX(-2.5px) rotate(45deg);
  }
}