@property --g-canvas{syntax: "<color>"; inherits: true; initial-value: #121212;}@property --g-surface{syntax: "<color>"; inherits: true; initial-value: #171717;}@property --g-raised{syntax: "<color>"; inherits: true; initial-value: #1e1e1e;}@property --g-line{syntax: "<color>"; inherits: true; initial-value: #2b2b2b;}@property --g-text{syntax: "<color>"; inherits: true; initial-value: #f6f6f3;}@property --g-muted{syntax: "<color>"; inherits: true; initial-value: #81817d;}@property --g-accent{syntax: "<color>"; inherits: true; initial-value: #3088f8;}@property --g-on-accent{syntax: "<color>"; inherits: true; initial-value: #ffffff;}@property --g-accent-soft{syntax: "<color>"; inherits: true; initial-value: #16263b;}@property --g-radius{syntax: "<length>"; inherits: true; initial-value: 12px;}@property --g-radius-lg{syntax: "<length>"; inherits: true; initial-value: 18px;}@property --g-plate{syntax: "<number>"; inherits: true; initial-value: 0;}.g-stage{min-height:420px;--g-font-display: var(--font-sans);--g-font-text: var(--font-sans);--g-ease: cubic-bezier(.2, .8, .2, 1);--g-dur: .76s;--g-stagger: 45ms;--g-cam-dur: 1.1s;--g-wire: rgba(255, 255, 255, .16);position:relative;flex:1;display:flex;flex-direction:column;min-height:0;margin:18px 0 16px;border-radius:18px;isolation:isolate;transition:--g-canvas 1.1s var(--st-ease),--g-surface 1.1s var(--st-ease),--g-raised 1.1s var(--st-ease),--g-line 1.1s var(--st-ease),--g-text 1.1s var(--st-ease),--g-muted 1.1s var(--st-ease),--g-accent 1.1s var(--st-ease),--g-on-accent 1.1s var(--st-ease),--g-accent-soft 1.1s var(--st-ease),--g-radius .9s var(--st-ease),--g-radius-lg .9s var(--st-ease),--g-plate 1.1s var(--st-ease)}.g-stage[data-world=CUSTOMER]{--g-plate: 1;--g-wire: color-mix(in srgb, var(--g-text) 22%, transparent)}.g-plate{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--g-canvas);opacity:var(--g-plate);clip-path:inset(calc((1 - var(--g-plate)) * 50%) round 18px);pointer-events:none}.g-stage[data-world=UVRO] .g-plate{opacity:0}.g-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(to right,color-mix(in srgb,var(--g-text) 5%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--g-text) 5%,transparent) 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:radial-gradient(ellipse at 50% 46%,#000 20%,transparent 72%);mask-image:radial-gradient(ellipse at 50% 46%,#000 20%,transparent 72%);opacity:calc(1 - var(--g-plate) * .6)}.g-view{position:absolute;z-index:1;top:46px;right:0;bottom:76px;left:0;overflow:hidden}.g-stage.has-media .g-view{bottom:116px}.g-world{position:absolute;left:50%;top:50%;width:600px;height:440px;margin:-220px 0 0 -300px;transform:scale(var(--fit, 1));perspective:1500px;perspective-origin:50% 40%}.g-cam{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transform-origin:50% 50%;transition:transform var(--g-cam-dur) cubic-bezier(.65,0,.25,1);color:var(--g-text);font-family:var(--g-font-text)}.g-o{position:absolute;box-sizing:border-box;transform:translateZ(var(--z)) rotate(var(--r)) scale(var(--s));opacity:var(--op);transition:transform var(--g-dur) var(--g-ease),opacity calc(var(--g-dur) * .7) var(--g-ease),left var(--g-dur) var(--g-ease),top var(--g-dur) var(--g-ease),width var(--g-dur) var(--g-ease),height var(--g-dur) var(--g-ease),border-radius var(--g-dur) var(--g-ease),background-color .9s var(--st-ease),border-color .9s var(--st-ease);transition-delay:calc(var(--i, 0) * var(--g-stagger));transform-style:preserve-3d}.g-o[data-on=false]{opacity:0;transform:translateZ(calc(var(--z) - 40px)) rotate(var(--r)) scale(calc(var(--s) * .94));pointer-events:none;transition-delay:0ms}.g-surface{border:1px solid var(--g-line);background:var(--g-surface);border-radius:var(--g-radius)}.g-raised{border:1px solid var(--g-line);background:var(--g-raised);border-radius:var(--g-radius);box-shadow:0 1px color-mix(in srgb,var(--g-text) 5%,transparent) inset,0 18px 40px -24px #0000008c}.g-tag{display:inline-block;font:500 10.5px/1 var(--font-mono);letter-spacing:.02em;color:var(--g-muted);white-space:nowrap}.g-lines{display:grid;gap:6px}.g-lines i{display:block;height:5px;border-radius:9px;background:color-mix(in srgb,var(--g-text) 12%,transparent)}.g-hatch{position:relative;display:grid;place-items:center;border-radius:calc(var(--g-radius) * .7);border:1px dashed color-mix(in srgb,var(--g-text) 20%,transparent);background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--g-text) 6%,transparent) 0 1px,transparent 1px 9px)}.g-hatch>span{font:500 10px/1 var(--font-mono);color:var(--g-muted);padding:3px 6px;border-radius:5px;background:var(--g-surface)}.g-wire{position:absolute;height:1px;transform-origin:0 50%;background:var(--g-wire);clip-path:inset(0 100% 0 0);transition:clip-path .7s var(--g-ease) calc(var(--i, 0) * 70ms)}.g-wire.dashed{background:repeating-linear-gradient(90deg,var(--g-wire) 0 4px,transparent 4px 8px)}.g-wire[data-on=true]{clip-path:inset(0 0 0 0)}.g-hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding:14px;pointer-events:none}.g-hud-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}.g-chip{display:inline-flex;align-items:center;gap:8px;height:26px;padding:0 10px;border-radius:99px;border:1px solid var(--st-line-2);background:color-mix(in srgb,var(--st-bg) 94%,transparent);font-size:12px;color:var(--st-fg-2);animation:g-chip-in .42s var(--st-ease) both;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.g-chip-dot{width:6px;height:6px;border-radius:9px;background:var(--blue)}.g-chip-world{margin-left:auto}.g-swatches{display:inline-flex}.g-swatches i{width:10px;height:10px;border-radius:9px;margin-left:-3px;border:1px solid rgba(255,255,255,.35)}@keyframes g-chip-in{0%{opacity:0;transform:translateY(-4px)}}.g-hud-bottom{display:grid;gap:10px}.g-caption{justify-self:start;max-width:440px;padding:7px 11px;border-radius:10px;background:color-mix(in srgb,var(--st-bg) 94%,transparent);font-size:13.5px;line-height:1.4;color:var(--st-fg-2);animation:g-chip-in .46s var(--st-ease) both}.g-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.g-rail li{display:grid;gap:6px;font:500 11px/1 var(--font-mono);color:var(--st-fg-4)}.g-rail i{display:block;height:2px;border-radius:2px;background:var(--st-line-2);position:relative;overflow:hidden}.g-rail i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--st-fg);transform:scaleX(0);transform-origin:0 50%;transition:transform .7s var(--st-ease)}.g-rail li[data-done] i:after,.g-rail li[data-current] i:after{transform:scaleX(1)}.g-rail li[data-current] i:after{background:var(--blue)}.g-rail li[data-done],.g-rail li[data-current]{color:var(--st-fg-2)}.g-stage[data-world=CUSTOMER] .g-rail li{color:color-mix(in srgb,var(--g-text) 45%,transparent)}.g-stage[data-world=CUSTOMER] .g-rail li[data-done],.g-stage[data-world=CUSTOMER] .g-rail li[data-current]{color:var(--g-text)}.g-stage[data-world=CUSTOMER] .g-rail i{background:color-mix(in srgb,var(--g-text) 16%,transparent)}.g-stage[data-world=CUSTOMER] .g-rail li[data-done] i:after{background:var(--g-text)}.g-media{align-self:flex-start;display:flex;flex-wrap:wrap;align-items:center;gap:8px;pointer-events:auto}.g-media-btn,.g-media-clear{position:relative;display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:9px;border:1px solid var(--st-line-2);background:var(--st-raise);color:var(--st-fg);font-size:12.5px;cursor:pointer}.g-media-btn:focus-within,.g-media-clear:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.g-media-btn input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.g-media-clear{color:var(--st-fg-3)}.g-media-note{font-size:11.5px;color:var(--st-fg-3);padding:5px 8px;border-radius:7px;background:color-mix(in srgb,var(--st-bg) 94%,transparent)}.g-neutral{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.g-neutral-mark{position:absolute;left:calc(180px + var(--i) * 80px);top:200px;width:1px;height:40px;background:var(--st-line-2);animation:g-mark .9s var(--st-ease) both;animation-delay:calc(var(--i) * 90ms)}.g-neutral-mark:after{content:"";position:absolute;left:-3px;top:-8px;width:7px;height:7px;border-radius:9px;border:1px solid var(--st-line-2)}@keyframes g-mark{0%{transform:scaleY(0);opacity:0}}.g-neutral-copy{position:absolute;top:262px;width:100%;text-align:center;font-size:15px;color:var(--st-fg-4)}.g-stage.is-compact .g-chip:not(.g-chip-world){display:none}.g-stage.is-compact .g-caption{font-size:12.5px}.g-stage.is-compact .g-view{bottom:96px}.g-stage.is-compact.has-media .g-view{bottom:130px}.g-media-note.is-short,.g-stage.is-compact .g-media-note{display:none}.g-stage.is-compact .g-media-note.is-short{display:inline}@media(max-width:1023px){.g-stage{min-height:380px;margin:14px 0 0}}@media(max-width:479px){.g-stage{min-height:360px}.g-rail li span{font-size:10px}.g-hud{padding:10px}}@media(prefers-reduced-motion:reduce){.g-stage,.g-cam,.g-o,.g-wire,.g-rail i:after{transition:none!important}.g-stage *,.g-stage *:before,.g-stage *:after{animation:none!important}.g-stage .gl-route,.g-stage .gl-chart path{stroke-dashoffset:0}.g-stage .gi-trace,.g-stage .gx-pulse,.g-stage .gb-mat-sheen{display:none}}
