.platform-tour{box-sizing:border-box;position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;padding:clamp(20px,4vw,60px);margin:0;color:#e9f2fa;background:radial-gradient(ellipse at 15% 10%,#24496880,transparent 55%),radial-gradient(ellipse at 90% 90%,#1e555b66,transparent 60%),#080e16;overflow:auto;text-align:center;z-index:50000}.platform-tour::backdrop{background:#080e16}.platform-tour header{display:flex;align-items:center;justify-content:space-between;gap:18px}.tour-brand{display:flex;align-items:center;gap:14px}.tour-brand img:first-child{width:48px}.tour-brand img:last-child{width:180px}.platform-tour button{font:inherit;color:#e9f2fa;border:1px solid #aacbe344;background:#c4e4ff0c;border-radius:24px;padding:11px 24px;cursor:pointer}.platform-tour button:focus-visible{outline:2px solid #98d6ff;outline-offset:4px}.platform-tour main{max-width:780px;margin:20px auto;min-height:56dvh;display:grid;align-content:center}.tour-graphic{width:min(310px,55vw);height:220px;margin:16px auto 26px;position:relative;display:grid;place-items:center}.tour-graphic svg{position:relative;width:85%;height:95%;fill:none;stroke:#a8d9ff;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 10px #73caff80);stroke-dasharray:800;animation:tour-draw 2.5s ease both}.tour-orbit{position:absolute;width:190px;height:190px;border:1px dashed #8bcdfb55;border-radius:50%;animation:tour-orbit 30s linear infinite}.tour-graphic span{position:absolute;left:calc(var(--i)*34%);bottom:-12px;font-size:11px;background:#112b3ee8;border:1px solid #8ac8f144;padding:8px;border-radius:10px;animation:tour-rise 3s calc(var(--i)*.2s) ease-in-out infinite}.tour-copy h1{font-size:clamp(25px,3.5vw,42px);letter-spacing:-.04em;margin:18px 0 8px;font-weight:500}.tour-copy h2{font-size:clamp(22px,3vw,34px);font-weight:500;margin:0 0 18px;color:#a9d9f9}.tour-copy p{color:#c4d3e0;line-height:1.7;margin:6px 0;font-size:clamp(14px,1.5vw,17px)}.platform-tour footer{max-width:650px;margin:0 auto}.platform-tour footer nav{display:flex;justify-content:center;gap:10px;margin:16px}.platform-tour [data-dot]{width:34px;height:5px;min-height:0;padding:0;border:0;background:#a7c5df30}.platform-tour [aria-current=true]{background:#b5e1ff}.platform-tour footer>div{display:flex;justify-content:center;gap:15px;margin:22px}.platform-tour [data-next]{background:#c3e7ff;color:#102132;border:0;min-width:200px}.platform-tour [disabled]{opacity:.3}.platform-tour small{font-size:11px;color:#96aabc}.platform-tour a{color:inherit}.platform-tour .tour-chart svg{stroke:#8fe3cf}@keyframes tour-draw{from{stroke-dashoffset:800;opacity:.1}to{stroke-dashoffset:0;opacity:1}}@keyframes tour-orbit{to{transform:rotate(360deg)}}@keyframes tour-rise{50%{transform:translateY(-7px)}}@media(max-width:500px){.platform-tour{padding:18px}.tour-brand img:last-child{width:128px}.tour-brand img:first-child{width:34px}.platform-tour header button{padding:9px 12px;font-size:12px}.tour-graphic{height:175px}.tour-orbit{width:155px;height:155px}.platform-tour main{min-height:65dvh}.platform-tour footer>div{margin:15px}.platform-tour [data-next]{min-width:160px}}@media(prefers-reduced-motion:reduce){.platform-tour *{animation:none!important}}
/* The supplied wordmark is dark ink; invert it on the intro's dark canvas. */
.platform-tour .tour-brand img:last-child{filter:brightness(0) invert(1)}
/* Match the customer portal's Arabic typography even in the bilingual English tour. */
.platform-tour [lang="ar"],.platform-tour button{font-family:var(--et-arabic-font,"Alexandria",Tahoma,Arial,sans-serif)!important;letter-spacing:0!important;font-synthesis:none!important}
/* Keep both language lines on the same centre axis, including in RTL mode. */
.platform-tour .tour-copy,.platform-tour .tour-copy h1,.platform-tour .tour-copy h2,.platform-tour .tour-copy p,.platform-tour .tour-copy [lang]{text-align:center!important;justify-self:center!important;width:100%;margin-inline:auto!important}