@charset "utf-8";
/* 首页 · SAP一体化架构（仅首页引用） */
.sa-main,.sa-main *{box-sizing:border-box}
.sa-main{position:relative;background:#f5f8fb;padding:calc(58 * 1rem / 100) 0 calc(66 * 1rem / 100)}
.sa-inner{width:14rem;max-width:calc(100% - 40px);margin:0 auto}
.sa-head{margin-bottom:calc(26 * 1rem / 100)}
h2.sa-tit{margin:0;color:#1c2b36;letter-spacing:-.01em;line-height:1.28}
.sa-lead{margin:calc(15 * 1rem / 100) 0 0;color:#5b6b77;line-height:1.78;letter-spacing:.02em}

.sa-body{display:grid;grid-template-columns:minmax(0,1fr) calc(320 * 1rem / 100);gap:calc(18 * 1rem / 100);align-items:start}
.sa-stage{position:relative;background:#fff;border:1px solid #e2e9f1;border-radius:.16rem;box-shadow:0 1px 2px rgba(13,27,42,.05),0 calc(8 * 1rem / 100) calc(24 * 1rem / 100) calc(-18 * 1rem / 100) rgba(13,27,42,.35);padding:calc(3 * 1rem / 100) calc(22 * 1rem / 100) calc(5 * 1rem / 100)}
.sa-links{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:0}

.sa-band{position:relative;display:grid;grid-template-columns:max(calc(78 * 1rem / 100),76px) minmax(0,1fr);gap:calc(14 * 1rem / 100);padding:calc(8 * 1rem / 100) 0;border-top:1px solid #eef3f8}
.sa-band:first-of-type{border-top:0}
.sa-blab{align-self:center}
.sa-blab b{display:block;font-size:calc(16 * 1rem / 100);font-weight:600;line-height:1.4;letter-spacing:-.005em;color:#0d1b2a;white-space:nowrap}
.sa-blab span{display:block;font-size:calc(12 * 1rem / 100);color:#8b9bab;margin-top:calc(4 * 1rem / 100);letter-spacing:.02em;white-space:nowrap}

.sa-g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(9 * 1rem / 100)}
.sa-tile{position:relative;display:block;width:100%;background:#fff;border:1px solid #e2e9f1;border-radius:.09rem;padding:calc(9 * 1rem / 100) calc(11 * 1rem / 100) calc(10 * 1rem / 100);text-align:left;cursor:pointer;transition:border-color .18s,box-shadow .18s,transform .18s,opacity .25s,background .18s}
.sa-tile:hover{border-color:#bcd3ea;box-shadow:0 calc(6 * 1rem / 100) calc(18 * 1rem / 100) calc(-12 * 1rem / 100) rgba(10,110,209,.5);transform:translateY(-1px);z-index:6}
.sa-tile .sa-n{display:block;font-size:calc(16 * 1rem / 100);font-weight:600;letter-spacing:-.01em;line-height:1.35;color:#0d1b2a}
.sa-tile .sa-e{display:block;font-size:calc(12 * 1rem / 100);color:#7b8ca0;margin-top:calc(2 * 1rem / 100);letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.sa-ai{display:grid;grid-template-columns:auto minmax(0,1fr);gap:calc(16 * 1rem / 100);align-items:center;border:1px solid #dbe6f6;border-radius:.12rem;padding:calc(9 * 1rem / 100) calc(13 * 1rem / 100);background:linear-gradient(96deg,#f4f8ff 0%,#f7f5ff 52%,#fff 100%)}
.sa-ailead{position:relative;padding:calc(1 * 1rem / 100) calc(16 * 1rem / 100) calc(1 * 1rem / 100) calc(11 * 1rem / 100);border-right:1px solid #e4e9f6}
.sa-ailead::before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:2px;border-radius:2px;background:linear-gradient(180deg,#0a6ed1,#7b5bd6)}
.sa-ailead b{display:block;font-size:calc(14 * 1rem / 100);font-weight:600;letter-spacing:.01em;line-height:1.4;color:#0d1b2a}
.sa-ailead span{display:block;font-size:calc(12 * 1rem / 100);color:#7b8ca0;margin-top:calc(1 * 1rem / 100);white-space:nowrap}
.sa-aichips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(6 * 1rem / 100)}
.sa-aichip{position:relative;background:transparent;font-size:calc(14 * 1rem / 100);color:#3b4a63;text-align:left;padding:calc(5 * 1rem / 100) calc(10 * 1rem / 100);border-radius:.06rem;border:1px solid transparent;cursor:pointer;transition:.18s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sa-aichip:hover{background:#fff;border-color:#dbe6f6;color:#0d1b2a}

.sa-biz{display:grid;grid-template-columns:calc(132 * 1rem / 100) minmax(0,1fr) calc(132 * 1rem / 100);gap:calc(11 * 1rem / 100);align-items:stretch}
.sa-pcol{display:grid;gap:calc(7 * 1rem / 100);align-content:stretch;grid-auto-rows:1fr}
.sa-pcol .sa-cap{font-size:calc(11 * 1rem / 100);color:#a2b1c1;letter-spacing:.06em;padding-left:1px;margin-bottom:1px;align-self:center}
.sa-peri{position:relative;background:#fbfcfe;border:1px dashed #cfdae6;border-radius:.08rem;padding:calc(7 * 1rem / 100) calc(9 * 1rem / 100);text-align:left;cursor:pointer;transition:.18s;display:flex;flex-direction:column;justify-content:center}
.sa-peri:hover{background:#fff;border-color:#a8c4e0;box-shadow:0 calc(5 * 1rem / 100) calc(14 * 1rem / 100) calc(-12 * 1rem / 100) rgba(10,110,209,.6);transform:translateY(-1px);z-index:6}
.sa-peri .sa-n{display:block;font-size:calc(15 * 1rem / 100);font-weight:600;line-height:1.3;color:#0d1b2a}
.sa-peri .sa-e{display:block;font-size:calc(11 * 1rem / 100);color:#9aabbb;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.sa-core{border:1px solid #cfe0f4;border-radius:.12rem;background:linear-gradient(180deg,#f3f8ff 0%,#eef6ff 100%);padding:calc(8 * 1rem / 100) calc(10 * 1rem / 100) calc(9 * 1rem / 100);display:flex;flex-direction:column}
.sa-coreh{display:flex;flex-direction:column;align-items:center;gap:calc(6 * 1rem / 100);text-align:center;padding:calc(2 * 1rem / 100) 0 calc(9 * 1rem / 100);border-bottom:1px solid #dfeaf8;margin-bottom:calc(9 * 1rem / 100)}
.sa-coreh b{font-size:calc(16 * 1rem / 100);font-weight:600;color:#084a8c;letter-spacing:.01em;line-height:1.3}
.sa-prod{display:flex;gap:calc(8 * 1rem / 100);flex-wrap:wrap;justify-content:center}
.sa-prodchip{position:relative;font-size:calc(13 * 1rem / 100);color:#084a8c;background:#fff;border:1px solid #cfe0f4;border-radius:99px;padding:calc(3 * 1rem / 100) calc(12 * 1rem / 100);line-height:1.5;cursor:pointer;transition:.16s;white-space:nowrap}
.sa-prodchip:hover{border-color:#0a6ed1;color:#0a6ed1;box-shadow:0 calc(5 * 1rem / 100) calc(14 * 1rem / 100) calc(-10 * 1rem / 100) rgba(10,110,209,.9)}
.sa-coreg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;gap:calc(10 * 1rem / 100);flex:1}
.sa-core .sa-tile{background:#fff;border-color:#d7e5f6;padding:calc(9 * 1rem / 100) calc(10 * 1rem / 100) calc(10 * 1rem / 100);display:flex;flex-direction:column;justify-content:center}
.sa-core .sa-tile .sa-e{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.sa-band--data{border-top:0;margin:calc(2 * 1rem / 100) calc(-10 * 1rem / 100) 0;padding:calc(12 * 1rem / 100) calc(14 * 1rem / 100) calc(13 * 1rem / 100);border-radius:.13rem;background:linear-gradient(118deg,#0b70a1 0%,#007db8 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 calc(16 * 1rem / 100) calc(38 * 1rem / 100) calc(-30 * 1rem / 100) rgba(11,112,161,.85)}
.sa-band--data .sa-blab b{color:#fff}
.sa-band--data .sa-blab span{color:rgba(255,255,255,.72)}
.sa-d4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(9 * 1rem / 100)}
.sa-dcell{position:relative;text-align:left;border:1px solid rgba(255,255,255,.26);border-radius:.09rem;padding:calc(8 * 1rem / 100) calc(11 * 1rem / 100);background:rgba(255,255,255,.13);cursor:pointer;transition:.2s}
.sa-dcell:hover{background:rgba(255,255,255,.21);border-color:rgba(255,255,255,.46);transform:translateY(-1px)}
.sa-dcell .sa-n{display:block;font-size:calc(15 * 1rem / 100);font-weight:600;color:#fff;line-height:1.3}
.sa-dcell .sa-e{display:block;font-size:calc(11 * 1rem / 100);color:rgba(255,255,255,.66);margin-top:calc(2 * 1rem / 100);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sa-dcell .sa-p{display:block;font-size:calc(12.5 * 1rem / 100);color:#d8ecfa;margin-top:calc(5 * 1rem / 100);line-height:1.5;min-height:2.9em}

.sa-p5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:calc(8 * 1rem / 100)}
.sa-pcell{position:relative;text-align:left;border:1px solid #e2e9f1;border-radius:.08rem;padding:calc(7 * 1rem / 100) calc(10 * 1rem / 100);background:#fbfafd;cursor:pointer;transition:.18s}
.sa-pcell:hover{background:#fff;border-color:#cfc9ee;transform:translateY(-1px)}
.sa-pcell .sa-n{display:block;font-size:calc(14 * 1rem / 100);font-weight:600;color:#3f3663;line-height:1.3}
.sa-pcell .sa-e{display:block;font-size:calc(11 * 1rem / 100);color:#9a94b5;margin-top:calc(2 * 1rem / 100);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.sa-ord{position:absolute;top:calc(-6 * 1rem / 100);right:calc(-6 * 1rem / 100);min-width:calc(15 * 1rem / 100);height:calc(15 * 1rem / 100);padding:0 3px;border-radius:.08rem;background:#a9bdd4;color:#fff;font-size:calc(10 * 1rem / 100);line-height:calc(15 * 1rem / 100);text-align:center;font-variant-numeric:tabular-nums;font-weight:600;box-shadow:0 0 0 2px #fff;z-index:8;pointer-events:none}
.sa-ord.now{background:#0a6ed1;box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(10,110,209,.16)}

.sa-stage.has-sel .sa-tile,.sa-stage.has-sel .sa-peri,.sa-stage.has-sel .sa-dcell,.sa-stage.has-sel .sa-pcell,.sa-stage.has-sel .sa-aichip{opacity:.26;filter:saturate(.35)}
.sa-stage.has-sel .sa-tile.rel,.sa-stage.has-sel .sa-peri.rel,.sa-stage.has-sel .sa-dcell.rel,.sa-stage.has-sel .sa-pcell.rel,.sa-stage.has-sel .sa-aichip.rel{opacity:1;filter:none}
.sa-stage.has-sel .rel:not(.sel){outline:1.5px solid rgba(10,110,209,.22);outline-offset:1px}
.sa-stage.has-sel .rel-up:not(.sel){outline-color:rgba(15,138,125,.68)}
.sa-stage.has-sel .rel-down:not(.sel){outline-color:rgba(186,124,32,.72)}
.sa-stage.has-sel .rel-both:not(.sel){outline-color:rgba(123,140,160,.5)}
.sa-stage.has-sel .sa-dcell.rel-up:not(.sel){outline-color:#7ce4d6}
.sa-stage.has-sel .sa-dcell.rel-down:not(.sel){outline-color:#ffd79a}
.sa-stage.has-sel .sa-dcell.rel-both:not(.sel){outline-color:#bfe2ff}
.sa-stage .sa-tile.sel,.sa-stage .sa-peri.sel,.sa-stage .sa-dcell.sel,.sa-stage .sa-pcell.sel,.sa-stage .sa-aichip.sel,.sa-stage .sa-prodchip.sel{opacity:1;filter:none;border-color:#0a6ed1;box-shadow:0 0 0 2px rgba(10,110,209,.26),0 calc(10 * 1rem / 100) calc(26 * 1rem / 100) calc(-18 * 1rem / 100) rgba(10,110,209,.8);z-index:7}
.sa-stage .sa-dcell.sel{border-color:#eaf7ff;box-shadow:0 0 0 2px rgba(255,255,255,.34)}
.sa-stage .sa-pcell.sel{border-color:#8f80e0;box-shadow:0 0 0 2px rgba(143,128,224,.2)}

@keyframes saSelIn{from{transform:scale(.965);opacity:.5}to{transform:scale(1);opacity:1}}
@keyframes saSelBreath{0%,100%{opacity:.34;transform:scale(1)}50%{opacity:.95;transform:scale(1.016)}}
.sa-stage .sel{animation:saSelIn .32s cubic-bezier(.2,.85,.3,1);z-index:7}
.sa-stage .sel::after{content:"";position:absolute;inset:calc(-4 * 1rem / 100);border-radius:inherit;border:calc(3 * 1rem / 100) solid rgba(10,110,209,.62);filter:blur(calc(3 * 1rem / 100));pointer-events:none;animation:saSelBreath 2.4s ease-in-out infinite}
.sa-stage .sa-dcell.sel::after{border-color:rgba(206,238,255,.85)}
.sa-stage .sa-pcell.sel::after{border-color:rgba(143,128,224,.55)}
.sa-stage .sa-prodchip.sel::after{border-color:rgba(10,110,209,.5)}
.sa-stage .sa-aichip.sel{overflow:visible}
.sa-stage .rel-up::before,.sa-stage .rel-down::before,.sa-stage .rel-both::before{content:"";position:absolute;top:calc(-3 * 1rem / 100);right:calc(-3 * 1rem / 100);width:calc(8 * 1rem / 100);height:calc(8 * 1rem / 100);border-radius:50%;background:#7b8ca0;box-shadow:0 0 0 calc(2 * 1rem / 100) #fff;z-index:8;pointer-events:none}
.sa-stage .rel-up::before{background:#0f8a7d}
.sa-stage .rel-down::before{background:#b87c20}
.sa-stage .rel-both::before{background:#7b8ca0}
.sa-stage .sa-aichip.rel-up,.sa-stage .sa-aichip.rel-down,.sa-stage .sa-aichip.rel-both{overflow:visible}
@media(max-width:900px){
.sa-stage .sel::after{inset:-3px;border-width:2px;filter:blur(2px)}
.sa-stage .rel-up::before,.sa-stage .rel-down::before,.sa-stage .rel-both::before{top:-2px;right:-2px;width:7px;height:7px;box-shadow:0 0 0 1.5px #fff}
}

.sa-insp{background:#fff;border:1px solid #e2e9f1;border-radius:.16rem;box-shadow:0 calc(1 * 1rem / 100) calc(2 * 1rem / 100) rgba(13,27,42,.05),0 calc(8 * 1rem / 100) calc(24 * 1rem / 100) calc(-18 * 1rem / 100) rgba(13,27,42,.35);padding:calc(18 * 1rem / 100) calc(6 * 1rem / 100) calc(16 * 1rem / 100) calc(16 * 1rem / 100);position:sticky;top:96px;max-height:calc(100vh - 120px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#dbe4ee transparent}
.sa-insp::-webkit-scrollbar{width:6px;height:6px}
.sa-insp::-webkit-scrollbar-track{background:transparent;margin:calc(12 * 1rem / 100) 0}
.sa-insp::-webkit-scrollbar-thumb{background:#dfe7f0;border-radius:99px}
.sa-insp:hover::-webkit-scrollbar-thumb{background:#cdd9e6}
.sa-insp::-webkit-scrollbar-thumb:hover{background:#b9c9da}
.sa-ihead{display:flex;align-items:center;gap:calc(8 * 1rem / 100);flex-wrap:wrap;margin-bottom:2px}
.sa-ihead h2{margin:0;font-size:calc(24 * 1rem / 100);font-weight:600;letter-spacing:-.01em;line-height:1.3;color:#0d1b2a}
.sa-itag{display:inline-block;font-size:calc(11.5 * 1rem / 100);letter-spacing:.06em;color:#0a6ed1;background:#eaf3fd;border-radius:.04rem;padding:calc(2 * 1rem / 100) calc(7 * 1rem / 100);white-space:nowrap}
.sa-itag.is-data{color:#0f8a7d;background:#e9f7f4}
.sa-itag.is-plat{color:#5f52c4;background:#f0eefb}
.sa-itag.is-peri{color:#6b7f94;background:#f1f5f9}
.sa-itag.is-ai{color:#7b5bd6;background:#f3f0fd}
.sa-ien{margin:calc(4 * 1rem / 100) 0 0;font-size:calc(12.5 * 1rem / 100);color:#7b8ca0;letter-spacing:.02em}
.sa-itagline{margin:calc(10 * 1rem / 100) 0 0;padding-top:calc(10 * 1rem / 100);border-top:1px solid #eef3f8;font-size:calc(14.5 * 1rem / 100);color:#42566b;line-height:1.75}

.sa-isec{margin-top:calc(12 * 1rem / 100)}
.sa-isec h3{display:flex;align-items:center;margin:0 0 calc(8 * 1rem / 100);font-size:calc(12 * 1rem / 100);letter-spacing:.1em;color:#9aabbd;font-weight:600}
.sa-isec h3 i.sa-lk{display:inline-block;width:.06rem;height:.06rem;border-radius:50%;margin-right:calc(5 * 1rem / 100)}
.sa-lk.up{background:#0f8a7d}
.sa-lk.down{background:#b87c20}
.sa-caps{margin:0;padding:0;list-style:none}
.sa-caps li{position:relative;font-size:calc(14.5 * 1rem / 100);color:#42566b;line-height:1.6;padding-left:calc(13 * 1rem / 100);margin-bottom:calc(4 * 1rem / 100)}
.sa-caps li::before{content:"";position:absolute;left:0;top:calc(10 * 1rem / 100);width:.05rem;height:.05rem;border-radius:50%;background:#c3d2e2}

.sa-chips{display:flex;flex-wrap:wrap;gap:calc(6 * 1rem / 100)}
.sa-chip{font-size:calc(13 * 1rem / 100);color:#42566b;border:1px solid #e2e9f1;border-radius:.06rem;padding:calc(4 * 1rem / 100) calc(9 * 1rem / 100);background:#fbfcfe;transition:.16s;line-height:1.5}
button.sa-chip{cursor:pointer}
button.sa-chip:hover{border-color:#b9d2ea;color:#0a6ed1;background:#fff}
.sa-chip.is-na{opacity:.55;border-style:dashed}
.sa-chip.md{border-color:#d5ece8;background:#f4fbfa;color:#0c7a6e}
button.sa-chip.md:hover{border-color:#9fd8ce}
.sa-chip.fl{border-color:#cfe0f5;background:#f5f9fe;color:#084a8c}
button.sa-chip.fl:hover{border-color:#0a6ed1;background:#fff}
.sa-chip .sa-ar{color:#b7c6d4;margin:0 4px;font-size:.1rem}
.sa-note3{margin:calc(7 * 1rem / 100) 0 0;font-size:calc(11 * 1rem / 100);color:#9aabbd;line-height:1.6}

.sa-ivalue{margin-top:calc(15 * 1rem / 100);border-left:2px solid #0a6ed1;padding:calc(2 * 1rem / 100) 0 calc(2 * 1rem / 100) calc(12 * 1rem / 100)}
.sa-ivalue h3{margin:0 0 calc(6 * 1rem / 100);font-size:calc(11.5 * 1rem / 100);letter-spacing:.1em;color:#0a6ed1;font-weight:600}
.sa-ivalue p{margin:0;font-size:calc(14.5 * 1rem / 100);color:#0d1b2a;line-height:1.7}

.sa-prin{margin:0;padding:0;list-style:none}
.sa-prin li{margin-bottom:calc(13 * 1rem / 100)}
.sa-prin li:last-child{margin-bottom:0}
.sa-prin b{display:block;font-size:calc(14 * 1rem / 100);font-weight:600;margin-bottom:calc(3 * 1rem / 100);color:#0d1b2a}
.sa-prin p{margin:0;font-size:calc(13.5 * 1rem / 100);color:#7b8ca0;line-height:1.62}

.sa-stepn{display:flex;align-items:center;gap:calc(9 * 1rem / 100);margin-bottom:calc(10 * 1rem / 100)}
.sa-stepn b{font-size:calc(11.5 * 1rem / 100);font-variant-numeric:tabular-nums;color:#fff;background:#0a6ed1;border-radius:.05rem;padding:calc(2 * 1rem / 100) calc(7 * 1rem / 100);letter-spacing:.04em}
.sa-stepn span{font-size:calc(11.5 * 1rem / 100);color:#7b8ca0;letter-spacing:.06em}
.sa-stepdoc{margin-top:calc(14 * 1rem / 100);border:1px solid #eef3f8;border-radius:.09rem;padding:calc(10 * 1rem / 100) calc(12 * 1rem / 100);background:#fbfcfe}
.sa-stepdoc h4{margin:0 0 calc(6 * 1rem / 100);font-size:calc(11 * 1rem / 100);letter-spacing:.1em;color:#9aabbd;font-weight:600}
.sa-stepdoc p{margin:0;font-size:calc(13.5 * 1rem / 100);color:#42566b;line-height:1.6}
.sa-stepdoc b{color:#0d1b2a;font-weight:600}

.sa-rail{position:relative;z-index:20;margin-top:calc(14 * 1rem / 100);padding:calc(10 * 1rem / 100) calc(20 * 1rem / 100) calc(11 * 1rem / 100);background:#fff;border:1px solid #e2e9f1;border-radius:.16rem;box-shadow:0 calc(1 * 1rem / 100) calc(2 * 1rem / 100) rgba(13,27,42,.05),0 calc(8 * 1rem / 100) calc(24 * 1rem / 100) calc(-18 * 1rem / 100) rgba(13,27,42,.35)}
.sa-railtop{display:flex;justify-content:center;align-items:center;margin-bottom:calc(10 * 1rem / 100)}
.sa-tabs{display:flex;gap:calc(6 * 1rem / 100);flex-wrap:wrap;justify-content:center;min-width:0}
.sa-flow{display:flex;align-items:flex-start;gap:calc(14 * 1rem / 100)}
.sa-tracks{flex:1;min-width:0}
.sa-tab{font-size:calc(13 * 1rem / 100);color:#42566b;border:1px solid transparent;border-radius:99px;padding:calc(5 * 1rem / 100) calc(14 * 1rem / 100);transition:.16s;white-space:nowrap;cursor:pointer;background:none}
.sa-tab:hover{background:#f4f8fd;color:#0d1b2a}
.sa-tab.on{background:#0a6ed1;color:#fff}
.sa-tab small{font-size:calc(10.5 * 1rem / 100);opacity:.62;margin-left:calc(5 * 1rem / 100);letter-spacing:.04em}
.sa-rctrl{flex:0 0 auto;display:flex;align-items:center;margin-top:calc(-4 * 1rem / 100)}
.sa-pbtn{font-size:calc(12.5 * 1rem / 100);border:1px solid #dbe7f3;border-radius:99px;padding:calc(5 * 1rem / 100) calc(16 * 1rem / 100);background:#fff;transition:.16s;min-width:calc(86 * 1rem / 100);cursor:pointer}
.sa-pbtn:hover{border-color:#0a6ed1;color:#0a6ed1}
.sa-pbtn.on{background:#0a6ed1;border-color:#0a6ed1;color:#fff}

.sa-track{position:relative;display:flex}
.sa-track[hidden]{display:none}
.sa-track::before{content:"";position:absolute;left:0;right:0;top:calc(10 * 1rem / 100);height:1px;background:#dde5ee}
.sa-tstep{position:relative;flex:1;min-width:0;text-align:left;padding-right:calc(8 * 1rem / 100);cursor:pointer;background:none;border:0}
.sa-dotbox{display:flex;align-items:center;height:calc(20 * 1rem / 100)}
.sa-dot{display:flex;align-items:center;justify-content:center;width:calc(11 * 1rem / 100);height:calc(11 * 1rem / 100);border-radius:50%;background:#d3dee9;box-shadow:0 0 0 3px #fff;color:#fff;font-size:calc(10 * 1rem / 100);font-weight:600;line-height:1;font-variant-numeric:tabular-nums;transition:.2s;position:relative;z-index:2}
.sa-tx{display:block;font-size:calc(12 * 1rem / 100);color:#8295a9;margin-top:calc(6 * 1rem / 100);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:.18s}
.sa-tstep:hover .sa-dot{background:#b7cadd}
.sa-tstep:hover .sa-tx{color:#42566b}
.sa-tstep.done .sa-dot{background:#93bde6}
.sa-tstep.done .sa-tx{color:#8ba0b5}
.sa-tstep.on .sa-dot{width:calc(20 * 1rem / 100);height:calc(20 * 1rem / 100);background:#0a6ed1;box-shadow:0 0 0 3px #fff,0 0 0 6px rgba(10,110,209,.15)}
.sa-tstep.on .sa-tx{color:#0a6ed1;font-weight:600}

.sa-railfoot{display:flex;justify-content:space-between;align-items:center;gap:calc(8 * 1rem / 100) calc(18 * 1rem / 100);flex-wrap:wrap;margin-top:calc(10 * 1rem / 100)}
.sa-note2{margin:0;font-size:calc(11 * 1rem / 100);line-height:1.6;color:#a2b1c1;letter-spacing:.01em}
.sa-note2 i{font-style:normal;color:#8ea3b6;margin-right:calc(4 * 1rem / 100)}
.sa-hint{margin:0;padding:calc(6 * 1rem / 100) calc(14 * 1rem / 100);border:1px solid #dbe7f3;border-radius:99px;background:#f4f8fc;font-size:max(calc(13 * 1rem / 100),11px);line-height:1.5;color:#52667c;letter-spacing:.01em;white-space:nowrap}
.sa-cards{display:none}

@media(max-width:1440px){
.sa-insp{top:88px}
}

@media(max-width:1350px){
.sa-ailead span{display:none}
.sa-biz{grid-template-columns:minmax(0,1fr)}
.sa-core{order:-1}
.sa-pcol{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:auto;align-content:start}
.sa-pcol .sa-cap{grid-column:1/-1;margin-bottom:0}
}

@media(max-width:1044px){
.sa-body{grid-template-columns:1fr}
.sa-insp{position:static;max-height:none;scroll-margin-top:70px}
.sa-g4,.sa-d4{grid-template-columns:repeat(2,minmax(0,1fr))}
.sa-p5{grid-template-columns:repeat(3,minmax(0,1fr))}
.sa-aichips{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:900px){
.sa-main{padding:44px 0 48px}
.sa-inner{width:auto;max-width:none;padding:0 20px}
.sa-head{margin-bottom:20px}
.sa-lead{margin-top:10px;font-size:14px;letter-spacing:0}
.sa-stage{padding:8px 12px 10px;border-radius:14px}
.sa-band{grid-template-columns:1fr;gap:8px;padding:10px 0}
.sa-blab{display:flex;align-items:baseline;gap:8px}
.sa-blab b{font-size:14px}
.sa-blab span{font-size:11.5px;margin-top:0}
.sa-ai{grid-template-columns:1fr;gap:8px;padding:10px 11px}
.sa-ailead{border-right:0;padding:0 0 3px 9px}
.sa-ailead b{font-size:13px}
.sa-aichip{font-size:13px;padding:6px 9px}
.sa-core{padding:9px 10px 10px}
.sa-coreh b{font-size:14px}
.sa-prodchip{font-size:12px;padding:4px 10px}
.sa-coreg{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.sa-tile{padding:8px 10px 9px}
.sa-tile .sa-n{font-size:13.5px}
.sa-tile .sa-e{font-size:11px}
.sa-peri{padding:8px 10px}
.sa-peri .sa-n{font-size:13.5px}
.sa-peri .sa-e{font-size:11px}
.sa-pcol{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.sa-pcol .sa-cap{font-size:11px}
.sa-dcell{padding:8px 10px}
.sa-dcell .sa-n{font-size:13.5px}
.sa-dcell .sa-e,.sa-dcell .sa-p{font-size:11.5px}
.sa-dcell .sa-p{min-height:0;margin-top:4px}
.sa-p5{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.sa-pcell{padding:8px 10px}
.sa-pcell .sa-n{font-size:13px}
.sa-pcell .sa-e{font-size:11px}
.sa-insp{padding:16px 14px;border-radius:14px}
.sa-ihead h2{font-size:19px}
.sa-itag{font-size:10.5px}
.sa-ien{font-size:12px}
.sa-itagline{font-size:14px;margin-top:9px;padding-top:9px}
.sa-isec h3{font-size:11.5px}
.sa-caps li{font-size:13.5px}
.sa-chip{font-size:12.5px}
.sa-prin b{font-size:13.5px}
.sa-prin p{font-size:12.5px}
.sa-ivalue h3{font-size:11px}
.sa-ivalue p{font-size:13.5px}
.sa-stepn b,.sa-stepn span{font-size:11px}
.sa-stepdoc h4{font-size:10px}
.sa-stepdoc p{font-size:12.5px}
.sa-note3{font-size:10.5px}
.sa-rail{margin-top:12px;padding:10px 14px 12px;border-radius:14px}
.sa-railtop{display:flex;flex-direction:column;align-items:center;gap:8px}
.sa-flow{flex-wrap:wrap;gap:8px}
.sa-rctrl{order:-1;width:100%;justify-content:flex-end;margin-top:0}
.sa-tabs{justify-content:flex-start;gap:4px 6px}
.sa-tab{font-size:12.5px;padding:5px 12px}
.sa-tab small{display:none}
.sa-pbtn{font-size:12px;min-width:76px}
.sa-tstep{padding-right:4px}
.sa-tx{display:none}
.sa-dotbox{height:18px}
.sa-dot{width:10px;height:10px;box-shadow:0 0 0 2px #fff}
.sa-tstep.on .sa-dot{width:18px;height:18px;box-shadow:0 0 0 2px #fff,0 0 0 5px rgba(10,110,209,.15)}
.sa-track::before{top:9px}
.sa-railfoot{margin-top:10px}
.sa-note2{font-size:11px}
.sa-hint{display:none}
}

@media(max-width:480px){
.sa-g4,.sa-d4{grid-template-columns:repeat(2,minmax(0,1fr))}
.sa-tile .sa-e{display:none}
}

@media(max-width:380px){
.sa-dcell .sa-e,.sa-pcell .sa-e{white-space:normal;overflow:visible;text-overflow:clip}
}

@media(prefers-reduced-motion:reduce){
.sa-stage .sel,.sa-stage .sel::after{animation:none}
.sa-stage .sel::after{opacity:.55}
}