#meida-experience{--md-bg:light-dark(#f4f6fc,#0b1224);--md-fg:light-dark(#152d48,#eef4ff);--md-muted:light-dark(#52677e,#b4c5df);--md-line:light-dark(#d9e2ef,#314368);--md-paper:light-dark(#ffffff,#15213b);--md-blue:light-dark(#2861b8,#80ceff);--md-soft:light-dark(#e8f2ff,#223958);--md-signal:#c7ee80;--md-hero:light-dark(#09172e,#071227);--md-hero-fg:#f2f6ff;--md-hero-muted:#b7c9e2;--md-cyan:#70e6ff;--md-violet:#b69aff;--md-glow:light-dark(#187aa8,#70e6ff);color:var(--md-fg);background:var(--md-bg);font-family:"Segoe UI","Microsoft YaHei",sans-serif;line-height:1.65;color-scheme:light dark;overflow-wrap:anywhere}
#meida-experience *{box-sizing:border-box}
#meida-experience [hidden]{display:none!important}
#meida-experience .md-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 36px;border-bottom:1px solid #304e46;padding-right:106px;background:var(--md-hero);color:var(--md-hero-fg)}
#meida-experience .md-brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;letter-spacing:3px}
#meida-experience .md-monogram{display:inline-block;font-size:14px;font-weight:700;letter-spacing:-2px;color:var(--md-signal);border:1px solid #6b8766;padding:4px 7px;transform:skew(-8deg)}
#meida-experience .md-nav{display:flex;gap:18px;font-size:12px;color:var(--md-hero-muted)}
#meida-experience .md-nav :where(button,.md-route){font-size:12px;color:var(--md-hero-muted);background:transparent;border:0;padding:0;min-height:44px;white-space:nowrap}
#meida-experience .md-hero{padding:44px 36px 34px;display:grid;grid-template-columns:1.08fr 1fr;gap:18px;align-items:center;position:relative;background:radial-gradient(ellipse at 95% 14%,#563d8e70 0%,transparent 48%),radial-gradient(ellipse at 66% 68%,#126d9255 0%,transparent 52%),radial-gradient(ellipse at 5% 10%,#17468765 0%,transparent 50%),var(--md-hero);color:var(--md-hero-fg);isolation:isolate}
#meida-experience .md-kicker{font-size:11px;letter-spacing:2px;color:var(--md-blue);margin:0 0 12px;display:flex;align-items:center;gap:9px}
#meida-experience .md-kicker:before{content:'';height:5px;width:5px;background:currentColor;flex:none}
#meida-experience h1{font-size:clamp(29px,4.5vw,48px);line-height:1.35;letter-spacing:-1.5px;margin:20px 0 20px;font-weight:650}
#meida-experience h1 em{font-style:normal;color:var(--md-signal);background:linear-gradient(100deg,var(--md-signal),#9df6db 55%,var(--md-cyan));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
#meida-experience h2{font-size:clamp(23px,3vw,31px);line-height:1.4;margin:8px 0 16px;font-weight:650;letter-spacing:-.6px}
#meida-experience h3{font-size:17px;margin:8px 0;font-weight:700}
#meida-experience p{margin:0 0 12px}
#meida-experience .md-lead{color:var(--md-muted);font-size:14px;max-width:40em;line-height:1.9}
#meida-experience .md-hero .md-lead{color:var(--md-hero-muted);max-width:31em}
#meida-experience .md-hero .md-kicker{color:var(--md-signal)}
#meida-experience .md-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px;align-items:center}
#meida-experience .md-hero-actions :where(button,.md-route){border-radius:0;background:var(--md-signal);color:#173424;border:0;font-size:13px;padding:13px 18px}
#meida-experience .md-hero-actions :where(button,.md-route)[data-hero-map]{background:transparent;color:var(--md-hero-fg);border:1px solid #557168}
#meida-experience .md-signature{display:flex;gap:18px;flex-wrap:wrap;font-size:10px;letter-spacing:1px;color:var(--md-hero-muted);margin-top:30px}
#meida-experience .md-system{position:relative;min-height:390px;perspective:750px;isolation:isolate;transform:perspective(950px) rotateX(var(--md-sx,0deg)) rotateY(var(--md-sy,0deg));transition:transform .35s cubic-bezier(.2,.8,.2,1)}
#meida-experience .md-network{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:0}
#meida-experience .md-network .md-wire{fill:none;stroke:#70a6d0;stroke-width:1;opacity:.45;transition:stroke .22s,opacity .22s}
#meida-experience .md-network .md-ring{fill:none;stroke:#697cce;stroke-width:1;opacity:.4;transition:stroke .25s,opacity .25s}
#meida-experience .md-plane{position:absolute;left:19%;width:64%;height:135px;top:100px;border:1px solid #698cb8;border-radius:14px;background:linear-gradient(135deg,#345980b8,#25265088),repeating-linear-gradient(90deg,transparent 0 24px,#8ba5e340 25px 26px);transform:rotateX(var(--md-tilt,52deg)) rotateZ(-31deg);box-shadow:0 18px 32px #02081580;z-index:1;transition:border-color .25s,box-shadow .25s}
#meida-experience .md-plane:nth-of-type(2){top:154px;opacity:.65}
#meida-experience .md-plane:nth-of-type(3){top:207px;opacity:.38}
#meida-experience .md-compute{position:absolute;top:130px;left:50%;transform:translateX(-50%);z-index:3;text-align:center;background:linear-gradient(135deg,#172d4b,#242749);border:1px solid #86c4d7;border-radius:8px;padding:16px 22px;box-shadow:0 0 48px #65dfff22;color:var(--md-signal);font-size:26px;font-weight:600;letter-spacing:-1px;transition:box-shadow .25s,border-color .25s}
#meida-experience .md-compute small{font-size:9px;display:block;color:#cadbc7;letter-spacing:1.4px;white-space:nowrap}
#meida-experience .md-compute .md-monogram{font-size:22px;letter-spacing:-3px;padding:6px 11px;margin-bottom:10px}
#meida-experience .md-system-node{--md-node:var(--md-signal);position:absolute;z-index:4;background:linear-gradient(135deg,#192c46,#15233c)!important;color:#edf6ff!important;border:1px solid #5d769b!important;box-shadow:0 12px 25px #04091580;border-radius:6px!important;font-size:12px!important;padding:10px 13px!important;min-height:48px;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,border-color .25s!important}
#meida-experience .md-system-node small{display:block;font-size:10px;letter-spacing:1.1px;color:#b3c8e3}
#meida-experience .md-system-node[data-hero-task=procure]{top:34px;left:8%}
#meida-experience .md-system-node[data-hero-task=digital]{top:83px;right:0;--md-node:var(--md-cyan)}
#meida-experience .md-system-node[data-hero-task=platform]{bottom:32px;left:8%;--md-node:var(--md-violet)}
#meida-experience .md-system-node:is([aria-pressed=true],[aria-current=page]){border-color:var(--md-node)!important;box-shadow:0 0 24px color-mix(in srgb,var(--md-node) 20%,transparent)}
#meida-experience .md-system-caption{position:absolute;bottom:2px;right:0;font-size:10px;letter-spacing:1px;color:var(--md-hero-muted)}
#meida-experience .md-section{padding:38px 36px;border-top:1px solid var(--md-line)}
#meida-experience .md-section-head{display:flex;gap:16px;justify-content:space-between;align-items:end;flex-wrap:wrap;margin-bottom:14px}
#meida-experience .md-small{font-size:12px;color:var(--md-muted)}
#meida-experience :where(button,.md-route){font:inherit;color:var(--md-fg);background:var(--md-paper);border:1px solid var(--md-line);border-radius:5px;padding:10px 14px;min-height:44px;text-align:left;position:relative;isolation:isolate;transition:background .22s,border-color .22s,box-shadow .22s,transform .22s cubic-bezier(.2,.8,.2,1)}
#meida-experience :where(button,.md-route):before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(110px circle at var(--md-px,50%) var(--md-py,50%),color-mix(in srgb,var(--md-glow) 22%,transparent),transparent 75%);transition:opacity .2s}#meida-experience :where(button,.md-route):focus-visible:before{opacity:1}#meida-experience :where(button,.md-route):focus-visible{border-color:var(--md-glow);box-shadow:0 5px 16px color-mix(in srgb,var(--md-glow) 16%,transparent)}
#meida-experience :where(button,.md-route):active{transform:scale(.975)}
#meida-experience :where(button,.md-route):is([aria-pressed=true],[aria-current=page]){background:var(--md-soft);border-color:var(--md-blue)}
#meida-experience :where(button,.md-route):focus-visible{outline:3px solid var(--md-blue);outline-offset:3px}
#meida-experience .md-intents{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
#meida-experience .md-intents :where(button,.md-route){display:flex;flex-direction:column;gap:4px;padding:17px 14px;background:transparent;border-color:transparent;border-left:2px solid var(--md-line);border-radius:0}
#meida-experience .md-intents :where(button,.md-route):is([aria-pressed=true],[aria-current=page]){border-left-color:var(--md-blue);background:var(--md-soft)}
#meida-experience .md-intents small{font-size:12px;color:var(--md-muted)}
#meida-experience .md-selected{padding:22px 0 4px}
#meida-experience .md-selected h2{margin-top:0}
#meida-experience .md-switch{display:flex;gap:6px;flex-wrap:wrap;margin:18px 0}
#meida-experience .md-switch :where(button,.md-route){font-size:13px;padding:7px 12px}
#meida-experience .md-view{background:var(--md-paper);padding:20px;min-height:225px;border:1px solid var(--md-line);border-radius:12px;box-shadow:0 15px 36px light-dark(#173a2810,#00000035)}
#meida-experience .md-task{display:grid;grid-template-columns:190px minmax(0,1fr);column-gap:24px;background:radial-gradient(ellipse at 95% 0%,light-dark(#e0e9ff,#1d2a50),transparent 65%),light-dark(#edf4fb,#0b1c32)}
#meida-experience .md-task .md-section-head{grid-column:1/-1}
#meida-experience .md-task .md-intents{grid-column:1;grid-row:2/5;grid-template-columns:1fr;align-self:start;margin-top:6px}
#meida-experience .md-task .md-selected,#meida-experience .md-task .md-switch,#meida-experience .md-task .md-view{grid-column:2;min-width:0}
#meida-experience .md-task .md-selected{padding:0}
#meida-experience .md-task .md-selected h2{font-size:23px}
#meida-experience .md-task .md-switch{margin:12px 0;position:relative;isolation:isolate;gap:6px;width:max-content;max-width:100%}
#meida-experience .md-task .md-switch:before{content:'';position:absolute;left:0;top:0;width:var(--md-tab-w,0px);height:var(--md-tab-h,0px);transform:translate(var(--md-tab-x,0px),var(--md-tab-y,0px));background:var(--md-paper);border:1px solid color-mix(in srgb,var(--md-blue) 40%,transparent);border-radius:5px;box-shadow:0 3px 12px light-dark(#376dab15,#00000030);z-index:-1;transition:transform .3s cubic-bezier(.2,.8,.2,1),width .3s,height .3s}
#meida-experience .md-task .md-switch :where(button,.md-route){border:0;background:transparent;padding:8px 12px}
#meida-experience .md-task .md-switch :where(button,.md-route):is([aria-pressed=true],[aria-current=page]){background:transparent;color:var(--md-blue)}
#meida-experience .md-map{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:16px;align-items:center}
#meida-experience .md-map-side{display:grid;gap:8px;font-size:13px}
#meida-experience .md-node{border-bottom:1px solid var(--md-line);padding:8px 0}
#meida-experience .md-hub{padding:22px 12px;text-align:center;background:var(--md-soft);position:relative}
#meida-experience .md-hub:before,#meida-experience .md-hub:after{content:'→';position:absolute;top:40%;font-size:21px;color:var(--md-muted)}
#meida-experience .md-hub:before{left:-15px}#meida-experience .md-hub:after{right:-15px}
#meida-experience .md-hub b{display:block;font-size:18px}
#meida-experience .md-hub small{font-size:12px;color:var(--md-muted)}
#meida-experience .md-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}
#meida-experience .md-step{position:relative;min-width:0;transition:transform .3s ease}
#meida-experience .md-step[data-current=true]{transform:translateY(-5px);background:var(--md-soft);border-color:var(--md-blue)}
#meida-experience .md-step strong{display:block;font-size:14px}
#meida-experience .md-step small{display:block;font-size:12px;color:var(--md-muted)}
#meida-experience .md-step:after{content:'→';position:absolute;right:-14px;top:30%;color:var(--md-muted)}
#meida-experience .md-step:last-child:after{content:none}
#meida-experience .md-detail{border-top:1px solid var(--md-line);padding-top:14px;font-size:14px}
#meida-experience .md-screen{margin:16px 0;background:var(--md-bg);border:1px solid var(--md-line);border-radius:8px;overflow:hidden}
#meida-experience .md-screen-head{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--md-hero);color:var(--md-hero-fg);font-size:12px}
#meida-experience .md-screen-head .md-small{color:var(--md-hero-muted);font-size:10px}
#meida-experience .md-screen-head strong:before{content:'● ● ●';font-size:8px;letter-spacing:2px;color:var(--md-signal);margin-right:12px}
#meida-experience .md-screen-title{font-size:18px;padding:16px 16px 8px;margin:0}
#meida-experience .md-screen-rows{padding:0 16px 12px}
#meida-experience .md-screen-row{display:grid;grid-template-columns:minmax(85px,.45fr) 1fr;gap:12px;padding:9px 0;border-bottom:1px solid var(--md-line);font-size:13px}
#meida-experience .md-screen-row:last-child{border-bottom:0}
#meida-experience .md-screen-row span:first-child{color:var(--md-muted)}
#meida-experience .md-action{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:15px}
#meida-experience .md-primary{background:var(--md-blue);color:light-dark(#fff,#10231b);border-color:var(--md-blue)}
#meida-experience .md-results{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
#meida-experience .md-reasons{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
#meida-experience .md-reason{border-top:1px solid var(--md-line);padding-top:18px}
#meida-experience .md-reason p{font-size:13px;color:var(--md-muted)}
#meida-experience .md-reason small{font-size:12px;color:var(--md-blue)}
#meida-experience details{font-size:13px;padding-top:16px}
#meida-experience summary{min-height:44px;display:list-item;color:var(--md-blue)}
#meida-experience .md-result{border:1px solid var(--md-line);padding:18px;min-width:0;border-radius:10px;background:var(--md-paper)}
#meida-experience .md-result:first-child{grid-column:1/3;background:var(--md-hero);color:var(--md-hero-fg)}
#meida-experience .md-result:first-child p,#meida-experience .md-result:first-child .md-small{color:var(--md-hero-muted)}
#meida-experience .md-result:first-child :where(button,.md-route){background:var(--md-signal);color:#143326;border:0}
#meida-experience .md-results{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
#meida-experience .md-product-art{height:105px;position:relative;margin:6px 0 20px;display:flex;align-items:center;justify-content:center;gap:7px}
#meida-experience .md-product-art span{width:28%;height:72px;border-radius:6px;border:1px solid var(--md-line);background:var(--md-soft);transform:skewY(-7deg);box-shadow:7px 7px 0 light-dark(#bdcfbd50,#041b1540);display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--md-fg)}
#meida-experience .md-result:first-child .md-product-art span{background:#1a3853;border-color:#568ba6;color:#d9f7ff}
#meida-experience .md-product-art span:nth-child(2){height:90px;transform:skewY(-7deg) translateY(-7px)}
#meida-experience .md-result:nth-child(2) .md-product-art{gap:3px}
#meida-experience .md-result:nth-child(2) .md-product-art span{width:30%;font-size:10px}
#meida-experience .md-result:nth-child(3) .md-product-art span{border-radius:50%;width:68px;height:68px;transform:none}
#meida-experience .md-result:nth-child(3) .md-product-art span:nth-child(2){height:82px;width:82px;position:absolute;border-radius:16px;transform:rotate(12deg);background:transparent}
#meida-experience .md-result p{font-size:13px;color:var(--md-muted)}
#meida-experience .md-result :where(button,.md-route){font-size:13px;padding:8px 10px}
#meida-experience .md-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
#meida-experience .md-proof b{display:block;font-size:15px;margin-bottom:6px}
#meida-experience .md-proof p{font-size:13px;color:var(--md-muted)}
#meida-experience .md-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
#meida-experience .md-method{background:radial-gradient(ellipse at 92% 15%,#48336980,transparent 65%),linear-gradient(120deg,#0b2137,#171d3a);color:var(--md-hero-fg)}
#meida-experience .md-method .md-kicker{color:var(--md-signal)}
#meida-experience .md-method .md-principles p{color:var(--md-hero-muted)}
#meida-experience .md-method .md-principles>div{padding-top:14px;border-top:1px solid #425d4f}
#meida-experience .md-principles p{font-size:13px;color:var(--md-muted)}
#meida-experience .md-final{display:grid;grid-template-columns:1.15fr 1fr;gap:32px;align-items:center}
#meida-experience .md-requirements{background:var(--md-paper);padding:18px;font-size:13px}
#meida-experience .md-requirements ul{padding-left:20px;margin:8px 0}
#meida-experience .md-footer{padding:20px 36px;border-top:1px solid var(--md-line);font-size:11px;color:var(--md-muted)}
@media(max-width:650px){#meida-experience .md-hero{grid-template-columns:1fr;padding:24px 20px}#meida-experience .md-top{padding-left:20px}#meida-experience .md-nav{display:none}#meida-experience .md-section{padding:22px 20px}#meida-experience .md-intents{grid-template-columns:1fr 1fr}#meida-experience .md-results,#meida-experience .md-reasons,#meida-experience .md-principles,#meida-experience .md-proof,#meida-experience .md-final{grid-template-columns:1fr}#meida-experience .md-map{grid-template-columns:1fr}#meida-experience .md-map-side{grid-template-columns:1fr 1fr}#meida-experience .md-hub:before,#meida-experience .md-hub:after{content:none}#meida-experience .md-steps{grid-template-columns:1fr 1fr}#meida-experience .md-step:after{content:none}#meida-experience .md-view{padding:16px}#meida-experience .md-footer{padding:16px 20px}}
@media(prefers-reduced-motion:reduce){#meida-experience .md-step{transition:none;transform:none!important}}
@media(max-width:760px){#meida-experience .md-task{display:block}#meida-experience .md-task .md-intents{grid-template-columns:1fr 1fr;margin-bottom:20px}#meida-experience .md-steps{grid-template-columns:1fr 1fr}#meida-experience .md-step:after{content:none}#meida-experience .md-hero{grid-template-columns:1fr;padding:30px 24px}#meida-experience .md-hero h1{font-size:clamp(29px,6vw,44px)}#meida-experience .md-system{min-height:360px;max-width:440px;width:100%;justify-self:center}#meida-experience .md-results{grid-template-columns:1fr 1fr}#meida-experience .md-result:first-child{grid-column:1/-1}#meida-experience .md-nav{display:none}}
@media(max-width:480px){#meida-experience .md-system{min-height:340px}#meida-experience .md-top{padding:18px 20px;padding-right:100px}#meida-experience .md-hero,#meida-experience .md-section{padding-left:20px;padding-right:20px}#meida-experience .md-results{grid-template-columns:1fr}#meida-experience .md-result:first-child{grid-column:auto}#meida-experience .md-intents :where(button,.md-route){font-size:13px;padding:14px 10px}#meida-experience .md-task .md-selected h2{font-size:21px}#meida-experience .md-task .md-view{padding:14px}#meida-experience .md-plane{left:16%;width:68%}#meida-experience .md-compute{font-size:23px;padding:13px 17px}#meida-experience .md-system-node{font-size:11px!important;padding:8px 10px!important}#meida-experience .md-system-node[data-hero-task=procure]{left:0;top:35px}#meida-experience .md-system-node[data-hero-task=platform]{left:0}#meida-experience .md-final{grid-template-columns:1fr}#meida-experience .md-screen-row{grid-template-columns:75px minmax(0,1fr)}#meida-experience .md-screen-head{flex-wrap:wrap}#meida-experience .md-brand .md-small{display:none}#meida-experience .md-section-head{gap:0}}
@media(max-width:480px){#meida-experience .md-hero h1{font-size:clamp(24px,6.4vw,29px);letter-spacing:-1px}}
#meida-experience .md-reason:nth-child(2) small{color:light-dark(#166da5,var(--md-cyan))}
#meida-experience .md-reason:nth-child(3) small{color:light-dark(#7552bb,var(--md-violet))}
#meida-experience .md-result{position:relative;isolation:isolate;transform:perspective(800px) rotateX(var(--md-rx,0deg)) rotateY(var(--md-ry,0deg)) translateY(var(--md-lift,0px));transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s,border-color .28s;--md-card-accent:var(--md-cyan)}
#meida-experience .md-result:nth-child(2){--md-card-accent:#54baff;background:linear-gradient(150deg,light-dark(#fff,#17243b),light-dark(#e9f5ff,#183853))}
#meida-experience .md-result:nth-child(3){--md-card-accent:var(--md-violet);background:linear-gradient(150deg,light-dark(#fff,#19243d),light-dark(#f1ebff,#30264b))}
#meida-experience .md-result:before{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(180px circle at var(--md-px,50%) var(--md-py,50%),color-mix(in srgb,var(--md-card-accent) 22%,transparent),transparent 75%);opacity:0;transition:opacity .25s}#meida-experience .md-result:focus-within{--md-lift:-5px;border-color:color-mix(in srgb,var(--md-card-accent) 60%,var(--md-line));box-shadow:0 16px 32px light-dark(#20437725,#02061b80)}#meida-experience .md-result:focus-within:before{opacity:1}
#meida-experience .md-product-art span{transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}#meida-experience .md-intents :where(button,.md-route):focus-visible{transform:translateX(4px);background:light-dark(#cfe3f8,#294665);border-left-color:var(--md-blue)}#meida-experience .md-task .md-switch :where(button,.md-route):focus-visible{background:light-dark(#d9e8fa,#294665);color:var(--md-fg)}#meida-experience .md-step:focus-visible{transform:translateY(-3px);background:light-dark(#d9e8fa,#294665)}#meida-experience .md-system-node:focus-visible{transform:translateY(-6px) scale(1.035);background:linear-gradient(135deg,#112844,#0c192f)!important;border-color:var(--md-node)!important;box-shadow:0 16px 32px #02091b80,0 0 30px color-mix(in srgb,var(--md-node) 25%,transparent)}
#meida-experience[data-preview] .md-plane{border-color:#85b9f1;box-shadow:0 18px 32px #02081580,0 0 30px #82aaff18}
#meida-experience[data-preview] .md-compute{box-shadow:0 0 55px #66dfff35;border-color:var(--md-cyan)}
#meida-experience[data-preview=platform] .md-compute{box-shadow:0 0 55px #b69aff40;border-color:var(--md-violet)}
#meida-experience[data-preview=procure] [data-wire=procure],#meida-experience[data-preview=digital] [data-wire=digital],#meida-experience[data-preview=platform] [data-wire=platform]{stroke:var(--md-cyan);opacity:1;stroke-width:2;stroke-dasharray:220;animation:md-trace .8s ease-out both;filter:drop-shadow(0 0 4px #70e6ff88)}
#meida-experience[data-preview=procure] [data-wire=procure]{stroke:var(--md-signal)}
#meida-experience[data-preview=platform] [data-wire=platform]{stroke:var(--md-violet)}
@keyframes md-trace{from{stroke-dashoffset:220}to{stroke-dashoffset:0}}
#meida-experience .md-store-entry{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 12px;gap:6px;font-size:12px;border:1px solid #6c97b7;border-radius:5px;background:#173352;color:#edf6ff;text-decoration:none;white-space:nowrap;transition:background .2s,box-shadow .2s}
#meida-experience .md-top{flex-wrap:wrap}
#meida-experience .md-top>.md-store-entry{margin-left:auto}
#meida-experience .md-subpage{min-height:720px}
#meida-experience .md-sub-nav{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap;padding:20px 36px;background:var(--md-bg);border-bottom:1px solid var(--md-line)}
#meida-experience .md-sub-hero{padding:36px;background:radial-gradient(ellipse at 85% 25%,#4a36865c,transparent 60%),linear-gradient(120deg,#0b263f,#0a1830);color:var(--md-hero-fg);display:grid;grid-template-columns:1.4fr 1fr;gap:30px;align-items:center}
#meida-experience .md-sub-hero h1{font-size:clamp(27px,3.7vw,40px);margin:12px 0;letter-spacing:-1px}
#meida-experience .md-sub-hero .md-kicker{color:var(--md-cyan)}
#meida-experience .md-sub-hero p{color:var(--md-hero-muted);font-size:14px;line-height:1.9}
#meida-experience .md-sub-outcomes{padding:20px;background:#172b45;border-left:2px solid var(--md-cyan);font-size:13px}
#meida-experience .md-sub-outcomes strong{display:block;color:var(--md-cyan);margin-bottom:8px}
#meida-experience .md-sub-outcomes div{padding:7px 0;border-bottom:1px solid #3d5576}
#meida-experience .md-sub-outcomes div:last-child{border:0}
#meida-experience .md-subpage .md-task .md-section-head{display:none}
#meida-experience .md-subpage .md-task .md-intents{grid-row:1/4}
#meida-experience .md-sub-bottom{padding:25px 36px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--md-line)}
#meida-experience{--md-font-body:"Inter","Segoe UI","PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;--md-font-heading:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC","Inter",sans-serif;--md-font-latin:"Inter","Segoe UI",Arial,sans-serif;font-family:var(--md-font-body);font-size:15px;line-height:1.75}
#meida-experience h1,#meida-experience h2,#meida-experience h3{font-family:var(--md-font-heading);text-wrap:pretty}
#meida-experience h1{font-size:clamp(28px,4.35vw,46px);font-weight:700;line-height:1.3;letter-spacing:-.025em}
#meida-experience h2{font-size:clamp(24px,3.1vw,32px);font-weight:700;line-height:1.4;letter-spacing:-.025em}
#meida-experience h3{font-size:18px;font-weight:600;line-height:1.5;letter-spacing:0}
#meida-experience .md-lead{font-size:15px;line-height:1.85}
#meida-experience .md-kicker,#meida-experience .md-signature,#meida-experience .md-system-caption,#meida-experience .md-system-node small,#meida-experience .md-compute small{font-family:var(--md-font-latin)}
#meida-experience .md-kicker{font-size:12px;font-weight:500;line-height:1.65;letter-spacing:1.5px}
#meida-experience .md-signature,#meida-experience .md-system-caption{font-size:11px;line-height:1.6}
#meida-experience .md-system-node{font-size:13px!important;font-weight:600}
#meida-experience .md-system-node small{font-size:11px;font-weight:400;letter-spacing:.9px}
#meida-experience .md-compute small{font-size:11px;font-weight:500;letter-spacing:1px}
#meida-experience .md-nav :where(button,.md-route),#meida-experience .md-store-entry{font-size:13px;font-weight:500}
#meida-experience .md-hero-actions :where(button,.md-route){font-size:14px;font-weight:500}
#meida-experience .md-intents strong{font-size:15px;line-height:1.6;font-weight:600}
#meida-experience .md-task .md-selected h2{font-size:24px;line-height:1.45}
#meida-experience .md-switch :where(button,.md-route){font-size:14px;font-weight:500}
#meida-experience .md-step strong{font-size:14px;font-weight:600;line-height:1.55}
#meida-experience .md-step small{font-size:12px;line-height:1.55}
#meida-experience .md-result p,#meida-experience .md-principles p,#meida-experience .md-proof p,#meida-experience .md-reason p{font-size:14px;line-height:1.85}
#meida-experience .md-screen-title{font-size:19px;line-height:1.5;font-weight:600}
#meida-experience .md-screen-row{font-size:14px;line-height:1.75;font-variant-numeric:tabular-nums}
#meida-experience .md-screen-head,#meida-experience .md-screen-head .md-small{font-size:12px;line-height:1.6}
#meida-experience .md-detail{font-size:14px;line-height:1.8}
#meida-experience .md-sub-hero h1{font-size:clamp(28px,3.8vw,40px);line-height:1.4}
#meida-experience .md-sub-hero p,#meida-experience .md-sub-outcomes{font-size:15px;line-height:1.8}
#meida-experience .md-footer{font-size:12px;line-height:1.8}
#meida-experience .md-footer-label{display:inline-block;padding:6px 5px;color:var(--md-muted);border-radius:4px;font-weight:500;transition:transform .22s,color .22s,background .22s,box-shadow .22s}
@media(hover:hover) and (pointer:fine){}
@media(prefers-reduced-motion:reduce){}
@media(max-width:760px){#meida-experience .md-hero h1{font-size:clamp(28px,5.5vw,42px)}#meida-experience .md-task .md-selected h2{font-size:23px}}
@media(max-width:480px){#meida-experience .md-hero h1{font-size:clamp(24px,6.4vw,30px);letter-spacing:-.025em}#meida-experience .md-task .md-selected h2{font-size:22px}#meida-experience .md-system-node{font-size:12px!important}#meida-experience .md-lead{font-size:14px}#meida-experience .md-screen-row{font-size:13px}#meida-experience .md-top>.md-store-entry{font-size:12px}#meida-experience .md-sub-hero h1{font-size:28px}#meida-experience .md-sub-hero p,#meida-experience .md-sub-outcomes{font-size:14px}}
@media(hover:hover) and (pointer:fine){}
@media(max-width:760px){#meida-experience .md-sub-hero{grid-template-columns:1fr}#meida-experience .md-sub-nav,#meida-experience .md-sub-hero,#meida-experience .md-sub-bottom{padding:20px}}
@media(prefers-reduced-motion:reduce){#meida-experience *,#meida-experience *:before,#meida-experience *:after{animation:none!important;transition:none!important}#meida-experience .md-system,#meida-experience .md-result{transform:none!important}#meida-experience :where(button,.md-route):active,#meida-experience .md-system-node:focus-visible{transform:none!important}#meida-experience .md-product-art span{translate:none!important}}

#meida-experience :where(.md-route){text-decoration:none;display:inline-block}

/* Share the adopted mall's brand orange; keep the approved immersive blue/cyan layers. */
#meida-experience{--md-brand:#e85d2a;--md-brand-ink:#101c2c}
#meida-experience .md-primary,#meida-experience .md-hero-actions .md-route[data-hero-explore],#meida-experience .md-result:first-child .md-route{background:var(--md-brand);border-color:var(--md-brand);color:var(--md-brand-ink)}
#meida-experience .md-store-entry{border-color:var(--md-brand)}
@media(hover:hover) and (pointer:fine){}

/* Match the live mall's 1200px container and 28px desktop gutters. */
#meida-experience{--md-container:1200px;--md-gutter:28px}
#meida-experience .md-top,#meida-experience .md-hero,#meida-experience .md-section,#meida-experience .md-footer,#meida-experience .md-sub-nav,#meida-experience .md-sub-hero,#meida-experience .md-sub-bottom{padding-inline:max(var(--md-gutter),calc((100% - var(--md-container))/2 + var(--md-gutter)))}
@media(max-width:991.98px){#meida-experience{--md-gutter:24px}}
@media(max-width:760px){#meida-experience{--md-gutter:20px}}

/* Warm reading surfaces match the live mall #f6f5f2; dark areas frame the story. */
#meida-experience{color-scheme:light;--md-bg:#f6f5f2;--md-fg:#202b32;--md-muted:#59646b;--md-line:#e3e1db;--md-paper:#fff;--md-soft:#edf4f8;--md-hero:#09172e}
#meida-experience .md-task{background:linear-gradient(180deg,#f0efeb,var(--md-bg))}
#meida-experience .md-result:first-child,#meida-experience .md-result:nth-child(2),#meida-experience .md-result:nth-child(3){background:var(--md-paper);color:var(--md-fg)}
#meida-experience .md-result:first-child p,#meida-experience .md-result:first-child .md-small{color:var(--md-muted)}
#meida-experience .md-result:first-child .md-product-art span{background:#edf4f8;border-color:#c4d8e8;color:#243d56}
#meida-experience .md-view{box-shadow:0 12px 32px #202b320d}
#meida-experience .md-screen{background:#fbfaf7}
#meida-experience .md-requirements{border:1px solid var(--md-line);border-radius:10px}

/* Mall entries share the hero primary action's visual treatment. */
#meida-experience .md-store-entry,#meida-experience .md-top>.md-store-entry{background:var(--md-brand);color:var(--md-brand-ink);border:0;border-radius:0;font-size:13px;padding:13px 18px}
@media(hover:hover) and (pointer:fine){}

/* Consistent label hierarchy, calm value notes, and shared warm card feedback. */
#meida-experience .md-kicker,#meida-experience .md-result>.md-small{font-weight:600}
#meida-experience .md-reasons .md-reason small{color:var(--md-muted);font-weight:500}
#meida-experience .md-reasons .md-reason>small:first-child{font-weight:600}
#meida-experience .md-results .md-result{--md-card-accent:var(--md-brand)}
#meida-experience .md-primary,#meida-experience .md-hero-actions .md-route,#meida-experience .md-store-entry,#meida-experience .md-top>.md-store-entry{font-size:14px;font-weight:600}
#meida-experience .md-result .md-product-art span{font-weight:500;box-shadow:7px 7px 0 #e3e1db80}

/* Tablet workbench and product cards need readable columns before phone stacking. */
@media(min-width:761px) and (max-width:991.98px){
 #meida-experience .md-task{display:block}
 #meida-experience .md-task .md-intents{grid-template-columns:1fr 1fr;margin-bottom:20px}
 #meida-experience .md-results{grid-template-columns:1fr 1fr}
 #meida-experience .md-result:first-child{grid-column:1/-1}
 #meida-experience .md-steps{grid-template-columns:1fr 1fr}
 #meida-experience .md-step:after{content:none}
 #meida-experience .md-sub-hero{grid-template-columns:1fr}
}

/* Brand visual layer 2026-10-20: scoped to #meida-experience. */
#meida-experience{--md-bg:#F6F8FA;--md-fg:#243444;--md-muted:#5A6B7C;--md-line:#DCE5EE;--md-paper:#FFFFFF;--md-blue:#003A86;--md-soft:#E8F1FA;--md-signal:#25ADE1;--md-hero:#003A86;--md-hero-fg:#FFFFFF;--md-hero-muted:#D6E6F5;--md-cyan:#25ADE1;--md-violet:#25ADE1;--md-glow:transparent}
#meida-experience .md-top{background:#003A86;border-bottom:1px solid rgba(255,255,255,.16)}
#meida-experience .md-logo{width:34px;height:34px;object-fit:contain}
#meida-experience .md-monogram{color:#fff;border-color:rgba(255,255,255,.45)}
#meida-experience .md-hero{background:linear-gradient(135deg,#003A86 0%,#002B63 100%)}
#meida-experience .md-hero .md-kicker{color:#9FD8F2}
#meida-experience h1 em{color:#BCE6F7;background:none;-webkit-text-fill-color:#BCE6F7}
#meida-experience .md-hero-actions :where(button,.md-route){background:#F05D23;color:#fff;border-radius:8px;border:1px solid #F05D23}
#meida-experience .md-hero-actions :where(button,.md-route)[data-hero-map]{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.55)}
#meida-experience .md-signature{color:#D6E6F5}
#meida-experience .md-network .md-wire,#meida-experience .md-network .md-ring{stroke:#8FC4DF;opacity:.35}
#meida-experience .md-plane{border-color:rgba(255,255,255,.28);background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.03));box-shadow:none}
#meida-experience .md-compute{background:#fff;color:#003A86;border:1px solid #9FD8F2;box-shadow:none}
#meida-experience .md-compute small{color:#5A6B7C}
#meida-experience .md-system-node{background:#fff!important;color:#243444!important;border:1px solid #9FC3E0!important;box-shadow:0 8px 20px rgba(0,43,99,.18);border-radius:8px!important}
#meida-experience .md-system-node small{color:#5A7FA3}
#meida-experience .md-system-caption{color:#D6E6F5}
#meida-experience .md-task{background:#EEF5FB}
#meida-experience .md-method{background:#003A86;color:#fff}
#meida-experience .md-method .md-kicker{color:#9FD8F2}
#meida-experience .md-method .md-principles p{color:#D6E6F5}
#meida-experience .md-method .md-principles>div{border-top:1px solid rgba(255,255,255,.22)}
#meida-experience .md-result:first-child{background:#003A86;color:#fff}
#meida-experience .md-result:first-child :where(button,.md-route){background:#25ADE1;color:#fff;border:1px solid #25ADE1}
#meida-experience .md-hub{background:#E8F1FA}
#meida-experience .md-primary{background:#F05D23;color:#fff;border-color:#F05D23;border-radius:8px}
#meida-experience .md-footer{background:#002B63;color:#D6E6F5;border-top:0}
#meida-experience .md-footer-label{color:#fff}
#meida-experience .md-store-entry{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.55);border-radius:8px}
#meida-experience .md-nav :where(button,.md-route){color:#D6E6F5}
#meida-experience .md-sub-hero{background:linear-gradient(135deg,#003A86,#002B63);color:#fff}
#meida-experience .md-sub-hero .md-kicker{color:#9FD8F2}
#meida-experience .md-sub-nav{border-bottom:1px solid #DCE5EE}
#meida-experience .md-sub-bottom{border-top:1px solid #DCE5EE}

#meida-experience .md-compute .md-monogram{color:#003A86;border-color:#9FD8F2}
#meida-experience .md-top .md-store-entry{background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.55)!important}

/* R2: keep all three logo colours legible on the dark brand surface. */
#meida-experience .md-logo{width:46px;height:46px;padding:6px;background:#fff;border-radius:8px;box-sizing:border-box}
#meida-experience .md-compute .md-core-logo{display:block;width:64px;height:64px;object-fit:contain;background:#fff;padding:6px;border-radius:8px;margin:0 auto 10px;box-sizing:border-box}