@font-face{font-family:Manrope;src:url('/assets/fonts/Manrope-Variable.ttf') format('truetype');font-weight:200 800;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:Manrope,Arial,sans-serif;color:#171e2a;background:#fafbf6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #d63172;outline-offset:5px}header{height:88px;padding:0 4.5%;display:flex;align-items:center;gap:28px;border-bottom:1px solid #dddeda;background:#fafbf6}.brand{font-size:23px;letter-spacing:-1px;font-weight:800;display:flex;align-items:center;gap:9px}.brandmark{display:flex;align-items:center;justify-content:center;background:#2845e8;color:#fff;border-radius:9px;width:32px;height:32px;font-size:27px;position:relative}.brandmark span{font-size:16px;margin-left:-2px}.branddot{font-size:10px;align-self:start;margin-left:-5px;margin-top:6px}nav{display:flex;gap:26px;margin:auto;font-size:13px;font-weight:650}.navcta{background:#1b2230;color:#fff;font-size:12px;font-weight:700;padding:13px 17px;border-radius:7px}.motion{background:none;border:1px solid #b8beb3;border-radius:6px;padding:8px 10px;font-size:11px}.skip{position:absolute;top:-80px;z-index:20;background:white;padding:15px}.skip:focus{top:10px}.hero{padding:60px 6% 0;background:#e6f4bb}.hero-top{display:grid;grid-template-columns:1fr 350px;position:relative;align-items:end;max-width:1400px;margin:auto}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.6px;display:block}.hero .eyebrow{grid-column:1/-1;display:flex;align-items:center;gap:9px;margin-bottom:25px}.eyebrow i{width:7px;height:7px;background:#2845e8;border-radius:50%}h1{font-size:clamp(66px,7.3vw,118px);letter-spacing:-7px;line-height:.99;font-weight:750;position:relative;margin:0 0 40px}h1 span{color:#2845e8}h1 svg{position:absolute;width:51%;height:28px;left:0;bottom:-21px;fill:none;stroke:#2845e8;stroke-width:4;stroke-linecap:round}.hero-side{padding-bottom:15px}.hero-side p:first-child{font-size:24px;line-height:1.35;font-weight:650;letter-spacing:-.8px}.hero-side p{font-size:14px;line-height:1.7;margin:0 0 20px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:28px;padding:16px 22px;border-radius:7px;font-size:13px;font-weight:750;transition:transform .2s}.button:hover{transform:translateY(-3px)}.dark{background:#17202c;color:#fff}.lime{background:#d8f58c;color:#17202c}.hero-side small{display:block;font-size:10px;margin:12px 0}.scrollhint{display:flex;justify-content:space-between;border-top:1px solid #bccd96;padding:20px 0;font-size:11px;max-width:1400px;margin:30px auto 0}.journey{height:235vh;background:#2945e8;position:relative}.stage{height:100vh;min-height:660px;max-height:1100px;position:sticky;top:0;overflow:hidden;perspective:1400px;color:#fff}.stage-grid{position:absolute;inset:0;opacity:.1;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:96px 96px;mask-image:linear-gradient(transparent,#000)}.stage-heading{position:absolute;top:38px;left:6%;z-index:4}.stage-heading .eyebrow{color:#d6e1ff}.stage-heading h2{font-size:clamp(27px,3vw,45px);line-height:1.1;letter-spacing:-1.7px;margin:12px 0}.stage-heading p{font-size:12px;color:#e0e5ff;margin:12px 0}.orbit{width:800px;height:800px;border:1px solid #7187f3;border-radius:50%;position:absolute;left:calc(50% - 400px);top:5%}.device{position:absolute;will-change:transform,opacity;transform-origin:center}.monitor{width:74%;max-width:1080px;left:13%;top:24%;z-index:3;transform:translate3d(0,0,0)}.imagecrop{width:100%;aspect-ratio:1.37;overflow:hidden;border-radius:24px;box-shadow:0 32px 65px #07177d70;background:#11171b}.imagecrop img{width:113.33%;height:auto;display:block;margin-left:-6.66%;margin-top:-4.75%}.device-label{margin:13px 0;font-size:10px;letter-spacing:1px;text-align:center;color:#eff1ff}.remote{width:30%;left:10%;top:33%;z-index:2;opacity:0;transform:translateY(100px)}.handheld{width:27%;right:6%;top:30%;z-index:4;opacity:0;transform:translateY(100px)}.screenframe{border:5px solid #202738;border-radius:16px;overflow:hidden;box-shadow:0 28px 50px #0b187d66;background:#12171c}.screenframe img{display:block;width:100%;height:auto}.handheld .screenframe{aspect-ratio:.68}.handheld img{height:100%;width:100%;object-fit:cover;object-position:center}.stage-note{position:absolute;bottom:90px;left:6%;font-size:11px;display:flex;align-items:center;gap:8px}.live-dot{height:6px;width:6px;border-radius:50%;background:#d7f88c}.stepnav{position:absolute;bottom:25px;left:6%;right:6%;display:flex;justify-content:space-between;gap:25px;border-top:1px solid #7385ed;padding-top:18px;font-size:11px}.stepnav span{color:#c8d0ff}.stepnav .active{color:#e6ffae;font-weight:800}.scope,.learning{padding:100px 6%;}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;max-width:1400px;margin:0 auto 45px}.section-head h2{font-size:clamp(38px,4.2vw,68px);line-height:1.08;letter-spacing:-3px;margin:20px 0 0}.scope h2 span{color:#344be1}.section-head>p{font-size:13px;line-height:1.85;max-width:310px}.training-flow{max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.training-flow article{padding:22px 0;border-top:1px solid #bdc6b4;position:relative}.number{font-size:12px;color:#505d52}.training-flow h3{font-size:27px;letter-spacing:-1px;margin:18px 0 10px}.training-flow p{font-size:12px;line-height:1.8;color:#46514b}.training-flow article>div{height:175px;border-radius:12px;margin:24px 0;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.mini-scene{background:#e7ebff}.scene-paper{background:white;border:1px solid #bcc5ed;width:60%;padding:20px;font-size:8px;transform:rotate(-7deg);box-shadow:6px 7px 0 #c4cef3}.scene-paper span{display:block;font-size:20px;font-weight:750;margin:6px 0 15px}.scene-paper i{display:block;background:#dce1f1;height:4px;margin:7px 0}.scene-check{position:absolute;right:17%;bottom:27px;border:5px solid #e7ebff;background:#2945e8;color:white;border-radius:50%;padding:10px}.mini-wave{background:#e3f1bf;flex-direction:column}.mini-wave svg{width:85%;fill:none;stroke:#34452c;stroke-width:2}.mini-wave span{font-size:10px;margin-top:12px}.mini-feedback{background:#ece0fc;flex-direction:column;gap:14px}.mini-feedback span{background:#fff;padding:14px 22px;font-size:12px;border-radius:12px 12px 12px 0;transform:rotate(-4deg);font-weight:700}.mini-feedback span+span{background:#5938aa;color:#fff;transform:rotate(4deg);margin-left:25px}.tag{font-size:10px;font-weight:650}.try{max-width:1400px;margin:65px auto 0;padding:35px 40px;background:#e5edfc;border-radius:15px;display:flex;align-items:center;justify-content:space-between;gap:30px}.try h3{font-size:27px;letter-spacing:-1px;margin:10px 0}.try p{font-size:12px;line-height:1.8}.try small{font-size:10px;color:#4c566c}.learning{background:#f0ecff}.learning .section-head h2{position:relative}.learning h2>span:not(.spark){color:#6842c6}.spark{color:#7444ce;position:absolute;right:-120px;top:0;font-size:110px;line-height:1}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:0 auto 28px;max-width:1400px}.filters button{border:1px solid #c8c1db;padding:10px 18px;border-radius:30px;background:transparent;color:#45365d;font-size:11px;font-weight:700}.filters button.selected{background:#252039;border-color:#252039;color:#fff}.games{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;max-width:1400px;margin:auto}.game{grid-column:span 2;border-radius:15px;padding:24px;overflow:hidden;transition:transform .22s;position:relative}.game:hover{transform:translateY(-6px)}.game[hidden]{display:none}.purple{background:#d9c5fa;color:#352052}.green{background:#dcf197;color:#293d24}.blue{background:#b5d7ff;color:#192f5a}.pink{background:#f3c7df;color:#542940}.mint{background:#bfe7d6;color:#204737}.game-top,.game-bottom{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:800;letter-spacing:.7px}.game-top>span+span{font-size:22px;font-weight:500}.game-art{height:215px;position:relative;margin:20px -5px}.game h3{font-size:28px;letter-spacing:-1px;margin:15px 0 10px}.game p{font-size:12px;line-height:1.8;margin-bottom:23px}.game-bottom{border-top:1px solid #0003;padding-top:18px;letter-spacing:0;font-size:10px}.game-bottom span{font-size:20px}.quiz-q{position:absolute;left:30%;top:25px;width:115px;height:140px;background:#6a37c1;border-radius:16px;transform:rotate(-12deg);font-size:100px;color:#f4eaff;line-height:1.3;text-align:center;box-shadow:9px 9px 0 #ac8cde}.quiz-a,.quiz-b{position:absolute;padding:12px 22px;background:#f9f6ff;color:#6841a9;border-radius:10px;font-size:28px;font-weight:800}.quiz-a{left:5%;top:65px;transform:rotate(-20deg)}.quiz-b{right:0;bottom:8px;transform:rotate(14deg)}.bubble{position:absolute;top:0;right:0;border:1px solid #6841a9;padding:7px 10px;border-radius:14px;font-size:10px;transform:rotate(8deg)}.quiz-star{position:absolute;font-size:50px;left:0;bottom:0;color:#7143b9}.pill{width:168px;height:76px;background:#f9ffe8;border:3px solid #324b22;border-radius:60px;position:absolute;left:20%;top:70px;transform:rotate(-40deg);overflow:hidden;box-shadow:0 10px 0 #96b852}.pill i{display:block;width:50%;height:100%;background:#4e7339}.molecule{position:absolute;right:0;top:0;color:#4e7339;font-size:72px}.pharma-badge{position:absolute;left:0;bottom:0;font-size:11px;background:#f6ffde;padding:9px 12px;border-radius:4px;transform:rotate(5deg)}.mapart{background:#98c2ed;border-radius:10px;overflow:hidden;transform:rotate(-5deg);height:185px;margin:35px 3px}.road{background:#e9f1f5;position:absolute}.r1{width:100%;height:18px;top:50%}.r2{width:18px;height:100%;left:24%}.r3{width:18px;height:100%;right:18%}.block{background:#74a999;border-radius:5px;position:absolute}.b1{width:30%;height:30%;top:10%;left:38%}.b2{width:20%;height:26%;bottom:9%;left:40%;background:#7297ba}.ambulance{position:absolute;top:45%;left:40%;background:white;color:#244dd1;width:65px;height:34px;border-radius:5px;font-size:22px;padding:1px 10px;box-shadow:4px 5px #567b9f}.ambulance i{height:5px;width:17px;background:#315ce7;position:absolute;top:-5px;left:20px}.map-pin{position:absolute;left:11%;top:18%;background:#2845e8;border:4px solid white;color:white;font-weight:800;padding:8px 13px;border-radius:30px 30px 30px 0;transform:rotate(-10deg)}.compact{grid-column:span 3;display:flex;align-items:center;justify-content:space-between;min-height:175px}.compact h3{font-size:24px;margin:12px 0 0}.compact p{margin-bottom:0}.compact .eyebrow{font-size:9px}.compact-icon{font-size:64px;transform:rotate(12deg);margin-right:30px;opacity:.8}.arrow{position:absolute;right:24px;top:18px;font-size:24px}.learning-footer{max-width:1400px;margin:35px auto 0;display:flex;justify-content:space-between;font-size:12px;align-items:center;gap:20px}.learning-footer a{font-weight:800;border-bottom:1px solid;padding:6px 0}.closing{padding:85px 6%;background:#253ed7;color:white;text-align:center}.closing h2{font-size:clamp(42px,5vw,74px);line-height:1.06;letter-spacing:-3px;margin:25px 0 32px}.closing h2 span{color:#d9f49e}footer{padding:30px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;color:#475147}footer .brand{font-size:20px}.static-mode .journey{height:auto}.static-mode .stage{height:850px;position:relative}.static-mode .monitor{transform:translate(-10%,18%) scale(.68) rotateY(-12deg)!important}.static-mode .remote{opacity:1!important;transform:translate(-20%,75%) rotate(-8deg)!important}.static-mode .handheld{opacity:1!important;transform:translate(0,25%) rotate(7deg)!important}
@media(min-width:1600px){.monitor{left:calc(50% - 540px)}}@media(max-width:1050px){header{gap:15px}.brand{font-size:20px}nav{gap:15px}.hero-top{grid-template-columns:1fr 280px}h1{letter-spacing:-4px}.scope,.learning{padding:75px 5%}.game{padding:20px}.game-art{height:190px}.spark{right:-90px;font-size:80px}.training-flow{gap:20px}.stage-heading h2{font-size:35px}}@media(max-width:760px){header{height:72px;padding:0 5%;flex-wrap:wrap;gap:10px}.brand{font-size:19px}.brandmark{width:27px;height:27px;font-size:23px}nav{display:none}.motion{margin-left:auto;font-size:10px;padding:7px}.navcta{display:none}.hero{padding:38px 6% 0}.hero-top{display:block}.hero .eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:28px}h1{font-size:clamp(64px,12vw,90px);letter-spacing:-4px;margin-bottom:35px}h1 svg{width:65%;bottom:-15px}.hero-side{padding-top:15px;display:flex;flex-direction:column;align-items:flex-start}.hero-side p:first-child{font-size:21px;margin-bottom:12px}.hero-side p:nth-child(2){font-size:12px}.hero-side .button{width:100%}.hero-side small{align-self:center}.scrollhint{margin-top:12px;font-size:10px}.journey{height:auto}.stage{height:650px;min-height:0;position:relative}.stage-heading{top:30px;left:6%}.stage-heading h2{font-size:33px}.stage-heading p{font-size:11px}.monitor{width:92%;left:4%;top:29%;transform:rotate(-4deg)!important}.imagecrop{border-radius:15px}.handheld{width:35%;right:6%;top:55%;opacity:1!important;transform:rotate(9deg)!important}.remote{width:44%;left:8%;top:59%;opacity:1!important;transform:rotate(-6deg)!important}.screenframe{border-width:3px;border-radius:9px}.device-label{font-size:7px;margin:7px 0}.stage-note{bottom:50px;font-size:9px}.stepnav{bottom:16px;gap:9px;font-size:8px;padding-top:12px}.orbit{width:550px;height:550px;left:calc(50% - 275px);top:120px}.scope,.learning{padding:60px 6%}.section-head{display:block;margin-bottom:30px}.section-head h2{font-size:40px;letter-spacing:-2px}.section-head>p{font-size:12px;line-height:1.8;margin:24px 0 0}.training-flow{display:block}.training-flow article{padding-top:20px;margin-bottom:25px}.training-flow article>div{height:165px;max-width:450px}.training-flow p{font-size:13px}.training-flow h3{font-size:29px}.try{padding:27px 23px;margin-top:30px;display:block}.try h3{font-size:27px}.try .button{margin-top:23px;width:100%;font-size:11px;gap:10px}.spark{right:4%;top:25px;font-size:75px}.filters{gap:7px}.filters button{font-size:10px;padding:9px 12px}.games{grid-template-columns:1fr;gap:16px}.game,.compact{grid-column:span 1;padding:24px}.game-art{height:210px;max-width:320px;margin:20px auto}.game h3{font-size:30px}.game p{font-size:13px}.game-top{font-size:9px}.compact h3{font-size:23px}.compact p{font-size:11px}.compact-icon{font-size:45px;margin-right:0}.compact{min-height:155px}.learning-footer{display:block;font-size:11px}.learning-footer a{display:inline-block;margin-top:6px}.closing{padding:65px 6%}.closing h2{letter-spacing:-2px}footer{align-items:flex-start;flex-direction:column;gap:12px}.static-mode .stage{height:650px}.static-mode .monitor{transform:rotate(-4deg)!important}.static-mode .handheld{transform:rotate(9deg)!important}.static-mode .remote{transform:rotate(-6deg)!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.journey{height:auto}.stage{position:relative}.game:hover,.button:hover{transform:none}}

/* Keep the product composition inside its stage at different window heights. */
@media(min-width:761px){.monitor{width:min(74%,85vh);left:50%;translate:-50% 0}.remote{width:min(30%,32vh)}.handheld{width:min(27%,28vh)}}
.remote .screenframe{aspect-ratio:.82}.remote img{height:100%;object-fit:cover;object-position:top}.modules{max-width:1400px;margin:20px auto 0;display:flex;gap:10px;flex-wrap:wrap}.modules span{border:1px solid #cbd3c1;border-radius:30px;padding:9px 14px;font-size:10px;color:#35442e;background:#f4f7ed}
@media(max-width:760px){.remote{width:40%;top:58%}.monitor{translate:none}.modules{gap:7px}.modules span{font-size:9px;padding:8px 10px}}
