@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap";:root{--paper:#f3f3ef;--ink:#06070b;--shubo-sage:#8fb093;--shubo-clay:#e8916f;--pingbo-matcha:#8ba63f;--pingbo-lime:#d4f038;--linen:#dbc4a5;--page-pad:clamp(1.15rem, 2.6vw, 3rem);--header-height:4.8rem;--lockup-font-size:clamp(1.125rem, 1.45vw, 1.375rem);--scroll-grid-shift:0px}*{box-sizing:border-box}html{background:var(--ink);height:100%;min-height:100%;overflow:hidden}body{background:var(--ink);min-width:320px;height:100%;min-height:100%;color:var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-family:Manrope,Helvetica Neue,Arial,sans-serif;overflow:hidden}a{color:inherit;text-decoration:none}canvas{display:block}::selection{background:var(--pingbo-lime);color:#0f1611}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.experience{--thesis-fusion-color-a:#ff385c;--thesis-fusion-color-b:#00c7e6;--thesis-fusion-angle:135deg;--thesis-fusion-position:50% 50%;isolation:isolate;background:var(--ink);height:100svh;min-height:100svh;position:relative;overflow:hidden}.skip-link{z-index:1000;background:var(--ink);color:var(--paper);letter-spacing:.08em;text-transform:uppercase;border:1px solid;border-radius:999px;padding:.7rem .9rem;font:500 .65rem/1 DM Mono,monospace;transition:transform .18s;position:fixed;top:.7rem;left:.7rem;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.view-switcher{pointer-events:auto;flex-direction:row;flex:none;align-items:center;gap:clamp(.85rem,1.8vw,1.35rem);display:flex;position:absolute;left:auto;right:0;transform:none}.view-switcher__button{color:#fff;letter-spacing:-.035em;text-align:left;text-underline-offset:.22rem;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;font-size:clamp(.875rem,1.05vw,1rem);font-weight:700;line-height:1;text-decoration:none;transition:opacity .22s,text-decoration-color .22s}.view-switcher__button:hover{text-decoration:underline}.view-switcher__button[aria-pressed=true]{color:#fff;text-decoration:underline}.view-switcher__button:focus-visible{outline-offset:.22rem;outline:2px solid #fff}.site-header{z-index:100;width:100%;height:auto;padding:1.05rem var(--page-pad) 1.8rem;isolation:isolate;pointer-events:none;color:var(--paper);flex-direction:column;align-items:flex-start;gap:.52rem;display:flex;position:fixed;top:0;left:0;right:auto}.header-topline{pointer-events:none;align-items:center;width:100%;display:flex;position:relative}.site-header:before{z-index:-1;content:"";pointer-events:none;background:radial-gradient(at 0 0,#02030ae0 0%,#03050e99 43%,#0000 76%);width:min(43rem,100vw);transition:opacity .52s;position:absolute;inset:0 auto -3.2rem 0}.brand{pointer-events:auto;flex:none;align-items:center;gap:.42rem;line-height:1;transition:opacity .52s,transform .82s cubic-bezier(.22,1,.36,1);display:inline-flex}.brand-mark{font-size:var(--lockup-font-size);letter-spacing:-.055em;font-weight:700}.header-thesis{color:#f7f9fff5;background:linear-gradient(var(--thesis-fusion-angle), var(--thesis-fusion-color-a) 0%, var(--thesis-fusion-color-b) 50%, var(--thesis-fusion-color-a) 100%);background-position:var(--thesis-fusion-position);font-size:var(--lockup-font-size);letter-spacing:-.035em;-webkit-text-fill-color:transparent;white-space:nowrap;background-size:180% 180%;-webkit-background-clip:text;background-clip:text;margin:0;padding-block-end:.14em;font-weight:600;line-height:1.02;transition:opacity .52s,transform .82s cubic-bezier(.22,1,.36,1)}.header-thesis span{display:block}main{height:100%}.hero{perspective:90rem;background:radial-gradient(circle at 50% 50%, #080a14 0, #04060d 48%, #020308 100%), var(--ink);height:100svh;min-height:34rem;position:relative;overflow:hidden}.hero:before,.hero:after{z-index:1;content:"";pointer-events:none;position:absolute}.hero:before{opacity:.32;background-color:#0000;background-image:linear-gradient(90deg,#0000 49.95%,#dbc4a512 50%,#0000 50.05%),linear-gradient(#0000 49.95%,#8fb0930d 50%,#0000 50.05%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:min(11vw,9rem) min(11vw,9rem);background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 72%);mask-image:radial-gradient(circle,#000,#0000 72%)}.hero:after{background:linear-gradient(90deg, var(--ink), transparent 18%, transparent 82%, var(--ink)), linear-gradient(var(--ink), transparent 16%, transparent 84%, var(--ink));inset:0}.technical-grid{z-index:2;transform:perspective(72rem) rotateX(63deg) translateY(calc(45% - var(--scroll-grid-shift)));opacity:.13;background-image:linear-gradient(#dbc4a514 1px,#0000 1px),linear-gradient(90deg,#8fb09314 1px,#0000 1px);background-size:clamp(3.5rem,6vw,6.8rem) clamp(3.5rem,6vw,6.8rem);transition:transform 80ms linear;animation:9s ease-in-out infinite alternate grid-breathe;position:absolute;inset:-30%;-webkit-mask-image:radial-gradient(circle,#000,#0000 68%);mask-image:radial-gradient(circle,#000,#0000 68%)}.three-scene{z-index:20;position:absolute;inset:0;overflow:hidden}.three-canvas{cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;width:100%;height:100%}.three-canvas[data-dragging=true]{cursor:grabbing}.three-canvas[data-product-dragging]{cursor:move}.three-canvas:focus-visible{outline-offset:-.5rem;outline:1px solid #c7dcffb8}.product-captions{z-index:6;opacity:0;pointer-events:none;transition:opacity .48s .12s;position:absolute;inset:0}.three-scene[data-view=products] .product-captions{opacity:1;transition-delay:.36s}.product-caption{--product-caption-accent:var(--paper);top:var(--product-caption-y,65%);color:#fff;pointer-events:none;text-align:center;justify-items:center;gap:.38rem;min-width:11rem;padding:.32rem .7rem .55rem;text-decoration:none;transition:color .18s,transform .18s;display:grid;position:absolute;transform:translate(-50%)}.three-scene[data-view=products] .product-caption{pointer-events:auto}.product-caption--shubo{--product-caption-accent:var(--shubo-sage);left:var(--shubo-caption-x,34%)}.product-caption--pingbo{--product-caption-accent:var(--pingbo-lime);left:var(--pingbo-caption-x,66%)}.product-caption__name{color:#fff;letter-spacing:.14em;text-shadow:0 .12rem .7rem #000000f2,0 0 1.5rem #000;font:700 clamp(1.05rem,1.45vw,1.3rem)/1 DM Mono,monospace;position:relative}.product-caption__name:after{color:var(--product-caption-accent);content:"↗";font-size:.68em;position:absolute;top:.05em;left:calc(100% + .45rem)}.product-caption__role{color:#f3f3efa8;letter-spacing:.12em;text-shadow:0 .08rem .6rem #000;font:600 clamp(.68rem,.86vw,.82rem)/1 DM Mono,monospace}.product-caption:hover{transform:translate(-50%)translateY(-.12rem)}.product-caption:hover .product-caption__name,.product-caption:focus-visible .product-caption__name{color:color-mix(in srgb, var(--product-caption-accent) 78%, white)}.product-caption:focus-visible{outline-offset:.36rem;outline:1px solid}.celestial-info{--celestial-accent:#8ecbff;z-index:5;border:1px solid #f3f3ef2e;border-left:2px solid var(--celestial-accent);background:linear-gradient(105deg, color-mix(in srgb, var(--celestial-accent) 11%, transparent), transparent 48%), #04060cf0;width:min(22rem,100vw - 2rem);box-shadow:0 0 2.6rem color-mix(in srgb, var(--celestial-accent) 13%, transparent), 0 .55rem 1.8rem #0000006b;pointer-events:auto;font-synthesis:none;-webkit-font-smoothing:auto;border-radius:.2rem;padding:.8rem .95rem .78rem 1rem;display:grid;position:absolute;top:0;left:0}.celestial-info[hidden]{display:none}.celestial-info__name{color:var(--paper);letter-spacing:.1em;-webkit-text-decoration-color:var(--celestial-accent);text-decoration-color:var(--celestial-accent);text-underline-offset:.28rem;justify-self:start;font:500 clamp(.9rem,1.3vw,1.1rem)/1.1 DM Mono,monospace;text-decoration-thickness:1px}.celestial-info__name:after{color:var(--celestial-accent);content:"↗";margin-left:.42rem;font-size:.72em}.celestial-info__name:hover,.celestial-info__name:focus-visible{color:var(--celestial-accent)}.celestial-info__name:focus-visible{outline:1px solid var(--celestial-accent);outline-offset:.32rem}.celestial-info__description,.celestial-info__metrics{color:var(--paper);letter-spacing:.06em;text-rendering:optimizelegibility;margin-top:.52rem;font:500 clamp(.68rem,.9vw,.8rem)/1.42 DM Mono,monospace;display:block}.celestial-info__metrics{color:color-mix(in srgb, var(--celestial-accent) 88%, white);margin-top:.32rem}.scene-instruction{z-index:2;bottom:1.8rem;left:var(--page-pad);color:#f3f3ef6b;letter-spacing:.12em;pointer-events:none;gap:1rem;font:500 .46rem/1 DM Mono,monospace;transition:opacity .42s,transform .62s cubic-bezier(.22,1,.36,1);display:flex;position:absolute}.scene-instruction span{align-items:center;gap:.35rem;display:inline-flex}.scene-instruction span:before{aspect-ratio:1;content:"";background:currentColor;border-radius:50%;width:.28rem}.motion-status{z-index:40;right:var(--page-pad);color:#f3f3ef70;letter-spacing:.1em;pointer-events:none;grid-template-columns:auto clamp(4rem,9vw,8rem) auto;align-items:center;gap:.65rem;font:500 .46rem/1 DM Mono,monospace;transition:opacity .42s,transform .62s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;bottom:1.8rem}.experience[data-view=products] .scene-instruction,.experience[data-view=products] .motion-status{opacity:0;transform:translateY(.7rem)}.motion-status>i{background:#f3f3ef29;height:1px;position:relative;overflow:hidden}.motion-status b{background:linear-gradient(90deg, var(--shubo-sage), var(--pingbo-lime), var(--shubo-clay));animation:2.15s linear infinite both status-progress;position:absolute;inset:0}@keyframes grid-breathe{0%{opacity:.16}to{opacity:.3}}@keyframes status-progress{0%{transform:translate(-110%)}to{transform:translate(110%)}}@media (width<=760px){:root{--header-height:4.2rem;--page-pad:1rem}.experience{min-height:100svh}.hero{min-height:31rem}.site-header{gap:.46rem;width:100%;padding-top:.9rem}.brand{gap:.3rem}.scene-instruction{bottom:1.15rem;left:1rem}.scene-instruction span:last-child{display:none}.motion-status{bottom:1.15rem;right:1rem}.motion-status>span:first-child{display:none}}@media (width<=420px){:root{--lockup-font-size:.92rem}.view-switcher{gap:.75rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation:none!important}.scene-instruction{display:none}}.pingbo-link{--pingbo-link-canvas:#03070b;--pingbo-link-surface:#fbf9f4;--pingbo-link-ink:#fff8e8;--pingbo-link-muted:#e5efca9e;--pingbo-link-lime:#9abe3f;--pingbo-link-olive:#6f802c;--pingbo-galaxy-tilt:-8deg;--pingbo-qr-handoff-delay:1.6s;isolation:isolate;background:var(--pingbo-link-canvas);width:100%;height:100svh;min-height:320px;color:var(--pingbo-link-ink);grid-template-rows:auto minmax(0,1fr) auto;font-family:Manrope,-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;display:grid;position:relative;overflow:hidden}.pingbo-link:before{z-index:0;aspect-ratio:1;content:"";mix-blend-mode:screen;opacity:.92;width:min(116vw,116svh);transform:translate(-50%, -50%) rotate(var(--pingbo-galaxy-tilt)) scale(1.04);pointer-events:none;background:url(/images/pingbo/galaxy-milky.webp) 50%/contain no-repeat;transition:opacity .6s;animation:240s linear infinite pingbo-galaxy-spin;position:absolute;top:50%;left:50%}.pingbo-link[data-pingbo-link-qr=qr]:before{opacity:.42}@keyframes pingbo-galaxy-spin{0%{transform:translate(-50%, -50%) rotate(var(--pingbo-galaxy-tilt)) scale(1.04)}to{transform:translate(-50%, -50%) rotate(calc(var(--pingbo-galaxy-tilt) + 360deg)) scale(1.04)}}.pingbo-link:after{z-index:1;content:"";pointer-events:none;background:radial-gradient(circle at 50% 47%,#0000 30%,#0002046b 100%),linear-gradient(#0000001f,#0000 18% 80%,#00000047);position:absolute;inset:0}.pingbo-link[data-pingbo-link-qr=qr]:after{background:radial-gradient(circle,#03070b94 0 24%,#03070b33 42%,#0000 62%),radial-gradient(circle at 50% 47%,#0000 30%,#0002046b 100%),linear-gradient(#0000001f,#0000 18% 80%,#00000047)}.pingbo-link__header,.pingbo-link__footer{z-index:4;padding-right:max(1.25rem, env(safe-area-inset-right));padding-left:max(1.25rem, env(safe-area-inset-left));pointer-events:none;grid-column:1;align-items:center;display:flex;position:relative}.pingbo-link__header{padding-top:max(1.15rem, env(safe-area-inset-top));grid-row:1;justify-content:space-between;padding-bottom:.35rem}.pingbo-link__wordmark{color:var(--pingbo-link-ink);letter-spacing:-.055em;font-size:clamp(1.05rem,2.8vw,1.35rem);font-weight:700}.pingbo-link__context,.pingbo-link__privacy{color:var(--pingbo-link-muted);letter-spacing:.14em;text-transform:uppercase;font:500 .62rem/1 DM Mono,ui-monospace,monospace}.pingbo-link__stage{z-index:2;width:100%;min-width:0;min-height:0;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;outline:0;grid-area:1/1/-1;padding:0;display:block;position:relative;overflow:hidden}.pingbo-link__stage:focus-visible:after{z-index:5;border:2px solid color-mix(in srgb, var(--pingbo-link-lime) 70%, white);content:"";pointer-events:none;border-radius:1.25rem;position:absolute;inset:.8rem}.pingbo-link__canvas{opacity:1;width:100%;height:100%;transition:opacity .12s linear;position:absolute;inset:0}.pingbo-link__stage[data-mode=qr] .pingbo-link__canvas{opacity:0;transition-delay:var(--pingbo-qr-handoff-delay)}.pingbo-link__qr-shell{z-index:2;aspect-ratio:1;opacity:0;filter:drop-shadow(0 0 .08rem #03070bf2)drop-shadow(0 .12rem .28rem #03070bc7);pointer-events:none;width:min(70%,62vh,31rem);max-height:min(62vh,100% - 1rem);transition:opacity .11s linear;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pingbo-link__stage[data-mode=qr] .pingbo-link__qr-shell{opacity:1;transition-delay:var(--pingbo-qr-handoff-delay)}.pingbo-link__qr{width:100%;height:100%;box-shadow:none;background:0 0;border:0;display:block;position:relative;overflow:hidden}.pingbo-link__footer{padding-bottom:max(1.2rem, env(safe-area-inset-bottom));text-align:center;flex-direction:column;grid-row:3;justify-content:center;gap:.62rem}.pingbo-link__instruction{color:#fff8e8d1;letter-spacing:-.01em;background:#070e0dc7;border:1px solid #d4f0383d;border-radius:999px;align-items:center;min-height:2.2rem;padding:.62rem .9rem;font-size:.72rem;font-weight:500;display:inline-flex;box-shadow:0 .35rem 1.3rem #0000003d,inset 0 0 0 1px #fff8e814}@media (height<=520px){.pingbo-link__header{padding-top:.75rem}.pingbo-link__footer{gap:.38rem;padding-bottom:.7rem}.pingbo-link__instruction{min-height:1.8rem;padding:.42rem .72rem}.pingbo-link__privacy{display:none}}@media (prefers-reduced-motion:reduce){.pingbo-link__stage[data-mode=qr] .pingbo-link__canvas,.pingbo-link__stage[data-mode=qr] .pingbo-link__qr-shell{transition-delay:0s}}