/* SAP services — crisp enterprise blueprint: white & light-blue canvas, navy panels, SAP blue + gold */
body.s-sap{--bl:#0a6ed1;--bl2:#3da5ff;--nv:#0b2447;--nv2:#12356b;--gd:#f0ab00;--bg:#f4f8fd;--ink:#0b1f3f;--tx2:#4a5a78;--mut:#7384a3;--ln:#0b1f3f1a;background:#fff}
body.s-sap .wrap{max-width:var(--wrap)}
.sp-sec{position:relative;padding:clamp(60px,10vh,104px) 0;background:#fff;color:var(--ink);overflow:clip}
.sp-sec>.wrap{position:relative;z-index:1}
.sp-sec :is(h2,h3,b,strong,summary){color:var(--ink)}.sp-sec p,.sp-sec li,.sp-sec small{color:var(--tx2)}
.sp-sec h2{font-size:clamp(1.95rem,3.7vw,3.1rem);line-height:1.06;letter-spacing:-.04em;margin-bottom:16px}
.sp-k{display:inline-flex;align-items:center;gap:10px;margin:0 0 16px;font:700 .72rem var(--f-m);letter-spacing:.16em;text-transform:uppercase;color:var(--bl)!important}.sp-k::before{content:"";width:24px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--bl),var(--gd))}
.sp-head{max-width:800px;margin-bottom:clamp(28px,5vh,50px)}.sp-head p:last-child{font-size:1.06rem;margin:0}
.sp-note{margin:20px 0 0;font:500 .68rem var(--f-m);letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
.sp-dk{background:linear-gradient(160deg,var(--nv),#0a1a38)}.sp-dk :is(h2,h3,b,strong){color:#fff}.sp-dk p,.sp-dk li,.sp-dk small{color:#b6c6e4}.sp-dk .sp-k{color:var(--gd)!important}.sp-dk .sp-note{color:#7f95bd}
.sp-alt{background:var(--bg)}
body.s-sap .btn.sp-btn,body.s-sap .btn.sp-btn2{border-radius:12px;font-weight:600;transition:transform .3s var(--ease),box-shadow .3s,background .3s,border-color .3s}
body.s-sap .btn.sp-btn{background:linear-gradient(120deg,var(--bl),#2b8cf0);color:#fff;border:0;box-shadow:0 10px 26px #0a6ed155}body.s-sap .btn.sp-btn:hover{transform:translateY(-2px);box-shadow:0 16px 34px #0a6ed177}
body.s-sap .btn.sp-btn2{background:#fff;color:var(--nv);border:1px solid #0b244733}body.s-sap .btn.sp-btn2:hover{border-color:var(--bl);color:var(--bl)}
body.s-sap .btn.sp-btn::before,body.s-sap .btn.sp-btn2::before{display:none}
.sp-prog{position:fixed;left:0;top:0;height:3px;width:0;z-index:9999;background:linear-gradient(90deg,var(--bl),var(--bl2),var(--gd));pointer-events:none}

/* hero */
.sp-hero{position:relative;overflow:hidden;padding:clamp(24px,4vh,50px) 0 clamp(44px,7vh,80px);background:radial-gradient(900px 480px at 90% 0,#3da5ff33,transparent 65%),linear-gradient(180deg,#eef5fe,#fff);color:var(--ink)}
.sp-grid{position:absolute;inset:0;background-image:linear-gradient(#0a6ed114 1px,transparent 1px),linear-gradient(90deg,#0a6ed114 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse 65% 75% at 75% 45%,#000,transparent 75%);mask-image:radial-gradient(ellipse 65% 75% at 75% 45%,#000,transparent 75%)}
.sp-hero .wrap{position:relative}.sp-hero .crumbs a{color:#5d6f91}.sp-hero .crumbs span{color:var(--bl)}
.sp-hero-in{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(24px,4vw,64px);align-items:center;margin-top:20px}.sp-hero-in>*{min-width:0}
.sp-eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 20px;padding:8px 18px 8px 14px;border:1px solid #0a6ed133;border-radius:99px;background:#fff;font:600 .78rem var(--f-b);color:var(--nv);box-shadow:0 4px 14px #0a6ed114}.sp-eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--gd);animation:spping 1.8s infinite}
@keyframes spping{0%{box-shadow:0 0 0 0 #f0ab0099}70%{box-shadow:0 0 0 9px #f0ab0000}}
.sp-copy h1{font-size:clamp(2.3rem,4.4vw,4rem);line-height:1.03;letter-spacing:-.05em;color:var(--nv);margin-bottom:18px}
.sp-copy h1 mark{background:linear-gradient(120deg,var(--bl),var(--bl2));-webkit-background-clip:text;background-clip:text;color:transparent}
.sp-lead{font-size:clamp(1rem,1.25vw,1.15rem);max-width:540px;color:var(--tx2)}
.sp-facts{display:flex;flex-wrap:wrap;gap:12px 38px;margin-top:28px;padding-top:20px;border-top:1px solid var(--ln)}.sp-facts li{display:grid;gap:2px}.sp-facts b{font:800 1.45rem var(--f-d);letter-spacing:-.03em;color:var(--nv)}.sp-facts span{font-size:.8rem;color:var(--mut)}
.sp-landw{display:grid;gap:14px;justify-items:center}
.sp-land{position:relative;width:min(100%,520px);aspect-ratio:520/480}
.sp-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.sp-lines path{fill:none;stroke:#0a6ed155;stroke-width:1.5;stroke-dasharray:4 5;animation:spdash 1.8s linear infinite}.sp-lines path.is-on{stroke:var(--bl);stroke-width:2.4;stroke-dasharray:none;filter:drop-shadow(0 0 5px #0a6ed1aa)}.sp-lines circle{fill:var(--gd)}
@keyframes spdash{to{stroke-dashoffset:-18}}
.sp-core{position:absolute;left:50%;top:50%;translate:-50% -50%;display:grid;place-content:center;gap:2px;width:26%;aspect-ratio:1/1.1;text-align:center;color:#fff;background:linear-gradient(145deg,#1d86f0,var(--nv2));clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);filter:drop-shadow(0 18px 30px #0a6ed166)}
.sp-core b{font:800 clamp(1.4rem,2.6vw,2rem)/1 var(--f-d);letter-spacing:-.04em;color:#fff}.sp-core span{font:600 .62rem var(--f-m);letter-spacing:.1em;text-transform:uppercase;color:#cfe6ff}
.sp-core::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,#ffffff33 50%,transparent 70%);animation:spshine 4s ease-in-out infinite}@keyframes spshine{0%{transform:translateX(-100%)}60%,100%{transform:translateX(100%)}}
.sp-nodes{position:absolute;inset:0}
.sp-nd{position:absolute;translate:-50% -50%;display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 8px;border:1px solid #0b24471f;border-radius:99px;background:#fff;box-shadow:0 8px 22px #0b244722;font:600 .76rem var(--f-b);color:var(--nv);cursor:pointer;white-space:nowrap;transition:transform .3s var(--ease),box-shadow .3s,border-color .3s,background .3s;animation:spbob 6s ease-in-out infinite}
.sp-nd:nth-child(even){animation-delay:-3s}
@keyframes spbob{50%{margin-top:-6px}}
.sp-nd i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e6f1fd;font-style:normal;font-size:.95rem;transition:.3s}
.sp-nd:hover{border-color:var(--bl);box-shadow:0 12px 28px #0a6ed144}
.sp-nd.is-on{background:linear-gradient(120deg,var(--bl),#2b8cf0);color:#fff;border-color:transparent;box-shadow:0 14px 34px #0a6ed177}.sp-nd.is-on i{background:#ffffff33}
.sp-cap{width:min(100%,520px);padding:16px 20px;border:1px solid var(--ln);border-radius:18px;background:#fff;box-shadow:0 14px 36px #0a6ed11a;min-height:112px;animation:spin .5s var(--ease)}
@keyframes spin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.sp-cap b{display:block;font:700 1.08rem var(--f-d);color:var(--nv);margin-bottom:4px}.sp-cap p{margin:0 0 6px;font-size:.88rem}.sp-cap em{font-style:normal;font:600 .76rem var(--f-b);color:var(--bl)}
.sp-strip{background:var(--nv);padding:16px 0;border-block:1px solid #ffffff14}.sp-strip .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:10px 26px}.sp-strip .lbl{font:700 .68rem var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:var(--gd)}.sp-strip ul{display:flex;flex-wrap:wrap;gap:8px 22px}.sp-strip li{font:600 .94rem var(--f-d);color:#fff;position:relative}.sp-strip li+li::before{content:"";position:absolute;left:-13px;top:50%;width:4px;height:4px;border-radius:50%;background:#ffffff55}

/* why */
.sp-introg{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(28px,5vw,80px);align-items:start;margin-bottom:clamp(30px,5vh,50px)}.sp-introg>*{min-width:0}
.sp-big{font:500 clamp(1.25rem,2vw,1.65rem)/1.4 var(--f-d);letter-spacing:-.02em;color:var(--nv)!important}
.sp-tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.sp-t{position:relative;display:flex;flex-direction:column;gap:6px;padding:22px 20px;border:1px solid var(--ln);border-radius:20px;background:linear-gradient(180deg,#fff,#f6faff);overflow:hidden;transition:transform .4s var(--ease),box-shadow .4s,border-color .3s}
.sp-t::before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:linear-gradient(90deg,var(--bl),var(--gd));transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}.sp-t:hover::before{transform:none}
.sp-t:hover{transform:translateY(-6px);border-color:#0a6ed155;box-shadow:0 22px 50px #0a6ed122}
.sp-t .n{position:absolute;right:16px;top:14px;font:700 .72rem var(--f-m);color:#b4c3dc}.sp-t .ic{display:grid;place-items:center;width:48px;height:48px;margin-bottom:6px;border-radius:14px;background:#e6f1fd;font-size:1.4rem;transition:.4s var(--ease)}.sp-t:hover .ic{background:linear-gradient(135deg,var(--bl),var(--bl2));transform:rotate(-6deg) scale(1.08)}
.sp-t h3{font-size:1.05rem;line-height:1.25;margin:0}.sp-t p{margin:0;font-size:.86rem}

/* services */
.sp-svc{background:var(--bg)}
.sp-svg{display:grid;grid-template-columns:300px 1fr;gap:20px;align-items:stretch}.sp-svg>*{min-width:0}
.sp-tabs{display:grid;gap:10px;align-content:start}
.sp-tabs button{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--ln);border-radius:16px;background:#fff;text-align:left;cursor:pointer;color:var(--ink);transition:.3s var(--ease)}
.sp-tabs span{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:12px;background:#e6f1fd;font:700 .78rem var(--f-m);color:var(--bl);transition:.3s}.sp-tabs b{font:700 .98rem var(--f-d);color:var(--ink)}
.sp-tabs button:hover{transform:translateX(5px);border-color:#0a6ed155}.sp-tabs button.is-on{background:linear-gradient(120deg,var(--bl),#2b8cf0);border-color:transparent;box-shadow:0 14px 32px #0a6ed155}.sp-tabs button.is-on b{color:#fff}.sp-tabs button.is-on span{background:#ffffff2e;color:#fff}
.sp-panel{padding:clamp(22px,3vw,38px);border:1px solid var(--ln);border-radius:26px;background:#fff;box-shadow:0 24px 60px #0a6ed11a;min-height:420px}
.sp-pin{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(18px,2.6vw,34px);align-items:center;animation:spin .5s var(--ease)}.sp-pin>*{min-width:0}
.sp-pin h3{font-size:clamp(1.4rem,2.2vw,1.9rem);margin:0 0 12px}.sp-pin ul{display:grid;gap:10px}.sp-pin li{display:flex;gap:10px;font-size:.94rem}.sp-pin li::before{content:"\2713";color:var(--bl);font-weight:800}
.sp-phs{display:grid;gap:8px}.sp-phs div{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:center;padding:10px 14px;border:1px solid var(--ln);border-radius:12px;background:#f6faff;font:600 .86rem var(--f-b);color:var(--ink);opacity:0;animation:spin .5s var(--ease) forwards}.sp-phs div i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--bl),var(--bl2));font:700 .76rem var(--f-d);font-style:normal;color:#fff}.sp-phs small{display:block;font-weight:500;font-size:.74rem;color:var(--mut)}
.sp-code{border-radius:16px;overflow:hidden;background:#071428;border:1px solid #0a6ed144;box-shadow:0 20px 44px #0b244744}.sp-code .bar{display:flex;align-items:center;gap:7px;padding:10px 14px;background:#0d2040;border-bottom:1px solid #ffffff14}.sp-code .bar i{width:10px;height:10px;border-radius:50%;background:#ff5f57}.sp-code .bar i:nth-child(2){background:#febc2e}.sp-code .bar i:nth-child(3){background:#28c840}.sp-code .bar span{margin-left:8px;font:500 .7rem var(--f-m);color:#8fa6cc}
.sp-code pre{margin:0;padding:16px 18px;min-height:200px;font:500 .78rem/1.75 var(--f-m);color:#d6e3f7;white-space:pre-wrap}.sp-code .k{color:#7ab8ff}.sp-code .s{color:#8ee0a6}.sp-code .c{color:#6f87ad}.sp-code .f{color:#ffd37a}
.sp-flow{position:relative;height:230px;border-radius:16px;background:linear-gradient(160deg,#f1f7ff,#e6f1fd);overflow:hidden}.sp-flow .c{position:absolute;left:50%;top:50%;translate:-50% -50%;display:grid;place-items:center;width:84px;height:84px;border-radius:22px;background:linear-gradient(145deg,var(--bl),var(--nv2));color:#fff;font:800 1.1rem var(--f-d);box-shadow:0 14px 30px #0a6ed166;z-index:2}
.sp-flow .e{position:absolute;display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid #0a6ed133;border-radius:99px;background:#fff;font:600 .74rem var(--f-b);color:var(--nv);box-shadow:0 6px 16px #0a6ed11f;z-index:2}.sp-flow .e:nth-of-type(1){left:6%;top:12%}.sp-flow .e:nth-of-type(2){right:6%;top:12%}.sp-flow .e:nth-of-type(3){left:6%;bottom:12%}.sp-flow .e:nth-of-type(4){right:6%;bottom:12%}
.sp-flow svg{position:absolute;inset:0;width:100%;height:100%}.sp-flow path{fill:none;stroke:#0a6ed166;stroke-width:1.6;stroke-dasharray:4 5;vector-effect:non-scaling-stroke;animation:spdash 1.6s linear infinite}.sp-flow circle{fill:var(--gd)}
.sp-oth{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.sp-oth button{display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid var(--ln);border-radius:12px;background:#f6faff;text-align:left;font:600 .84rem var(--f-b);color:var(--ink);cursor:pointer;transition:.25s}.sp-oth button i{font-style:normal;font-size:1.1rem}.sp-oth button:hover{border-color:var(--bl)}.sp-oth button.is-on{background:linear-gradient(120deg,var(--bl),#2b8cf0);color:#fff;border-color:transparent}
.sp-odesc{grid-column:1/-1;margin:8px 0 0;padding:14px 16px;border-radius:12px;background:#e6f1fd;font-size:.9rem;color:var(--nv);min-height:62px}

/* migration */
.sp-mig{background:linear-gradient(160deg,var(--nv),#0a1a38);color:#fff}
.sp-migg{display:grid;gap:20px}
.sp-seg{display:inline-flex;flex-wrap:wrap;justify-self:start;padding:5px;border:1px solid #ffffff2a;border-radius:99px;background:#ffffff0d}.sp-seg button{padding:11px 24px;border:0;border-radius:99px;background:none;font:600 .9rem var(--f-b);color:#b6c6e4;cursor:pointer;transition:.3s var(--ease)}.sp-seg button.is-on{background:linear-gradient(120deg,var(--bl),#2b8cf0);color:#fff;box-shadow:0 6px 20px #0a6ed166}
.sp-migc{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,2.6vw,34px);padding:clamp(22px,3vw,36px);border:1px solid #ffffff22;border-radius:26px;background:linear-gradient(160deg,#ffffff10,#ffffff04);animation:spin .5s var(--ease)}.sp-migc>*{min-width:0}
.sp-migc h3{font-size:1.7rem;margin:0 0 8px;color:#fff}.sp-migc>div>p{margin:0 0 16px}
.sp-mm{display:grid;gap:11px;margin-bottom:18px}.sp-mm div{display:grid;grid-template-columns:140px 1fr 38px;gap:12px;align-items:center;font-size:.86rem;color:#dbe6fa}.sp-mm u{display:block;height:10px;border-radius:99px;background:#ffffff1c;overflow:hidden;text-decoration:none}.sp-mm u::after{content:"";display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--bl2),var(--gd));animation:spbar 1.2s var(--ease) .15s forwards}@keyframes spbar{to{width:var(--w)}}.sp-mm b{font:700 .74rem var(--f-m);text-align:right;color:var(--gd)}
.sp-best{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.sp-best span{font:700 .62rem var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:var(--gd);margin-right:4px}.sp-best em{padding:5px 13px;border:1px solid #ffffff2a;border-radius:99px;background:#ffffff0d;font:600 .76rem var(--f-b);font-style:normal;color:#e6efff}
.sp-gt{display:grid;gap:10px;align-content:center}.sp-gt .row{display:grid;grid-template-columns:130px 1fr;gap:12px;align-items:center}.sp-gt .row>b{font:600 .82rem var(--f-b);color:#fff}.sp-gt .tk{position:relative;height:26px;border-radius:99px;background:#ffffff12}.sp-gt .tk u{position:absolute;top:0;bottom:0;left:var(--l);width:var(--w);border-radius:99px;background:linear-gradient(90deg,var(--bl),var(--bl2));text-decoration:none;transform:scaleX(0);transform-origin:left;animation:spgrow .9s var(--ease) forwards;animation-delay:var(--d)}.sp-gt .row:nth-child(2n) .tk u{background:linear-gradient(90deg,#2b8cf0,#7bc2ff)}.sp-gt .row:last-child .tk u{background:linear-gradient(90deg,var(--gd),#ffd466)}
@keyframes spgrow{to{transform:none}}.sp-gt small{margin-top:4px;font:500 .7rem var(--f-m);color:#7f95bd}

/* fiori */
.sp-fio{background:#fff}.sp-fg{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,4vw,64px);align-items:center}.sp-fg>*{min-width:0}
.sp-fl{display:grid;gap:10px;margin-top:16px}.sp-fl li{display:flex;gap:10px;font-size:.94rem}.sp-fl li::before{content:"\2713";color:var(--bl);font-weight:800}
.sp-lp{padding:clamp(16px,2vw,24px);border-radius:26px;background:linear-gradient(160deg,#0f2d5c,#0a1d3d);box-shadow:0 36px 80px #0b244755;color:#fff}
.sp-lph{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #ffffff1f}.sp-lph b{font:700 1.05rem var(--f-d);color:#fff}.sp-lph span{font:600 .64rem var(--f-m);letter-spacing:.1em;text-transform:uppercase;color:#8fa6cc}
.sp-tilesg{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.sp-tile{display:grid;gap:4px;padding:14px;border:1px solid #ffffff22;border-radius:16px;background:#ffffff10;text-align:left;color:#fff;cursor:pointer;transition:.3s var(--ease)}.sp-tile small{font:600 .62rem var(--f-m);letter-spacing:.06em;text-transform:uppercase;color:#9cb2d8}.sp-tile b{font:800 1.5rem var(--f-d);letter-spacing:-.03em;color:#fff}.sp-tile span{font:600 .68rem var(--f-b);color:#7ee0a6}.sp-tile span.d{color:#ffb38a}
.sp-tile:hover{transform:translateY(-3px);border-color:var(--bl2)}.sp-tile.is-on{background:linear-gradient(135deg,var(--bl),#2b8cf0);border-color:transparent;box-shadow:0 12px 28px #0a6ed177}.sp-tile.is-on small,.sp-tile.is-on span{color:#fff}
.sp-app{margin-top:12px;padding:14px;border-radius:16px;background:#ffffff0d;min-height:150px;animation:spin .5s var(--ease)}.sp-app h4{margin:0 0 10px;font:700 .86rem var(--f-d);color:#fff}.sp-app .ch{display:flex;align-items:flex-end;gap:8px;height:80px}.sp-app .ch i{flex:1;height:var(--h);border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,var(--bl2),var(--bl));transform-origin:bottom;animation:spbarg .8s var(--ease) both}.sp-app .ch i:nth-child(2){animation-delay:.08s}.sp-app .ch i:nth-child(3){animation-delay:.16s}.sp-app .ch i:nth-child(4){animation-delay:.24s}.sp-app .ch i:nth-child(5){animation-delay:.32s}.sp-app .ch i:nth-child(6){animation-delay:.4s}.sp-app .ch i:nth-child(7){animation-delay:.48s}@keyframes spbarg{from{transform:scaleY(0)}}
.sp-app .ls{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.sp-app .ls em{padding:4px 12px;border-radius:99px;background:#ffffff14;font:500 .7rem var(--f-b);font-style:normal;color:#dbe6fa}

/* industries */
.sp-ind{background:var(--bg)}
.sp-indg{display:grid;grid-template-columns:250px 1fr;gap:20px;align-items:stretch}.sp-indg>*{min-width:0}
.sp-indt{display:grid;gap:8px;align-content:start}.sp-indt button{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--ln);border-radius:14px;background:#fff;font:600 .94rem var(--f-b);color:var(--ink);text-align:left;cursor:pointer;transition:.3s var(--ease)}.sp-indt button i{font-style:normal;font-size:1.3rem}.sp-indt button:hover{transform:translateX(4px);border-color:#0a6ed155}.sp-indt button.is-on{background:var(--nv);border-color:var(--nv);color:#fff}
.sp-indp{padding:clamp(22px,3vw,36px);border:1px solid var(--ln);border-radius:24px;background:#fff;box-shadow:0 20px 50px #0a6ed114;animation:spin .5s var(--ease)}
.sp-indp h3{font-size:1.6rem;margin:0 0 6px}.sp-indp>p{margin:0 0 18px}
.sp-fl2{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:20px}.sp-fl2 .st{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:99px;background:#e6f1fd;font:600 .8rem var(--f-b);color:var(--nv);opacity:0;animation:spin .5s var(--ease) forwards}.sp-fl2 .ar2{color:#9fb5d9;font-weight:800;opacity:0;animation:spin .5s var(--ease) forwards}
.sp-indp h5{margin:0 0 10px;font:700 .68rem var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}.sp-chp{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.sp-chp em{padding:6px 14px;border:1px solid var(--ln);border-radius:99px;font:600 .8rem var(--f-b);font-style:normal;color:var(--ink)}
.sp-indp ul{display:grid;gap:9px}.sp-indp li{display:flex;gap:10px;font-size:.92rem}.sp-indp li::before{content:"\2713";color:var(--bl);font-weight:800}

/* values */
.sp-val{background:#fff}
.sp-valg{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.sp-valg article{padding:clamp(22px,2.6vw,32px);border:1px solid var(--ln);border-radius:26px;background:linear-gradient(180deg,#fff,#f6faff);transition:.4s var(--ease)}.sp-valg article:hover{transform:translateY(-8px);border-color:#0a6ed155;box-shadow:0 26px 60px #0a6ed122}
.sp-valg .vz{min-height:170px;margin-bottom:18px;padding:16px;border-radius:18px;background:var(--nv);color:#fff}.sp-valg h3{font-size:1.35rem;margin-bottom:10px}.sp-valg p{margin:0;font-size:.92rem}
.vz .pr{display:grid;gap:10px}.vz .pr div{display:grid;grid-template-columns:70px 1fr auto;gap:10px;align-items:center;font:600 .76rem var(--f-b);color:#dbe6fa}.vz .pr u{display:block;height:8px;border-radius:99px;background:#ffffff1c;overflow:hidden;text-decoration:none}.vz .pr u::after{content:"";display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--bl2),var(--gd));animation:spbar 1.4s var(--ease) .2s forwards}.vz .pr em{font:700 .64rem var(--f-m);font-style:normal;color:var(--gd)}
.vz .pc{display:flex;align-items:flex-end;gap:12px;height:112px}.vz .pc i{position:relative;flex:1;height:var(--h);border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,var(--bl2),var(--bl));animation:spbarg .9s var(--ease) both}.vz .pc i:nth-child(2){animation-delay:.12s;background:linear-gradient(180deg,#ffd466,var(--gd))}.vz .pc i:nth-child(3){animation-delay:.24s;background:linear-gradient(180deg,#7ee0a6,#2fb36a)}.vz .pc i b{position:absolute;bottom:-20px;left:0;right:0;text-align:center;font:600 .62rem var(--f-m);color:#9cb2d8}.vz .pc{margin-bottom:22px}
.vz .rm{display:grid;gap:6px}.vz .rm .hd,.vz .rm .r{display:grid;grid-template-columns:1fr repeat(3,30px);gap:6px;align-items:center;font:600 .7rem var(--f-b);color:#dbe6fa}.vz .rm .hd span{text-align:center;font:600 .56rem var(--f-m);letter-spacing:.04em;color:#9cb2d8}
.vz .rm button{width:30px;height:22px;border:1px solid #ffffff33;border-radius:99px;background:#ffffff14;cursor:pointer;position:relative;transition:.25s}.vz .rm button::after{content:"";position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:.25s}.vz .rm button.is-on{background:var(--bl);border-color:var(--bl)}.vz .rm button.is-on::after{transform:translateX(8px)}.vz .rm .w{margin-top:4px;padding:7px 10px;border-radius:10px;font:600 .68rem var(--f-b);background:#2fb36a33;color:#8ee0a6;transition:.3s}.vz .rm .w.bad{background:#f0ab0033;color:#ffd466}
.sp-ov{background:linear-gradient(160deg,#eaf3ff,#dbeaff)}
.sp-ovg{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(28px,5vw,80px);align-items:center}.sp-ovg>*{min-width:0}
.sp-reg{padding:clamp(22px,2.6vw,32px);border:1px solid #0a6ed133;border-radius:24px;background:#ffffffcc;backdrop-filter:blur(6px);box-shadow:0 20px 50px #0a6ed122}.sp-reg>b{display:block;font:800 1.4rem var(--f-d);color:var(--nv);margin-bottom:14px}.sp-reg div{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.sp-reg span{padding:9px 18px;border-radius:99px;background:var(--nv);font:600 .86rem var(--f-b);color:#fff;transition:.3s var(--ease)}.sp-reg span:hover{background:var(--bl);transform:translateY(-3px)}
.sp-faq{background:var(--bg)}
.sp-faqg{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(28px,5vw,80px);align-items:start}.sp-faqg>*{min-width:0}
.sp-faql{position:sticky;top:110px;align-self:start}.sp-faql .btn{margin-top:6px}
.sp-faqs{display:grid;gap:12px}.sp-faqs details{border:1px solid var(--ln);border-radius:18px;background:#fff;transition:.3s}.sp-faqs details[open]{border-color:#0a6ed166;box-shadow:0 18px 44px #0a6ed11f}
.sp-faqs summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;cursor:pointer;list-style:none;font:700 1.04rem var(--f-d);color:var(--ink)}.sp-faqs summary::-webkit-details-marker{display:none}
.sp-faqs summary i{position:relative;flex:none;width:16px;height:16px}.sp-faqs summary i::before,.sp-faqs summary i::after{content:"";position:absolute;left:0;right:0;top:7px;height:2px;background:var(--bl);transition:transform .35s var(--ease)}.sp-faqs summary i::after{transform:rotate(90deg)}.sp-faqs details[open] summary i::after{transform:rotate(0)}
.sp-faqs details p{margin:0;padding:0 24px 22px;animation:spin .5s var(--ease)}
.sp-more{padding:clamp(44px,7vh,76px) 0;background:#fff}.sp-more h2{color:var(--ink);font-size:clamp(1.8rem,3vw,2.6rem)}.sp-more .sp-head{margin-bottom:24px}

@media(max-width:1100px){.sp-hero-in,.sp-introg,.sp-svg,.sp-pin,.sp-migc,.sp-fg,.sp-indg,.sp-ovg,.sp-faqg{grid-template-columns:1fr}.sp-faql{position:static}.sp-tiles{grid-template-columns:repeat(2,1fr)}.sp-valg{grid-template-columns:1fr}.sp-tabs,.sp-indt{grid-template-columns:1fr 1fr}.sp-oth{grid-template-columns:1fr}}
@media(max-width:700px){.sp-tiles,.sp-tabs,.sp-indt{grid-template-columns:1fr}.sp-nd{padding:6px 10px 6px 6px;font-size:.66rem}.sp-nd i{width:24px;height:24px}.sp-tilesg{grid-template-columns:repeat(2,1fr)}.sp-mm div{grid-template-columns:100px 1fr 34px}.sp-gt .row{grid-template-columns:90px 1fr}}
@media(prefers-reduced-motion:reduce){.sp-nd,.sp-lines path,.sp-core::after,.sp-flow path{animation:none}}

/* dark migration section text */
.sp-mig :is(h2,h3,b,strong){color:#fff}.sp-mig p,.sp-mig li,.sp-mig small{color:#b6c6e4}.sp-mig .sp-k{color:var(--gd)!important}.sp-mig .sp-note{color:#7f95bd}.sp-mig .sp-mm span{color:#dbe6fa}.sp-mig .sp-best span{color:var(--gd)}
.sp-dls{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:16px;padding-top:14px;border-top:1px dashed var(--ln)}.sp-dls span{font:700 .6rem var(--f-m);letter-spacing:.12em;text-transform:uppercase;color:var(--mut);margin-right:4px}.sp-dls em{padding:4px 12px;border-radius:99px;background:#e6f1fd;font:600 .74rem var(--f-b);font-style:normal;color:var(--nv)}

/* ================= v2: richer, darker, deeper ================= */
.sp-sub{max-width:560px;margin:0 0 6px;font-size:.98rem;color:#9fb4d8}
/* hero (dark) */
.sp-hero{background:radial-gradient(900px 520px at 85% 0,#1d86f044,transparent 65%),radial-gradient(700px 420px at 0 100%,#f0ab0018,transparent 65%),linear-gradient(180deg,#071a38,#06142b);color:#fff}
.sp-grid{background-image:linear-gradient(#3da5ff22 1px,transparent 1px),linear-gradient(90deg,#3da5ff22 1px,transparent 1px)}
.sp-glow i{position:absolute;border-radius:50%;filter:blur(40px)}.sp-glow .a{right:-6%;top:-20%;width:560px;height:560px;background:#0a6ed155;animation:spdr 14s ease-in-out infinite alternate}.sp-glow .b{left:-8%;bottom:-30%;width:480px;height:480px;background:#f0ab0026;animation:spdr 18s ease-in-out infinite alternate-reverse}@keyframes spdr{to{transform:translate(40px,-30px) scale(1.12)}}
.sp-hero .crumbs a{color:#8fa6cc}.sp-hero .crumbs span{color:#ffd466}
.sp-eyebrow{background:#ffffff12;border-color:#ffffff2a;color:#dbe8ff;box-shadow:none}
.sp-copy h1{color:#fff}.sp-copy h1 mark{background:linear-gradient(120deg,#5db7ff,#ffd466);-webkit-background-clip:text;background-clip:text;color:transparent}
.sp-lead{color:#c3d3ee}.sp-facts{border-color:#ffffff22}.sp-facts b{color:#fff}.sp-facts span{color:#8fa6cc}
body.s-sap .sp-hero .btn.sp-btn2{background:#ffffff12;color:#fff;border-color:#ffffff33;backdrop-filter:blur(10px)}body.s-sap .sp-hero .btn.sp-btn2:hover{border-color:#5db7ff;color:#fff;background:#3da5ff22}
.sp-lines path{stroke:#3da5ff77}.sp-lines path.is-on{stroke:#7bc2ff;filter:drop-shadow(0 0 6px #3da5ffcc)}
.sp-nd{background:linear-gradient(160deg,#ffffff1a,#ffffff0a);border-color:#ffffff2e;color:#fff;backdrop-filter:blur(8px);box-shadow:0 10px 26px #0006}.sp-nd i{background:#ffffff1f}.sp-nd:hover{border-color:#7bc2ff}
.sp-cap{background:linear-gradient(160deg,#ffffff14,#ffffff08);border-color:#ffffff24;box-shadow:0 20px 50px #0006}.sp-cap b{color:#fff}.sp-cap p{color:#b6c6e4}.sp-cap em{color:#ffd466}
.sp-fc{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:9px 16px 9px 10px;border:1px solid #ffffff2e;border-radius:14px;background:#0b2447e6;backdrop-filter:blur(10px);box-shadow:0 14px 34px #0008;animation:spbob 6s ease-in-out infinite}
.sp-fc i{width:10px;height:10px;border-radius:50%;background:#34d399;box-shadow:0 0 0 4px #34d39933;margin-left:4px}.sp-fc b{display:block;font:700 .78rem var(--f-d);color:#fff}.sp-fc em{font-style:normal;font-size:.68rem;color:#9fb4d8}
.sp-fc.f1{left:-3%;top:6%}.sp-fc.f2{right:-2%;bottom:10%;animation-delay:-3s}.sp-fc.f2 i{background:#ffd466;box-shadow:0 0 0 4px #ffd46633}
.sp-mq{overflow:hidden;padding:16px 0;background:#041225;border-block:1px solid #ffffff14;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.sp-mq .t{display:flex;align-items:center;gap:26px;width:max-content;animation:spmq 44s linear infinite}.sp-mq:hover .t{animation-play-state:paused}.sp-mq span{font:800 1.4rem var(--f-d);letter-spacing:-.02em;color:#c9dcf7;white-space:nowrap}.sp-mq i{font-style:normal;color:#ffd466}@keyframes spmq{to{transform:translateX(-50%)}}
.sp-strip{display:none}
.sp-stats{background:linear-gradient(180deg,#041225,#0b2447);padding:clamp(34px,5vh,56px) 0;border-bottom:1px solid #ffffff14}
.sp-stats ul{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.sp-stats li{display:flex;align-items:center;gap:16px;padding:6px 10px;border-left:1px solid #ffffff22}.sp-stats li:first-child{border-left:0}
.sp-stats b{font:800 clamp(2.6rem,4.4vw,3.8rem)/1 var(--f-d);letter-spacing:-.05em;background:linear-gradient(135deg,#fff,#7bc2ff 60%,#ffd466);-webkit-background-clip:text;background-clip:text;color:transparent}.sp-stats span{font:700 .98rem var(--f-d);color:#fff;line-height:1.3}.sp-stats small{display:block;font:400 .74rem var(--f-b);color:#8fa6cc;margin-top:2px}
.sp-t small{margin-top:auto;padding-top:10px;border-top:1px dashed var(--ln);font-size:.78rem;color:var(--mut)}

/* dark sections */
.sp-mod,.sp-int,.sp-ams,.sp-glob{background:radial-gradient(800px 460px at 90% 0,#0a6ed133,transparent 70%),linear-gradient(160deg,#0b2447,#071a38);color:#fff}
.sp-mod :is(h2,h3,b,strong,summary),.sp-int :is(h2,h3,b,strong),.sp-ams :is(h2,h3,b,strong),.sp-glob :is(h2,h3,b,strong){color:#fff}
.sp-mod p,.sp-mod li,.sp-mod small,.sp-int p,.sp-int li,.sp-int small,.sp-ams p,.sp-ams li,.sp-ams small,.sp-glob p,.sp-glob li,.sp-glob small{color:#b6c6e4}
.sp-mod .sp-k,.sp-int .sp-k,.sp-ams .sp-k,.sp-glob .sp-k,.sp-ai .sp-k{color:#ffd466!important}.sp-mod .sp-note,.sp-int .sp-note,.sp-ams .sp-note,.sp-glob .sp-note{color:#7f95bd}
.sp-act{background:#fff}.sp-ai{background:linear-gradient(180deg,#eaf3ff,#dcebff)}.sp-staff{background:var(--bg)}
.sp-svc,.sp-ind{background:var(--bg)}

/* modules */
.sp-mf{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.sp-mf button{padding:9px 20px;border:1px solid #ffffff2e;border-radius:99px;background:#ffffff0a;font:600 .86rem var(--f-b);color:#c9dcf7;cursor:pointer;transition:.25s}.sp-mf button:hover{border-color:#7bc2ff;color:#fff}.sp-mf button.is-on{background:linear-gradient(120deg,var(--bl),#2b8cf0);border-color:transparent;color:#fff;box-shadow:0 8px 22px #0a6ed166}
.sp-mg{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.sp-mc{position:relative;display:flex;flex-direction:column;gap:8px;padding:22px;border:1px solid #ffffff1f;border-radius:22px;background:linear-gradient(160deg,#ffffff10,#ffffff05);cursor:pointer;text-align:left;color:#fff;overflow:hidden;transition:transform .4s var(--ease),border-color .3s,box-shadow .4s,background .3s;animation:spin .5s var(--ease) both}
.sp-mc::before{content:"";position:absolute;right:-30px;top:-30px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,#3da5ff33,transparent 70%);transition:.5s}
.sp-mc:hover{transform:translateY(-6px);border-color:#7bc2ff88;box-shadow:0 24px 54px #0008,0 0 36px #0a6ed133}.sp-mc:hover::before{transform:scale(1.6)}
.sp-mc.hide{display:none}
.sp-mc .ab{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,var(--bl),#2b8cf0);font:800 1rem var(--f-d);letter-spacing:-.02em;color:#fff;box-shadow:0 10px 22px #0a6ed155;transition:.4s var(--ease)}.sp-mc:hover .ab{transform:rotate(-6deg) scale(1.08);background:linear-gradient(135deg,#f0ab00,#ffd466);color:#0b2447}
.sp-mc h3{font-size:1.1rem;margin:4px 0 0;color:#fff}.sp-mc p{margin:0;font-size:.84rem;line-height:1.5;color:#b6c6e4}
.sp-mc .more{max-height:0;opacity:0;overflow:hidden;transition:max-height .5s var(--ease),opacity .4s}.sp-mc.is-open .more{max-height:200px;opacity:1}
.sp-mc .more ul{display:grid;gap:6px;margin-top:8px;padding-top:10px;border-top:1px dashed #ffffff2a}.sp-mc .more li{display:flex;gap:8px;font-size:.8rem;color:#dbe6fa}.sp-mc .more li::before{content:"\2713";color:#ffd466;font-weight:800}
.sp-mc .tg{margin-top:auto;font:700 .62rem var(--f-m);letter-spacing:.12em;text-transform:uppercase;color:#7bc2ff}

/* activate */
.sp-actg{display:grid;grid-template-columns:320px 1fr;gap:22px;align-items:stretch}.sp-actg>*{min-width:0}
.sp-rail{position:relative;display:grid;gap:8px;align-content:start}.sp-rail::before{content:"";position:absolute;left:31px;top:30px;bottom:30px;width:2px;background:#0b244718}
.sp-rail button{position:relative;display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:center;padding:12px 16px 12px 12px;border:1px solid var(--ln);border-radius:16px;background:#fff;text-align:left;cursor:pointer;color:var(--ink);overflow:hidden;transition:.3s var(--ease)}
.sp-rail .n{position:relative;z-index:1;display:grid;place-items:center;width:44px;height:44px;border:2px solid #0b244722;border-radius:50%;background:#fff;font:700 .95rem var(--f-d);color:var(--mut);transition:.4s}
.sp-rail b{font:700 1rem var(--f-d);color:var(--ink)}.sp-rail small{display:block;font-size:.76rem;color:var(--mut)}
.sp-rail button:hover{transform:translateX(5px);border-color:#0a6ed155}.sp-rail button.is-on,.sp-rail button.is-done{border-color:#0a6ed155}.sp-rail button.is-done .n,.sp-rail button.is-on .n{background:linear-gradient(135deg,var(--bl),#2b8cf0);border-color:transparent;color:#fff}.sp-rail button.is-on{background:#eef5fe;box-shadow:0 12px 30px #0a6ed122}
.sp-rail u{position:absolute;left:0;bottom:0;height:3px;width:0;background:linear-gradient(90deg,var(--bl),var(--gd));text-decoration:none}.sp-rail button.is-run u{animation:sprun 6s linear forwards}@keyframes sprun{to{width:100%}}
.sp-actp{padding:clamp(22px,3vw,38px);border:1px solid var(--ln);border-radius:26px;background:linear-gradient(160deg,#f6faff,#eaf3ff);box-shadow:0 24px 60px #0a6ed11a;animation:spin .5s var(--ease)}
.sp-actp small.k{font:700 .66rem var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:var(--bl)}.sp-actp h3{font-size:clamp(1.5rem,2.4vw,2.1rem);margin:6px 0 8px}.sp-actp>p{margin:0 0 20px}
.sp-actp .cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}.sp-actp h5{margin:0 0 10px;font:700 .66rem var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.sp-actp ul{display:grid;gap:9px}.sp-actp li{display:flex;gap:10px;padding:10px 14px;border-radius:12px;background:#fff;border:1px solid var(--ln);font-size:.9rem;color:var(--ink);animation:spin .5s var(--ease) both}.sp-actp li::before{content:"\2192";color:var(--bl);font-weight:800}
.sp-actp .dl{display:flex;flex-wrap:wrap;gap:8px}.sp-actp .dl em{padding:7px 15px;border:1px solid #0a6ed133;border-radius:99px;background:#fff;font:600 .8rem var(--f-b);font-style:normal;color:var(--nv)}

/* quiz */
.sp-quiz{margin-top:24px;padding:clamp(22px,3vw,36px);border:1px solid #ffffff24;border-radius:26px;background:linear-gradient(160deg,#ffffff12,#ffffff05)}
.sp-quiz .qh{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.sp-quiz .qh b{font:700 1.15rem var(--f-d);color:#fff}.sp-quiz .qh span{font:600 .68rem var(--f-m);letter-spacing:.1em;text-transform:uppercase;color:#7bc2ff}
.sp-quiz .qd{display:flex;gap:6px;margin-bottom:18px}.sp-quiz .qd i{flex:1;height:4px;border-radius:99px;background:#ffffff1f}.sp-quiz .qd i.on{background:linear-gradient(90deg,var(--bl2),var(--gd))}
.sp-quiz h4{margin:0 0 14px;font:700 1.25rem var(--f-d);color:#fff}.sp-quiz .qo{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sp-quiz .qo button{padding:16px 18px;border:1px solid #ffffff2a;border-radius:16px;background:#ffffff0a;text-align:left;font:600 .92rem var(--f-b);color:#e6efff;cursor:pointer;transition:.3s var(--ease)}.sp-quiz .qo button:hover{border-color:#7bc2ff;transform:translateY(-3px);background:#3da5ff1f}
.sp-quiz .qr{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center}.sp-quiz .qr .big{display:grid;place-items:center;width:110px;height:110px;border-radius:26px;background:linear-gradient(135deg,var(--bl),#2b8cf0);font:800 1.1rem var(--f-d);color:#fff;text-align:center;padding:8px;box-shadow:0 16px 36px #0a6ed166}.sp-quiz .qr h4{margin-bottom:6px}.sp-quiz .qr p{margin:0 0 12px;color:#b6c6e4}.sp-quiz .qr .btns{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.sp-quiz .qr button.rs{border:0;background:none;color:#9fb4d8;font:600 .84rem var(--f-b);text-decoration:underline;cursor:pointer}

/* ai */
.sp-aig{display:grid;grid-template-columns:300px 1fr;gap:20px;align-items:stretch}.sp-aig>*{min-width:0}
.sp-ait{display:grid;gap:10px;align-content:start}.sp-ait button{display:flex;align-items:center;gap:14px;padding:15px 18px;border:1px solid var(--ln);border-radius:16px;background:#fff;text-align:left;font:700 .96rem var(--f-d);color:var(--ink);cursor:pointer;transition:.3s var(--ease)}.sp-ait button i{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:#e6f1fd;font-style:normal;font-size:1.2rem}.sp-ait button:hover{transform:translateX(5px);border-color:#0a6ed155}.sp-ait button.is-on{background:linear-gradient(120deg,var(--nv),var(--nv2));border-color:transparent;color:#fff;box-shadow:0 14px 32px #0b244755}.sp-ait button.is-on i{background:#ffffff22}
.sp-aip{padding:clamp(22px,3vw,36px);border-radius:26px;background:linear-gradient(160deg,#0b2447,#071a38);color:#fff;box-shadow:0 30px 70px #0b244755;animation:spin .5s var(--ease)}
.sp-aip h3{font-size:1.6rem;margin:0 0 6px;color:#fff}.sp-aip>p{margin:0 0 20px;color:#b6c6e4}
.sp-aif{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;align-items:stretch;margin-bottom:20px}.sp-aif .bx{display:grid;gap:4px;align-content:center;padding:16px;border:1px solid #ffffff26;border-radius:16px;background:#ffffff0d;text-align:center}.sp-aif .bx small{font:700 .58rem var(--f-m);letter-spacing:.12em;text-transform:uppercase;color:#7bc2ff}.sp-aif .bx b{font:700 .92rem var(--f-d);color:#fff}.sp-aif .bx.ai{background:linear-gradient(135deg,#0a6ed166,#f0ab0033);border-color:#7bc2ff88;animation:spglow 2.4s ease-in-out infinite}@keyframes spglow{50%{box-shadow:0 0 30px #3da5ff77}}
.sp-aif .ar2{display:grid;place-items:center;color:#ffd466;font-size:1.3rem;animation:spnudge 1.6s ease-in-out infinite}@keyframes spnudge{50%{transform:translateX(6px)}}
.sp-aip .cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}.sp-aip h5{margin:0 0 10px;font:700 .64rem var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:#ffd466}.sp-aip ul{display:grid;gap:8px}.sp-aip li{display:flex;gap:10px;font-size:.9rem;color:#dbe6fa}.sp-aip li::before{content:"\2713";color:#7bc2ff;font-weight:800}
.sp-aip .im{display:flex;flex-wrap:wrap;gap:8px}.sp-aip .im em{padding:8px 16px;border:1px solid #ffffff2a;border-radius:99px;background:#ffffff10;font:700 .82rem var(--f-b);font-style:normal;color:#fff}

/* integration */
.sp-intg{display:grid;grid-template-columns:280px 1fr;gap:20px;align-items:stretch}.sp-intg>*{min-width:0}
.sp-intt{display:grid;gap:10px;align-content:start}.sp-intt button{display:grid;gap:2px;padding:16px 18px;border:1px solid #ffffff22;border-radius:16px;background:#ffffff0a;text-align:left;color:#fff;cursor:pointer;transition:.3s var(--ease)}.sp-intt button b{font:700 1rem var(--f-d);color:#fff}.sp-intt button small{font-size:.78rem;color:#9fb4d8}.sp-intt button:hover{transform:translateX(5px);border-color:#7bc2ff}.sp-intt button.is-on{background:linear-gradient(120deg,#0a6ed155,#f0ab0022);border-color:#7bc2ff}
.sp-intv{padding:clamp(20px,3vw,34px);border:1px solid #ffffff24;border-radius:26px;background:linear-gradient(160deg,#ffffff10,#ffffff04);animation:spin .5s var(--ease)}
.sp-ifl{position:relative;display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:18px;align-items:center;margin-bottom:22px}
.sp-ifl .nd{display:grid;gap:6px;justify-items:center;text-align:center;padding:20px 12px;border:1px solid #ffffff2a;border-radius:20px;background:#ffffff0d;z-index:2}.sp-ifl .nd i{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#ffffff14;font-style:normal;font-size:1.5rem}.sp-ifl .nd b{font:700 .92rem var(--f-d);color:#fff}.sp-ifl .nd small{font-size:.72rem;color:#9fb4d8}
.sp-ifl .nd.sap{background:linear-gradient(145deg,var(--bl),var(--nv2));border-color:transparent;box-shadow:0 16px 36px #0a6ed166}.sp-ifl .nd.mid{border-color:#ffd46688;background:#f0ab0014}
.sp-ifl .wire{position:absolute;top:50%;height:2px;background:repeating-linear-gradient(90deg,#7bc2ff99 0 8px,transparent 8px 16px);animation:spwire 1s linear infinite;z-index:1}.sp-ifl .wire.w1{left:28%;width:12%}.sp-ifl .wire.w2{left:62%;width:12%}@keyframes spwire{to{background-position:16px 0}}
.sp-ifl .pk{position:absolute;top:calc(50% - 5px);width:10px;height:10px;border-radius:50%;background:#ffd466;box-shadow:0 0 14px #ffd466;z-index:3;animation:sppk 2.6s linear infinite}@keyframes sppk{0%{left:26%;opacity:0}10%{opacity:1}90%{opacity:1}100%{left:74%;opacity:0}}
.sp-ipr{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.sp-ipr em{padding:7px 15px;border:1px solid #ffffff2a;border-radius:99px;background:#ffffff0d;font:600 .78rem var(--f-m);font-style:normal;color:#e6efff}
.sp-intv ul{display:grid;gap:8px}.sp-intv li{display:flex;gap:10px;font-size:.92rem;color:#dbe6fa}.sp-intv li::before{content:"\2713";color:#ffd466;font-weight:800}

/* ams */
.sp-amsg{display:grid;grid-template-columns:260px 1fr;gap:20px;align-items:stretch;margin-bottom:24px}.sp-amsg>*{min-width:0}
.sp-amst{display:grid;gap:10px;align-content:start}.sp-amst button{display:flex;align-items:center;gap:14px;padding:14px 18px;border:1px solid #ffffff22;border-radius:16px;background:#ffffff0a;text-align:left;color:#fff;cursor:pointer;transition:.3s var(--ease)}.sp-amst button i{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;font:800 .82rem var(--f-d);font-style:normal;color:#fff}.sp-amst button b{display:block;font:700 .96rem var(--f-d);color:#fff}.sp-amst button small{font-size:.74rem;color:#9fb4d8}.sp-amst button:hover{transform:translateX(5px);border-color:#7bc2ff}.sp-amst button.is-on{background:#ffffff14;border-color:var(--c)}
.sp-amsp{padding:clamp(20px,3vw,34px);border:1px solid #ffffff24;border-radius:26px;background:linear-gradient(160deg,#ffffff10,#ffffff04);animation:spin .5s var(--ease)}
.sp-amsp h3{font-size:1.5rem;margin:0 0 6px}.sp-amsp>p{margin:0 0 20px}
.sp-esc{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;align-items:stretch;margin-bottom:20px}.sp-esc .lv{display:grid;gap:4px;padding:16px;border:1px solid #ffffff26;border-radius:16px;background:#ffffff0d;opacity:.35;transform:scale(.96);transition:.5s var(--ease)}.sp-esc .lv.is-on{opacity:1;transform:none;border-color:var(--c);background:color-mix(in srgb,var(--c) 18%,transparent)}.sp-esc .lv small{font:700 .58rem var(--f-m);letter-spacing:.12em;text-transform:uppercase;color:var(--c)}.sp-esc .lv b{font:700 .92rem var(--f-d);color:#fff}.sp-esc .lv span{font-size:.76rem;color:#b6c6e4}.sp-esc .ar2{display:grid;place-items:center;color:#7f95bd;font-size:1.2rem}
.sp-amsp .tg{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sp-amsp .tg div{padding:14px 16px;border-radius:14px;background:#ffffff0d;border:1px solid #ffffff1f}.sp-amsp .tg small{display:block;font:700 .6rem var(--f-m);letter-spacing:.12em;text-transform:uppercase;color:#7bc2ff}.sp-amsp .tg b{font:800 1.25rem var(--f-d);color:#fff}
.sp-models{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sp-models article{position:relative;padding:clamp(20px,2.4vw,28px);border:1px solid #ffffff22;border-radius:22px;background:#ffffff0a;transition:.4s var(--ease)}.sp-models article:hover{transform:translateY(-6px);border-color:#7bc2ff88}
.sp-models .hot{border-color:#ffd46699;background:linear-gradient(160deg,#f0ab0026,#0a6ed122)}.sp-models em{position:absolute;right:18px;top:-11px;padding:3px 12px;border-radius:99px;background:#ffd466;font:700 .62rem var(--f-m);font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:#0b2447}
.sp-models span{font:700 .64rem var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:#ffd466}.sp-models h3{margin:8px 0 8px;font-size:1.3rem}.sp-models p{margin:0;font-size:.9rem}
.sp-ctl{margin-top:24px;padding:clamp(20px,2.6vw,30px);border:1px solid var(--ln);border-radius:22px;background:linear-gradient(160deg,#f6faff,#eaf3ff)}.sp-ctl>b{display:block;margin-bottom:14px;font:800 1.2rem var(--f-d);color:var(--ink)}.sp-ctl ul{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sp-ctl li{display:flex;gap:10px;padding:12px 16px;border-radius:12px;background:#fff;border:1px solid var(--ln);font-size:.9rem;color:var(--ink)}.sp-ctl li::before{content:"\1F6E1";font-size:.9rem}

/* staff */
.sp-stg{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.sp-sc{position:relative;display:flex;flex-direction:column;gap:8px;padding:22px;border:1px solid var(--ln);border-radius:20px;background:#fff;transition:.4s var(--ease);overflow:hidden}.sp-sc::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--bl),var(--gd));opacity:0;transition:.3s}.sp-sc:hover{transform:translateY(-6px);box-shadow:0 22px 50px #0a6ed122;border-color:#0a6ed155}.sp-sc:hover::before{opacity:1}
.sp-sc .ic{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#e6f1fd;font-size:1.35rem;transition:.4s var(--ease)}.sp-sc:hover .ic{background:linear-gradient(135deg,var(--bl),#2b8cf0);transform:rotate(-6deg) scale(1.08)}
.sp-sc h3{font-size:1.05rem;margin:4px 0 0;line-height:1.25}.sp-sc p{margin:0;font-size:.84rem}.sp-sc .sk{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:8px}.sp-sc .sk em{padding:3px 10px;border-radius:99px;background:#eef5fe;font:600 .68rem var(--f-b);font-style:normal;color:var(--nv)}
.sp-trn{display:grid;grid-template-columns:auto 1fr;gap:6px 24px;align-items:center;margin-top:20px;padding:clamp(18px,2.4vw,28px);border-radius:22px;background:linear-gradient(120deg,var(--nv),var(--nv2));color:#fff}.sp-trn b{font:800 1.3rem var(--f-d);color:#fff}.sp-trn p{margin:0;color:#b6c6e4}.sp-trn div{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.sp-trn span{padding:7px 16px;border:1px solid #ffffff2a;border-radius:99px;background:#ffffff10;font:600 .8rem var(--f-b);color:#e6efff}

/* global */
.sp-globg{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(28px,5vw,70px);align-items:center}.sp-globg>*{min-width:0}
.sp-regs{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.sp-regs span{padding:9px 18px;border:1px solid #ffffff2a;border-radius:99px;background:#ffffff10;font:600 .86rem var(--f-b);color:#fff;transition:.3s var(--ease)}.sp-regs span:hover{background:var(--bl);border-color:var(--bl);transform:translateY(-3px)}
.sp-mapw{padding:clamp(12px,1.6vw,20px);border:1px solid #ffffff1f;border-radius:26px;background:linear-gradient(160deg,#ffffff0f,#ffffff04)}.sp-world{position:relative}.sp-world>svg{display:block;width:100%;height:auto}.sp-dot{fill:#2c4678}.sp-arc{fill:none;stroke:#7bc2ff88;stroke-width:1.5;stroke-dasharray:4 5;vector-effect:non-scaling-stroke;animation:spdash 1.8s linear infinite}
.sp-mpin{position:absolute;z-index:3;translate:-50% -50%;width:34px;height:34px}.sp-mpin::before{content:"";position:absolute;inset:10px;border-radius:50%;background:#ffd466;box-shadow:0 0 16px #ffd466}.sp-mpin::after{content:"";position:absolute;inset:4px;border:2px solid #ffd466;border-radius:50%;animation:sprg 2.4s ease-out infinite;opacity:0}@keyframes sprg{0%{transform:scale(.6);opacity:.9}100%{transform:scale(1.9);opacity:0}}
.sp-mpin span{position:absolute;left:50%;top:-18px;translate:-50% 0;padding:2px 9px;border-radius:99px;background:#fff;font:700 .62rem var(--f-b);color:#0b2447;white-space:nowrap}

@media(max-width:1100px){.sp-mg,.sp-stg{grid-template-columns:repeat(2,1fr)}.sp-actg,.sp-aig,.sp-intg,.sp-amsg,.sp-globg{grid-template-columns:1fr}.sp-rail,.sp-ait,.sp-intt,.sp-amst{grid-template-columns:1fr 1fr}.sp-rail::before{display:none}.sp-stats ul{grid-template-columns:1fr 1fr}.sp-stats li:nth-child(3){border-left:0}.sp-models{grid-template-columns:1fr}.sp-quiz .qo{grid-template-columns:1fr}.sp-ctl ul{grid-template-columns:1fr 1fr}.sp-fc{display:none}}
@media(max-width:700px){.sp-mg,.sp-stg,.sp-rail,.sp-ait,.sp-intt,.sp-amst,.sp-ctl ul{grid-template-columns:1fr}.sp-actp .cols,.sp-aip .cols{grid-template-columns:1fr}.sp-aif,.sp-esc{grid-template-columns:1fr}.sp-aif .ar2,.sp-esc .ar2{transform:rotate(90deg)}.sp-ifl{grid-template-columns:1fr}.sp-ifl .wire,.sp-ifl .pk{display:none}.sp-amsp .tg{grid-template-columns:1fr}.sp-quiz .qr{grid-template-columns:1fr}.sp-trn{grid-template-columns:1fr}.sp-stats li{flex-direction:column;align-items:flex-start;gap:4px}}
@media(prefers-reduced-motion:reduce){.sp-glow i,.sp-mq .t,.sp-fc,.sp-aif .bx.ai,.sp-aif .ar2,.sp-ifl .wire,.sp-ifl .pk,.sp-mpin::after,.sp-arc{animation:none}}

/* ================= v3: delivery roadmap, squad builder, academy ================= */
.sp-act{background:linear-gradient(180deg,#fff,#f1f7ff)}
.sp-rd{display:grid;gap:20px}
.sp-rdbar{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:0;padding-top:6px}
.sp-rdbar .line{position:absolute;left:8.3%;right:8.3%;top:34px;height:4px;border-radius:99px;background:#0b24471c}.sp-rdbar .line u{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--bl),var(--bl2),var(--gd));box-shadow:0 0 12px #3da5ff88;transition:width .8s var(--ease)}
.sp-rdbar button{position:relative;z-index:1;display:grid;justify-items:center;gap:6px;padding:0 6px;border:0;background:none;text-align:center;cursor:pointer;color:var(--ink)}
.sp-rdbar .n{display:grid;place-items:center;width:58px;height:58px;border:3px solid #0b244726;border-radius:50%;background:#fff;font:800 1.15rem var(--f-d);color:var(--mut);transition:.45s var(--ease);box-shadow:0 8px 20px #0b24470f}
.sp-rdbar b{font:700 1rem var(--f-d);color:var(--ink)}.sp-rdbar small{max-width:130px;font-size:.74rem;line-height:1.3;color:var(--mut)}
.sp-rdbar button:hover .n{border-color:var(--bl);color:var(--bl);transform:translateY(-3px)}
.sp-rdbar button.is-done .n{background:linear-gradient(135deg,var(--bl),var(--bl2));border-color:transparent;color:#fff}
.sp-rdbar button.is-on .n{background:linear-gradient(135deg,var(--gd),#ffd466);border-color:transparent;color:#0b2447;transform:scale(1.18);box-shadow:0 0 0 8px #f0ab0026,0 14px 30px #f0ab0055}
.sp-rdbar button.is-on b{color:var(--bl)}
.sp-rdbody{display:grid;grid-template-columns:1.25fr 1fr;gap:20px;animation:spin .5s var(--ease)}.sp-rdbody>*{min-width:0}
.sp-rdbody .rl{padding:clamp(22px,3vw,36px);border:1px solid var(--ln);border-radius:26px;background:#fff;box-shadow:0 24px 60px #0a6ed11a}
.sp-rdbody small.k{font:700 .66rem var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:var(--bl)}.sp-rdbody h3{font-size:clamp(1.6rem,2.6vw,2.3rem);margin:6px 0 8px}.sp-rdbody .rl>p{margin:0 0 20px}
.sp-rdbody .cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sp-rdbody h5{margin:0 0 10px;font:700 .64rem var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.sp-rdbody ul{display:grid;gap:8px}.sp-rdbody li{display:flex;gap:10px;padding:10px 14px;border-radius:12px;background:#f3f8ff;border:1px solid var(--ln);font-size:.88rem;color:var(--ink);animation:spin .5s var(--ease) both}.sp-rdbody li::before{content:"\2192";color:var(--bl);font-weight:800}
.sp-rdbody ul.you li{background:#fffaf0;border-color:#f0ab0033}.sp-rdbody ul.you li::before{content:"\2022";color:var(--gd)}
.sp-rdbody .dl{display:flex;flex-wrap:wrap;gap:8px}.sp-rdbody .dl em{padding:7px 14px;border:1px solid #0a6ed133;border-radius:99px;background:#fff;font:600 .78rem var(--f-b);font-style:normal;color:var(--nv)}
.sp-rdbody .rr{display:grid;gap:14px;align-content:start}
.sp-rdbody .v{min-height:290px;padding:20px;border-radius:26px;background:linear-gradient(160deg,#0b2447,#071a38);box-shadow:0 28px 64px #0b244755;color:#fff;overflow:hidden}
.sp-rdbody .gate{display:flex;align-items:center;gap:14px;padding:16px 20px;border:1px solid #f0ab0055;border-radius:20px;background:linear-gradient(120deg,#fff8e6,#fff);box-shadow:0 14px 30px #f0ab0022}.sp-rdbody .gate i{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--gd),#ffd466);font-style:normal;font-size:1.2rem;color:#0b2447}.sp-rdbody .gate small{display:block;font:700 .6rem var(--f-m);letter-spacing:.12em;text-transform:uppercase;color:#a87400}.sp-rdbody .gate b{font:700 1rem var(--f-d);color:var(--ink)}
.sp-rdctl{display:flex;justify-content:center;gap:10px}.sp-rdctl button{padding:10px 22px;border:1px solid var(--ln);border-radius:99px;background:#fff;font:600 .84rem var(--f-b);color:var(--ink);cursor:pointer;transition:.25s}.sp-rdctl button:hover{border-color:var(--bl);color:var(--bl)}
/* phase visuals */
.v0{position:relative;display:grid;place-items:center;min-height:250px}.v0 .hub{display:grid;place-items:center;width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,var(--bl),#2b8cf0);font:800 .82rem/1.2 var(--f-d);text-align:center;box-shadow:0 0 40px #3da5ffaa;z-index:2}
.v0 i{position:absolute;left:50%;top:50%;width:86px;margin:-17px 0 0 -43px;padding:7px 0;border:1px solid #ffffff33;border-radius:99px;background:#ffffff14;font:600 .72rem var(--f-b);font-style:normal;text-align:center;color:#e6efff;transform:rotate(var(--a)) translateY(-104px) rotate(calc(var(--a) * -1));animation:sppop .6s var(--ease) both}.v0 i:nth-of-type(2){animation-delay:.1s}.v0 i:nth-of-type(3){animation-delay:.2s}.v0 i:nth-of-type(4){animation-delay:.3s}.v0 i:nth-of-type(5){animation-delay:.4s}
@keyframes sppop{from{opacity:0;transform:rotate(var(--a)) translateY(-40px) rotate(calc(var(--a) * -1)) scale(.5)}}
.v1{display:grid;gap:16px;align-content:center;min-height:250px}.v1 .g b{display:block;margin-bottom:6px;font:600 .8rem var(--f-b);color:#c9dcf7}.v1 .g{position:relative;height:auto}.v1 .g u{display:block;height:16px;margin-left:var(--l);width:var(--w);border-radius:99px;background:linear-gradient(90deg,var(--bl2),var(--gd));text-decoration:none;transform-origin:left;animation:spgrow .9s var(--ease) both}.v1 .g:nth-child(2) u{animation-delay:.15s}.v1 .g:nth-child(3) u{animation-delay:.3s}.v1 .g:nth-child(4) u{animation-delay:.45s}
.v2{display:grid;gap:8px;align-content:center;min-height:250px}.v2 .r{display:grid;grid-template-columns:1fr 70px 70px;gap:8px;align-items:center;padding:10px 12px;border-radius:12px;background:#ffffff10;font-size:.84rem;color:#e6efff;animation:spin .5s var(--ease) both}.v2 .r.hd{background:none;font:700 .6rem var(--f-m);letter-spacing:.1em;text-transform:uppercase;color:#7bc2ff}.v2 .r:nth-child(3){animation-delay:.1s}.v2 .r:nth-child(4){animation-delay:.2s}.v2 .r:nth-child(5){animation-delay:.3s}
.v2 .r i{display:grid;place-items:center;width:26px;height:26px;margin:auto;border-radius:50%;font-style:normal;font-size:.8rem}.v2 .r i.ok{background:#34d39933;color:#6ee7b7}.v2 .r i.gp{background:#f0ab0033;color:#ffd466;font-weight:800}
.v3{display:grid;gap:14px;align-content:center;min-height:250px}.v3 .bs{display:grid;gap:12px}.v3 .bs small{display:block;margin-bottom:5px;font:600 .74rem var(--f-b);color:#c9dcf7}.v3 .bs u{display:block;height:10px;border-radius:99px;background:#ffffff1c;overflow:hidden;text-decoration:none}.v3 .bs u::after{content:"";display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--bl2),#34d399);animation:spbar 1.4s var(--ease) .2s forwards}
.v3 svg{width:100%;height:60px}.v3 svg path{fill:none;stroke:#ffd466;stroke-width:3;stroke-linecap:round;stroke-dasharray:240;stroke-dashoffset:240;animation:spdraw2 2s var(--ease) .3s forwards}@keyframes spdraw2{to{stroke-dashoffset:0}}.v3 .cp{font:600 .6rem var(--f-m);letter-spacing:.1em;text-transform:uppercase;color:#7f95bd}
.v4{display:grid;gap:16px;align-content:center;min-height:250px}.v4 .cd{display:grid;place-items:center;padding:20px;border:1px solid #ffd46666;border-radius:20px;background:#f0ab0018;text-align:center}.v4 .cd small{font:700 .62rem var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:#ffd466}.v4 .cd b{font:800 2.2rem var(--f-d);letter-spacing:-.03em;color:#fff}.v4 ul{display:grid;gap:8px}.v4 li{position:static;display:flex;gap:10px;padding:9px 14px;border-radius:12px;background:#ffffff10;border:0;font-size:.84rem;color:#e6efff;animation:spin .5s var(--ease) both}.v4 li::before{content:"\2713";color:#6ee7b7;font-weight:800}.v4 li:nth-child(2){animation-delay:.25s}.v4 li:nth-child(3){animation-delay:.5s}.v4 li:nth-child(4){animation-delay:.75s}
.v5{position:relative;display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:center;min-height:250px}.v5 svg{width:150px;height:150px;transform:rotate(-90deg)}.v5 circle{fill:none;stroke-width:10;stroke:#ffffff1c}.v5 .f{stroke:#34d399;stroke-linecap:round;stroke-dasharray:301.6;stroke-dashoffset:301.6;filter:drop-shadow(0 0 8px #34d399);animation:spdraw3 1.8s var(--ease) .2s forwards}@keyframes spdraw3{to{stroke-dashoffset:22}}
.v5 .gt{position:absolute;left:0;top:50%;width:150px;translate:0 -50%;display:grid;place-items:center;text-align:center}.v5 .gt b{font:800 1.5rem var(--f-d);color:#fff}.v5 .gt span{font:600 .62rem var(--f-m);letter-spacing:.1em;text-transform:uppercase;color:#6ee7b7}.v5 .tk{display:flex;align-items:flex-end;gap:8px;height:110px}.v5 .tk i{flex:1;height:var(--h);border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,var(--bl2),var(--bl));transform-origin:bottom;animation:spbarg .8s var(--ease) both}

/* squad */
.sp-staff{background:var(--bg)}
.sp-sq{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;align-items:start;margin-bottom:clamp(40px,7vh,70px)}.sp-sq>*{min-width:0}
.sp-sql{padding:clamp(18px,2.4vw,28px);border:1px solid var(--ln);border-radius:26px;background:#fff;box-shadow:0 20px 50px #0a6ed114}
.sp-sqh{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.sp-sqh b{font:800 1.2rem var(--f-d);color:var(--ink)}.sp-sqh span{font:600 .64rem var(--f-m);letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
.sp-roles{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sp-roles .rc{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;padding:14px 16px;border:1px solid var(--ln);border-radius:18px;background:#fff;transition:.35s var(--ease)}
.sp-roles .rc .ic{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:color-mix(in srgb,var(--c) 18%,#fff);font-size:1.4rem;transition:.4s var(--ease)}
.sp-roles .rc b{display:block;font:700 .94rem var(--f-d);color:var(--ink);line-height:1.2}.sp-roles .rc small{font-size:.74rem;color:var(--mut)}
.sp-roles .st{display:flex;align-items:center;gap:6px}.sp-roles .st button{width:30px;height:30px;border:1px solid #0b244726;border-radius:50%;background:#fff;font-size:1.05rem;line-height:1;color:var(--ink);cursor:pointer;transition:.2s}.sp-roles .st button:hover{border-color:var(--bl);color:var(--bl);background:#eef5fe}.sp-roles .st output{min-width:20px;text-align:center;font:800 1rem var(--f-d);color:var(--ink)}
.sp-roles .rc:hover{transform:translateY(-3px);box-shadow:0 14px 30px #0a6ed11f}.sp-roles .rc.is-on{border-color:var(--c);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 25%,transparent)}.sp-roles .rc.is-on .ic{background:var(--c);transform:rotate(-6deg) scale(1.08)}
.sp-sqr{position:sticky;top:110px;padding:clamp(20px,2.6vw,30px);border-radius:26px;background:linear-gradient(160deg,#0b2447,#071a38);color:#fff;box-shadow:0 30px 70px #0b244755}
.sp-sqr .k{font:700 .64rem var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:#ffd466}.sp-sqr .tot{display:flex;align-items:baseline;gap:10px;margin:6px 0 14px}.sp-sqr .tot b{font:800 3.4rem/1 var(--f-d);letter-spacing:-.05em;color:#fff}.sp-sqr .tot span{color:#b6c6e4}
.sp-sqr .stk{display:flex;height:14px;border-radius:99px;overflow:hidden;margin-bottom:14px;background:#ffffff14}.sp-sqr .stk i{display:block;height:100%;transition:flex .6s var(--ease)}
.sp-sqr ul{display:grid;gap:7px;margin-bottom:16px}.sp-sqr li{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;background:#ffffff0d;font-size:.84rem;color:#e6efff}.sp-sqr li i{width:10px;height:10px;border-radius:50%}.sp-sqr li b{margin-left:auto;color:#fff}.sp-sqr .em{margin:0 0 16px;padding:18px;border:1px dashed #ffffff33;border-radius:12px;color:#9fb4d8;font-size:.88rem;text-align:center}
.sp-sqr .seg{display:flex;padding:4px;border:1px solid #ffffff26;border-radius:99px;background:#ffffff0a}.sp-sqr .seg button{flex:1;padding:9px 6px;border:0;border-radius:99px;background:none;font:600 .78rem var(--f-b);color:#b6c6e4;cursor:pointer;transition:.3s}.sp-sqr .seg button.is-on{background:linear-gradient(120deg,var(--bl),#2b8cf0);color:#fff}
.sp-sqr .note{margin:10px 0 16px;font-size:.84rem;color:#9fb4d8}.sp-sqr .btn{width:100%}

/* academy */
.sp-acg{display:grid;grid-template-columns:260px 1fr;gap:20px;align-items:stretch}.sp-acg>*{min-width:0}
.sp-act2{display:grid;gap:10px;align-content:start}.sp-act2 button{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--ln);border-radius:16px;background:#fff;text-align:left;font:700 .98rem var(--f-d);color:var(--ink);cursor:pointer;transition:.3s var(--ease)}.sp-act2 button i{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;background:#e6f1fd;font-style:normal;font-size:1.25rem}.sp-act2 button:hover{transform:translateX(5px);border-color:#0a6ed155}.sp-act2 button.is-on{background:linear-gradient(120deg,var(--bl),#2b8cf0);border-color:transparent;color:#fff;box-shadow:0 14px 32px #0a6ed155}.sp-act2 button.is-on b{color:#fff}.sp-act2 button.is-on i{background:#ffffff2e}
.sp-trp{padding:clamp(22px,3vw,36px);border:1px solid var(--ln);border-radius:26px;background:#fff;box-shadow:0 24px 60px #0a6ed11a;animation:spin .5s var(--ease)}
.sp-trp .th h3{font-size:1.6rem;margin:0 0 6px}.sp-trp .th p{margin:0 0 20px}
.sp-trp .cur{position:relative;display:grid;gap:10px;margin-bottom:20px;padding-left:6px}.sp-trp .cur::before{content:"";position:absolute;left:25px;top:20px;bottom:20px;width:2px;background:linear-gradient(180deg,var(--bl),var(--gd));opacity:.35}
.sp-trp .cur li{position:relative;display:flex;align-items:center;gap:16px;padding:12px 16px 12px 12px;border:1px solid var(--ln);border-radius:14px;background:#f6faff;animation:spin .5s var(--ease) both;transition:.3s}.sp-trp .cur li:hover{transform:translateX(5px);border-color:#0a6ed155;background:#fff}
.sp-trp .cur .n{position:relative;z-index:1;display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--bl),var(--bl2));font:800 .9rem var(--f-d);color:#fff;box-shadow:0 6px 14px #0a6ed155}.sp-trp .cur b{font:600 .96rem var(--f-b);color:var(--ink)}
.sp-trp .lv{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;border-radius:14px;background:#eef5fe}.sp-trp .lv span{font:700 .64rem var(--f-m);letter-spacing:.1em;text-transform:uppercase;color:var(--nv)}.sp-trp .lv i{flex:1;height:4px;border-radius:99px;background:linear-gradient(90deg,var(--bl),var(--gd))}
.sp-trp .ft{display:grid;grid-template-columns:1.3fr 1fr;gap:20px}.sp-trp h5{margin:0 0 10px;font:700 .64rem var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}.sp-trp .ch{display:flex;flex-wrap:wrap;gap:8px}.sp-trp .ch em{padding:7px 14px;border:1px solid #0a6ed133;border-radius:99px;background:#fff;font:600 .78rem var(--f-b);font-style:normal;color:var(--nv)}.sp-trp .oc b{display:block;padding:12px 16px;border-radius:12px;background:linear-gradient(120deg,#e6f1fd,#fff6df);font:700 .96rem var(--f-d);color:var(--ink)}

@media(max-width:1100px){.sp-rdbody,.sp-sq,.sp-acg{grid-template-columns:1fr}.sp-sqr{position:static}.sp-rdbar{grid-template-columns:repeat(3,1fr);row-gap:18px}.sp-rdbar .line{display:none}.sp-act2{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.sp-rdbar{grid-template-columns:repeat(2,1fr)}.sp-rdbody .cols,.sp-trp .ft,.sp-roles{grid-template-columns:1fr}.sp-act2{grid-template-columns:1fr}.v5{grid-template-columns:1fr;justify-items:center}.v5 .gt{position:static;translate:none}}
@media(prefers-reduced-motion:reduce){.sp-rdbody,.sp-rdbody li,.v0 i{animation:none}}

/* ================= v4: industries dashboard column + fills ================= */
.sp-indp.two{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(18px,2.6vw,32px);align-items:stretch}.sp-indp.two>*{min-width:0}
.sp-indp .ir{display:flex;flex-direction:column;gap:14px;padding:clamp(18px,2.2vw,26px);border-radius:22px;background:linear-gradient(160deg,#0b2447,#071a38);color:#fff;box-shadow:0 24px 54px #0b244744}
.sp-indp .irh{display:flex;justify-content:space-between;align-items:center;gap:10px}.sp-indp .irh b{font:700 1.05rem var(--f-d);color:#fff}.sp-indp .irh span{font:600 .6rem var(--f-m);letter-spacing:.12em;text-transform:uppercase;color:#7bc2ff}
.sp-indp .irk{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sp-indp .irk>div{display:grid;gap:3px;padding:12px;border:1px solid #ffffff22;border-radius:14px;background:#ffffff0d}.sp-indp .irk small{font:600 .58rem var(--f-m);letter-spacing:.06em;text-transform:uppercase;color:#9cb2d8}.sp-indp .irk b{font:800 1.5rem var(--f-d);letter-spacing:-.03em;color:#fff}.sp-indp .irk i{font:600 .62rem var(--f-b);font-style:normal}.sp-indp .irk i.up{color:#6ee7b7}.sp-indp .irk i.dn{color:#ffd466}
.sp-indp .irc{display:flex;align-items:flex-end;gap:8px;height:92px;padding:12px;border-radius:14px;background:#ffffff0a}.sp-indp .irc i{flex:1;height:var(--h);border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,var(--bl2),var(--bl));transform-origin:bottom;animation:spbarg .8s var(--ease) both}.sp-indp .irc i:nth-child(2){animation-delay:.07s}.sp-indp .irc i:nth-child(3){animation-delay:.14s}.sp-indp .irc i:nth-child(4){animation-delay:.21s}.sp-indp .irc i:nth-child(5){animation-delay:.28s}.sp-indp .irc i:nth-child(6){animation-delay:.35s}.sp-indp .irc i:nth-child(7){animation-delay:.42s;background:linear-gradient(180deg,#ffd466,var(--gd))}
.sp-indp .ir h5{margin:2px 0 0;color:#ffd466}
.sp-indp .irp{display:grid;gap:8px}.sp-indp .irp li{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:#ffffff0d;font-size:.8rem;color:#c9dcf7}.sp-indp .irp li::before{display:none}.sp-indp .irp span{color:#ffb38a}.sp-indp .irp em{font-style:normal;color:#ffd466;font-weight:800}.sp-indp .irp b{font:600 .8rem var(--f-b);color:#fff}
.sp-pin>*{min-width:0}
.sp-panel{display:flex;align-items:center}.sp-panel .sp-pin{width:100%}
@media(max-width:1100px){.sp-indp.two{grid-template-columns:1fr}}
@media(max-width:700px){.sp-indp .irk{grid-template-columns:1fr}.sp-indp .irp li{grid-template-columns:1fr}.sp-indp .irp em{display:none}}

body.s-sap{background:#061a38}