@font-face{font-family:MiSans;src:url(/fonts/MiSans-VF.ttf)format("truetype");font-weight:150 700;font-display:swap}:root{color:#112a47;font-synthesis:none;--blue:#1671cc;--green:#198754;--teal:#078b99;--business-line:#1474ee;--external-line:#dc660b;--guard-line:#a138df;background:#f6f9fd;font-family:MiSans,PingFang SC,sans-serif}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #1671cc}button:disabled{opacity:.55;cursor:wait}[hidden]{display:none!important}.tone-blue{--tone:#1671cc;--tint:#e9f3ff;--border:#b5d4f5;--heading:#095cae}.tone-green{--tone:#198754;--tint:#eaf7ef;--border:#b8dfc8;--heading:#146d42}.tone-teal{--tone:#078b99;--tint:#e8f7f9;--border:#b0dfe4;--heading:#057582}.page-actions{justify-content:space-between;align-items:center;gap:20px;min-height:52px;padding:12px 24px 0;display:flex}.navigation-actions,.export-actions{align-items:center;gap:10px;display:flex}.page-actions button,.page-actions a{color:#175ca5;background:#fff;border:1px solid #dce5ef;border-radius:12px;padding:9px 16px;font-size:14px}.page-actions button:hover,.page-actions a:hover{background:#eaf4ff}.play-icon{margin-right:8px;font-size:12px}#play-tour[aria-pressed=true]{background:#e1efff}#scene-status,#export-status{color:#52708c;font-size:13px}#viewport{padding:12px 20px 24px;overflow:auto}#frame{margin:auto;position:relative}#board{transform-origin:0 0;isolation:isolate;background:#fff;border-radius:24px;width:1800px;padding:26px;position:relative;box-shadow:0 8px 40px #244f7710}.board-title{text-align:center;margin-bottom:26px}.board-title h1{letter-spacing:.4px;color:#0d274c;margin:0 0 10px;font-size:46px;font-weight:680;line-height:1.25}.board-title p{color:#324a65;margin:0;font-size:23px;font-weight:500}.icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:30px;height:30px}.prevention{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;height:114px;margin-bottom:30px;display:grid}.scene-card{text-align:center;border:1px solid var(--border);color:#17304a;background:var(--tint);border-radius:17px;min-width:0;padding:12px 10px;transition:opacity .2s,box-shadow .2s;box-shadow:inset 0 2px #ffffffc9,0 3px 10px #203d4e04}.scene-card h3{color:var(--heading);justify-content:center;align-items:center;gap:9px;margin:0 0 12px;font-size:24px;font-weight:650;line-height:1.25;display:flex}.scene-card p{margin:0;font-size:18px;line-height:1.65}.prevention h3{font-size:28px}.prevention .icon{width:34px;height:34px}.prevention p{font-size:19px}.scene-card:hover{border-color:var(--tone);box-shadow:0 0 0 2px color-mix(in srgb,var(--tone) 24%,transparent)}.architecture-layout{grid-template-columns:minmax(0,1fr) 322px;gap:38px;display:grid}.layers{grid-template-rows:166px 146px 240px 174px 74px;gap:28px;display:grid}.layer{border:1px solid var(--border);background:#fff;border-radius:16px;grid-template-columns:180px minmax(0,1fr);gap:16px;padding:8px;display:grid}.layer-label{text-align:center;background:var(--tone);color:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-width:0;font-size:26px;font-weight:620;line-height:1.2;display:flex}.layer-label .icon{width:34px;height:34px}.layer-label small{font-size:14px;font-weight:450;line-height:1.4}.layer-label[href]:hover{filter:brightness(1.1);box-shadow:0 0 0 3px #9cdee3}.layer-content{flex-direction:column;justify-content:center;gap:8px;min-width:0;display:flex}.client-grid{grid-template-columns:1.12fr 1.1fr 1fr;gap:12px;height:100%;display:grid}.client-grid h3{margin-bottom:9px;font-size:23px}.client-grid .scene-card{flex-direction:column;justify-content:center;padding:10px 8px;display:flex}.client-grid p{font-size:17px;line-height:1.7}.entry{color:#136b3f;background:#d3eedc;border-radius:8px;padding:2px;font-weight:600;margin-bottom:4px!important}.agent-grid{flex:1;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.agent-grid h3{gap:5px;margin-bottom:7px;font-size:21px}.agent-grid .icon{width:27px;height:27px}.agent-grid p{font-size:17px}.agent-grid .scene-card{padding:8px 4px}.shared-strip{text-align:center;color:#243f5c;background:#edf4fa;border-radius:8px;flex:none;font-size:18px;line-height:28px}.module-grid,.detail-grid{gap:10px;min-width:0;display:grid}.six{grid-template-columns:repeat(6,minmax(0,1fr))}.five{grid-template-columns:repeat(5,minmax(0,1fr))}.four{grid-template-columns:repeat(4,minmax(0,1fr))}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.tile{border:1px solid var(--border);background:var(--tint);border-radius:10px;justify-content:center;align-items:center;gap:8px;min-width:0;padding:8px 6px;transition:opacity .2s,box-shadow .2s;display:flex}.tile .icon{width:25px;height:25px;color:var(--heading)}.tile strong{text-align:center;font-size:18px;font-weight:550;line-height:1.25;display:block}.tile p{text-align:center;margin:5px 0 0;font-size:16px;line-height:1.5}.execution-note{text-align:center;color:#3f5872;margin:0;font-size:17px;line-height:22px}.data-pipeline{gap:24px}.data-pipeline .tile{position:relative}.data-pipeline .tile:not(:last-child):after{content:"→";color:var(--teal);font-size:23px;font-weight:650;position:absolute;right:-22px}.data-products .tile{padding:7px 6px}.data-products .tile strong{font-size:20px}.side-panels{grid-template-rows:1fr 1fr;gap:26px;display:grid}.side-panel{border:1px solid var(--border);background:#f8fbff;border-radius:20px;flex-direction:column;gap:13px;min-width:0;padding:18px 14px;display:flex}.side-panel h2{text-align:center;color:#142b4c;margin:0 0 4px;font-size:28px}.side-panel .tile{flex:1;justify-content:flex-start;gap:12px;min-height:46px;padding:7px 12px}.side-panel .tile strong{text-align:left;font-size:20px}.side-panel .icon{width:29px;height:29px}.side-note{text-align:center;color:#527084;margin:2px 0;font-size:17px}.board-footer{background:#f3f7fb;border-radius:12px;justify-content:space-between;align-items:center;gap:24px;margin-top:24px;padding:12px 16px;font-size:17px;display:flex}.board-footer p{margin:0;font-weight:500}.legend{white-space:nowrap;gap:16px;font-size:15px;display:flex}.legend span{align-items:center;gap:6px;display:flex}.legend i{border-top:3px solid var(--business-line);width:28px;display:inline-block}.legend .external-line{border-top:3px dashed var(--external-line)}.legend .guard-line{border-top:3px dotted var(--guard-line)}.focus-dim{opacity:.25!important}.focus-on{opacity:1!important}.tile.focus-on{border-color:var(--tone);box-shadow:inset 0 0 0 1px var(--border)}.flow-overlay{pointer-events:none;z-index:3;position:absolute;inset:0;overflow:visible}.flow-path{fill:none;stroke:var(--business-line);stroke-width:2.5px;stroke-dasharray:8 5;stroke-linecap:round;stroke-linejoin:round;animation:2s linear infinite flowMove}.external-flow{stroke:var(--external-line);stroke-dasharray:6 5}.guard-flow{stroke:var(--guard-line);stroke-dasharray:1 5}.port{fill:#fff;stroke:var(--business-line);stroke-width:2px}@keyframes flowMove{to{stroke-dashoffset:-26px}}@media (prefers-reduced-motion:reduce){.flow-path{animation:none}.scene-card,.tile{transition:none}}#board:not([data-view=overview]){padding:30px}.detail-section{background:#fcfdff;border:1px solid #bbd5ef;border-radius:20px;margin-top:22px;padding:22px}.detail-section :is(h2,.detail-section-title){color:#132e50;border-left:8px solid var(--blue);margin:0 0 22px;padding-left:15px;font-size:31px;line-height:1.3}.detail-section :is(h2,.detail-section-title) span{font-size:29px}.detail-grid{gap:24px}.detail-card{border:1px solid var(--border);background:var(--tint);border-radius:14px;min-width:0;overflow:hidden}.detail-card :is(h3,h4){background:var(--tone);color:#fff;justify-content:center;align-items:center;gap:12px;margin:0;padding:12px 8px;font-size:26px;line-height:1.3;display:flex}.detail-card ul{margin:0;padding:16px 18px;font-size:22px;line-height:1.65;list-style:none}.detail-card li{padding-left:17px;position:relative}.detail-card li:before{content:"•";color:var(--tone);font-weight:650;position:absolute;left:0}.detail-note{text-align:center;background:#eaf2fa;border-radius:8px;margin:16px 0 0;padding:8px;font-size:23px;font-weight:500}.detail-down{text-align:center;color:var(--blue);height:12px;font-size:30px;line-height:34px}.steps{gap:32px}.steps .detail-card{position:relative;overflow:visible}.steps .detail-card :is(h3,h4){color:#155a9a;background:#e4f0fe;border-radius:13px 13px 0 0;font-size:24px}.steps .detail-card:not(:last-child):after{content:"→";color:var(--blue);font-size:30px;font-weight:650;position:absolute;top:48%;right:-28px}.steps ul{padding:14px 12px;font-size:21px}.feedback-loop{border:3px solid var(--teal);height:48px;color:var(--teal);border-top:0;border-radius:0 0 16px 16px;justify-content:space-between;align-items:center;margin:0 18px 20px 43%;padding:0 12px;display:flex}.feedback-loop strong{background:#fff;border:1px solid #92cfd8;border-radius:20px;padding:4px 20px;font-size:21px;transform:translateY(22px)}.feedback-loop span{align-self:flex-start;font-size:28px;transform:translateY(-5px)}.responsibilities{grid-template-columns:.9fr 1.1fr;gap:24px;margin-top:40px;display:grid}.responsibilities p{background:var(--tint);border:1px solid var(--border);border-radius:10px;align-items:center;gap:15px;margin:0;padding:11px;font-size:20px;display:flex}.responsibilities strong{white-space:nowrap;color:var(--heading);font-size:22px}.outputs .detail-card :is(h3,h4){font-size:27px}.detail-footer{color:#fff;text-align:center;background:#126bb9;border-radius:12px;margin-top:22px;padding:14px;font-size:26px;font-weight:550}.embedded .page-actions{display:none}.embedded #viewport{padding:0}.embedded #board{box-shadow:none;border-radius:0}@media (max-width:700px){.page-actions{flex-wrap:wrap;gap:8px;padding:10px 12px 0}.page-actions button,.page-actions a{padding:8px 11px;font-size:13px}#scene-status{display:none}#export-status{font-size:11px}#viewport{padding:10px 10px 20px}}:is(#business-label,#tools-label,#infra-label){flex-direction:row;gap:9px;font-size:23px;line-height:1.1}:is(#business-label,#tools-label,#infra-label) .icon{width:30px;height:30px}.client-grid>.scene-card{position:relative}.client-grid>.scene-card:after{content:"↓";color:var(--blue);pointer-events:none;font-size:27px;line-height:24px;position:absolute;bottom:-31px;left:50%;transform:translate(-50%)}#board:has(.flow-overlay) .client-grid>.scene-card:after{opacity:0}.detail-link-hint{white-space:nowrap;margin-top:6px;display:block}:is(#business-label,#tools-label,#infra-label) .detail-link-hint{margin-top:3px;font-size:12px;line-height:1}.detail-grid.six{gap:26px}.detail-grid.six .detail-card :is(h3,h4){font-size:24px}.detail-grid.six .detail-card ul{font-size:21px}.detail-grid.six.steps .detail-card:not(:last-child):after{right:-25px}#board:not([data-view=overview]) .board-title h1{font-size:42px}#support-label{font-size:24px}#support{gap:10px;padding:6px 0}.support-regions{gap:28px;display:grid}.support-region{grid-template-columns:146px minmax(0,1fr);align-items:center;gap:10px;display:grid}.support-region h4{color:var(--heading);text-align:center;margin:0;font-size:18px;font-weight:600}.support-region .tile{gap:5px;min-height:44px;padding:7px 5px}.support-region .tile strong{font-size:17px}.support-region .tile .icon{width:23px;height:23px}.detail-region{margin-top:26px}.detail-region-heading{border-radius:16px;justify-content:space-between;align-items:center;gap:24px;padding:16px 20px;display:flex}.detail-region-heading h2{color:var(--heading);white-space:nowrap;align-items:center;gap:12px;margin:0;font-size:30px;display:flex}.detail-region-heading p{text-align:left;margin:0;font-size:21px;line-height:1.5}.detail-region .detail-section{margin-top:16px}.support-flow{font-size:21px;line-height:1.6}#infra-label{font-size:20px;line-height:1.05}#infra-label .detail-link-hint{margin-top:2px;font-size:11px}.seven{grid-template-columns:repeat(7,minmax(0,1fr))}#tools-row .tile{flex-direction:column;gap:7px;min-height:90px;padding:8px 4px}#tools-row .tile strong{line-height:1.35}.overview-flow .flow-path{opacity:.85;stroke-dasharray:none;animation:none}.overview-flow .external-flow{stroke-dasharray:6 5}.overview-flow .guard-flow{stroke-dasharray:1 5}#board[data-view=overview] .side-panels{grid-template-rows:auto minmax(0,1fr)}#board[data-view=overview] .side-panel{gap:7px;padding:12px}#board[data-view=overview] .side-panel .tile{min-height:0;padding:5px 10px}#board[data-view=overview] #external .tile{flex:none}#board[data-view=overview] .integration-phase{border-top:1px solid var(--border);color:var(--heading);font-size:var(--type-note);margin:4px 0 0;padding-top:8px;font-weight:550;line-height:1.5}#board[data-view=overview] #external .planned-integration{border:2px dashed color-mix(in srgb,var(--tone) 65%,white)}#board[data-view=overview] #external .planned-integration p{text-align:left;color:#3f5872;margin:2px 0 0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--glass-rim:#fffffff0;--glass-reflection:#ffffffe0;--glass-inner:#4c6e8b1f;--glass-shadow:#30547414;--glass-fill:#ffffffa3;--glass-neutral:#eaf3fb;background:#f7faff}#board{border:1px solid var(--glass-rim);background:#fcfeff;box-shadow:inset 0 1px 1px #fff,0 10px 30px #294f7410}.layer,.detail-section{background:#f1f8fd47;border-color:#79a0c029;box-shadow:inset 0 1px #fffffff2}.scene-card,.layer-label,.side-panel,.detail-card{background:linear-gradient(145deg,#fffffff0,color-mix(in srgb,var(--tint) 72%,#fff9));border:1px solid color-mix(in srgb,var(--tone) 19%,var(--glass-rim));box-shadow:inset 1px 1px 1px var(--glass-reflection),inset -1px -1px 2px var(--glass-inner),0 6px 16px var(--glass-shadow);-webkit-backdrop-filter:blur(22px)saturate(145%);border-radius:23px;position:relative}.scene-card:before,.layer-label:before,.side-panel:before,.detail-card:before{content:"";border-radius:inherit;pointer-events:none;border:1px solid #ffffffa8;position:absolute;inset:2px;box-shadow:inset 0 1px 1px #ffffffbf,inset 0 -1px 1px #5078940f}.layer-label{color:var(--heading);font-weight:600}.layer-label .icon{color:var(--heading)}.layer-label[href]:hover{filter:none;border-color:var(--tone);box-shadow:inset 1px 1px 2px #fff,0 7px 18px var(--glass-shadow)}.scene-card h3{color:var(--heading);text-shadow:0 1px #ffffffa8}.client-grid .scene-card h3,.agent-grid .scene-card h3{background:color-mix(in srgb,var(--tone) 12%,#fff9);border-radius:10px;box-shadow:inset 0 1px #ffffffb8}.side-panel h2{color:var(--heading);font-weight:620}.tile,.side-panel .tile{background:color-mix(in srgb,var(--tint) 52%,#ffffffc2);border:1px solid #ffffffe6;border-radius:12px;box-shadow:inset 0 1px #fff,inset 0 -1px #537d9b14,0 1px 4px #2f537209}.detail-card :is(h3,h4),.steps .detail-card :is(h3,h4){color:var(--heading);background:color-mix(in srgb,var(--tone) 16%,#ffffff94);box-shadow:inset 0 1px 0 var(--glass-reflection),0 1px 0 color-mix(in srgb,var(--tone) 14%,transparent);text-shadow:0 1px #ffffffa8;border-radius:22px 22px 0 0}.shared-strip,.entry,.detail-note,.responsibilities p,.board-footer,.detail-footer,.feedback-loop strong{background:color-mix(in srgb,var(--tint,var(--glass-neutral)) 48%,#ffffffc7);border:1px solid var(--glass-rim);-webkit-backdrop-filter:blur(14px)saturate(130%);box-shadow:inset 1px 1px #fff,inset -1px -1px 1px #5b7b9414,0 2px 7px #30547409}.shared-strip,.entry,.detail-note{box-shadow:inset 0 1px 0 var(--glass-rim);border-width:0}.detail-footer{color:#1767ac;background:#e1f1ffa6;border-radius:16px}.page-actions button,.page-actions a{-webkit-backdrop-filter:blur(18px)saturate(140%);background:#ffffffad;border-color:#ffffffeb;box-shadow:inset 0 1px 1px #fff,inset 0 -1px #6a91b018,0 3px 10px #294e7010}.scene-card:hover,.scene-card.focus-on{border-color:color-mix(in srgb,var(--tone) 42%,var(--glass-rim));box-shadow:inset 1px 1px 2px #fff,inset -1px -1px 1px var(--glass-inner),0 8px 20px var(--glass-shadow)}.tile.focus-on{background:color-mix(in srgb,var(--tint) 76%,#ffffffb8);border-color:color-mix(in srgb,var(--tone) 45%,var(--glass-rim));box-shadow:inset 0 1px #fff,0 2px 5px #294e700a}.focus-source{outline:2px solid var(--tone);outline-offset:3px}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.scene-card,.layer-label,.side-panel,.detail-card{background:color-mix(in srgb,var(--tint) 65%,white)}}@media (prefers-reduced-transparency:reduce){.scene-card,.layer-label,.side-panel,.detail-card,.tile,.shared-strip,.entry,.detail-note,.responsibilities p,.board-footer,.detail-footer,.feedback-loop strong,.page-actions button,.page-actions a{-webkit-backdrop-filter:none;background:color-mix(in srgb,var(--tint,var(--glass-neutral)) 50%,white)}}#board{--type-page-title:46px;--type-section-title:24px;--type-card-title:20px;--type-body:17px;--type-note:15px;--type-link:14px}#board .board-title h1{font-size:var(--type-page-title)}#board[data-view=overview] :is(.layer-label,.side-panel h2){font-size:var(--type-section-title);font-weight:600;line-height:1.2}#board[data-view=overview] :is(.scene-card h3,.tile strong,.support-region h4){font-size:var(--type-card-title);font-weight:600;line-height:1.35}#board[data-view=overview] :is(.scene-card p,.tile p){font-size:var(--type-body);line-height:1.6}#board[data-view=overview] :is(.shared-strip,.execution-note,.side-note,.board-footer,.board-footer p,.legend){font-size:var(--type-note);line-height:1.5}#board[data-view=overview] .detail-link-hint{font-size:var(--type-link);margin-top:4px;font-weight:450;line-height:1.35}#board[data-view=overview] .layers{grid-template-rows:166px 146px 270px 174px 102px}#board[data-view=overview] #business-row .tile{min-height:66px}#board[data-view=overview] #tools-row .tile{min-height:96px}#board[data-view=overview] #infra-label{line-height:1.2}#board:not([data-view=overview]){--type-page-title:42px;--type-section-title:30px;--type-card-title:24px;--type-body:21px;--type-note:20px}#board:not([data-view=overview]) :is(.detail-section-title,.detail-section>h2,.detail-region-heading h2){font-size:var(--type-section-title);line-height:1.3}#board:not([data-view=overview]) :is(.detail-section-title,.detail-section>h2)>span{font-size:inherit}#board:not([data-view=overview]) .detail-card :is(h3,h4){font-size:var(--type-card-title);font-weight:600;line-height:1.35}#board:not([data-view=overview]) :is(.detail-card ul,.responsibilities p,.detail-region-heading p){font-size:var(--type-body);line-height:1.65}#board:not([data-view=overview]) :is(.detail-note,.support-flow,.shared-strip,.detail-footer,.feedback-loop strong){font-size:var(--type-note);line-height:1.5}#board:not([data-view=overview]) .responsibilities strong{font-size:var(--type-body)}
