.smj-journey{--smj-accent:#168bff;--smj-bg:#030f25;--smj-speed:7s;--smj-glow:.65;--smj-ink:#f3f7ff;--smj-muted:#a6b8d4;--smj-border:#213958;position:relative;isolation:isolate;background:radial-gradient(ellipse at 48% 48%,#08235188,transparent 47%),radial-gradient(ellipse at 0 0,#09204d88,transparent 40%),var(--smj-bg);color:var(--smj-ink);font-family:inherit;font-size:15px;line-height:1.55;overflow:hidden;padding:48px 32px 36px;box-sizing:border-box;width:100%;container-type:inline-size}
.smj-journey:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#1b4d7e16 1px,transparent 1px),linear-gradient(90deg,#1b4d7e16 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,#000,transparent 30%,transparent 70%,#000);pointer-events:none}
.smj-journey *,.smj-journey *:before,.smj-journey *:after{box-sizing:border-box}
.smj-journey [hidden]{display:none!important}
.smj-journey a,.smj-journey button{-webkit-tap-highlight-color:transparent}
.smj-journey button{font:inherit;text-transform:none;letter-spacing:normal;margin:0;cursor:pointer;min-height:44px;box-shadow:none}
.smj-journey a{text-decoration:none;color:inherit}
.smj-journey a:focus-visible,.smj-journey button:focus-visible{outline:3px solid #a8e5ff;outline-offset:6px}
.smj-journey h1,.smj-journey h2,.smj-journey h3,.smj-journey h4,.smj-journey p,.smj-journey ul,.smj-journey ol{margin:0;color:inherit;font-family:inherit}
.smj-inner{max-width:1360px;margin-inline:auto}
.smj-header{text-align:center;margin:0 auto 28px;max-width:1100px}
.smj-eyebrow{display:flex;justify-content:center;align-items:center;gap:15px;color:#6dbaff!important;font-size:11px;font-weight:650;letter-spacing:2.8px;text-transform:uppercase}
.smj-eyebrow>span{display:block;width:27px;height:1px;background:var(--smj-accent)}
.smj-journey .smj-title{font-size:clamp(28px,3.3vw,50px);line-height:1.16;letter-spacing:-1.6px;font-weight:750;margin:16px 0 12px;text-transform:none}
.smj-title em{font-style:normal;color:#5fb4ff;color:color-mix(in srgb,var(--smj-accent) 68%,white)}
.smj-journey .smj-intro{color:var(--smj-muted);font-size:18px;line-height:1.7}
.smj-scene{display:grid;grid-template-columns:minmax(190px,.85fr) minmax(400px,2.3fr) minmax(260px,1.03fr);align-items:center;gap:16px;min-width:0}
.smj-stage-list{list-style:none!important;padding:0!important;display:flex;flex-direction:column;gap:9px}
.smj-stage-list li{padding:0;margin:0;list-style:none}
.smj-stage{display:flex;align-items:center;gap:13px;padding:12px 13px;border:1px solid transparent;border-radius:100px;background:transparent;position:relative;transition:background .25s,border-color .25s,box-shadow .25s}
.smj-stage-list li:not(:last-child) .smj-stage:after{content:"";position:absolute;width:1px;height:26px;background:var(--smj-border);top:49px;inset-inline-start:32px;z-index:-1}
.smj-stage.is-active{border-color:var(--smj-accent);background:linear-gradient(100deg,#0e438599,#07234d66);box-shadow:inset 0 0 22px #168bff24,0 0 22px #168bff19}
.smj-number{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;font-size:14px;font-weight:600;border:1px solid #466184;border-radius:50%;background:var(--smj-bg);color:#d5e4fa}
.smj-stage.is-active .smj-number{border-color:#64c2ff;background:#0846ae;color:white;box-shadow:0 0 14px #2b9bff88}
.smj-stage strong{display:block;font-size:13px;font-weight:600;line-height:1.35}
.smj-stage small{display:block;font-size:10px;color:var(--smj-muted);margin-top:5px;line-height:1.45}
.smj-orbit{position:relative;width:100%;aspect-ratio:1/1;min-width:0;direction:ltr;align-self:center}
.smj-outer-track{position:absolute;inset:11%;border:1px solid #2984e69c;border-radius:50%;box-shadow:0 0 70px #0870ff10}
.smj-orbit-ticks{position:absolute;inset:22%;border:1px solid #2860a443;border-radius:50%}
.smj-orbit-ticks:before{content:"";position:absolute;inset:7px;border:1px dashed #2960a655;border-radius:50%}
.smj-core{position:absolute;inset:29%;display:grid;place-items:center;isolation:isolate}
.smj-nucleus{width:84%;height:84%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at 50% 0,#154faa88,transparent 62%),radial-gradient(circle at center,#06152e 43%,#072658 80%,#147cfc);border:1px solid #539aff9c;border-radius:50%;box-shadow:inset 0 0 34px #1f78ff5c,0 0 30px #006fff24;z-index:2;position:relative;text-align:center;overflow:hidden;padding:10px}
.smj-nucleus:before{content:"";position:absolute;inset:8px;border-radius:50%;border:1px solid #3686fc24;pointer-events:none}
.smj-mark{width:35%;height:auto;max-height:65px;margin-bottom:10px;color:#e1edff}
.smj-nucleus strong{font-size:clamp(13px,1.55vw,24px);font-weight:700;letter-spacing:.5px;line-height:1.3}
.smj-nucleus>span{font-size:clamp(6px,.58vw,9px);letter-spacing:1.6px;margin-top:3px;color:#bcd9ff}
.smj-logo{width:76%;height:auto;max-height:70%;object-fit:contain}
.smj-electron-track{position:absolute;inset:-11%;border-radius:50%;border:1px solid #56adf06b;z-index:3;pointer-events:none}
.smj-electron-track-one{transform:rotate(-28deg) scaleY(.57)}
.smj-electron-track-two{transform:rotate(46deg) scaleY(.57)}
.smj-electron-track-three{transform:rotate(107deg) scaleY(.57)}
.smj-electron-spinner{position:absolute;inset:-1px;border-radius:50%;animation:smj-spin var(--smj-speed) linear infinite;animation-play-state:paused}
.smj-electron-spinner:before{content:"";position:absolute;inset:-2px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg 255deg,#168bff08 265deg,var(--smj-accent) 349deg,#c8f4ff 360deg);mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));opacity:calc(.3 + var(--smj-glow)*.7)}
.smj-electron-spinner i{position:absolute;left:50%;top:0;width:8px;height:8px;transform:translate(-50%,-50%);border-radius:50%;background:#edfcff;box-shadow:0 0 5px white,0 0 12px var(--smj-accent),0 0 26px var(--smj-accent);opacity:calc(.4 + var(--smj-glow)*.6)}
.smj-electron-track-two .smj-electron-spinner{animation-direction:reverse;animation-delay:-2.7s;animation-duration:calc(var(--smj-speed)*1.25)}
.smj-electron-track-three .smj-electron-spinner{animation-delay:-5s;animation-duration:calc(var(--smj-speed)*1.55)}
.smj-node{position:absolute;left:var(--smj-x);top:var(--smj-y);width:24%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:1px solid #5689bdb8;transition:transform .35s,border-color .35s,box-shadow .35s;z-index:4;background:#0c1c37}
.smj-node-photo{position:absolute;inset:3px;border-radius:50%;overflow:hidden;display:block;background:#183558}
.smj-photo{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.65) brightness(.85);transition:filter .35s}
.smj-demo{background-image:url('design-reference.png');background-size:1048.5714% 1097.1429%;background-repeat:no-repeat}
.smj-demo-0{background-position:48.5693% 25.9312%}.smj-demo-1{background-position:64.5331% 32.8797%}.smj-demo-2{background-position:71.3855% 48.4241%}.smj-demo-3{background-position:65.5120% 64.4699%}.smj-demo-4{background-position:48.5693% 71.2751%}.smj-demo-5{background-position:32.3795% 64.4699%}.smj-demo-6{background-position:25.6024% 48.7822%}.smj-demo-7{background-position:32.3795% 32.9513%}
.smj-node:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 16px #409bff40;pointer-events:none}
.smj-node-number{position:absolute;top:-5%;left:50%;transform:translate(-50%,-30%);width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#063170;border:1px solid #70bfff;font-size:12px;font-weight:650;box-shadow:0 0 10px #088fff80;color:white;z-index:2}
.smj-node.is-active{border:2px solid #bfefff;box-shadow:0 0 8px #c0efff,0 0 30px #168bff88;transform:translate(-50%,-50%) scale(1.055)}
.smj-node.is-active .smj-photo,.smj-node:hover .smj-photo{filter:saturate(1) brightness(1)}
.smj-node:hover{border-color:#bce9ff;transform:translate(-50%,-50%) scale(1.055)}
.smj-orbit-caption{position:absolute;bottom:-20px;inset-inline:0;text-align:center;font-size:8px;letter-spacing:2.2px;color:#6094c7;display:flex;gap:12px;justify-content:center;align-items:center}
.smj-orbit-caption i{display:block;width:3px;height:3px;background:#468fcc;border-radius:50%}
.smj-panel-shell{padding:28px 26px;border:1px solid #3766a4;border-radius:20px;background:linear-gradient(145deg,#0b24504f,#031025cc 65%);box-shadow:inset 0 0 40px #1763ca12;min-width:0}
.smj-panel:not(:first-child){margin-top:26px;border-top:1px solid var(--smj-border);padding-top:24px}
.smj-enhanced .smj-panel{margin:0;padding:0;border:0;min-height:354px}
.smj-panel-count{font-size:10px;letter-spacing:1.3px;font-weight:500;color:#78c3ff!important;margin-bottom:16px!important}
.smj-panel-count b{font-weight:600}.smj-panel-count>span{color:#b2c7e2}
.smj-journey .smj-panel .smj-panel-title{font-size:clamp(23px,2vw,31px);line-height:1.2;letter-spacing:-.6px;font-weight:600;margin:0 0 18px}
.smj-journey .smj-description{font-size:13px;line-height:1.8;color:#bbc9df}
.smj-divider{height:1px;background:linear-gradient(90deg,var(--smj-accent) 0 12%,#264265 12% 100%);margin:24px 0}
.smj-checks{list-style:none!important;padding:0!important;display:flex;flex-direction:column;gap:15px}
.smj-checks li{list-style:none;display:flex;align-items:flex-start;gap:12px;font-size:12px;color:#d7e3f5;margin:0;padding:0}
.smj-checks li>span{background:#0955cf;border:1px solid #298bff;box-shadow:0 0 10px #0077ff4d;border-radius:50%;width:21px;height:21px;display:grid;place-items:center;flex:0 0 21px;color:white;font-size:12px}
.smj-controls{display:flex;align-items:center;gap:10px;margin-top:26px}
.smj-journey .smj-button{display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:13px 22px;border-radius:11px;color:#fff;background:linear-gradient(110deg,#109aff,#0555eb);background:linear-gradient(110deg,var(--smj-accent),color-mix(in srgb,var(--smj-accent) 70%,#041b9d));border:1px solid #4fbcff;box-shadow:0 4px 24px #0074ff3d;font-size:12px;font-weight:600;line-height:1.5;white-space:normal;text-align:center;transition:filter .2s,transform .2s;min-height:46px;text-transform:none;letter-spacing:0}
.smj-button:hover{filter:brightness(1.12);transform:translateY(-2px)}
.smj-button>span{font-size:19px;line-height:1}
.smj-journey .smj-arrow{display:grid;place-items:center;width:42px;min-width:42px;height:42px;padding:0;border:1px solid #456c9c;border-radius:50%;background:#09214838;color:#c5e5ff;font-size:21px;line-height:1}
.smj-progress{margin-inline-start:auto;font-size:9px;white-space:nowrap;color:#8fb5e1;font-variant-numeric:tabular-nums}
.smj-toolbar{display:flex;align-items:center;justify-content:space-between;margin:28px 4px 18px;color:#abc1df}
.smj-journey .smj-toolbar button{background:transparent;border:0;color:#a5c2e6;font-size:11px;padding:6px 10px;min-height:44px;line-height:1.4}
.smj-expand span{margin-inline-start:10px}.smj-motion{display:flex;gap:8px;align-items:center}
.smj-motion-icon{color:#74bdff;font-size:13px}
.smj-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #233f66;border-radius:14px;padding:22px 0;background:#03102588;margin-top:30px}
.smj-toolbar+.smj-features{margin-top:0}
.smj-feature{display:flex;align-items:center;gap:16px;padding:0 28px;min-width:0}
.smj-feature:not(:last-child){border-inline-end:1px solid #223c60}
.smj-feature svg{width:32px;height:32px;flex-shrink:0;color:#42a9ff}
.smj-feature strong{display:block;font-size:12px;font-weight:550;line-height:1.5}.smj-feature small{display:block;font-size:10px;color:var(--smj-muted);margin-top:3px;line-height:1.5}
.smj-footer{text-align:center;padding-top:28px}.smj-journey .smj-footer .smj-footer-title{font-size:20px;font-weight:600;line-height:1.5;letter-spacing:-.3px}.smj-journey .smj-footer p{font-size:12px;color:#8fa7c7;margin-top:5px}
.smj-cta-row{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:20px}
.smj-journey .smj-secondary{background:#06132666;border-color:#496589;box-shadow:none;color:#e1ebfa}
.smj-sr-only{position:absolute!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;width:1px!important;height:1px!important;overflow:hidden!important;white-space:nowrap!important}
.smj-running .smj-electron-spinner{animation-play-state:running}
.smj-stage-arriving{animation:smj-arrive .4s ease-out both}
.smj-expanded .smj-scene{display:block}.smj-expanded .smj-navigation,.smj-expanded .smj-orbit{display:none}.smj-expanded .smj-panels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}.smj-expanded .smj-controls{display:none}.smj-expanded .smj-panel{min-height:0}.smj-expanded .smj-panel .smj-panel-title{font-size:23px}
.smj-journey[dir=rtl] .smj-title{letter-spacing:0}.smj-journey[dir=rtl] .smj-stage strong{font-size:14px}.smj-journey[dir=rtl] .smj-next>span,.smj-journey[dir=rtl] .smj-prev{transform:scaleX(-1)}
@keyframes smj-spin{to{transform:rotate(360deg)}}
@keyframes smj-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@container(max-width:1100px){.smj-scene{grid-template-columns:180px minmax(330px,1.8fr) minmax(235px,1fr);gap:8px}.smj-stage{padding:10px 6px;gap:9px}.smj-stage strong{font-size:11px}.smj-stage small{font-size:9px}.smj-stage-list{gap:5px}.smj-stage-list li:not(:last-child) .smj-stage:after{inset-inline-start:24px}.smj-panel-shell{padding:24px 18px}.smj-journey .smj-panel .smj-panel-title{font-size:24px}.smj-journey .smj-description{font-size:12px}.smj-controls{flex-wrap:wrap}.smj-progress{display:none}.smj-feature{padding:0 18px;gap:12px}.smj-nucleus strong{font-size:16px}.smj-nucleus>span{font-size:6px}.smj-mark{margin-bottom:6px}}
@container(max-width:850px){.smj-scene{grid-template-columns:minmax(0,1.35fr) minmax(240px,1fr);gap:20px}.smj-navigation{grid-column:1/-1;grid-row:2}.smj-stage-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.smj-stage-list li:not(:last-child) .smj-stage:after{display:none}.smj-stage{border-radius:12px;border-color:#243958;padding:8px}.smj-stage small{display:none}.smj-stage strong{font-size:11px}.smj-orbit{grid-column:1;grid-row:1}.smj-panel-shell{grid-column:2;grid-row:1}.smj-orbit-caption{display:none}.smj-feature{padding:0 14px}.smj-feature svg{width:26px;height:26px}.smj-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding:22px 0}.smj-feature:nth-child(2){border:0}.smj-expanded .smj-panels{grid-template-columns:repeat(2,minmax(0,1fr))}.smj-enhanced .smj-panel{min-height:350px}}
@container(max-width:560px){.smj-header{margin-bottom:24px}.smj-journey .smj-title{font-size:31px;letter-spacing:-1px;line-height:1.18}.smj-journey .smj-intro{font-size:14px}.smj-eyebrow{font-size:9px;letter-spacing:2px}.smj-scene{display:flex;flex-direction:column;gap:24px}.smj-orbit{order:0;max-width:470px;width:100%;margin:0 auto}.smj-navigation{order:1;width:100%}.smj-stage-list{display:flex;flex-direction:row;overflow-x:auto;scroll-snap-type:x proximity;padding:5px 3px 12px!important;scrollbar-width:thin;scrollbar-color:#275497 transparent}.smj-stage-list li{flex:0 0 170px;scroll-snap-align:start}.smj-stage{min-height:58px}.smj-stage strong{font-size:12px}.smj-panel-shell{order:2;width:100%;padding:26px}.smj-enhanced .smj-panel{min-height:290px}.smj-journey .smj-panel .smj-panel-title{font-size:28px;max-width:300px}.smj-journey .smj-description{font-size:14px}.smj-checks li{font-size:13px}.smj-controls{justify-content:space-between}.smj-progress{display:block}.smj-nucleus strong{font-size:18px}.smj-nucleus>span{font-size:7px;letter-spacing:1px}.smj-node-number{width:24px;height:24px;font-size:11px}.smj-mark{width:30%}.smj-feature{gap:10px;padding:0 12px}.smj-feature strong{font-size:11px}.smj-feature small{font-size:9px}.smj-feature svg{width:25px;height:25px}.smj-journey .smj-footer .smj-footer-title{font-size:20px;max-width:300px;margin:auto}.smj-footer{padding-top:26px}.smj-cta-row{flex-direction:column;align-items:stretch;padding-inline:18px}.smj-expanded .smj-panels{grid-template-columns:1fr}.smj-expanded .smj-panel{min-height:0;border-bottom:1px solid #264265;padding-bottom:24px}.smj-toolbar{margin-top:12px;gap:8px}.smj-journey .smj-toolbar button{font-size:10px}}
@media(max-width:600px){.smj-journey{padding:36px 18px 32px}}
@media(prefers-reduced-motion:reduce){.smj-journey *,.smj-journey *:before,.smj-journey *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.smj-electron-track-two .smj-electron-spinner{transform:rotate(130deg)}.smj-electron-track-three .smj-electron-spinner{transform:rotate(250deg)}}

/* Accommodate translated labels without truncation. */
.smj-stage>span:last-child{min-width:0}.smj-stage strong,.smj-feature strong,.smj-panel-title{overflow-wrap:anywhere}
.smj-journey[lang=ar] .smj-eyebrow,.smj-journey[lang=ar] .smj-nucleus>span,.smj-journey[lang=ar] .smj-orbit-caption{letter-spacing:0}
.smj-journey[lang=ar] .smj-orbit-caption{direction:rtl}