:root{color-scheme:dark;--bg:#050b18;--panel:#0b1427;--line:#20304b;--text:#f4f7ff;--muted:#a9b5ca;--blue:#246aff;--cyan:#63d5ff;--max:1240px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Noto Sans Arabic",Arial,sans-serif;font-size:16px;scroll-behavior:smooth;scroll-padding-top:100px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.65}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2{font-weight:650;letter-spacing:-.05em;line-height:1.14}h2{font-size:clamp(2rem,3.7vw,3.6rem)}h3{font-size:1.25rem;line-height:1.4}p{color:var(--muted)}.skip-link{position:fixed;top:-100px;z-index:100;background:white;color:black;padding:14px}.skip-link:focus{top:8px}.site-header{position:absolute;top:0;inset-inline:0;z-index:10;min-height:86px;display:flex;align-items:center;gap:28px;padding:20px max(32px,calc((100vw - 1360px)/2));border-bottom:1px solid #ffffff19;background:#050b1826}.brand{flex:none}.brand img{width:220px;height:auto}.desktop-nav{display:flex;gap:24px;margin-inline-start:auto;white-space:nowrap}.desktop-nav a{font-size:.9375rem;color:#d2d9e8}.desktop-nav a:hover,.footer-links a:hover{color:var(--cyan)}.header-actions{display:flex;align-items:center;gap:20px}.language-switch{display:flex;gap:12px;white-space:nowrap;font-size:.875rem}.language-switch a{color:#a9b5ca}.language-switch .selected{color:white;border-bottom:1px solid #77caff}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--blue);border:1px solid var(--blue);color:white;padding:13px 24px;border-radius:6px;font-size:1rem;font-weight:550;line-height:1.5;transition:background .2s,border-color .2s,transform .2s;text-align:center}.button:hover{background:#3c7dff;border-color:#3c7dff;transform:translateY(-2px)}.button.outline{background:#111b2940;border-color:#64728c;color:#e6efff}.button.outline:hover{background:#ffffff0d;border-color:#a9c5ff}.button.compact{padding:9px 17px;font-size:.875rem;white-space:nowrap}.hero{position:relative;overflow:hidden;min-height:810px;height:min(930px,100svh);padding-top:100px;background:#08162b}.hero-backdrop{position:absolute;inset:0;overflow:hidden}.hero-world{width:100%;height:100%;object-fit:cover;object-position:center;animation:world-drift 22s ease-in-out infinite alternate;filter:saturate(.85)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#050b18ee 0%,#050b18aa 42%,#050b1826 80%),linear-gradient(0deg,#050b18 0%,transparent 30%,#050b1840 100%)}.hero-inner{position:relative;height:100%;max-width:1360px;margin:auto;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;padding:50px 40px 95px;gap:20px}.hero-copy{z-index:2}.eyebrow{font-size:.8125rem;font-weight:650;letter-spacing:.16em;color:#7ec9ff;line-height:1.6;margin-bottom:24px;direction:ltr;unicode-bidi:isolate}.hero h1{font-size:clamp(3rem,5.2vw,5.3rem);line-height:1.14;margin-bottom:28px}.hero h1 span{color:#a6ddff}.hero-body{font-size:1.1875rem;max-width:480px;color:#c3d0e5;line-height:1.85}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.hero-facts{display:flex;gap:0;flex-wrap:wrap;margin-top:38px;font-size:.875rem;color:#b2c8e4}.hero-facts span{padding-inline:16px;border-inline-start:1px solid #7bb9ff66}.hero-facts span:first-child{padding-inline-start:0;border:0}.hero-product{position:relative;display:flex;align-items:center;justify-content:center;height:100%;min-width:0;perspective:1000px}.floating-pass{max-height:615px;max-width:95%;width:475px;height:auto;object-fit:contain;animation:pass-float 7s ease-in-out infinite;filter:drop-shadow(0 35px 45px #0008);border-radius:16px}.product-caption{position:absolute;bottom:15px;font-size:.75rem;letter-spacing:.2em;color:#819cb9;direction:ltr}.hero-bottom{position:absolute;bottom:28px;inset-inline:40px;display:flex;justify-content:space-between;color:#94aaca;gap:20px;font-size:.8125rem}.hero-bottom button{background:#05122680;border:1px solid #3e5c7e;padding:7px 12px;border-radius:4px;font-size:.8125rem}.section{max-width:var(--max);margin:auto;padding:110px 32px}.section-body{font-size:1.125rem;line-height:1.9;margin-top:26px;max-width:650px}.intro{padding-top:100px}.intro-lead{display:grid;grid-template-columns:1.2fr 1fr;column-gap:70px;align-items:center}.intro-lead .eyebrow{grid-column:1/-1}.intro-lead .section-body{margin:0}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:60px}.feature-row article{border-top:1px solid var(--line);padding-top:26px}.index{font-size:.8125rem;letter-spacing:.08em;color:#678aad;margin-bottom:14px;display:block}.feature-row h3{margin-bottom:12px}.feature-row p{font-size:1rem}.experience{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;border-top:1px solid var(--line);padding-top:100px}.experience-copy .section-body{max-width:480px}.info-labels{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.info-labels span{font-size:.875rem;color:#a4b3cb;border:1px solid #263754;padding:5px 10px;border-radius:4px}.demo-control{margin:28px 0 0;padding:0;border:0}.demo-control legend{font-size:.875rem;color:#b5c3d8;margin-bottom:12px}.segmented{display:flex;background:#0e1a30;padding:4px;border-radius:6px;width:max-content;max-width:100%}.segmented button{border:0;border-radius:4px;background:transparent;color:#a4b5d0;padding:9px 22px;font-size:.9375rem}.segmented button.active{background:#285daa;color:white}.color-controls{display:flex;flex-wrap:wrap;gap:8px}.color-button{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid #263754;border-radius:4px;padding:9px 12px;font-size:.875rem}.color-button.active{border-color:#8dabdf;background:#162a4b}.color-button>span{width:12px;height:12px;background:var(--swatch);border-radius:50%;flex:none}.cue-button{margin-top:28px;font-size:.9375rem}.small-note{font-size:.875rem;line-height:1.8;margin-top:16px;color:#8596b0;max-width:550px}.screen-stage{position:relative;display:flex;flex-direction:column;align-items:center;padding:30px 10px}.screen-shadow{position:absolute;top:20%;width:400px;max-width:100%;height:400px;background:radial-gradient(ellipse,#1849945e,transparent 70%);pointer-events:none}.player-screen{position:relative;width:310px;max-width:100%;padding:20px 20px 18px;border:1px solid #79abed;border-radius:26px;background:linear-gradient(145deg,#1b7cff,#114ccb);box-shadow:0 25px 70px #0008,inset 0 1px 0 #e6faff6b;color:white;transition:background .35s,border-radius .25s;direction:inherit;overflow:hidden}.player-screen[data-color=red]{background:linear-gradient(145deg,#e83651,#a60b2d)}.player-screen[data-color=green]{background:linear-gradient(145deg,#159e72,#08513d)}.player-screen[data-color=yellow]{background:linear-gradient(145deg,#f5db72,#aa7e0e);color:#17160b}.hud-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:9px;border-bottom:1px solid #d9ecff70;direction:ltr}.hud-header img{width:170px;height:auto}.hud-header>span{font-size:.75rem}.hud-player{display:flex;gap:13px;align-items:center;margin:17px 0}.avatar{display:grid;place-items:center;flex:none;width:49px;height:49px;border-radius:50%;font-size:1.4375rem;color:#9af4ff;background:#0b4569;border:1px solid #99efff}.hud-player strong{font-size:1.0625rem;display:block}.player-pass{display:block;font-size:.75rem;letter-spacing:.07em;color:#d4e4ff}.hud-rank,.hud-time,.hud-bottom>div{background:#041023aa;border:1px solid #acd4ff36;border-radius:8px;color:#f5f7ff}.hud-rank{display:flex;align-items:center;gap:13px;padding:8px 13px;margin-bottom:12px;color:#ffe583;line-height:1.5}.rank-mark{font-size:2.25rem;line-height:1.2;flex:none}.hud-rank strong{font-size:1.125rem}.hud-time{padding:13px;position:relative}.hud-time>span:first-child{font-size:.875rem;display:block}.hud-time bdi{font-size:2.6rem;font-weight:700;letter-spacing:-.05em;line-height:1.3;font-variant-numeric:tabular-nums}.time-ring{position:absolute;inset-inline-end:14px;bottom:20px;width:39px;height:39px;border:3px solid #80edff;border-inline-end-color:#eb769d;border-radius:50%;transform:rotate(-24deg)}.hud-bottom{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:12px}.hud-bottom>div{padding:10px;min-width:0}.hud-bottom span{font-size:.8125rem;display:block}.hud-bottom bdi{display:block;font-size:1.8rem;line-height:1.4;font-weight:700}.hud-bottom strong{display:block;font-size:.9375rem;margin-top:7px;overflow-wrap:anywhere}.hud-footer{font-size:.625rem;letter-spacing:.1em;margin-top:15px;text-align:center;opacity:.8}.player-screen[data-theme=pixel]{border-radius:4px;image-rendering:pixelated;font-family:ui-monospace,Menlo,Consolas,"PingFang SC",sans-serif;box-shadow:9px 9px 0 #1c354c,0 20px 50px #0008}.player-screen[data-theme=pixel] .hud-rank,.player-screen[data-theme=pixel] .hud-time,.player-screen[data-theme=pixel] .hud-bottom>div{border-radius:0;border-width:2px}.player-screen[data-theme=pixel] .avatar{border-radius:4px}.demo-note{text-align:center;font-size:.8125rem;max-width:365px;margin-top:34px}.pk-section{position:relative;border-block:1px solid var(--line);background:#080d1e;overflow:hidden}.pk-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 10% 40%,#254ce522,transparent 50%),radial-gradient(ellipse at 90% 60%,#d42d4b18,transparent 60%)}.pk-inner{position:relative;display:grid;grid-template-columns:1fr .8fr;gap:100px;align-items:center;padding-block:80px}.pk-inner img{max-height:510px;max-width:100%;width:auto;justify-self:center;object-fit:contain;border-radius:12px;box-shadow:0 20px 60px #0006}.section-heading{max-width:740px}.workflow{margin:56px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.workflow li{border-top:1px solid #344662;padding-top:24px}.step-num{display:block;font-size:2.125rem;letter-spacing:-.05em;color:#4573ac;margin-bottom:20px}.workflow h3{font-size:1.125rem;margin-bottom:14px}.workflow p{font-size:.9375rem}.scope-note{font-size:.875rem;border-inline-start:2px solid #406ab1;padding-inline-start:16px;margin-top:34px;max-width:900px;color:#94a6c1}.global-section{border-top:1px solid var(--line);display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:70px}.language-art{display:grid;gap:15px}.language-art a{padding:25px 30px;border:1px solid #253a5a;background:linear-gradient(120deg,#11213b,#080f1c);border-radius:8px;transition:border-color .2s,transform .2s}.language-art a:hover{border-color:#568ec8;transform:translateY(-3px)}.language-art span{display:block;color:#668bad;font-size:.8125rem;margin-bottom:10px;letter-spacing:.04em}.language-art strong{display:block;font-size:1.625rem;line-height:1.45;font-weight:500}.gallery-section{border-top:1px solid var(--line)}.poster-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin-top:40px}.poster-button{padding:0;border:0;background:transparent;min-width:0;text-align:start}.poster-button img{aspect-ratio:2/3;object-fit:cover;border-radius:7px;border:1px solid #283955;transition:transform .25s,border-color .25s}.poster-button:hover img{transform:translateY(-6px);border-color:#4a90df}.poster-button>span{display:block;font-size:.875rem;margin-top:12px;color:#b6c6df}.faq-section{display:grid;grid-template-columns:1fr 1.6fr;gap:75px;border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid #273751;padding:22px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{list-style:none;display:flex;justify-content:space-between;gap:25px;font-size:1.0625rem;font-weight:500;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:1.25rem;color:#68c8ff;line-height:1.5}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details p{font-size:1rem;margin-top:20px;line-height:1.85}.contact-section{position:relative;overflow:hidden;border-top:1px solid #234264;background:radial-gradient(ellipse at 90% 50%,#16407088,transparent 55%),#081831}.contact-inner{padding-block:95px}.contact-inner h2{font-size:clamp(2.2rem,4.2vw,4rem)}.contact-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.site-footer{max-width:var(--max);margin:auto;padding:48px 32px 30px;display:grid;grid-template-columns:1fr 1fr;gap:25px}.site-footer img{width:210px;height:auto}.site-footer p{font-size:.875rem;margin-top:15px}.footer-links{display:flex;gap:18px;justify-content:flex-end;align-items:flex-start;flex-wrap:wrap;font-size:.875rem;color:#879db9}.footer-links>span{flex-basis:100%;text-align:end;color:#627994}.site-footer .image-note{grid-column:1/-1;font-size:.8125rem;color:#697d98;border-top:1px solid #1b2940;padding-top:20px;margin-top:10px}dialog{background:#07101b;border:1px solid #365071;border-radius:10px;padding:10px;max-width:95vw;max-height:92vh;overflow:auto;color:white}dialog::backdrop{background:#000d;backdrop-filter:blur(6px)}dialog>img{max-height:85vh;max-width:88vw;width:auto;height:auto}#close-dialog{position:sticky;float:right;inset-inline-end:5px;top:5px;width:40px;height:40px;font-size:1.75rem;border:1px solid #5a729a;background:#05101dee;border-radius:50%;z-index:2}.motion-paused .hero-world,.motion-paused .floating-pass{animation-play-state:paused}@keyframes world-drift{from{transform:scale(1.04) translate3d(-1%,0,0)}to{transform:scale(1.13) translate3d(1%,1%,0)}}@keyframes pass-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-18px) rotate(1deg)}}[dir=rtl] h1,[dir=rtl] h2{letter-spacing:0;line-height:1.35}[dir=rtl] .hero-shade{background:linear-gradient(270deg,#050b18ee 0%,#050b18aa 42%,#050b1826 80%),linear-gradient(0deg,#050b18,transparent 45%)}[dir=rtl] .hero-copy .eyebrow{text-align:right}[dir=rtl] .desktop-nav{margin-inline-start:auto}[dir=rtl] .hud-header{direction:ltr}[dir=rtl] .eyebrow{letter-spacing:.09em}
@media(min-width:1450px){.hero{min-height:850px}.hero-inner{padding-top:70px}.floating-pass{max-height:660px}}
@media(max-width:1150px){.site-header{padding:20px 24px;gap:20px}.brand img{width:185px}.desktop-nav{gap:18px}.desktop-nav a{font-size:.875rem}.header-actions{gap:14px}.button.compact{display:none}.hero-inner{padding-inline:32px}.hero h1{font-size:4rem}.experience{gap:45px}.pk-inner{gap:65px}}
@media(max-width:900px){.desktop-nav{display:none}.header-actions{margin-inline-start:auto}.hero{min-height:760px}.hero-inner{gap:0;grid-template-columns:1fr .8fr}.hero h1{font-size:3.5rem}.hero-body{font-size:1.0625rem}.floating-pass{max-height:510px}.section{padding-block:80px}.intro-lead{gap:40px}.feature-row{gap:25px}.experience{gap:30px}.screen-stage{padding-inline:0}.workflow{grid-template-columns:repeat(2,1fr);gap:35px}.global-section{gap:35px}.faq-section{gap:40px;grid-template-columns:1fr 1.4fr}.poster-grid{gap:12px}}
@media(max-width:700px){.site-header{position:absolute;min-height:70px;padding:18px 20px}.brand img{width:155px}.language-switch{font-size:.8125rem;gap:9px}.header-actions{gap:0}.hero{height:auto;min-height:960px;padding-top:95px}.hero-inner{grid-template-columns:1fr;padding:25px 24px 90px;gap:15px}.hero-copy .eyebrow{margin-bottom:18px;font-size:.75rem}.hero h1{font-size:clamp(2.7rem,9vw,3.6rem);margin-bottom:22px}.hero-body{max-width:510px}.hero-actions{margin-top:26px;gap:10px}.hero .button{font-size:.9375rem;padding:12px 18px}.hero-facts{margin-top:26px;font-size:.8125rem}.hero-product{height:435px;margin-top:8px}.floating-pass{height:405px;width:auto;max-width:92%;max-height:100%}.product-caption{bottom:0}.hero-bottom{inset-inline:24px;bottom:22px;align-items:center;font-size:.75rem}.hero-shade{background:linear-gradient(0deg,#050b18 0%,#050b1840 45%,#050b18ce 95%)}.hero-world{object-position:60% center}.section{padding:70px 24px}.eyebrow{font-size:.75rem;margin-bottom:18px}.intro-lead,.experience,.pk-inner,.global-section,.faq-section{grid-template-columns:1fr;gap:32px}.intro-lead .section-body{margin-top:0}.feature-row{grid-template-columns:1fr;gap:26px;margin-top:35px}.feature-row article{padding-top:20px}.feature-row .index{float:inline-end;margin-top:2px}.experience-copy{max-width:100%}.section-body{font-size:1.0625rem;margin-top:22px}.experience .screen-stage{padding-top:20px}.player-screen{width:300px}.screen-shadow{width:330px}.pk-inner img{max-height:540px}.pk-inner{padding-block:65px}.workflow{gap:28px 22px;margin-top:36px}.workflow h3{font-size:1.0625rem}.workflow p{font-size:.875rem}.step-num{margin-bottom:12px}.global-section .language-art{gap:12px}.language-art a{padding:22px 25px}.poster-grid{grid-template-columns:repeat(2,1fr);gap:25px 15px}.poster-button:last-child{grid-column:auto}.faq-section{gap:35px}.faq-list summary{font-size:1rem}.contact-inner{padding-block:75px}.contact-actions{flex-direction:column;align-items:flex-start}.site-footer{grid-template-columns:1fr;padding:40px 24px 25px;gap:20px}.footer-links{justify-content:flex-start}.footer-links>span{text-align:start}.site-footer .image-note{grid-column:auto;font-size:.75rem}.hud-footer{font-size:.625rem}[dir=rtl] .hero-shade{background:linear-gradient(0deg,#050b18 0%,#050b1840 45%,#050b18ce 95%)}[dir=rtl] .hero h1{font-size:clamp(2.5rem,9vw,3.5rem)}}
@media(max-width:380px){.site-header{padding-inline:16px}.brand img{width:135px}.language-switch{gap:8px;font-size:.75rem}.hero-inner{padding-inline:20px}.hero h1{font-size:2.6rem}.hero-facts span{padding-inline:10px}.workflow{grid-template-columns:1fr}.section{padding-inline:20px}.player-screen{width:280px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-world,.floating-pass{animation:none!important}}