.control-plane-section{padding:132px 0 140px;background:radial-gradient(circle at 84% 6%,rgba(126,185,214,.05),transparent 30%),radial-gradient(circle at 8% 92%,rgba(185,151,91,.06),transparent 32%),var(--bg)}.control-plane-visual{margin-top:64px}.control-plane-stage{position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--line-strong);border-radius:28px 28px 28px 6px;background:linear-gradient(rgba(244,241,233,.024) 1px,transparent 0) 0 0 /100% 64px,linear-gradient(90deg,rgba(244,241,233,.024) 1px,transparent 0) 0 0 /64px 100%,radial-gradient(circle at 50% 42%,rgba(185,151,91,.07),transparent 34%),radial-gradient(circle at 14% 24%,rgba(126,185,214,.05),transparent 30%),linear-gradient(160deg,#12161a,#0a0d10 58%,#0f1418);box-shadow:var(--shadow)}.control-plane-canvas{position:relative;aspect-ratio:1000/640}.control-plane-stage-label{position:absolute;z-index:6;top:18px;right:24px;left:24px;display:flex;justify-content:space-between;gap:14px;color:var(--muted);font-family:var(--font-mono),ui-monospace,monospace;font-size:.56rem;font-weight:650;letter-spacing:.13em}.control-plane-stage-label span{display:inline-flex;align-items:center;gap:8px}.control-plane-stage-label span:last-child{color:var(--gold-soft)}.control-plane-stage-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px rgba(226,204,149,.55)}.control-plane-routes{position:absolute;inset:0;display:block;width:100%;height:100%}.control-plane-pulse,.control-plane-route{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.control-plane-route{stroke-dasharray:100;stroke-dashoffset:0}.control-plane-route-ingest{stroke:rgba(126,185,214,.32);stroke-width:1.3}.control-plane-route-fan{stroke:rgba(185,151,91,.4);stroke-width:1.3}.control-plane-route-braid{stroke:rgba(185,151,91,.24);stroke-width:1.1}.control-plane-pulse{opacity:0}.control-plane-pulse-ingest{stroke:#cfe6f4;stroke-width:1.7;stroke-dasharray:9 91;filter:drop-shadow(0 0 3px rgba(126,185,214,.6))}.control-plane-pulse-fan{stroke:#fff5d5;stroke-width:1.7;stroke-dasharray:9 91;filter:drop-shadow(0 0 3px rgba(226,204,149,.55))}.control-plane-pulse-braid{stroke:rgba(226,204,149,.8);stroke-width:1.4;stroke-dasharray:5 95;filter:drop-shadow(0 0 2px rgba(226,204,149,.4))}.control-plane-port{fill:#0d1114;stroke:rgba(126,185,214,.6);stroke-width:1.4;transform-box:fill-box;transform-origin:center}.control-plane-port-gold{stroke:rgba(185,151,91,.75)}.control-plane-frameworks,.control-plane-sources{display:contents;margin:0;padding:0;list-style:none}.control-plane-source{position:absolute;z-index:3;top:var(--node-y);left:3.2%;display:flex;width:26.8%;align-items:center;gap:12px;border:1px solid var(--line);border-radius:14px 14px 14px 4px;padding:10px 14px;background:linear-gradient(160deg,#161b20,#101418);box-shadow:inset 0 1px rgba(255,255,255,.03),0 14px 34px rgba(0,0,0,.35);transform:translateY(-50%)}.control-plane-source img{width:clamp(24px,2.6vw,32px);height:clamp(24px,2.6vw,32px);border-radius:8px}.control-plane-framework span,.control-plane-source span{display:flex;min-width:0;flex-direction:column;gap:3px}.control-plane-source strong{color:var(--text);font-size:clamp(.6rem,1vw,.78rem);font-weight:640;letter-spacing:.01em}.control-plane-framework small,.control-plane-source small{overflow:hidden;color:var(--muted);font-family:var(--font-mono),ui-monospace,monospace;font-size:clamp(.4rem,.62vw,.5rem);font-weight:600;letter-spacing:.09em;text-overflow:ellipsis;white-space:nowrap}.control-plane-core{position:absolute;z-index:4;top:10%;left:38%;display:flex;width:22%;height:68%;flex-direction:column;gap:clamp(10px,1.4vh,16px);border:1px solid rgba(226,204,149,.3);border-radius:18px 18px 18px 5px;padding:clamp(12px,1.6vw,20px);background:radial-gradient(circle at 50% 0,rgba(185,151,91,.1),transparent 42%),linear-gradient(165deg,#181d21,#0b0f12 62%,#11161a);box-shadow:0 24px 70px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.04)}.control-plane-core-heading{display:flex;align-items:center;gap:10px}.control-plane-core-heading img{width:clamp(22px,2.2vw,30px);height:auto}.control-plane-core-heading span{display:flex;min-width:0;flex-direction:column;gap:3px}.control-plane-core-heading strong{color:var(--text);font-size:clamp(.72rem,1.1vw,.9rem);font-weight:680}.control-plane-core-heading small{color:var(--gold-soft);font-family:var(--font-mono),ui-monospace,monospace;font-size:clamp(.4rem,.58vw,.48rem);font-weight:650;letter-spacing:.12em;line-height:1.5}.control-plane-core-steps{display:flex;flex:1 1;flex-direction:column;justify-content:center;gap:clamp(6px,1vh,10px);margin:0;border-top:1px solid var(--line);padding:clamp(10px,1.4vh,14px) 0 0;list-style:none}.control-plane-core-steps li{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:clamp(5px,.9vh,8px) 10px;background:rgba(255,255,255,.02)}.control-plane-core-steps i{width:8px;height:8px;flex-shrink:0;border-radius:50%;background:var(--gold);box-shadow:0 0 7px rgba(226,204,149,.6)}.control-plane-core-steps span{display:flex;min-width:0;flex-direction:column;gap:2px}.control-plane-core-steps strong{color:var(--text);font-size:clamp(.58rem,.9vw,.72rem);font-weight:650}.control-plane-core-steps small{overflow:hidden;color:var(--muted);font-family:var(--font-mono),ui-monospace,monospace;font-size:clamp(.38rem,.56vw,.46rem);font-weight:600;letter-spacing:.09em;text-overflow:ellipsis;white-space:nowrap}.control-plane-core-meter{display:flex;flex-direction:column;gap:6px}.control-plane-core-meter>span{color:var(--gold-soft);font-family:var(--font-mono),ui-monospace,monospace;font-size:clamp(.4rem,.58vw,.48rem);font-weight:650;letter-spacing:.12em}.control-plane-core-meter i{display:block;height:4px;border-radius:2px;background:rgba(255,255,255,.07)}.control-plane-core-meter b{display:block;width:78%;height:100%;border-radius:2px;background:linear-gradient(90deg,#7eb9d6,#e2cc95);transform-origin:left center}.control-plane-core-meter small{overflow:hidden;color:var(--faint);font-family:var(--font-mono),ui-monospace,monospace;font-size:clamp(.36rem,.54vw,.44rem);font-weight:600;letter-spacing:.1em;text-overflow:ellipsis;white-space:nowrap}.control-plane-core-footer{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);padding-top:clamp(8px,1.2vh,12px);color:var(--gold-soft);font-family:var(--font-mono),ui-monospace,monospace;font-size:clamp(.42rem,.6vw,.5rem);font-weight:650;letter-spacing:.12em}.control-plane-core-footer i{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 6px rgba(226,204,149,.55)}.control-plane-framework{position:absolute;z-index:3;top:var(--node-y);left:66%;display:flex;width:27%;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px 12px 12px 4px;padding:8px 12px;background:linear-gradient(160deg,#14181d,#0e1215);box-shadow:inset 0 1px rgba(255,255,255,.03),0 12px 30px rgba(0,0,0,.32);transform:translateY(-50%)}.control-plane-framework .framework-seal{width:clamp(30px,3.4vw,42px);height:clamp(30px,3.4vw,42px);flex-shrink:0}.control-plane-framework .framework-seal-code{max-width:30px;font-size:clamp(.5rem,.9vw,.64rem)}.control-plane-framework .framework-seal[data-code-length="3"] .framework-seal-code{font-size:clamp(.44rem,.78vw,.56rem)}.control-plane-framework strong{overflow:hidden;color:var(--text);font-size:clamp(.56rem,.92vw,.72rem);font-weight:640;text-overflow:ellipsis;white-space:nowrap}.control-plane-ledger{position:absolute;z-index:3;top:86.5%;right:3.2%;bottom:3.4%;left:3.2%;display:flex;align-items:center;gap:12px;row-gap:6px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:12px}.control-plane-ledger-kicker{color:var(--gold-soft);font-family:var(--font-mono),ui-monospace,monospace;font-size:clamp(.42rem,.6vw,.5rem);font-weight:650;letter-spacing:.12em;white-space:nowrap}.control-plane-ledger-fact{border:1px solid var(--line-strong);border-radius:8px;padding:5px 10px;background:rgba(255,255,255,.03);color:var(--text-soft);font-size:clamp(.54rem,.82vw,.66rem);font-weight:600;white-space:nowrap}.control-plane-ledger-arrow{color:var(--faint);font-size:.72rem}.control-plane-ledger ul{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.control-plane-ledger ul li{border:1px solid rgba(185,151,91,.4);border-radius:7px;padding:4px 8px;background:rgba(185,151,91,.07);color:var(--gold-soft);font-family:var(--font-mono),ui-monospace,monospace;font-size:clamp(.44rem,.66vw,.52rem);font-weight:650;letter-spacing:.04em;white-space:nowrap}.control-plane-description{position:absolute;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.control-plane-caption{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-top:18px}.control-plane-caption p{max-width:760px;margin:0;color:var(--muted);font-size:.72rem;line-height:1.7}.control-plane-replay{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line-strong);border-radius:999px;padding:8px 16px;background:transparent;color:var(--gold-soft);cursor:pointer;font-family:var(--font-mono),ui-monospace,monospace;font-size:.56rem;font-weight:650;letter-spacing:.1em;text-transform:uppercase;transition:border-color .2s ease,color .2s ease;white-space:nowrap}.control-plane-replay:hover{border-color:var(--line-gold);color:var(--gold-bright)}.control-plane-replay:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.control-plane-mobile-link{display:none}@media (prefers-reduced-motion:no-preference){.control-plane-stage[data-armed]:not([data-live]) :is(.control-plane-source,.control-plane-core,.control-plane-framework,.control-plane-ledger,.control-plane-port){opacity:0}.control-plane-stage[data-armed]:not([data-live]) .control-plane-route{opacity:0}.control-plane-stage[data-live] .control-plane-framework,.control-plane-stage[data-live] .control-plane-source{animation:control-plane-rise-centered .46s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--enter-delay,0s)}.control-plane-stage[data-live] .control-plane-core{animation:control-plane-rise .52s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--enter-delay,0s)}.control-plane-stage[data-live] .control-plane-core-footer,.control-plane-stage[data-live] .control-plane-core-meter,.control-plane-stage[data-live] .control-plane-core-steps li{animation:control-plane-rise .42s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--enter-delay,0s)}.control-plane-stage[data-live] .control-plane-core-meter b{animation:control-plane-meter-fill .9s cubic-bezier(.4,0,.2,1) both;animation-delay:calc(var(--enter-delay, 0s) + .15s)}.control-plane-stage[data-live] .control-plane-ledger{animation:control-plane-rise .46s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--enter-delay,0s)}.control-plane-stage[data-live] .control-plane-ledger ul li{animation:control-plane-pop .32s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--enter-delay,0s)}.control-plane-stage[data-live] .control-plane-port{animation:control-plane-pop .3s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--enter-delay,0s)}.control-plane-stage[data-live] .control-plane-route{animation:control-plane-draw .7s cubic-bezier(.4,0,.2,1) both;animation-delay:var(--draw-delay,0s)}.control-plane-stage[data-live] .control-plane-route-braid{animation-duration:.82s}.control-plane-stage[data-live] .control-plane-pulse-ingest{animation:control-plane-pulse-in .3s var(--pulse-delay,0s) forwards,control-plane-flow 4.6s var(--pulse-delay,0s) linear infinite}.control-plane-stage[data-live] .control-plane-pulse-fan{animation:control-plane-pulse-in .3s var(--pulse-delay,0s) forwards,control-plane-flow 5.4s var(--pulse-delay,0s) linear infinite}.control-plane-stage[data-live] .control-plane-pulse-braid{animation:control-plane-braid-in .42s var(--pulse-delay,0s) forwards,control-plane-braid-creep 9s var(--pulse-delay,0s) linear infinite}@media (max-width:880px){.control-plane-stage[data-live] .control-plane-framework,.control-plane-stage[data-live] .control-plane-source{animation-name:control-plane-rise}.control-plane-stage[data-live] .control-plane-mobile-link{animation:control-plane-link-creep 1.4s linear infinite}}}@keyframes control-plane-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes control-plane-rise-centered{0%{opacity:0;transform:translateY(-50%) translateX(-12px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}@keyframes control-plane-pop{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes control-plane-draw{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes control-plane-meter-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes control-plane-pulse-in{to{opacity:.95}}@keyframes control-plane-braid-in{to{opacity:.5}}@keyframes control-plane-flow{to{stroke-dashoffset:-200}}@keyframes control-plane-braid-creep{to{stroke-dashoffset:-100}}@keyframes control-plane-link-creep{to{background-position-y:10px}}@media (prefers-reduced-motion:reduce){.control-plane-pulse,.control-plane-replay{display:none}}@media (max-width:880px){.control-plane-section{padding:96px 0 104px}.control-plane-visual{margin-top:44px}.control-plane-canvas{display:flex;flex-direction:column;gap:16px;padding:58px 16px 18px;aspect-ratio:auto}.control-plane-routes{display:none}.control-plane-stage-label{top:16px;right:16px;left:16px}.control-plane-stage-label span:last-child{display:none}.control-plane-frameworks,.control-plane-sources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.control-plane-framework,.control-plane-source{position:static;width:auto;transform:none}.control-plane-source:last-child{grid-column:1/-1}.control-plane-source img{width:30px;height:30px}.control-plane-framework strong,.control-plane-source strong{font-size:.66rem;white-space:normal}.control-plane-core-steps small,.control-plane-framework small,.control-plane-source small{font-size:.44rem}.control-plane-core{position:static;width:auto;height:auto;gap:14px;padding:16px}.control-plane-core-heading strong{font-size:.82rem}.control-plane-core-footer,.control-plane-core-heading small,.control-plane-core-meter>span{font-size:.46rem}.control-plane-core-steps{gap:8px;padding-top:12px}.control-plane-core-steps strong{font-size:.64rem}.control-plane-framework .framework-seal{width:36px;height:36px}.control-plane-framework .framework-seal-code{font-size:.56rem}.control-plane-ledger{position:static;padding-top:14px}.control-plane-ledger-fact{white-space:normal}.control-plane-ledger-kicker{flex-basis:100%}.control-plane-ledger ul li{font-size:.48rem}.control-plane-mobile-link{display:block;width:2px;height:26px;margin:-2px auto;border-radius:2px;background:linear-gradient(180deg,rgba(226,204,149,.55) 50%,transparent 0);background-size:2px 10px}.control-plane-caption{flex-direction:column;gap:14px}}@media (forced-colors:active){.control-plane-core,.control-plane-core-steps li,.control-plane-framework,.control-plane-ledger ul li,.control-plane-ledger-fact,.control-plane-replay,.control-plane-source,.control-plane-stage{border-color:CanvasText;background:Canvas;color:CanvasText;box-shadow:none}.control-plane-route{stroke:CanvasText}.control-plane-pulse{display:none}.control-plane-core-footer i,.control-plane-core-steps i,.control-plane-stage-dot{background:CanvasText;box-shadow:none}.control-plane-core-meter b{background:CanvasText}}