.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,3vw,48px);margin:0;color:#e9f2fa;background:radial-gradient(ellipse at 50% 38%,#19445b66,transparent 50%),radial-gradient(ellipse at 10% 0%,#16364c88,transparent 55%),#070f18;overflow:auto;text-align:center;z-index:50000}.platform-tour::backdrop{background:#070f18}.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:46px}.tour-brand img:last-child{width:180px;filter:brightness(0) invert(1)}.platform-tour button{font:inherit;color:#e9f2fa;border:1px solid #aacbe333;background:#c4e4ff08;border-radius:30px;padding:11px 24px;cursor:pointer;transition:background .2s,transform .2s}.platform-tour button:hover{background:#c4e4ff18;transform:translateY(-2px)}.platform-tour button:focus-visible{outline:2px solid #98d6ff;outline-offset:4px}.platform-tour main{max-width:1100px;margin:0 auto;min-height:64dvh;display:grid;align-content:center}.tour-scene{width:min(900px,90vw);height:clamp(210px,33dvh,360px);margin:0 auto 8px;position:relative;isolation:isolate;animation:tour-scene-in 1s cubic-bezier(.2,.7,.25,1) both}.tour-scene>svg{width:100%;height:100%;overflow:visible}.tour-copy{max-width:920px;margin:auto;animation:tour-copy-in .8s .15s both}.tour-copy h1{font-size:clamp(27px,3.4vw,47px);line-height:1.2;letter-spacing:-.045em;margin:10px 0 10px;font-weight:500}.tour-copy h2{font-size:clamp(22px,2.7vw,35px);font-weight:450;margin:0 0 19px;color:#abdced}.tour-copy p{color:#aebfcd;line-height:1.75;margin:5px 0;font-size:clamp(13px,1.4vw,16px)}.platform-tour .tour-copy,.platform-tour .tour-copy [lang]{text-align:center!important;justify-self:center!important;width:100%;margin-inline:auto!important}.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}.platform-tour footer{max-width:650px;margin:0 auto}.platform-tour footer nav{display:flex;justify-content:center;gap:10px;margin:12px}.platform-tour [data-dot]{width:38px;height:3px;min-height:0;padding:0;border:0;background:#a7c5df25;overflow:hidden;position:relative}.platform-tour [data-dot][aria-current=true]{background:#7fc6e7}.platform-tour [data-dot][aria-current=true]:after{content:'';position:absolute;inset:0;background:#e2f8ff;transform-origin:left;animation:tour-progress 8.5s linear both}.platform-tour footer>div{display:flex;justify-content:center;gap:15px;margin:19px}.platform-tour [data-next]{background:linear-gradient(120deg,#d2eeff,#8fc5db);color:#102132;border:0;min-width:210px;box-shadow:0 8px 35px #8ecbe61a}.platform-tour [disabled]{opacity:.25;pointer-events:none}.platform-tour small{font-size:10px;color:#7d96a9}.platform-tour a{color:inherit}.tour-dust{position:absolute;inset:0;pointer-events:none;z-index:-1}.tour-dust i{position:absolute;width:3px;height:3px;background:#a3ddf6;border-radius:50%;left:calc(8% + var(--i)*7.4%);top:calc(15% + mod(var(--i)*13,65)*1%);box-shadow:0 0 12px #9cdcf4;opacity:0;animation:tour-drift 5s calc(var(--i)*-.4s) linear infinite}.tour-road{animation:tour-road-flow 4s linear infinite}.tour-route,.tour-trend{stroke-dasharray:1100;stroke-dashoffset:1100;animation:tour-line 2.7s .35s ease forwards}.tour-car{animation:tour-drive 8.5s cubic-bezier(.2,.65,.5,1) infinite;filter:drop-shadow(0 15px 12px #0007)}.tour-building,.tour-platform,.tour-person{animation:tour-materialise .9s var(--delay) ease both;transform-box:fill-box;transform-origin:center bottom}.tour-pin{animation:tour-pin-in 1s .4s both;transform-box:fill-box;transform-origin:center}.tour-beacon{transform-box:fill-box;transform-origin:center;animation:tour-beacon 2.8s ease-out infinite}.tour-signal{animation:tour-signal 5s linear infinite}.tour-halo{transform-box:fill-box;transform-origin:center;animation:tour-rotate 16s linear infinite}.tour-wave rect{transform-box:fill-box;transform-origin:center;animation:tour-wave .9s var(--delay) ease-in-out infinite alternate}.tour-shield{transform-box:fill-box;transform-origin:center;animation:tour-shield 5s ease-in-out infinite}.tour-check{stroke-dasharray:130;stroke-dashoffset:130;animation:tour-check 1.1s .6s ease forwards}.tour-access-dot{animation:tour-node 4s ease-in-out infinite}.tour-access-dot.second{animation-delay:-2s}.tour-bar{transform-box:view-box;transform-origin:center 280px;animation:tour-grow 1.3s var(--delay) cubic-bezier(.15,.8,.3,1) both}.tour-scan{animation:tour-scan 4s ease-in-out infinite}
@keyframes tour-scene-in{from{opacity:0;transform:translateY(25px) scale(.96)}to{opacity:1;transform:none}}@keyframes tour-copy-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes tour-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes tour-road-flow{to{stroke-dashoffset:-120}}@keyframes tour-line{to{stroke-dashoffset:0}}@keyframes tour-drive{0%{opacity:0;transform:translate(-180px,25px) scale(.9)}15%{opacity:1}60%{opacity:1;transform:translate(95px,-12px) scale(1)}88%{opacity:1}100%{opacity:0;transform:translate(230px,-22px) scale(.96)}}@keyframes tour-materialise{from{opacity:0;scale:.8;translate:0 18px}to{opacity:1;scale:1;translate:0 0}}@keyframes tour-pin-in{from{opacity:0;scale:.4}to{opacity:1;scale:1}}@keyframes tour-beacon{0%{scale:.7;opacity:1}100%{scale:1.7;opacity:0}}@keyframes tour-signal{to{stroke-dashoffset:-900}}@keyframes tour-rotate{to{rotate:360deg}}@keyframes tour-wave{to{scale:1 .25;opacity:.35}}@keyframes tour-shield{50%{translate:0 -8px}}@keyframes tour-check{to{stroke-dashoffset:0}}@keyframes tour-node{50%{translate:0 -25px;opacity:.4}}@keyframes tour-grow{from{transform:scaleY(.02);opacity:0}to{transform:scaleY(1);opacity:1}}@keyframes tour-scan{0%,100%{translate:0 80px;opacity:0}50%{translate:0 -100px;opacity:.8}}@keyframes tour-drift{0%{opacity:0;transform:translate(0,30px)}25%{opacity:.5}75%{opacity:.5}100%{opacity:0;transform:translate(15px,-55px)}}
@media(max-width:600px){.platform-tour{padding:20px 16px}.tour-brand{gap:8px}.tour-brand img:last-child{width:126px}.tour-brand img:first-child{width:34px}.platform-tour header button{padding:9px 12px;font-size:11px}.platform-tour main{min-height:64dvh}.tour-scene{width:100%;height:215px;margin:15px auto}.tour-copy h1{font-size:28px}.tour-copy h2{font-size:24px}.tour-copy p{font-size:12px}.platform-tour footer>div{margin:16px 0}.platform-tour [data-next]{min-width:165px}.platform-tour small{font-size:9px}}
@media(max-height:760px) and (min-width:601px){.platform-tour{padding:20px 35px}.platform-tour main{min-height:60dvh}.tour-scene{height:220px}.tour-copy h1{font-size:34px}.tour-copy h2{font-size:27px;margin-bottom:10px}.tour-copy p{font-size:13px}.platform-tour footer>div{margin:12px}}
@media(prefers-reduced-motion:reduce){.platform-tour *,.platform-tour *:after{animation:none!important;transition:none!important}.tour-route,.tour-trend,.tour-check{stroke-dashoffset:0}.tour-dust{display:none}.tour-car{transform:none}}

/* Compact cinematic intro, with icon-only navigation. */
.platform-tour .tour-scene{width:min(560px,78vw);height:clamp(140px,23dvh,230px)}
.platform-tour .tour-copy{max-width:700px}.platform-tour .tour-copy h1{font-size:clamp(23px,2.25vw,32px);margin:8px 0}.platform-tour .tour-copy h2{font-size:clamp(20px,1.9vw,27px);margin:0 0 12px}.platform-tour .tour-copy p{font-size:clamp(11px,1vw,14px);line-height:1.65}
.platform-tour [data-back],.platform-tour [data-next]{display:inline-grid;place-items:center;min-width:0;width:46px;height:42px;padding:7px;border:0;background:transparent;color:#bfe9ff;box-shadow:none;border-radius:12px}
.platform-tour [data-back] svg,.platform-tour [data-next] svg{width:26px;height:26px;fill:currentColor;stroke:none}
.platform-tour footer>div{gap:20px}html[dir=rtl] .platform-tour [data-back] svg,html[dir=rtl] .platform-tour [data-next] svg{transform:rotate(180deg)}

.platform-tour [data-skip]{border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:10px 4px!important;outline:none;color:#d3e6f4!important;font-size:12px!important}.platform-tour [data-skip]:focus-visible{outline:2px solid #98d6ff!important;outline-offset:4px}.platform-tour [data-skip]:hover{transform:none;text-decoration:underline}
@keyframes tour-drive{0%{opacity:0;transform:translate(220px,-10px)}15%{opacity:1}85%{opacity:1}100%{opacity:0;transform:translate(-220px,0)}}