/* Whitepaper-derived technical and service content, with an editorial hierarchy. */
.technical-proof{padding-block:80px;color:#202028;scroll-margin-top:125px}
.technical-proof h2{font-size:clamp(28px,3vw,40px);font-weight:450;line-height:1.35;letter-spacing:-1px;margin:0 0 20px}
.technical-proof .proof-intro{max-width:760px;font-size:15px;line-height:1.9;color:#66666d;margin:0 0 38px}
.proof-stack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;border-top:1px solid #b8c3d4;padding-top:28px}
.proof-stack article{min-width:0;padding-right:24px;border-right:1px solid #d5dce7}
.proof-stack article:last-child{border:0;padding-right:0}
.proof-stack h3{font-size:24px;font-weight:500;line-height:1.4;margin:16px 0 14px}
.proof-stack p,.proof-records p,.proof-chain p{font-size:14px;line-height:1.85;color:#66666d;margin:0}
.proof-glyph{width:36px;height:36px;stroke:#211b7a;fill:none;stroke-width:1.5}
.proof-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.proof-tags span{font-size:12px;color:#525d70;background:#eef1f6;padding:5px 9px;border-radius:7px}
.proof-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:34px;padding-top:24px;border-top:1px solid #d5dce7}
.proof-bottom p{font-size:14px;color:#66666d;line-height:1.85;margin:0;max-width:760px}
.proof-bottom a{color:#211b7a;white-space:nowrap;font-size:14px;text-underline-offset:4px;padding:10px 0}
.proof-service{background:linear-gradient(125deg,#f3f5f9,#e4eaf2);padding-block:76px}
.proof-service h2,.proof-industry h2{font-size:clamp(28px,3vw,38px);font-weight:450;line-height:1.4;margin:0 0 18px;letter-spacing:-1px}
.proof-service .proof-intro,.proof-industry .proof-intro{font-size:15px;color:#66666d;line-height:1.9;max-width:760px;margin:0 0 32px}
.proof-records{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 42px}
.proof-records article{padding:26px 0;border-top:1px solid #b8c3d4}
.proof-records h3{font-size:22px;font-weight:500;margin:0 0 12px;line-height:1.4}
.proof-industry{padding-block:80px}
.proof-chain{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:34px}
.proof-chain article{border-top:3px solid #b8c3d4;padding-top:22px}
.proof-chain h3{font-size:20px;font-weight:500;margin:0 0 12px;line-height:1.4}
.proof-source{font-size:12px;color:#5f5f68;line-height:1.8;border-top:1px solid #d5dce7;padding-top:18px;margin-top:30px}
@media(max-width:760px){.technical-proof,.proof-industry{padding-block:52px}.proof-service{padding-block:48px}.proof-stack{grid-template-columns:1fr;gap:26px}.proof-stack article{border-right:0;border-bottom:1px solid #d5dce7;padding:0 0 26px}.proof-stack article:last-child{padding:0}.proof-records{grid-template-columns:1fr}.proof-chain{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 20px}.proof-bottom{align-items:flex-start;flex-direction:column;gap:12px}.proof-stack h3{font-size:22px}}
/* A single architectural illustration anchors the section; capabilities read as layers. */
.proof-system-layout{display:grid;grid-template-columns:1.12fr 1fr;gap:56px;align-items:stretch;margin-top:36px}
.proof-system-art{position:relative;min-width:0;margin:0;border-radius:24px;border:1px solid #c8d2e0;background:radial-gradient(ellipse at 45% 30%,#fff,#eef2f8 65%,#dce4ef);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}
.proof-art-heading{padding:22px 26px 0;display:flex;justify-content:space-between;align-items:center;color:#525d70;font-size:13px}
.proof-art-heading i{height:7px;width:7px;border-radius:50%;background:#3327c7;box-shadow:0 0 0 5px #3327c70c}
.proof-system-art img{width:100%;height:auto;display:block;margin:0;flex:1;object-fit:contain;min-height:0}
.proof-layer-labels{position:absolute;top:24%;right:18px;display:flex;flex-direction:column;gap:64px;color:#3b4961;font-size:12px;line-height:1.5}
.proof-layer-labels span{padding:4px 8px;background:#ffffffd9;border:1px solid #ccd5e3;border-radius:6px}
.proof-art-foot{display:flex;align-items:center;justify-content:center;gap:18px;padding:0 24px 22px;color:#3e4e69;font-size:12px}
.proof-art-foot b{width:48px;height:1px;background:#a6b7d2;position:relative;overflow:hidden}
.proof-art-foot b:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#3327c7,transparent);animation:proof-signal 4s ease-in-out infinite}
@keyframes proof-signal{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
.proof-system-layout .proof-stack{grid-template-columns:1fr;padding:0;border:0;gap:0}
.proof-system-layout .proof-stack article{position:relative;border:0;border-top:1px solid #b8c3d4;padding:22px 0 24px 56px}
.proof-system-layout .proof-stack article:last-child{border-top:1px solid #b8c3d4;padding:22px 0 0 56px}
.proof-system-layout .proof-glyph{position:absolute;top:24px;left:0;width:30px;height:30px}
.proof-system-layout .proof-stack h3{margin:0 0 12px;font-size:24px}
.proof-system-layout .proof-tags{margin-top:14px}
.proof-delivery-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:36px 0 18px;border:1px solid #b8c6d8;border-radius:16px;background:#ffffff80;overflow:hidden}
.proof-delivery-track span{padding:22px 16px;text-align:center;font-size:17px;color:#211b7a;border-right:1px solid #c9d3e1}
.proof-delivery-track span:last-child{border:0}
.proof-records article{padding:28px 0 24px;border-top:0;border-bottom:1px solid #bdc9da}
.proof-chain{gap:0;border:1px solid #c6d1df;border-radius:20px;overflow:hidden;background:linear-gradient(110deg,#f7f9fc,#e7edf5)}
.proof-chain article{padding:30px 22px;border:0;border-right:1px solid #c6d1df}
.proof-chain article:last-child{border:0}
.proof-chain h3{font-size:20px;min-height:56px}
@media(max-width:1000px){.proof-system-layout{gap:30px}.proof-layer-labels{right:10px;font-size:11px;gap:52px}}
@media(max-width:760px){.proof-system-layout{grid-template-columns:1fr;gap:30px;margin-top:26px}.proof-system-art{min-height:360px}.proof-system-art img{max-height:360px}.proof-layer-labels{top:26%;gap:48px;right:16px}.proof-system-layout .proof-stack article,.proof-system-layout .proof-stack article:last-child{padding-left:46px}.proof-system-layout .proof-stack h3{font-size:22px}.proof-delivery-track{grid-template-columns:repeat(2,minmax(0,1fr))}.proof-delivery-track span{font-size:15px;padding:17px 12px;border-bottom:1px solid #c9d3e1}.proof-delivery-track span:nth-child(2){border-right:0}.proof-delivery-track span:nth-child(n+3){border-bottom:0}.proof-chain article{padding:24px 18px;border-bottom:1px solid #c6d1df}.proof-chain article:nth-child(2){border-right:0}.proof-chain article:nth-child(n+3){border-bottom:0}.proof-chain h3{font-size:19px;min-height:53px}}
@media(prefers-reduced-motion:reduce){.proof-art-foot b:after{animation:none}}

.proof-system-art.proof-architecture{
  display:grid;
  grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);
  align-content:center;
  align-items:center;
  min-height:0;
  padding:clamp(14px,2vw,28px);
  border-color:#e0e4e9;
  border-radius:12px;
  background:#f8f9fa;
}
.proof-architecture-source,.proof-architecture-result{
  display:grid;
  gap:8px;
  min-width:0;
  text-align:center;
}
.proof-architecture-source img{max-height:none}
.proof-architecture strong{font-size:clamp(14px,1.3vw,17px);line-height:1.4;color:#273241}
.proof-architecture small{font-size:14px;line-height:1.5;color:#515e70;overflow-wrap:anywhere}
.proof-architecture-node{
  display:grid;
  place-items:center;
  min-height:44px;
  padding:6px;
  border:1px solid #9aa5b3;
  background:#fff;
}
.proof-architecture-line{
  position:relative;
  width:100%;
  height:1px;
  background:#69768a;
}
.proof-architecture-line::after{
  content:"";
  position:absolute;
  top:-3px;
  right:2px;
  width:6px;
  height:6px;
  border-right:1px solid #69768a;
  border-top:1px solid #69768a;
  transform:rotate(45deg);
}
.proof-architecture-line.is-vertical{
  justify-self:center;
  width:16px;
  margin:3px 0;
  transform:rotate(90deg);
}


#technical-system{padding-block:clamp(20px,4vw,48px);scroll-margin-top:0}
#technical-system h2{margin-bottom:12px}
#technical-system .proof-intro{margin-bottom:0}
#technical-system .proof-system-layout{gap:clamp(18px,3vw,44px);margin-top:22px}
#technical-system .proof-stack article{padding:12px 0 12px 44px}
#technical-system .proof-stack h3{margin:0 0 5px;font-size:clamp(18px,1.8vw,23px)}
#technical-system :is(.proof-intro,.proof-stack p){line-height:1.6!important}
#technical-system .proof-glyph{top:13px;width:26px;height:26px}
@media(max-width:760px){
  #technical-system h2{margin-bottom:8px;font-size:clamp(24px,6.8vw,28px);line-height:1.22;text-wrap:balance}
  #technical-system .proof-system-layout{gap:14px;margin-top:16px}
  #technical-system .proof-architecture{padding:10px 14px}
  #technical-system .proof-architecture-source,#technical-system .proof-architecture-result{gap:5px}
  #technical-system .proof-architecture-node{min-height:32px;padding:4px 6px}
  #technical-system .proof-stack article{padding:7px 0 7px 32px}
  #technical-system .proof-stack h3{margin-bottom:3px;line-height:1.3}
  #technical-system .proof-glyph{top:8px;width:22px;height:22px}
}

/* Preserve section colors; soften only their top and bottom boundaries. */
body.page-about main>.soft-section{background:linear-gradient(180deg,#fff 0%,#f7f4fb 80px,#f7f4fb calc(100% - 80px),#fff 100%)}
body.page-about .proof-service{background:linear-gradient(180deg,#fff 0%,#ffffff00 80px,#ffffff00 calc(100% - 80px),#fff 100%),linear-gradient(125deg,#f3f5f9,#e4eaf2)}
@media(max-width:760px){body.page-about main>.soft-section{background:linear-gradient(180deg,#fff 0%,#f7f4fb 48px,#f7f4fb calc(100% - 48px),#fff 100%)}body.page-about .proof-service{background:linear-gradient(180deg,#fff 0%,#ffffff00 48px,#ffffff00 calc(100% - 48px),#fff 100%),linear-gradient(125deg,#f3f5f9,#e4eaf2)}}
@media(max-width:380px){
  .proof-system-art.proof-architecture{grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr)}
  #technical-system .proof-intro{display:none}
  #technical-system .proof-system-layout{margin-top:12px}
}

.compute-delivery-diagram{
  display:grid;
  grid-template-rows:auto 1fr;
  align-self:stretch;
  min-width:0;
  margin:0;
  padding:clamp(16px,2.5vw,30px);
  border:1px solid #c2cddb;
  border-radius:18px;
  background:#f3f5f9;
  color:#273241;
}
.compute-delivery-diagram figcaption{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:10px;
  padding-bottom:14px;
  margin-bottom:14px;
  border-bottom:1px solid #cbd4e1;
  font-size:clamp(17px,1.5vw,21px);
  font-weight:600;
  color:#202b3f;
}
.compute-delivery-control{
  min-height:32px;
  padding:4px 8px;
  border:1px solid #c2cddb;
  border-radius:6px;
  background:#fff;
  color:#354766;
  font:inherit;
  font-size:12px;
  white-space:nowrap;
  cursor:pointer;
}
.compute-delivery-control .delivery-control-icon{
  display:block;
  width:16px;
  height:16px;
  padding:0;
  background:none;
  stroke:currentColor;
}
.compute-delivery-control .delivery-control-play,
.compute-delivery-control[data-paused] .delivery-control-pause{display:none}
.compute-delivery-control[data-paused] .delivery-control-play{display:inline}
.compute-delivery-control:hover{border-color:#7c8da8}
@media(prefers-reduced-motion:reduce){.compute-delivery-control{display:none}}
.compute-delivery-diagram ol{
  position:relative;
  display:grid;
  grid-auto-rows:1fr;
  margin:0;
  padding:0 0 0 25px;
  list-style:none;
}
.compute-delivery-diagram ol::before{
  content:"";
  position:absolute;
  inset:16.666% auto 16.666% 5px;
  border-inline-start:1px solid #b1bed1;
}
.compute-delivery-diagram li{
  --delivery-state-ink:#354766;
  --delivery-state-fill:#edf1f7;
  position:relative;
  display:grid;
  grid-template-columns:52px minmax(0,1fr) auto;
  align-items:center;
  gap:clamp(10px,1.4vw,20px);
  min-height:86px;
  padding:12px clamp(10px,1.4vw,20px);
  border-inline:1px solid #d2dae7;
  border-top:1px solid #d2dae7;
  background:#fff;
}
.compute-delivery-diagram li:first-child{border-radius:10px 10px 0 0}
.compute-delivery-diagram li:nth-child(2){--delivery-state-ink:#352c83;--delivery-state-fill:#eeecfa}
.compute-delivery-diagram li:last-child{
  --delivery-state-ink:#245742;
  --delivery-state-fill:#e9f2ed;
  border-bottom:1px solid #d2dae7;
  border-radius:0 0 10px 10px;
}
.compute-delivery-diagram li::before{
  content:"";
  position:absolute;
  top:calc(50% - 5px);
  left:-26px;
  width:9px;
  height:9px;
  border:1px solid #7c8da8;
  border-radius:50%;
  background:#fff;
}
.compute-delivery-diagram li::after{
  content:"";
  position:absolute;
  inset:-1px;
  border:1px solid #8796c5;
  border-radius:inherit;
  background:#d4dff4;
  opacity:0;
  pointer-events:none;
}
.compute-delivery-diagram li>*{position:relative;z-index:1}
.compute-delivery-diagram svg{
  display:block;
  width:52px;
  height:46px;
  box-sizing:border-box;
  padding:8px;
  border-radius:8px;
  background:#f0f3f8;
  fill:none;
  stroke:#334563;
  stroke-width:1.4;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.compute-delivery-diagram strong,.compute-delivery-diagram small{display:block}
.compute-delivery-diagram strong{font-size:clamp(15px,1.3vw,18px);font-weight:600;line-height:1.4}
.compute-delivery-diagram small{margin-top:3px;color:#4d5b72;font-size:13px;line-height:1.5}
.compute-delivery-state{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:5px 9px;
  border-radius:6px;
  color:var(--delivery-state-ink);
  background:var(--delivery-state-fill);
  font-size:13px;
  line-height:1.4;
  white-space:nowrap;
}
.compute-delivery-state::before{
  content:"";
  width:5px;
  height:5px;
  border-radius:50%;
  background:currentColor;
}
@media(max-width:520px){
  .compute-delivery-diagram li{grid-template-columns:34px minmax(0,1fr) auto;gap:8px;padding:10px 8px}
  .compute-delivery-diagram svg{width:34px;height:34px;padding:4px}
  .compute-delivery-state{padding:4px 6px;gap:4px;font-size:12px}
}
@media(prefers-reduced-motion:no-preference){
  .compute-delivery-diagram{--delivery-cycle:5.8s}
  .compute-delivery-diagram.is-running ol::after{
    content:"";
    position:absolute;
    z-index:2;
    left:2px;
    width:7px;
    height:7px;
    border-radius:50%;
    background:#3327c7;
    animation:delivery-trace var(--delivery-cycle) ease infinite;
  }
  .compute-delivery-diagram.is-running li{--delivery-delay:0.15s}
  .compute-delivery-diagram.is-running li:nth-child(2){--delivery-delay:1.55s}
  .compute-delivery-diagram.is-running li:nth-child(3){--delivery-delay:2.95s}
  .compute-delivery-diagram.is-running li::before{animation:delivery-node var(--delivery-cycle) var(--delivery-delay) ease infinite}
  .compute-delivery-diagram.is-running li::after{animation:delivery-row var(--delivery-cycle) var(--delivery-delay) ease infinite}
  .compute-delivery-diagram.is-running .compute-delivery-state{animation:delivery-state var(--delivery-cycle) var(--delivery-delay) ease infinite}
  .compute-delivery-diagram.is-running.is-paused :is(ol,li)::after,
  .compute-delivery-diagram.is-running.is-paused li::before,
  .compute-delivery-diagram.is-running.is-paused .compute-delivery-state{animation-play-state:paused}
}
@keyframes delivery-trace{
  0%{top:calc(16.666% - 3px);opacity:0}
  6%,19%{top:calc(16.666% - 3px);opacity:1}
  28%,43%{top:calc(50% - 3px);opacity:1}
  52%,68%{top:calc(83.333% - 3px);opacity:1}
  75%,100%{top:calc(83.333% - 3px);opacity:0}
}
@keyframes delivery-node{
  6%,18%{background:#3327c7;border-color:#3327c7;transform:scale(1.25)}
  24%,100%{background:#fff;border-color:#7c8da8;transform:none}
}
@keyframes delivery-row{
  6%,18%{opacity:1}
  24%,100%{opacity:0}
}
@keyframes delivery-state{
  6%,18%{color:#fff;background:var(--delivery-state-ink)}
  24%,100%{color:var(--delivery-state-ink);background:var(--delivery-state-fill)}
}