*{box-sizing:border-box}body{margin:0;background:#f5f6f8;color:#172d3b}.card-header{height:75px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:#fff}.card-header>a:last-child{font-size:14px;color:#536878}.card-intro{max-width:1000px;padding:75px 30px 55px;margin:auto;text-align:center}.card-intro h1{font-size:clamp(43px,6vw,77px);line-height:1.04;letter-spacing:-.055em;margin:18px 0 26px}.card-intro h1 span{color:#6d7f8b}.card-intro>p:last-child{max-width:670px;margin:auto;font-size:21px;line-height:1.5;color:#667782}.experience{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 70%,#e4ebf1 0%,#fff 65%);padding:45px 20px 26px}.scene-copy{text-align:center;position:relative;z-index:2;min-height:151px}.scene-copy h2{font-size:clamp(29px,3.5vw,44px);line-height:1.08;letter-spacing:-.04em;margin:12px 0}.scene-copy>p:last-child{font-size:18px;max-width:500px;margin:16px auto;color:#657581}.scene-copy .overline{font-size:11px}.stage{--s:1;position:relative;height:650px;max-width:1000px;margin:10px auto 0;perspective:1600px}.ambient{position:absolute;width:500px;height:35px;left:50%;bottom:24px;transform:translateX(-50%);background:#30496120;filter:blur(22px);border-radius:50%}.hardware{width:300px;height:620px;position:absolute;top:0;left:calc(50% - 150px);margin:0;transform-origin:center center;transition:transform 1200ms cubic-bezier(.2,.8,.2,1),opacity 850ms ease,filter 850ms ease;will-change:transform;z-index:3}.edge{height:600px;padding:4px;border-radius:49px;background:linear-gradient(105deg,#f1f3f5,#737a80 12%,#d5d9dc 20%,#aab0b5 80%,#535b64 91%,#eff3f6);box-shadow:inset 0 0 0 1px #51565d,1px 2px 0 #fff,-2px 0 1px #717b84,0 32px 40px -18px #142b474d,0 9px 15px #162c3e17;position:relative}.edge:before{content:"";position:absolute;width:3px;height:70px;background:linear-gradient(#c2c9d0,#717982,#c2c9d0);left:-3px;top:132px;border-radius:3px}.edge:after{content:"";position:absolute;width:3px;height:52px;background:linear-gradient(#c2c9d0,#717982,#c2c9d0);right:-3px;top:160px;border-radius:3px}.glass{height:100%;border:6px solid #17191c;border-radius:45px;overflow:hidden;background:#fff;position:relative;box-shadow:inset 0 0 0 1px #4d535c}.status{height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#fff;font:11px system-ui;color:#17191c;position:relative;z-index:2}.status i{height:19px;width:73px;border-radius:20px;background:radial-gradient(circle at 84% 45%,#263341 0%,#08090c 12%);position:absolute;left:50%;transform:translateX(-50%);top:4px}.viewport{position:absolute;inset:36px 0 15px;overflow:hidden;background:#fff}.viewport iframe{border:0;position:absolute;left:0;top:0;width:390px;height:747px;transform-origin:top left;transform:scale(.718);pointer-events:none}.homebar{position:absolute;height:4px;width:90px;border-radius:4px;background:#17212a;bottom:5px;left:calc(50% - 45px)}figcaption{text-align:center;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-top:15px;color:#6a7984}.patient{transform:translateX(0) rotateY(-5deg) rotateZ(-2deg)}.professional{transform:translateX(240px) translateY(30px) rotateY(-12deg) scale(.84);opacity:0;z-index:1;visibility:hidden}.stage[data-scene=professional] .patient{transform:translateX(-180px) translateY(25px) rotateY(12deg) scale(.84);opacity:.3;filter:blur(1px)}.stage[data-scene=professional] .professional{transform:translateX(80px) rotateY(-4deg) rotateZ(2deg);opacity:1;visibility:visible;z-index:4}.stage[data-scene=both] .patient{transform:translateX(-165px) rotateY(5deg) rotateZ(-2deg)}.stage[data-scene=both] .professional{transform:translateX(165px) translateY(18px) rotateY(-5deg) rotateZ(2deg);opacity:1;visibility:visible}.transport{position:relative;z-index:5;display:flex;gap:4px;align-items:center;justify-content:center;width:max-content;max-width:100%;margin:0 auto;padding:7px;background:#f8fafcbf;backdrop-filter:blur(22px);border:1px solid #fff;border-radius:40px;box-shadow:0 6px 24px #233d4f17,0 1px 3px #233d4f12}.transport button{border:0;background:transparent;display:flex;gap:8px;align-items:center;justify-content:center;min-height:44px;padding:10px 15px;color:#23465d;font:500 14px system-ui;border-radius:25px;cursor:pointer}.transport .primary-control{background:#173e59;color:white}.transport svg{width:18px;height:18px;flex-shrink:0}.transport button:focus-visible,a:focus-visible{outline:3px solid #598cae;outline-offset:3px}.steps{display:flex;justify-content:center;gap:28px;margin:28px auto 0;color:#8b9399;font-size:12px}.steps span{padding-top:9px;border-top:2px solid #e7ebee}.steps span.active{border-color:#2f678e;color:#244e6b}.card-details{max-width:1100px;margin:0 auto;padding:95px 30px}.card-details h2{font-size:clamp(35px,5vw,56px);letter-spacing:-.04em;line-height:1.08}.card-details>div{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:40px}.card-details h3{font-size:21px}.card-details article p{font-size:18px;color:#667581;line-height:1.55}.conditions{font-size:14px!important;line-height:1.5;max-width:750px;margin-top:45px;color:#6c7c86}.card-details>a{display:inline-block;margin-top:18px;color:#2e6285;font-weight:600}#feedback{text-align:center;color:#536b7d;font-size:14px;min-height:20px;margin:12px 0 0}.exploring .viewport iframe{pointer-events:auto}.exploring .patient{transform:none}.exploring .professional{opacity:0!important;visibility:hidden!important}.exploring .viewport{touch-action:auto}@media(max-width:650px){.card-header{height:65px;padding:0 22px}.card-header>a:last-child{font-size:12px}.card-intro{padding:48px 23px 40px;text-align:left}.card-intro h1{font-size:45px}.card-intro>p:last-child{font-size:19px}.experience{padding:32px 10px 25px}.scene-copy{min-height:150px;padding:0 13px}.scene-copy h2{font-size:30px}.scene-copy>p:last-child{font-size:17px}.stage{height:620px;margin-top:5px}.hardware{transform-origin:50% 15%}.patient{transform:scale(.96) rotateZ(-1.5deg)}.professional{transform:translateX(150px) scale(.75)}.stage[data-scene=professional] .patient{transform:translateX(-180px) scale(.72);opacity:0}.stage[data-scene=professional] .professional{transform:scale(.96) rotateZ(1.5deg)}.stage[data-scene=both]{height:420px}.stage[data-scene=both] .patient{transform:translateX(-81px) scale(.57) rotateZ(-3deg)}.stage[data-scene=both] .professional{transform:translateX(81px) translateY(28px) scale(.57) rotateZ(3deg)}.transport button{font-size:12px;padding:10px}.transport{gap:0}.steps{gap:16px;font-size:11px}.card-details{padding:65px 24px}.card-details>div{grid-template-columns:1fr;gap:15px}.card-details h3{font-size:23px}.card-details article p{font-size:19px}.ambient{width:280px;bottom:35px}}@media(max-width:350px){.transport button{font-size:11px;padding:8px}.card-intro h1{font-size:39px}.stage{transform:scale(.92);transform-origin:top center;margin-bottom:-40px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}.hardware{will-change:auto}}
@media(min-width:900px){.experience{display:grid;grid-template-columns:1fr 1.3fr;grid-template-rows:650px auto auto;align-items:center;padding:40px max(30px,calc((100vw - 1200px)/2)) 30px;column-gap:35px}.scene-copy{grid-column:1;grid-row:1;text-align:left;padding:0 0 70px;min-height:0}.scene-copy h2{font-size:46px}.scene-copy>p:last-child{margin-left:0;font-size:21px}.stage{grid-column:2;grid-row:1;width:100%;margin:0}.transport{grid-column:1/-1;grid-row:2}.steps{grid-column:1/-1;grid-row:3}#feedback{grid-column:1/-1}.stage[data-scene=both] .patient{transform:translateX(-120px) scale(.8) rotateZ(-2deg)}.stage[data-scene=both] .professional{transform:translateX(120px) translateY(18px) scale(.8) rotateZ(2deg)}}
@media(max-width:650px){.stage{height:570px}.hardware{transform-origin:50% 0}.patient{transform:scale(.88) rotateZ(-1deg)}.stage[data-scene=professional] .professional{transform:scale(.88) rotateZ(1deg)}.stage[data-scene=both]{height:570px}.scene-copy{min-height:132px}.scene-copy>p:last-child{margin-top:12px}.experience{padding-top:24px}.exploring .patient{transform:scale(.88)}}