.technology-explorer{background:#fff;border:1px solid #dfe7f2;border-radius:19px;margin-top:38px;overflow:hidden;box-shadow:0 24px 55px #1a376112}.explorer-header{border-bottom:1px solid #e7edf5;justify-content:space-between;align-items:center;gap:18px;padding:21px 26px;display:flex}.explorer-overline,.explorer-detail-label,.explorer-diagram-heading,.explorer-concept-mark{color:#78869d;font:10px/1.5 var(--mono);letter-spacing:.08em}.explorer-header h3{color:#142747;letter-spacing:-.05em;margin:7px 0 0;font-size:clamp(18px,2.2vw,23px);line-height:1.25}.explorer-concept-mark{letter-spacing:.03em;text-transform:uppercase;background:#f9fbfe;border:1px solid #e1e8f2;border-radius:99px;flex:none;align-items:center;gap:9px;min-height:34px;padding:0 12px;display:inline-flex}.explorer-concept-mark i{background:#35bfb9;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #35bfb91f}.explorer-workspace{grid-template-columns:minmax(290px,.9fr) minmax(0,1.1fr);display:grid}.explorer-selector{background:linear-gradient(145deg,#f5f8fc,#f9fbfe 74%);border-right:1px solid #e4ebf4;padding:25px}.explorer-selector-intro h4{color:#203554;letter-spacing:-.04em;margin:0;font-size:18px;line-height:1.3}.explorer-selector-intro p{color:#64738b;margin:5px 0 16px;font-size:14px;line-height:1.65}.explorer-layer-options{gap:8px;display:grid}.explorer-layer-button{color:#344765;text-align:left;cursor:pointer;background:#fff;border:1px solid #dfe7f1;border-radius:10px;grid-template-columns:35px minmax(0,1fr) 17px;align-items:center;gap:11px;width:100%;min-height:64px;padding:9px 11px;transition:border-color .2s,background .2s,box-shadow .2s,transform .2s;display:grid}.explorer-layer-button:hover{border-color:#a8c5eb;transform:translateY(-1px);box-shadow:0 6px 15px #234c8112}.explorer-layer-button:focus-visible,.explorer-play-button:focus-visible,.explorer-reset-button:focus-visible{outline-offset:3px;outline:3px solid #2981e4}.explorer-layer-button[aria-pressed=true]{background:#edf5ff;border-color:#74a8e8;box-shadow:0 0 0 2px #377ed61c}.explorer-layer-number{color:#3677c8;width:32px;height:32px;font:11px var(--mono);background:#f5f9ff;border:1px solid #d8e5f6;border-radius:9px;place-items:center;display:grid}.explorer-layer-button-copy{gap:2px;min-width:0;display:grid}.explorer-layer-button-copy strong{color:#233956;font-size:14px;line-height:1.35}.explorer-layer-button-copy>span{color:#748198;font-size:14px;line-height:1.4}.explorer-layer-chevron{color:#5284c3;font-size:16px;transition:transform .2s}.explorer-layer-button[aria-pressed=true] .explorer-layer-chevron{transform:rotate(45deg)}.explorer-layer-detail{background:#ffffffd1;border:1px solid #dfe8f3;border-radius:12px;margin-top:14px;padding:17px 16px}.explorer-detail-label{font-size:10px;display:block}.explorer-layer-detail h4{color:#1b3151;letter-spacing:-.04em;margin:8px 0 6px;font-size:17px;line-height:1.35}.explorer-layer-detail>p{color:#63728a;margin:0;font-size:14px;line-height:1.7}.explorer-data-example{border-top:1px solid #e7edf4;margin-top:13px;padding-top:11px}.explorer-data-example>span{color:#6480a5;font:10px/1.5 var(--mono);letter-spacing:.04em;text-transform:uppercase}.explorer-data-example p{color:#53647e;margin:4px 0 0;font-size:14px;line-height:1.6}.explorer-diagram-panel{background:radial-gradient(at 51% 45%,#deeeffb8,#0000 66%),linear-gradient(155deg,#fff 0%,#f7faff 100%);min-width:0;padding:25px 28px 22px}.explorer-diagram-heading{color:#72819a;justify-content:space-between;align-items:center;gap:12px;font-size:10px;display:flex}.explorer-diagram-heading span:last-child{color:#8b97a9;font-family:var(--sans);letter-spacing:0;text-transform:none;font-size:14px}.explorer-diagram{max-width:520px;margin:20px auto 0}.explorer-diagram-node{background:#fffffff0;border:1px solid #dfe7f1;border-radius:13px;grid-template-columns:39px minmax(0,1fr) max-content;align-items:center;gap:12px;min-height:72px;padding:12px 14px;transition:border-color .25s,box-shadow .25s,transform .25s;display:grid;position:relative;box-shadow:0 8px 20px #2648760d}.explorer-diagram-node[data-selected=true]{border-color:#70a8e8;transform:translate(4px);box-shadow:0 0 0 3px #3d87df1f,0 12px 25px #2963a91a}.explorer-node-icon{color:#fff;background:linear-gradient(145deg,#54d0d6,#287ee3);border:1px solid #ffffffb3;border-radius:11px;place-items:center;width:37px;height:37px;font-size:21px;display:grid;box-shadow:0 7px 16px #2871c12b}.explorer-diagram-segment:nth-child(2) .explorer-node-icon{background:linear-gradient(145deg,#77d8c8,#2488c8)}.explorer-diagram-segment:nth-child(3) .explorer-node-icon{background:linear-gradient(145deg,#b097f2,#5971d7)}.explorer-node-copy{gap:2px;min-width:0;display:grid}.explorer-node-copy strong{color:#203755;font-size:14px;line-height:1.35}.explorer-node-copy>span{color:#728097;font-size:14px;line-height:1.4}.explorer-node-state{color:#8190a7;font:10px/1.4 var(--mono);letter-spacing:.03em;white-space:nowrap}.explorer-diagram-node[data-selected=true] .explorer-node-state{color:#2a71c7}.explorer-connector{align-items:center;height:58px;padding-left:54px;display:flex;position:relative}.explorer-connector-line{background:linear-gradient(#a9c3e2,#9bd9dd);width:1px;position:absolute;top:0;bottom:0;left:31px}.explorer-connector:after{content:"";border-bottom:1px solid #8daecc;border-right:1px solid #8daecc;width:7px;height:7px;position:absolute;bottom:0;left:27px;transform:rotate(45deg)}.explorer-diagram[data-flow-direction=reverse] .explorer-connector[data-active=true]:after{top:0;bottom:auto;transform:rotate(225deg)}.explorer-connector-caption{z-index:1;color:#73829b;background:#fff;border:1px solid #e5edf6;border-radius:99px;padding:4px 8px;font-size:14px;line-height:1.4;position:relative}.explorer-packet-dot{z-index:2;opacity:0;background:#2379e2;border:1px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;top:2px;left:27px;box-shadow:0 0 0 4px #2379e229,0 0 12px #2379e261}.explorer-connector[data-active=true] .explorer-packet-dot{opacity:1}.explorer-diagram[data-flow-playing=true] .explorer-connector[data-active=true] .explorer-packet-dot{animation:1.3s cubic-bezier(.35,.05,.2,1) both explorer-packet-forward}.explorer-diagram[data-flow-playing=true][data-flow-direction=reverse] .explorer-connector[data-active=true] .explorer-packet-dot{animation-name:explorer-packet-reverse}.explorer-diagram-caption{color:#77859b;text-align:center;margin:15px 0 0;font-size:14px;line-height:1.55}.explorer-flow-panel{background:#fff;border-top:1px solid #e5ebf3;grid-template-columns:minmax(0,1fr) minmax(280px,.78fr);gap:20px 26px;padding:23px 26px 19px;display:grid}.explorer-payload{min-width:0}.explorer-payload>strong{color:#1d3454;letter-spacing:-.025em;overflow-wrap:anywhere;margin-top:7px;font-size:17px;line-height:1.4;display:block}.explorer-payload>p{color:#64728a;max-width:580px;margin:6px 0 0;font-size:14px;line-height:1.65}.explorer-flow-controls{align-content:start;gap:10px;display:grid}.explorer-flow-progress{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.explorer-flow-progress>span{background:#e5ebf3;border-radius:99px;height:4px;transition:background .2s}.explorer-flow-progress>span[data-complete=true]{background:linear-gradient(90deg,#2683e5,#25c2cb)}.explorer-flow-buttons{flex-wrap:wrap;gap:8px;display:flex}.explorer-play-button,.explorer-reset-button{min-height:46px;font:700 14px/1.3 var(--sans);cursor:pointer;border:1px solid #0000;border-radius:99px;justify-content:center;align-items:center;gap:9px;padding:0 15px;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.explorer-play-button{color:#fff;background:#152b4f}.explorer-play-button:hover:not(:disabled){background:#1e4d8d;transform:translateY(-1px)}.explorer-play-button:disabled{color:#75829a;cursor:not-allowed;background:#e9edf3}.explorer-reset-button{color:#304967;background:#fff;border-color:#dce5f0}.explorer-reset-button:hover{background:#f6f9fd;border-color:#abc4e4}.explorer-play-button>span{font-size:12px}.explorer-motion-note{color:#758198;margin:0;font-size:14px;line-height:1.5}.explorer-status{color:#405574;background:#f7f9fc;border:1px solid #e3eaf3;border-radius:9px;grid-column:1/-1;margin:0;padding:12px 14px;font-size:14px;line-height:1.6}.explorer-data-note{color:#738198;grid-column:1/-1;margin:-8px 0 0;font-size:14px;line-height:1.6}html[data-motion=paused] .explorer-packet-dot{animation-play-state:paused!important}@keyframes explorer-packet-forward{0%{top:2px}to{top:calc(100% - 11px)}}@keyframes explorer-packet-reverse{0%{top:calc(100% - 11px)}to{top:2px}}@media (max-width:920px){.explorer-workspace{grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr)}.explorer-selector{padding:21px}.explorer-diagram-panel{padding:23px 20px 19px}.explorer-flow-panel{grid-template-columns:minmax(0,1fr) minmax(250px,.9fr);padding-left:21px;padding-right:21px}}@media (max-width:760px){.technology-explorer{border-radius:15px;margin-top:28px}.explorer-header{align-items:flex-start;padding:18px}.explorer-header h3{max-width:350px;font-size:20px}.explorer-concept-mark{min-height:31px;padding:0 9px;font-size:10px}.explorer-workspace{grid-template-columns:1fr}.explorer-selector{border-bottom:1px solid #e4ebf4;border-right:0;padding:18px}.explorer-selector-intro h4{font-size:18px}.explorer-selector-intro p{margin-bottom:13px;font-size:14px}.explorer-layer-options{grid-template-columns:1fr}.explorer-layer-button{grid-template-columns:35px minmax(0,1fr) 17px;min-height:62px;padding:9px 10px}.explorer-layer-button-copy strong,.explorer-layer-button-copy>span{font-size:14px}.explorer-layer-detail{margin-top:12px;padding:15px}.explorer-layer-detail h4{font-size:17px}.explorer-layer-detail>p,.explorer-data-example p{font-size:14px}.explorer-diagram-panel{padding:20px 18px 18px}.explorer-diagram{margin-top:16px}.explorer-diagram-node{grid-template-columns:36px minmax(0,1fr);gap:10px;min-height:70px;padding:10px 11px}.explorer-node-icon{width:34px;height:34px}.explorer-node-copy strong,.explorer-node-copy>span{font-size:14px}.explorer-node-state{display:none}.explorer-connector{height:54px;padding-left:50px}.explorer-connector-line{left:28px}.explorer-connector:after,.explorer-packet-dot{left:24px}.explorer-connector-caption{font-size:14px}.explorer-diagram-caption{margin-top:12px;font-size:14px}.explorer-flow-panel{padding:19px 18px 17px;display:block}.explorer-payload>strong{font-size:16px}.explorer-payload>p{font-size:14px}.explorer-flow-controls{margin-top:17px}.explorer-flow-buttons{grid-template-columns:minmax(0,1fr) auto;display:grid}.explorer-play-button,.explorer-reset-button{min-height:48px;padding:0 13px;font-size:14px}.explorer-motion-note{font-size:14px}.explorer-status{margin-top:17px;font-size:14px}.explorer-data-note{margin-top:13px;font-size:14px}}@media (max-width:390px){.explorer-header{display:block}.explorer-concept-mark{margin-top:12px}.explorer-flow-buttons{grid-template-columns:1fr}.explorer-play-button,.explorer-reset-button{width:100%}}@media (prefers-reduced-motion:reduce){.technology-explorer *,.technology-explorer :before,.technology-explorer :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}