.si-story{
  --si-accent:#12c8e8;
  --si-accent-2:#2676f4;
  --si-ink:#0f1e2a;
  position:relative;
  overflow:hidden;
  isolation:isolate;
  padding:92px max(24px,calc((100vw - 1260px)/2)) 78px;
  background:radial-gradient(circle at top,#12324a 0%,#071722 42%,#04121a 100%);
  color:#f4fbff;
  scroll-margin-top:86px;
}
.si-story::before{
  content:"";
  position:absolute;inset:0;z-index:-2;pointer-events:none;
  background-image:linear-gradient(rgba(103,180,209,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(103,180,209,.09) 1px,transparent 1px);
  background-size:46px 46px;
  -webkit-mask-image:radial-gradient(ellipse at 50% 45%,#000 24%,transparent 88%);
  mask-image:radial-gradient(ellipse at 50% 45%,#000 24%,transparent 88%);
  transform:translate3d(var(--si-px,0px),var(--si-py,0px),0);
  transition:transform .22s ease-out;
}
.si-story::after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(420px circle at var(--si-x,50%) var(--si-y,50%),rgba(44,198,232,.12),transparent 72%);
}
.si-story.is-visible .si-panel{transform:none;opacity:1}
.si-panel{
  position:relative;
  max-width:1220px;
  margin:0 auto;
  background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%);
  border:1px solid rgba(82,138,171,.16);
  border-radius:36px;
  box-shadow:0 28px 90px rgba(0,0,0,.24), 0 10px 28px rgba(10,68,98,.08);
  color:#122330;
  padding:42px clamp(18px,3vw,40px) 34px;
  opacity:.01;
  transform:translateY(22px);
  transition:transform .8s cubic-bezier(.22,1,.36,1),opacity .8s ease;
}
.si-panel::before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(135deg,rgba(20,201,231,.055),transparent 28%,transparent 72%,rgba(41,117,246,.05));
}
.si-panel-heading{max-width:980px;margin:0 auto 28px;text-align:center}
.si-eyebrow{display:block;color:#0eb5d7;font-weight:800;font-size:14px;letter-spacing:.4px;margin-bottom:12px}
.si-panel-heading h2{margin:0 0 14px;color:#0f1c25;font-size:clamp(28px,3.3vw,48px);line-height:1.18;font-weight:800}
.si-panel-heading p{margin:0;color:#4d6472;font-size:clamp(15px,1.35vw,18px);line-height:1.95}
.si-story-link{display:inline-flex;gap:12px;align-items:center;justify-content:center;min-height:48px;padding:13px 24px;border-radius:999px;text-decoration:none;font-weight:800;font-size:15px;color:#fff!important;background:linear-gradient(135deg,#0fbad9,#1673f4);box-shadow:0 12px 26px rgba(25,116,243,.22);transition:transform .25s ease,box-shadow .25s ease}
.si-story-link:hover,.si-story-link:focus-visible{transform:translateY(-2px);box-shadow:0 18px 32px rgba(25,116,243,.28)}
.si-story-link:focus-visible{outline:3px solid rgba(17,145,255,.35);outline-offset:4px}
.si-story-summary{display:flex;justify-content:center;align-items:center;gap:10px;text-align:center;color:#5f7381;font-size:14px;line-height:1.8;margin:26px auto 18px}.si-story-summary span{color:#0bbede;font-size:18px}

/* Slide 2 - Solutions infographic */
.si-solutions-showcase .si-panel{padding-bottom:30px}
.si-solutions-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin:0 auto 18px}
.si-kpi-card{position:relative;background:#fff;border:1px solid #e7eff4;border-radius:22px;padding:18px 12px 16px;text-align:center;box-shadow:0 10px 26px rgba(8,37,61,.06);transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .2s ease,box-shadow .25s ease}
.si-kpi-card strong{display:block;color:#111d28;font-size:28px;line-height:1.1;margin-bottom:8px;font-weight:800}
.si-kpi-card span{display:block;font-weight:700;color:#314754;font-size:14px}
.si-kpi-card small{display:block;color:#8092a0;font-size:11px;margin-top:6px}
.si-kpi-card:hover{box-shadow:0 16px 34px rgba(12,57,95,.12)}
.si-solution-domains{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;color:#5b717e;font-size:12.5px;font-weight:700;margin-bottom:20px}
.si-solution-domains span{position:relative;padding-inline:14px}
.si-solution-domains span:not(:last-child)::after{content:"";position:absolute;left:-8px;top:50%;width:4px;height:4px;border-radius:50%;background:#49c3e7;transform:translateY(-50%)}
.si-ecosystem-scene{position:relative;min-height:660px;border-radius:28px;border:1px solid #edf4f8;background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);overflow:hidden;padding:18px 18px 132px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}
.si-eco-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(18,140,170,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(18,140,170,.06) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(#000,transparent 95%);-webkit-mask-image:linear-gradient(#000,transparent 95%)}
.si-eco-line{position:absolute;height:2px;border-radius:999px;background:linear-gradient(90deg,rgba(51,174,210,.18),rgba(28,119,244,.6),rgba(51,174,210,.18));box-shadow:0 0 14px rgba(41,157,245,.18)}
.si-eco-line::after{content:"";position:absolute;top:50%;width:66px;height:6px;border-radius:999px;background:linear-gradient(90deg,transparent,#58dfff,transparent);filter:blur(.2px);transform:translateY(-50%);animation:si-glide 5.5s linear infinite}
.si-line-a{top:185px;left:17%;width:66%;transform:rotate(-10deg)}
.si-line-b{top:282px;left:14%;width:72%;transform:rotate(6deg)}
.si-line-c{top:374px;left:18%;width:60%;transform:rotate(-4deg)}
.si-line-a::after{animation-duration:5s}.si-line-b::after{animation-duration:6.4s}.si-line-c::after{animation-duration:5.8s}
@keyframes si-glide{from{left:-8%}to{left:100%}}
.si-hub-badge{position:absolute;left:50%;top:278px;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0%,#ebf6ff 60%,#dceeff 100%);border:2px solid rgba(38,131,241,.18);display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 14px 30px rgba(6,57,92,.12), inset 0 0 24px rgba(72,199,232,.16);z-index:2;animation:si-breathe 4.8s ease-in-out infinite}
.si-hub-badge span{font-size:52px;line-height:1;font-weight:900;color:#182434;letter-spacing:-1px}
.si-hub-badge small{display:block;width:85%;text-align:center;font-size:11px;line-height:1.6;color:#668091}
@keyframes si-breathe{50%{transform:translate(-50%,-50%) scale(1.03)}}
.si-cityline{position:absolute;left:50%;bottom:116px;transform:translateX(-50%);width:min(740px,88%);height:160px;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding-inline:20px;border-bottom:3px solid rgba(10,23,35,.72)}
.si-cityline::before,.si-cityline::after{content:"";position:absolute;bottom:-8px;width:18px;height:18px;border-radius:50%;background:#10345d;box-shadow:0 0 0 6px rgba(16,52,93,.08)}
.si-cityline::before{left:0}.si-cityline::after{right:0}
.tower{display:block;position:relative;width:58px;border-radius:6px 6px 0 0;background:linear-gradient(180deg,#f4fafe 0%,#d9edff 100%);border:1px solid rgba(67,133,178,.22);box-shadow:0 15px 22px rgba(0,0,0,.06)}
.tower::before{content:"";position:absolute;inset:8px 8px 8px 8px;background:repeating-linear-gradient(180deg,rgba(21,112,241,.2) 0 8px,transparent 8px 14px),repeating-linear-gradient(90deg,rgba(21,112,241,.12) 0 8px,transparent 8px 16px);opacity:.88;border-radius:3px}
.tower::after{content:"";position:absolute;left:50%;top:-8px;transform:translateX(-50%);width:16px;height:16px;border-radius:50%;background:radial-gradient(circle,#7ff1ff 0%,#18b6d5 65%,transparent 70%);box-shadow:0 0 20px rgba(37,202,235,.48)}
.tower-a{height:68px}.tower-b{height:106px}.tower-c{height:132px}.tower-d{height:92px}.tower-e{height:144px}.tower-f{height:110px}.tower-g{height:78px}
.si-solution-bubble{position:absolute;width:min(240px,30%);min-height:110px;background:#fff;border:1px solid #dbe8ef;border-radius:22px;padding:16px 18px 15px;box-shadow:0 18px 36px rgba(9,37,62,.09);transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .2s ease, box-shadow .25s ease}
.si-solution-bubble .icon,.si-orbit .si-dot-icon{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(180deg,#17c7e7,#1673f4);color:#fff;box-shadow:0 8px 18px rgba(22,115,244,.26)}
.si-solution-bubble .icon{width:42px;height:42px;margin-bottom:10px}
.si-solution-bubble .icon svg,.si-orbit .si-dot-icon svg{width:20px;height:20px;stroke:currentColor;fill:none}
.si-solution-bubble strong{display:block;color:#11202b;font-size:17px;margin-bottom:6px;font-weight:800;line-height:1.35}
.si-solution-bubble small{display:block;color:#6e8290;font-size:12px;line-height:1.8}
.si-solution-bubble:hover{box-shadow:0 22px 40px rgba(12,51,88,.16)}
.bubble-finance{top:72px;left:42px}
.bubble-pos{top:98px;right:46px}
.bubble-web{top:236px;left:62px}
.bubble-mobile{top:240px;right:66px}
.bubble-ai{bottom:170px;left:90px}
.bubble-marketing{bottom:168px;right:88px}
.si-brand-strip{position:absolute;left:18px;right:18px;bottom:18px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.si-brand-chip{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e8eff5;border-radius:18px;padding:12px 14px;box-shadow:0 10px 24px rgba(12,40,63,.05);min-height:72px;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .2s ease}
.si-brand-chip .chip-icon{flex:0 0 auto;width:34px;height:34px;border-radius:12px;display:grid;place-items:center;font-weight:900;color:#fff;background:linear-gradient(135deg,#18c6e6,#1a6ff4)}
.si-brand-chip b{display:block;color:#203341;font-size:13px;font-weight:800}
.si-brand-chip small{display:block;color:#7a8c98;font-size:11px;line-height:1.55}

/* Slide 3 - lifecycle / digital twin */
.si-lifecycle-showcase .si-panel{padding-bottom:28px}
.si-lifecycle-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,220px) minmax(0,1fr);gap:14px;align-items:center;direction:ltr;margin-top:14px}
.si-stage-circle{position:relative;aspect-ratio:1/1;max-width:430px;width:100%;justify-self:center}
.si-stage-circle::before{content:"";position:absolute;inset:48px;border-radius:50%;border:2px solid rgba(54,160,188,.33);box-shadow:inset 0 0 44px rgba(18,201,231,.06),0 0 0 18px rgba(18,201,231,.03)}
.si-stage-circle::after{content:"";position:absolute;inset:44px;border-radius:50%;border:2px dashed rgba(23,114,243,.28);animation:si-spin 40s linear infinite}
@keyframes si-spin{to{transform:rotate(360deg)}}
.si-stage-label-top{position:absolute;top:62px;left:50%;transform:translateX(-50%);color:#7b919e;font-size:12px;letter-spacing:.22em;font-weight:800}
.si-stage-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:clamp(28px,3vw,52px);font-weight:900;color:#222b32;letter-spacing:-1px;text-shadow:0 3px 0 rgba(0,0,0,.045)}
.si-stage-center-ops{top:auto;bottom:112px;font-size:25px;letter-spacing:0;color:#20313b;white-space:nowrap}
.si-orbit{position:absolute;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.95);padding:9px 11px 9px 9px;border:1px solid #e1ebf2;border-radius:18px;box-shadow:0 12px 26px rgba(10,39,65,.08);min-width:160px;max-width:190px;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .2s ease,box-shadow .25s ease}
.si-orbit:hover{box-shadow:0 16px 30px rgba(9,48,80,.14)}
.si-orbit .si-dot-icon{flex:0 0 auto;width:38px;height:38px}
.si-orbit b{display:block;color:#1f2e39;font-size:13px;line-height:1.3;font-weight:800}
.si-orbit small{display:block;color:#7f93a0;font-size:11px;line-height:1.4}
.orbit-1{top:24px;left:50%;transform:translateX(-50%)}
.orbit-2{top:118px;right:6px}
.orbit-3{bottom:112px;right:18px}
.orbit-4{bottom:22px;left:50%;transform:translateX(-50%)}
.orbit-5{bottom:112px;left:18px}
.orbit-6{top:118px;left:6px}
.orbit-a{top:24px;left:50%;transform:translateX(-50%)}
.orbit-b{top:118px;right:6px}
.orbit-c{bottom:112px;right:18px}
.orbit-d{bottom:22px;left:50%;transform:translateX(-50%)}
.orbit-e{bottom:112px;left:18px}
.orbit-f{top:118px;left:6px}
.si-data-bridge{display:flex;flex-direction:column;align-items:center;gap:12px}
.si-bridge-tag{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:999px;background:#eef6fb;color:#396174;font-size:12px;font-weight:800;letter-spacing:.1em}
.si-bridge-flow{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
.si-bridge-arrow{font-size:36px;line-height:1;color:#14b9da;animation:si-fade 2.8s ease-in-out infinite}
.si-bridge-arrow.right{animation-delay:1.3s}
@keyframes si-fade{50%{opacity:.32;transform:translateX(var(--si-tx,0))}}
.si-bridge-arrow.left{--si-tx:-4px}.si-bridge-arrow.right{--si-tx:4px}
.si-bridge-core{width:min(100%,184px);padding:20px 16px;border-radius:22px;text-align:center;background:linear-gradient(180deg,#112634 0%,#0d3b54 100%);border:1px solid rgba(61,207,236,.42);box-shadow:0 18px 34px rgba(5,29,47,.22)}
.si-bridge-core span{display:block;color:#86ebff;font-size:11px;letter-spacing:.18em;font-weight:800;margin-bottom:8px}
.si-bridge-core strong{display:block;color:#fff;font-size:18px;line-height:1.35;margin-bottom:8px}
.si-bridge-core small{display:block;color:#b4d3df;font-size:11px;line-height:1.7}
.si-digital-core{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:168px;height:150px;pointer-events:none}
.si-digital-core .layer{position:absolute;left:50%;width:118px;height:42px;transform:translateX(-50%) skewX(-28deg);border-radius:10px;background:linear-gradient(135deg,#70f4ff,#1cbff0 35%,#226eff);box-shadow:0 18px 30px rgba(28,109,244,.17), inset 0 0 18px rgba(255,255,255,.28);border:1px solid rgba(255,255,255,.4)}
.si-digital-core .layer::before{content:"";position:absolute;inset:6px 14px;border-radius:6px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.32) 0 8px,transparent 8px 17px),repeating-linear-gradient(180deg,rgba(255,255,255,.22) 0 8px,transparent 8px 16px);opacity:.74}
.si-digital-core .layer-1{top:86px;animation:si-float1 5.4s ease-in-out infinite}
.si-digital-core .layer-2{top:60px;width:128px;animation:si-float2 5.1s ease-in-out infinite}
.si-digital-core .layer-3{top:34px;width:104px;animation:si-float3 4.8s ease-in-out infinite}
.si-digital-core .layer-4{top:8px;width:84px;animation:si-float4 4.5s ease-in-out infinite}
.si-digital-core .glow{position:absolute;left:50%;top:56%;transform:translate(-50%,-50%);width:172px;height:172px;border-radius:50%;background:radial-gradient(circle,rgba(89,236,255,.26),transparent 72%);filter:blur(6px)}
@keyframes si-float1{50%{transform:translateX(-50%) translateY(-5px) skewX(-28deg)}}
@keyframes si-float2{50%{transform:translateX(-50%) translateY(-8px) skewX(-28deg)}}
@keyframes si-float3{50%{transform:translateX(-50%) translateY(-11px) skewX(-28deg)}}
@keyframes si-float4{50%{transform:translateX(-50%) translateY(-14px) skewX(-28deg)}}
.si-lifecycle-footer{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px}
.si-mini-card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e8eff5;border-radius:22px;padding:14px 16px;box-shadow:0 10px 26px rgba(12,40,63,.05);transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .2s ease}
.si-mini-card img{width:52px;height:52px;object-fit:contain;flex:0 0 auto}
.si-mini-card b{display:block;color:#22323e;font-size:14px;margin-bottom:4px}
.si-mini-card small{display:block;color:#7d919d;font-size:12px;line-height:1.6}

/* Generic motion toggles */
.si-story.si-motion-paused *, .si-story.si-motion-paused *::before, .si-story.si-motion-paused *::after{animation-play-state:paused!important}

/* Responsive */
@media (max-width:1180px){
  .si-solutions-kpis{grid-template-columns:repeat(3,1fr)}
  .si-brand-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
  .si-lifecycle-stage{grid-template-columns:minmax(0,1fr);gap:12px}
  .si-data-bridge{order:2;flex-direction:row;justify-content:center;gap:14px}
  .si-bridge-flow{flex-direction:row}
  .si-bridge-arrow{transform:rotate(90deg)}
}
@media (max-width:980px){
  .si-story{padding:72px 18px 62px}
  .si-panel{border-radius:28px;padding:34px 16px 24px}
  .si-ecosystem-scene{min-height:auto;padding:18px 16px 18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .si-eco-grid,.si-eco-line,.si-cityline{display:none}
  .si-hub-badge{position:relative;left:auto;top:auto;transform:none;order:1;justify-self:center;grid-column:1/-1;width:138px;height:138px;margin-bottom:2px}
  .si-solution-bubble{position:relative;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:auto;min-height:132px}
  .si-brand-strip{position:relative;left:auto;right:auto;bottom:auto;order:8;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:4px}
  .si-stage-circle{max-width:400px}
  .si-orbit{min-width:148px;max-width:172px}
  .si-lifecycle-footer{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:720px){
  .si-solutions-kpis{grid-template-columns:repeat(2,1fr)}
  .si-solution-domains{gap:10px;font-size:11px}
  .si-lifecycle-stage{margin-top:4px}
  .si-stage-circle{max-width:352px}
  .si-stage-circle::before{inset:42px}
  .si-stage-circle::after{inset:38px}
  .si-stage-label-top{top:54px}
  .si-stage-center{font-size:38px}
  .si-stage-center-ops{bottom:96px;font-size:22px}
  .si-digital-core{width:150px;height:136px}
  .si-orbit{min-width:0;max-width:none;width:152px;padding:8px 9px;border-radius:16px}
  .si-orbit b{font-size:12px}.si-orbit small{font-size:10px}
  .si-lifecycle-footer{grid-template-columns:1fr}
}
@media (max-width:520px){
  .si-panel-heading h2{font-size:29px}
  .si-solutions-kpis{grid-template-columns:1fr 1fr;gap:10px}
  .si-kpi-card strong{font-size:24px}
  .si-ecosystem-scene{grid-template-columns:1fr}
  .si-hub-badge,.si-brand-strip{grid-column:1}
  .si-brand-strip{grid-template-columns:1fr}
  .si-stage-circle{max-width:320px}
  .si-stage-circle::before{inset:46px}.si-stage-circle::after{inset:42px}
  .si-stage-label-top{top:58px;font-size:11px}
  .si-stage-center{font-size:30px}
  .si-stage-center-ops{bottom:92px;font-size:20px}
  .si-digital-core{top:44%;width:132px;height:122px}
  .si-digital-core .layer{height:36px}.si-digital-core .layer-1{width:104px;top:72px}.si-digital-core .layer-2{width:112px;top:50px}.si-digital-core .layer-3{width:94px;top:29px}.si-digital-core .layer-4{width:74px;top:6px}
  .si-orbit{width:136px;padding:7px 8px;gap:8px}
  .si-orbit .si-dot-icon{width:34px;height:34px}
  .si-orbit b{font-size:11px}.si-orbit small{font-size:9px}
  .orbit-2{top:116px;right:-4px}.orbit-6{top:116px;left:-4px}.orbit-3{bottom:110px;right:8px}.orbit-5{bottom:110px;left:8px}
  .si-data-bridge{gap:10px}.si-bridge-core{width:156px;padding:14px 10px}.si-bridge-core strong{font-size:15px}
}
@media (hover:none), (pointer:coarse){
  .si-story::before{transform:none;transition:none}
  .si-story::after{display:none}
  .si-kpi-card,.si-solution-bubble,.si-brand-chip,.si-orbit,.si-mini-card{transform:none!important}
}
@media (prefers-reduced-motion: reduce){
  .si-story *,.si-story::before,.si-story::after{animation:none!important;transition:none!important}
  .si-story::after{display:none}
}


/* Refinement update: minimal text, premium palette, Tajawal/GS typography */
.si-story{--si-accent:#18d4e8;--si-accent-2:#2b63f6;--si-accent-3:#86f6ff;background:radial-gradient(circle at top,#0f2b43 0%,#081926 44%,#041019 100%);font-family:var(--font-tajawal);}
.si-panel{background:linear-gradient(180deg,#ffffff 0%,#f7fbff 42%,#f2f9ff 100%);border:1px solid rgba(71,128,170,.14);box-shadow:0 30px 80px rgba(2,15,27,.25),0 12px 32px rgba(13,86,126,.08);}
.si-panel::before{background:linear-gradient(135deg,rgba(24,212,232,.06),transparent 28%,transparent 68%,rgba(43,99,246,.055));}
.si-panel-heading{margin-bottom:24px;}
.si-panel-heading h2{font-family:var(--font-tajawal);font-weight:800;letter-spacing:0;font-size:clamp(30px,3.5vw,50px);color:#102230;text-shadow:0 1px 0 rgba(255,255,255,.55);}
.si-panel-heading p,.si-eyebrow{display:none !important;}
.si-story-summary{margin-top:18px;margin-bottom:12px;min-height:16px;color:transparent;}
.si-solutions-kpis{gap:16px;margin-bottom:22px;}
.si-kpi-card{background:linear-gradient(180deg,#ffffff 0%,#fbfeff 100%);border-color:#e3edf4;border-radius:24px;box-shadow:0 12px 28px rgba(6,38,62,.06);}
.si-kpi-card strong{font-family:var(--font-tajawal);font-weight:800;color:#112231;font-size:30px;}
.si-kpi-card span{font-family:var(--font-tajawal);font-weight:700;color:#314655;}
.si-kpi-card small{font-family:var(--font-tajawal);color:#7d8f9b;}
.si-solution-domains{font-family:var(--font-tajawal);color:#5d7582;}
.si-ecosystem-scene{background:linear-gradient(180deg,#ffffff 0%,#fbfdff 55%,#f7fbff 100%);border-color:#ebf2f7;border-radius:30px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.75);}
.si-hub-badge{background:radial-gradient(circle at 35% 30%,#ffffff 0%,#eef9ff 58%,#dcedff 100%);border-color:rgba(25,116,244,.18);box-shadow:0 18px 34px rgba(7,48,81,.14), inset 0 0 24px rgba(24,212,232,.16);}
.si-hub-badge span{font-family:var(--font-tajawal);color:#132230;}
.si-solution-bubble,.si-brand-chip,.si-orbit,.si-mini-card{background:rgba(255,255,255,.98);border-color:#e1ebf2;box-shadow:0 14px 30px rgba(9,35,58,.08);}
.si-solution-bubble strong,.si-brand-chip b,.si-orbit b,.si-mini-card b{font-family:var(--font-tajawal);font-weight:800;color:#172732;}
.si-solution-bubble small,.si-brand-chip small,.si-orbit small,.si-mini-card small{font-family:var(--font-tajawal);color:#788b97;}
.si-solution-bubble .icon,.si-orbit .si-dot-icon,.si-brand-chip .chip-icon{background:linear-gradient(135deg,#18d4e8,#2b63f6);box-shadow:0 10px 20px rgba(43,99,246,.22);}
.si-brand-chip .chip-icon{font-family:var(--font-tajawal);}
.si-story-link{font-family:var(--font-tajawal);font-weight:800;background:linear-gradient(135deg,#15cfe4,#2b63f6);box-shadow:0 14px 30px rgba(22,111,240,.24);}
.si-story-link:hover,.si-story-link:focus-visible{box-shadow:0 18px 36px rgba(22,111,240,.3);}
.si-stage-circle::before{border-color:rgba(55,165,191,.34);box-shadow:inset 0 0 44px rgba(24,212,232,.06),0 0 0 18px rgba(24,212,232,.03);}
.si-stage-circle::after{border-color:rgba(43,99,246,.22);}
.si-stage-label-top{font-family:var(--font-tajawal);color:#7e95a2;}
.si-stage-center,.si-stage-center-ops{font-family:var(--font-tajawal);color:#1d2a34;}
.si-bridge-core{background:linear-gradient(180deg,#0f2434 0%,#0d3d57 100%);border-color:rgba(77,220,243,.45);}
.si-bridge-core strong,.si-bridge-core span,.si-bridge-core small{font-family:var(--font-tajawal);}
.si-data-bridge .si-bridge-tag{font-family:var(--font-tajawal);background:#eef7fb;color:#416576;}
@media (max-width:520px){.si-panel-heading h2{font-size:30px;}.si-kpi-card strong{font-size:24px;}}