.c100-page .journey-view{--j-accent:#b6f46b;--j-ink:#f6faef;--j-muted:#bed4c4;position:relative;isolation:isolate}
.c100-page .journey-stage{position:relative;width:100%;height:510px;overflow:hidden;isolation:isolate}
.c100-page .journey-stage canvas{display:block;position:absolute;inset:0;width:100%;height:100%;outline:none;touch-action:pan-y}
.c100-page .journey-hero{--j-accent:#b6f46b;--j-ink:#f6faef;--j-muted:#b7c7be;flex:0 0 100%;width:100%;min-width:0}
.c100-page .journey-hero .journey-stage{height:500px}
.c100-page .journey-hero-caption{display:flex;align-items:center;gap:10px;margin:0 35px;font-size:12px;font-weight:650;color:var(--j-ink)}
.c100-page .journey-hero-caption .journey-icon-button{margin-left:auto;width:34px;height:34px;color:var(--j-ink);border-color:#c6d6da}
.c100-page .journey-illustrative{font-size:11px;color:var(--j-muted);margin:9px 35px 0}
.c100-page .journey-signal{display:inline-block;flex-shrink:0;width:7px;height:7px;border-radius:50%;background:var(--j-accent)}
.c100-page .journey-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-block:1px solid #355342;color:var(--j-ink)}
.c100-page .journey-mode-group{display:flex;gap:5px;background:#091a12;padding:5px;border-radius:12px}
.c100-page .journey-mode{display:inline-flex;align-items:center;gap:9px;background:none;border:0;border-radius:8px;color:#c2d1d8;padding:13px 18px;font:inherit;font-size:13px;font-weight:650;cursor:pointer;transition:background .2s,color .2s}
.c100-page .journey-mode svg{width:19px;height:19px}
.c100-page .journey-mode.is-active{background:#b6f46b;color:#102016}
.c100-page .journey-mode:hover:not(.is-active){background:#284553;color:#fff}
.c100-page .journey-api-label{display:flex;gap:11px;align-items:center;font-size:12px;color:var(--j-muted)}
.c100-page .journey-api-label select{font:inherit;font-size:12px;font-weight:650;color:#fff;background:#244734;border:1px solid #49616e;border-radius:8px;padding:12px 30px 12px 12px;cursor:pointer;max-width:190px}
.c100-page .journey-labels{position:absolute;inset:0;pointer-events:none}
.c100-page .journey-object-label{position:absolute;white-space:nowrap;transform:translate(-50%,0);font-size:11px;letter-spacing:.01em;font-weight:600;color:var(--j-muted);opacity:.75;transition:color .2s,opacity .2s}
.c100-page .journey-object-label.is-active{opacity:1;color:var(--j-accent)}
.c100-page .journey-hero .journey-object-label{font-size:10px}
.c100-page .journey-scene-tag{position:absolute;top:24px;left:2px;display:flex;align-items:center;gap:10px;font-size:12px;color:#d6e5e9;pointer-events:none}
.c100-page .journey-view-button{position:absolute;right:0;bottom:20px;display:flex;align-items:center;gap:9px;color:#b9ccd5;border:0;background:transparent;font:inherit;font-size:11px;cursor:pointer;padding:10px}
.c100-page .journey-view-button svg{width:18px;height:18px}
.c100-page .journey-view-button:hover{color:#fff}
.c100-page .journey-narration{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:22px;border-top:1px solid #355342;padding:27px 0 24px;min-height:147px}
.c100-page .journey-step-number{display:flex;flex-direction:column;color:var(--j-accent);font-size:34px;line-height:1.1;font-variant-numeric:tabular-nums;letter-spacing:-.03em}
.c100-page .journey-step-number span{font-size:12px;letter-spacing:0;color:#b0c3ce;margin-top:5px}
.c100-page .journey-narrative h3{margin:0 0 7px;color:#f4f8fa;font-size:20px;line-height:1.3;font-weight:650}
.c100-page .journey-narrative p{margin:0;max-width:650px;font-size:13px;line-height:1.7;color:#bdccd4}
.c100-page .journey-controls{display:flex;gap:7px}
.c100-page .journey-icon-button{width:39px;height:39px;display:inline-grid;place-items:center;color:#dae8eb;border:1px solid #536b78;border-radius:50%;background:transparent;cursor:pointer;transition:background .2s,color .2s}
.c100-page .journey-icon-button svg{width:17px;height:17px}
.c100-page .journey-icon-button:hover{background:#d9f8ed;color:#10241f}
.c100-page .journey-timeline{display:flex;gap:7px}
.c100-page .journey-timeline button{flex:1;position:relative;font:inherit;font-size:11px;text-align:left;border:0;border-top:2px solid #425967;color:#b2c7d0;padding:12px 0;background:transparent;cursor:pointer;transition:color .2s,border-color .2s}
.c100-page .journey-timeline button[aria-pressed=true]{border-color:var(--j-accent);color:var(--j-accent)}
.c100-page .journey-timeline button[data-complete=true]{border-color:#80bfa9}
.c100-page .journey-footnotes{display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid #355342;margin-top:15px;padding-top:17px}
.c100-page .journey-footnotes p{font-size:11px;line-height:1.7;color:#aabdca;margin:0}
.c100-page .journey-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.c100-page .journey-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:13px;padding:35px;transition:opacity .3s}
.c100-page .fallback-node{color:var(--j-ink);min-width:85px;border-top:1px solid var(--j-accent);padding-top:16px}
.c100-page .fallback-node span{display:block;font-size:10px;color:var(--j-muted);margin-bottom:8px}
.c100-page .fallback-node strong{font-size:13px;font-weight:600}
.c100-page .journey-fallback i{font-style:normal;color:var(--j-accent)}
.c100-page .journey-view.is-rendered .journey-fallback{opacity:0;visibility:hidden}
.c100-page .journey-view.is-static .journey-view-button{display:none}
.c100-page .journey-view.is-static .journey-labels{display:none}
.c100-page .journey-view button:focus-visible,.c100-page .journey-view select:focus-visible{outline:2px solid var(--j-accent);outline-offset:4px}
@media(min-width:1450px){.c100-page .journey-hero .journey-stage{height:540px}}
@media(max-width:1050px){.c100-page .journey-hero{margin-inline:-15px;width:calc(100% + 30px);flex-basis:calc(100% + 30px)}.c100-page .journey-hero .journey-stage{height:420px}.c100-page .journey-api-label{flex-direction:column;gap:5px;align-items:flex-start}.c100-page .journey-lab .journey-stage{height:450px}}
@media(max-width:700px){.c100-page .journey-hero{margin:0 -20px;width:calc(100% + 40px);flex-basis:calc(100% + 40px)}.c100-page .journey-hero .journey-stage{height:350px}.c100-page .journey-toolbar{align-items:stretch;flex-direction:column;gap:14px}.c100-page .journey-mode-group{justify-content:space-between}.c100-page .journey-mode{justify-content:center;padding:12px 10px;font-size:11px;flex:1;gap:6px}.c100-page .journey-mode svg{width:17px;height:17px}.c100-page .journey-api-label{flex-direction:row;align-items:center;justify-content:space-between}.c100-page .journey-api-label select{padding-block:9px}.c100-page .journey-lab .journey-stage{height:370px;margin-inline:-16px;width:calc(100% + 32px)}.c100-page .journey-scene-tag{left:16px;top:20px;font-size:10px}.c100-page .journey-view-button{right:12px;bottom:5px}.c100-page .journey-object-label{font-size:9px}.c100-page .journey-hero .journey-object-label{font-size:8px}.c100-page .journey-narration{grid-template-columns:42px 1fr;gap:14px;padding:23px 0;min-height:180px}.c100-page .journey-step-number{font-size:26px;align-self:start}.c100-page .journey-narrative h3{font-size:17px}.c100-page .journey-narrative p{font-size:12px}.c100-page .journey-controls{grid-column:2;justify-content:flex-end}.c100-page .journey-timeline button{font-size:9px}.c100-page .journey-footnotes{grid-template-columns:1fr;gap:11px}.c100-page .journey-fallback{flex-wrap:wrap;gap:10px;padding:20px}.c100-page .fallback-node{min-width:100px}.c100-page .journey-fallback i{display:none}}
@media(prefers-reduced-motion:reduce){.c100-page .journey-view *{transition:none!important}}
.c100-video-dialog{border:0;border-radius:12px;padding:50px 12px 12px;background:#10241f;color:#fff;width:min(1000px,92vw);max-height:90vh;overflow:visible}
.c100-video-dialog::backdrop{background:rgba(9,20,27,.85)}
.c100-video-dialog iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:5px}
.c100-video-close{position:absolute;top:12px;right:14px;background:none;border:0;color:#fff;font:600 13px Manrope,sans-serif;cursor:pointer;padding:5px}
.c100-video-close:focus-visible{outline:2px solid #b8efcf;outline-offset:3px}

.c100-page [data-journey]:not([data-controller-ready="true"]) .journey-toolbar,.c100-page [data-journey]:not([data-controller-ready="true"]) .journey-controls,.c100-page [data-journey]:not([data-controller-ready="true"]) .journey-timeline,.c100-page [data-journey]:not([data-controller-ready="true"]) .journey-view-button,.c100-page [data-journey]:not([data-controller-ready="true"]) [data-play]{display:none}

.c100-video-dialog.is-demo{width:max-content;max-width:calc(100vw - 36px);max-height:calc(100dvh - 28px);padding:48px 10px 12px;background:#10241f}
.c100-video-dialog.is-demo video{display:block;width:auto;height:calc(100dvh - 126px);max-width:100%;object-fit:contain;margin:auto;background:#050c08;border-radius:5px}
.c100-video-fallback{display:block;margin-top:10px;text-align:center;color:#c8efac;font:12px Manrope,sans-serif;text-underline-offset:4px}
