.navi-hero-motion *{box-sizing:border-box}.navi-hero-motion button,.navi-hero-motion a{-webkit-tap-highlight-color:transparent}.navi-hero-motion button{font:inherit;cursor:pointer}:is(.navi-hero-motion button:focus-visible,.navi-hero-motion a:focus-visible){outline-offset:5px;outline:2px solid #00a8bf}.navi-hero-motion .homepage{place-items:center;width:100%;height:100dvh;min-height:100svh;display:grid;overflow:hidden}.navi-hero-motion .stage{aspect-ratio:1672/941;isolation:isolate;touch-action:pan-y;--ui-color:#102b43;width:min(100vw,177.683dvh);position:relative;container-type:inline-size}.navi-hero-motion .frame-1 .stage{--ui-color:#f7f9fa}.navi-hero-motion .stage:focus{outline:none}.navi-hero-motion .stage:focus-visible{outline-offset:-2px;outline:2px solid #00a8bf}.navi-hero-motion .scene{opacity:0;pointer-events:none;transition:opacity 1s ease-in-out;position:absolute;inset:0}.navi-hero-motion .scene.is-active{opacity:1}.navi-hero-motion .scene img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.navi-hero-motion .scene-tabs{pointer-events:none;z-index:3;color:var(--ui-color);transition:color .5s;position:absolute;inset:0}.navi-hero-motion .scene-tab{width:9%;height:4.6%;color:inherit;white-space:nowrap;pointer-events:auto;background:0 0;border:0;padding:0;font-size:.95694cqw;line-height:1.3;position:absolute;top:93.5%;transform:translate(-50%)}.navi-hero-motion .scene-tab-0{left:39.4737%}.navi-hero-motion .scene-tab-1{left:50.1196%}.navi-hero-motion .scene-tab-2{left:60.5861%}.navi-hero-motion .scene-tab span{padding:.47cqw 0;display:inline-block;position:relative}.navi-hero-motion .scene-tab span:after{content:"";opacity:0;background:#00a8bf;height:2px;transition:opacity .22s,transform .22s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(.35)}.navi-hero-motion .scene-tab[aria-selected=true] span:after{opacity:1;transform:scaleX(1)}.navi-hero-motion .scene-tab:hover span:after{opacity:.5;transform:scaleX(1)}.navi-hero-motion .scene-tab[aria-selected=true]:hover span:after{opacity:1}.navi-hero-motion .info-hotspot{aspect-ratio:1;color:#fff;z-index:3;background:#09141d1a;border:1.5px solid #f7f9fa;border-top-color:#00a8bf;border-radius:50%;place-items:center;width:2.512cqw;min-width:28px;padding:.42cqw;transition:background .2s,transform .2s;display:grid;position:absolute;top:44.846%;left:67.8828%;transform:translate(-50%,-50%)}.navi-hero-motion .info-hotspot svg{width:100%;height:100%;display:block}.navi-hero-motion .info-hotspot:hover{background:#00a8bf33;transform:translate(-50%,-50%)scale(1.08)}.navi-hero-motion .playback{aspect-ratio:1;color:#10263a;z-index:4;background:#eef2f5a8;border:1px solid #10263a33;border-radius:50%;place-items:center;width:2.034cqw;min-width:32px;padding:.45cqw;transition:background .2s,border-color .2s;display:grid;position:absolute;bottom:2.75%;right:3%}.navi-hero-motion .playback svg{width:100%;height:100%}.navi-hero-motion .playback:hover{background:#f6f8f9;border-color:#00a8bf}.navi-hero-motion .has-baked-ui .scene-tab span,.navi-hero-motion .has-baked-ui .info-hotspot svg{visibility:hidden}.navi-hero-motion .has-baked-ui .info-hotspot{background:0 0;border-color:#0000}.navi-hero-motion .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.navi-hero-motion .detail-dialog{font-synthesis:none;color:#102b43;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#f0f5f8cc;border:1px solid #ffffffa6;border-radius:10px;width:min(640px,100vw - 48px);max-height:calc(100dvh - 64px);margin:auto;padding:0;font-family:Arial,PingFang SC,sans-serif;font-size:16px;line-height:normal;position:fixed;inset:0;overflow:auto;box-shadow:0 18px 60px #06121d38}.navi-hero-motion .detail-dialog p{text-wrap:wrap}.navi-hero-motion .detail-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#06121d52}.navi-hero-motion .detail-dialog[open]{animation:.24s ease-out navi-motion-reveal-detail}.navi-hero-motion .detail-content{grid-template-columns:1fr 1.15fr;gap:22px;padding:22px;display:grid;position:relative}.navi-hero-motion .detail-visual{flex-direction:column;align-self:center;min-width:0;margin:0;display:flex}.navi-hero-motion .cutaway-image{background:#ffffff59;border-radius:5px;overflow:hidden}.navi-hero-motion .cutaway-image img{mix-blend-mode:multiply;width:100%;height:auto;display:block}.navi-hero-motion .detail-visual figcaption{color:#4a606d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-top:12px;font-size:10px;line-height:1.5;display:flex}.navi-hero-motion .detail-visual figcaption a{color:#174359;text-underline-offset:4px;align-items:center;gap:5px;text-decoration:underline;display:inline-flex}.navi-hero-motion .detail-copy{align-self:center;padding:8px 0 0}.navi-hero-motion .detail-eyebrow{letter-spacing:.14em;color:#24768b;margin:0 0 10px;font-size:9px;font-weight:500;line-height:1.5}.navi-hero-motion .detail-copy h2{letter-spacing:-.025em;text-wrap:balance;margin:0 0 10px;font-family:inherit;font-size:22px;font-weight:500;line-height:1.2}.navi-hero-motion .detail-intro{color:#435a6b;max-width:40ch;margin:0;font-size:12px;line-height:1.6}.navi-hero-motion .ball-facts{margin:10px 0 0}.navi-hero-motion .ball-fact{border-top:1px solid #36556a2e;grid-template-columns:18px 1fr;gap:8px;padding:7px 0;display:grid}.navi-hero-motion .ball-fact:last-child{padding-bottom:0}.navi-hero-motion .fact-number{color:#287488;font-variant-numeric:tabular-nums;letter-spacing:.05em;font-size:10px;line-height:2}.navi-hero-motion .ball-facts dt{margin:0 0 3px;font-size:13px;font-weight:500;line-height:1.5}.navi-hero-motion .ball-facts dd{color:#435a6b;max-width:48ch;margin:0;font-size:12px;line-height:1.65}.navi-hero-motion .close-detail{z-index:1;color:#102b43;background:#ffffff59;border:1px solid #36556a2e;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;transition:background .18s,border-color .18s;display:grid;position:absolute;top:10px;right:10px}.navi-hero-motion .close-detail:hover{background:#ffffffbf;border-color:#27889b}@keyframes navi-motion-reveal-detail{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.navi-hero-motion .detail-content{grid-template-columns:1fr;gap:20px;padding:24px}.navi-hero-motion .detail-visual{width:min(100%,260px);margin:14px auto 0}.navi-hero-motion .detail-copy{padding:0}.navi-hero-motion .detail-intro,.navi-hero-motion .ball-facts dd{max-width:none}}.navi-hero-motion .load-error{z-index:5;background:#f5f7f8;place-content:center;gap:20px;display:grid;position:absolute;inset:30%}@media (max-width:700px){.navi-hero-motion .playback{padding:5px;bottom:2%;right:2%}.navi-hero-motion .scene-tab{height:10%;top:90%}}@media (prefers-reduced-motion:reduce){.navi-hero-motion *,.navi-hero-motion :before,.navi-hero-motion :after{transition:none!important;animation:none!important}}.navi-hero-motion .playback:is(.downhole-replay,.process-replay){right:calc(3% + max(32px,2.034cqw) + 10px)}@media (max-width:700px){.navi-hero-motion .playback:is(.downhole-replay,.process-replay){right:calc(2% + max(32px,2.034cqw) + 10px)}}.navi-hero-motion .flow-stage{aspect-ratio:16/9;background:#0c151b;width:min(100vw,177.778dvh)}.navi-hero-motion .flow-media{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.navi-hero-motion .flow-inspection-still{opacity:0}.navi-hero-motion .flow-inspection-still.is-visible{opacity:1}.navi-hero-motion .flow-exit{opacity:0}.navi-hero-motion .flow-exit.is-visible{opacity:1}.navi-hero-motion .flow-surface{opacity:0}.navi-hero-motion .flow-surface.is-visible{opacity:1}.navi-hero-motion .stage.flow-close-view{--ui-color:#f7f9fa}.navi-hero-motion .flow-stage .scene-tab span{color:var(--scene-label-color,var(--ui-color));transition:color .2s}.navi-hero-motion .flow-stage .scene-tabs-with-process{white-space:nowrap;align-items:center;gap:3.4cqw;display:flex;inset:auto auto 2.25% 50%;transform:translate(-50%)}.navi-hero-motion .flow-stage .scene-tabs-with-process .scene-tab{width:auto;height:auto;position:relative;top:auto;left:auto;transform:none}@media (max-width:700px){.navi-hero-motion .flow-stage .scene-tabs-with-process{bottom:2%}}.navi-hero-motion .flow-stage .flow-hotspot{top:59%;left:61.5%}.navi-hero-motion .flow-ball-hitarea{z-index:2;background:0 0;border:0;border-radius:50%;width:21%;height:37.4%;padding:0;position:absolute;top:56%;left:39.5%}.navi-hero-motion .flow-ball-hitarea:focus-visible{outline-offset:5px;outline:1px solid #00a8bf}.navi-hero-motion .flow-stage .playback.is-buffering{border-top-color:#00a8bf}.navi-hero-motion .motion-buffer-status{z-index:5;color:#102b43;pointer-events:none;background:#f0f5f8eb;border-radius:4px;padding:8px 12px;font:13px/1.4 sans-serif;position:absolute;top:4%;right:3%}.navi-hero-motion .flow-error{z-index:6;color:#102b43;text-align:center;background:#f0f5f8eb;border-radius:10px;padding:24px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.navi-hero-motion .flow-error p{margin:0 0 12px}.navi-hero-motion .flow-error button{color:inherit;background:0 0;border:1px solid #8dabb6;border-radius:4px;padding:8px 18px}.navi-hero-motion .stage.downhole-stage{aspect-ratio:16/9;width:min(100vw,177.778dvh)}.navi-hero-motion .downhole-flow-home.is-data-handoff{z-index:8;pointer-events:none;position:fixed;inset:0}.navi-hero-motion .downhole-return{opacity:0}.navi-hero-motion .downhole-return.is-visible{opacity:1}.navi-hero-motion .downhole-stage .scene-tabs{transition:color .3s}.navi-hero-motion .downhole-annotations{pointer-events:none;z-index:3;animation:.3s ease-out navi-motion-reveal-annotations;position:absolute;inset:0}.navi-hero-motion .annotation-leaders{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.navi-hero-motion .annotation-leaders path{fill:none;stroke:#ffffff8c;stroke-width:1px;vector-effect:non-scaling-stroke}.navi-hero-motion .annotation-leaders circle{fill:#b8edf0;stroke:none}.navi-hero-motion .annotation-leaders .is-focused path{stroke:#b8edf0}.navi-hero-motion .downhole-stage .downhole-hotspot{pointer-events:auto}.navi-hero-motion .downhole-detail-image{background:#233032;border-radius:5px;width:100%;height:auto;display:block;overflow:hidden}.navi-hero-motion .downhole-detail-image image{mix-blend-mode:normal}@keyframes navi-motion-reveal-annotations{0%{opacity:0}to{opacity:1}}.navi-hero-motion .surface-annotations{pointer-events:none;color:#12384a;position:absolute;inset:0}.navi-hero-motion .surface-leaders{z-index:3;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.navi-hero-motion .surface-leaders polyline{fill:none;stroke:#188396;stroke-width:1px;vector-effect:non-scaling-stroke;opacity:.72}.navi-hero-motion .surface-leaders ellipse{fill:#13879b}.navi-hero-motion .surface-annotations .surface-marker{pointer-events:auto}.navi-hero-motion .surface-location-detail{z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:#eef5f7eb;border:1px solid #30586c33;border-radius:6px;width:26%;max-height:41%;padding:1.7cqw;position:absolute;top:48%;left:4%;overflow:auto;box-shadow:0 8px 28px #16283214}.navi-hero-motion .surface-location-detail h2{margin:.6em 0;font-size:clamp(15px,1.45cqw,25px);font-weight:450;line-height:1.4}.navi-hero-motion .surface-location-detail p{margin:.7em 0 0;font-size:clamp(10px,1cqw,17px);line-height:1.7}.navi-hero-motion .surface-location-detail .surface-detail-kicker{color:#2a8195;letter-spacing:.05em;margin:0;font-size:clamp(8px,.67cqw,12px)}.navi-hero-motion .surface-location-detail .surface-equipment{color:#497080;border-bottom:1px solid #1e465826;padding-bottom:.8em;font-size:clamp(9px,.8cqw,14px)}.navi-hero-motion .surface-detail-close{color:inherit;background:0 0;border:0;width:24px;height:24px;padding:4px;position:absolute;top:7px;right:7px}.navi-hero-motion .surface-detail-close svg{width:100%;height:100%}@media (max-width:600px){.navi-hero-motion .surface-location-detail{width:29%;max-height:46%;padding:10px;top:44%;left:2%}.navi-hero-motion .surface-detail-close{top:2px;right:2px}}.navi-hero-motion .surface-focus-media{z-index:1;object-fit:contain;pointer-events:none;opacity:0;width:100%;height:100%;position:absolute;inset:0}.navi-hero-motion .surface-focus-media.is-visible{opacity:1}.navi-hero-motion .surface-annotations .surface-focus-playback,.navi-hero-motion .surface-annotations .surface-focus-error{pointer-events:auto}.navi-hero-motion .surface-focus-error>div{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.navi-hero-motion .surface-detail-back{color:#2a7087;text-align:left;background:0 0;border:0;border-top:1px solid #1e465826;align-items:center;gap:.5em;margin-top:1em;padding:.55em 0;font-size:clamp(10px,.85cqw,14px);display:inline-flex}.navi-hero-motion .surface-detail-back svg{flex:0 0 1em;width:1em;height:1em}.navi-hero-motion .surface-detail-back:hover{color:#006c83}.navi-hero-motion .playback.stage-navigation{--stage-navigation-edge:3%;--stage-navigation-step:calc(max(32px, 2.034cqw) + 10px)}.navi-hero-motion .playback.stage-navigation-previous{right:calc(var(--stage-navigation-edge) + var(--stage-navigation-step) + var(--stage-navigation-step))}.navi-hero-motion .playback.stage-navigation-next{right:calc(var(--stage-navigation-edge) + var(--stage-navigation-step))}.navi-hero-motion .playback.stage-navigation:disabled{cursor:default}@media (max-width:700px){.navi-hero-motion .playback.stage-navigation{--stage-navigation-edge:2%}}@media (max-width:380px){.navi-hero-motion .flow-stage>.stage-navigation,.navi-hero-motion .flow-stage>.stage-navigation~.playback{bottom:14%}}.navi-hero-motion{--motion-frame-height:56.25cqw;--motion-visible-height:min(var(--motion-frame-height), calc(100svh - var(--motion-header-height,95px)));--motion-crop-y:max(0px, calc((var(--motion-frame-height) - var(--motion-visible-height)) / 2));color:var(--wo-ink);border-bottom:1px solid var(--wo-rule);isolation:isolate;background:#e9eef0;font-family:Arial,PingFang SC,sans-serif;container-type:inline-size}.navi-hero-motion .motion-viewport{width:100%;height:var(--motion-visible-height);position:relative;overflow:clip}.navi-hero-motion .flow-page-active,.navi-hero-motion .homepage{width:100%;height:100%;min-height:0}.navi-hero-motion .homepage{grid-template-rows:minmax(0,1fr)}.navi-hero-motion .stage,.navi-hero-motion .stage.flow-stage,.navi-hero-motion .stage.downhole-stage{width:100%;height:var(--motion-frame-height);aspect-ratio:16/9}.navi-hero-motion .scene-tab{top:auto;bottom:calc(var(--motion-crop-y) + 2.25%)}.navi-hero-motion .flow-stage .scene-tabs-with-process{bottom:calc(var(--motion-crop-y) + 2.25%)}.navi-hero-motion .flow-stage .scene-tabs-with-process .scene-tab{bottom:auto}.navi-hero-motion .playback{bottom:calc(var(--motion-crop-y) + 2.75%)}.navi-hero-motion .motion-buffer-status{top:calc(var(--motion-crop-y) + 4%)}.navi-hero-motion .surface-location-detail{top:calc(var(--motion-crop-y) + 8%);max-height:calc(84% - var(--motion-crop-y) * 2)}.navi-hero-motion .flow-transition-source{z-index:8;opacity:1;pointer-events:none;transition:opacity .36s;position:absolute;inset:0}.navi-hero-motion .flow-transition-source.is-released{opacity:0}.navi-hero-motion .downhole-flow-home.is-data-handoff{position:static}.navi-hero-motion .motion-overview{z-index:2;visibility:hidden;opacity:0;width:27%;transition:opacity .24s;position:absolute;top:8%;left:3.5%}.navi-hero-motion .motion-overview.is-visible{visibility:visible;opacity:1}.navi-hero-motion .motion-overview:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 30% 48%,#f5f8f9ed 0%,#f5f8f9de 52%,#f5f8f900 78%);position:absolute;inset:-25% -22% -15% -15%}.navi-hero-motion .motion-overview .wo-kicker{margin:0 0 20px;font-size:clamp(10px,.8vw,12px);line-height:1.7}.navi-hero-motion .motion-overview h1{letter-spacing:-.045em;text-wrap:balance;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(32px,3.1vw,52px);font-weight:400;line-height:1.12}.navi-hero-motion .motion-intro{color:#41596b;margin:22px 0 0;font-size:clamp(14px,1.05vw,18px);line-height:1.65}.navi-hero-motion .motion-actions{flex-direction:column;align-items:flex-start;gap:18px;margin-top:28px;display:flex}.navi-hero-motion .motion-actions .wo-button{gap:14px;padding:14px 17px;font-size:13px}.navi-hero-motion .motion-actions .wo-text-link{gap:14px;font-size:13px}.navi-hero-motion .info-hotspot{border-color:#eaf7f8;border-top-color:var(--wo-cyan);background:#10283ecc}.navi-hero-motion .detail-visual>img{width:100%;height:auto;display:block}.navi-hero-motion .scene-tab{font-size:clamp(11px,.95694cqw,17px)}.navi-hero-motion .playback:disabled{opacity:.55;cursor:default}body:has(.navi-hero-motion) .analytics-choice-trigger{left:16px;right:auto}@media (max-width:1000px){.navi-hero-motion{--motion-visible-height:var(--motion-frame-height);--motion-crop-y:0px}.navi-hero-motion .motion-viewport{height:auto;overflow:visible}.navi-hero-motion .flow-page-active,.navi-hero-motion .flow-transition-source,.navi-hero-motion .homepage{aspect-ratio:16/9;height:auto}.navi-hero-motion .motion-overview{visibility:visible;opacity:1;background:#f4f8f9;width:auto;max-height:none;padding:28px 24px 32px;position:relative;top:auto;left:auto;overflow:visible}.navi-hero-motion .motion-overview:before{display:none}.navi-hero-motion .motion-overview .wo-kicker{margin-bottom:12px}.navi-hero-motion .motion-overview h1{font-size:36px}.navi-hero-motion .motion-intro{margin-top:16px;font-size:15px}.navi-hero-motion .motion-actions{flex-flow:wrap;align-items:center;gap:18px;margin-top:22px}.navi-hero-motion .surface-location-detail{width:45%;max-height:74%;padding:12px;top:8%;left:3%}.navi-hero-motion .scene-tabs,.navi-hero-motion .flow-stage .scene-tabs-with-process{justify-content:center;align-items:center;gap:12px;display:flex;inset:auto 3% 2%;transform:none}.navi-hero-motion .scene-tab{flex:0 auto;width:auto;height:28px;position:relative;top:auto;left:auto;transform:none}.navi-hero-motion .stage>.playback{bottom:15%}.navi-hero-motion .scene-tabs-with-process .scene-tab-2 span{text-overflow:ellipsis;vertical-align:middle;max-width:95px;overflow:hidden}}@media (prefers-reduced-motion:reduce){.navi-hero-motion .flow-transition-source{transition:none}}@media (max-width:600px){.navi-hero-motion .stage.flow-stage>.playback{bottom:34%}}