:root{--page: #e9ebee;--field: #dfe2e7;--field-active: #f2f3f5;--ink: #1b1e22;--ink-soft: #4a5159;--ink-mute: #979da6;--rule: rgba(27, 30, 34, .1);--font-sans: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}html,body,#root{height:100%}body{font-family:var(--font-sans);background:var(--page);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body,button,a{-webkit-tap-highlight-color:transparent}button{border:0;padding:0;color:inherit;font:inherit}ul,ol{list-style:none;padding:0}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.sys :focus-visible,.creative :focus-visible{outline-color:#9fd0f0}.portal-stage{display:grid;min-height:100dvh;overflow-x:clip}.portal-stage>*{grid-area:1 / 1;align-self:start;min-width:0}@property --page{syntax: "<color>"; inherits: true; initial-value: #eef0ed;}@property --ink{syntax: "<color>"; inherits: true; initial-value: #152019;}@property --soft{syntax: "<color>"; inherits: true; initial-value: #677269;}@property --accent{syntax: "<color>"; inherits: true; initial-value: #809088;}@property --deep{syntax: "<color>"; inherits: true; initial-value: #25332b;}@property --wash{syntax: "<color>"; inherits: true; initial-value: #536259;}.landing{--page: #eef0ed;--ink: #152019;--soft: #677269;position:relative;min-height:100dvh;overflow:hidden;color:var(--ink);background:var(--page);transition:--page .78s cubic-bezier(.22,1,.36,1),--ink .65s cubic-bezier(.22,1,.36,1),--soft .65s cubic-bezier(.22,1,.36,1),--accent .78s cubic-bezier(.22,1,.36,1),--deep .78s cubic-bezier(.22,1,.36,1),--wash .78s cubic-bezier(.22,1,.36,1),background-color .78s cubic-bezier(.22,1,.36,1),color .65s ease}.landing[data-entered=true]{visibility:visible;pointer-events:none;transition:--page .78s cubic-bezier(.22,1,.36,1),--ink .65s cubic-bezier(.22,1,.36,1),--soft .65s cubic-bezier(.22,1,.36,1),--accent .78s cubic-bezier(.22,1,.36,1),--deep .78s cubic-bezier(.22,1,.36,1),--wash .78s cubic-bezier(.22,1,.36,1),background-color .78s cubic-bezier(.22,1,.36,1),color .65s ease}.landing[data-entered=true][data-cover=false]{visibility:visible;pointer-events:none}.header{position:fixed;z-index:50;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;min-height:76px;padding:0 clamp(20px,3.5vw,54px);color:var(--ink);mix-blend-mode:normal;pointer-events:none;transition:color .45s ease}.header:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,color-mix(in srgb,var(--page) 84%,transparent),transparent);opacity:.88;transition:background .45s ease}.header-wordmark,.header-nav{pointer-events:auto}.header-wordmark{max-width:112px;color:inherit;font-size:10px;font-weight:800;line-height:1.35;letter-spacing:.2em}.header-nav ul{display:flex;gap:clamp(17px,2.6vw,36px)}.header-nav a{position:relative;color:var(--soft);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:color .24s ease}.header-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:1px;background:currentColor;transition:right .25s ease}.header-nav a:hover{color:var(--ink)}.header-nav a:hover:after{right:0}.landing-main{display:grid;gap:0;background:var(--page)}.landing-intro{padding:96px clamp(20px,3.5vw,54px) 28px;border-bottom:1px solid var(--rule);background:var(--page)}.landing-intro-inner{max-width:720px}.landing-intro-title{max-width:18ch;font:clamp(28px,3.2vw,42px)/1.05 Georgia,serif;letter-spacing:-.04em;color:var(--ink)}.landing-intro-support{margin-top:14px;max-width:56ch;color:var(--ink-soft);font-size:14px;line-height:1.65}.landing-intro-availability{margin-top:10px;color:var(--ink-mute);font:10px var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.landing-contact{padding:36px clamp(20px,3.5vw,54px) 48px;border-top:1px solid var(--rule);background:var(--page)}.landing-contact-inner{max-width:720px;display:grid;gap:12px}.landing-contact-title{font:12px var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}.landing-contact-lede{color:var(--ink-soft);font-size:13px;line-height:1.65}.landing-contact-links{display:flex;flex-wrap:wrap;gap:16px;font:12px var(--font-mono)}.landing-contact-links a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.landing-contact-links a:hover{color:var(--ink-soft)}.gateway{min-height:0}.gateway{position:relative;overflow:hidden;padding:32px clamp(13px,1.4vw,24px) 42px;background:radial-gradient(circle at 50% 120%,color-mix(in srgb,var(--ink) 10%,transparent),transparent 45%),var(--page);transition:--page .78s cubic-bezier(.22,1,.36,1),--ink .65s cubic-bezier(.22,1,.36,1),--soft .65s cubic-bezier(.22,1,.36,1),--accent .78s cubic-bezier(.22,1,.36,1),--deep .78s cubic-bezier(.22,1,.36,1),--wash .78s cubic-bezier(.22,1,.36,1),background .78s cubic-bezier(.22,1,.36,1)}.gateway-atmosphere,.gateway-atmosphere i{position:absolute;inset:0;pointer-events:none}.gateway-atmosphere{opacity:.75;transition:opacity .4s ease}.gateway-atmosphere i:nth-child(1){background:radial-gradient(circle at 18% 40%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 27%);opacity:0}.gateway-atmosphere i:nth-child(2){background:linear-gradient(110deg,transparent 31%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 66%);opacity:0}.gateway-atmosphere i:nth-child(3){background-image:linear-gradient(color-mix(in srgb,var(--accent) 12%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--accent) 12%,transparent) 1px,transparent 1px);background-size:36px 36px;opacity:0}.gateway[data-theme=hospitality] .gateway-atmosphere i:nth-child(1),.gateway[data-theme=creative] .gateway-atmosphere i:nth-child(2),.gateway[data-theme=systems] .gateway-atmosphere i:nth-child(3),.gateway[data-theme=robotics] .gateway-atmosphere i:nth-child(3){opacity:1}.selector{--seam: clamp(52px, 5.5vw, 82px);position:relative;z-index:2;display:flex;width:100%;height:clamp(460px,60vh,600px);min-height:0;overflow:hidden;border-radius:3px;box-shadow:0 16px 44px color-mix(in srgb,var(--ink) 15%,transparent)}.world{--mx: 0;--my: 0;position:relative;flex:1 1 0;min-width:0;height:100%;overflow:hidden;cursor:pointer;isolation:isolate;text-align:left;background:#0b1420;transform:translateZ(0);transition:filter .65s cubic-bezier(.22,1,.36,1)}.world[data-wip=true]{cursor:default}.world[data-wip=true] .world-art{filter:saturate(.6) brightness(.72)}.world[data-active=true]{z-index:4}.world[data-muted=true]{z-index:2}.world:first-child{clip-path:polygon(0 0,100% 0,calc(100% - var(--seam)) 100%,0 100%)}.world:not(:first-child):not(:last-child){margin-left:calc((var(--seam) + 2px) * -1);clip-path:polygon(var(--seam) 0,100% 0,calc(100% - var(--seam)) 100%,0 100%)}.world:last-child{margin-left:calc((var(--seam) + 2px) * -1);clip-path:polygon(var(--seam) 0,100% 0,100% 100%,0 100%)}.world-art,.world-shade{position:absolute;inset:0}.world-art{z-index:-3;transform:scale(1.045) translate(calc(var(--mx) * -8px),calc(var(--my) * -6px));transition:transform .9s cubic-bezier(.22,1,.36,1),filter .65s ease}.gateway-image{width:100%;height:100%;object-fit:cover;object-position:center}.world[data-world=hospitality] .gateway-image{object-position:54% center}.world[data-world=systems] .gateway-image{object-position:48% center}.world[data-world=creative] .gateway-image{object-position:center}.world[data-world=robotics] .gateway-image{object-position:48% center}.world-shade{z-index:-2;background:linear-gradient(180deg,rgba(4,10,14,.13),transparent 33%),linear-gradient(0deg,#03080ce8,#03080c12 61%);transition:background .65s ease}.world[data-muted=true]{filter:saturate(.3) brightness(.5) contrast(1.06)}.gateway:not([data-theme=neutral]) .world[data-muted=true]{filter:grayscale(.62) saturate(.5) brightness(.5) contrast(1.04)}.gateway:not([data-theme=neutral]) .world[data-muted=true] .world-shade{background:linear-gradient(180deg,color-mix(in srgb,var(--wash) 66%,transparent),color-mix(in srgb,var(--deep) 94%,transparent))}.world[data-active=true] .world-art{transform:scale(1.105) translate(calc(var(--mx) * -13px),calc(var(--my) * -10px))}.world[data-world=systems][data-active=true] .world-art{filter:brightness(.42) saturate(.48) blur(2px);transform:scale(1.14) translate(calc(var(--mx) * -9px),calc(var(--my) * -7px))}.world[data-active=true] .world-shade{background:linear-gradient(180deg,rgba(4,10,14,.05),transparent 38%),linear-gradient(0deg,rgba(3,8,12,.88) 8%,rgba(3,8,12,.55) 42%,transparent 78%)}.world[data-world=hospitality][data-active=true] .world-shade{background:linear-gradient(180deg,rgba(4,10,14,.05),transparent 34%),linear-gradient(0deg,rgba(6,16,12,.9) 10%,rgba(6,16,12,.62) 46%,transparent 80%)}.world-topline{position:absolute;z-index:5;top:27px;left:clamp(27px,3vw,48px);display:flex;align-items:center;gap:10px;color:#ffffffbf;font:9px var(--font-mono);letter-spacing:.15em}.world-topline i{width:22px;height:1px;background:currentColor}.world-copy{position:absolute;z-index:5;left:clamp(27px,3vw,48px);right:clamp(27px,3vw,48px);bottom:clamp(32px,5.2vh,60px);display:grid;gap:12px;color:#fff;transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .35s ease}.world-label{max-width:11ch;font:clamp(25px,2.8vw,45px)/.96 Georgia,serif;font-weight:400;letter-spacing:-.045em}.world-line{max-width:25ch;color:#eff6ffb8;font-size:clamp(10px,.82vw,13px);line-height:1.55;opacity:.84}.world[data-muted=true] .world-copy{opacity:.45}.gateway[data-theme=hospitality] .world[data-muted=true] .world-copy,.gateway[data-theme=systems] .world[data-muted=true] .world-copy,.gateway[data-theme=creative] .world[data-muted=true] .world-copy,.gateway[data-theme=robotics] .world[data-muted=true] .world-copy{opacity:.68}.gateway[data-theme=robotics] .world[data-muted=true] .world-line{color:#def0f7b8}.world[data-active=true] .world-copy{transform:translateY(-3px)}.world-enter{position:absolute;z-index:8;top:27px;right:clamp(24px,3vw,44px);display:flex;align-items:center;gap:8px;color:#fff;font-size:8px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;opacity:0;transform:translateY(-7px);transition:opacity .28s ease,transform .35s ease}.world-enter i{width:20px;height:1px;background:currentColor;transform:scaleX(.2);transform-origin:left;transition:transform .35s ease}.world[data-active=true] .world-enter{opacity:1;transform:none}.world[data-active=true] .world-enter i{transform:scaleX(1)}.world-wip{position:absolute;z-index:8;top:27px;right:clamp(24px,3vw,44px);display:flex;align-items:center;gap:7px;padding:7px 11px;color:#ffffffeb;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:#0b1420;font-size:8px;font-weight:750;letter-spacing:.13em;text-transform:uppercase;opacity:.9}.world-wip i{width:6px;height:6px;border-radius:50%;background:#ffb648}.world[data-wip=true] .world-copy{opacity:.9}.world[data-wip=true] .world-line{color:#ffffffa8}.world[data-wip=true][data-active=true] .world-wip{opacity:1}.world-lab{flex:.62 1 0!important;opacity:.9;filter:saturate(.72) brightness(.9)}.world-lab .world-wip{right:clamp(14px,1.8vw,20px);font-size:7px;padding:6px 9px;border-color:#ffffff38;background:#0b1420eb}.peek{position:absolute;z-index:6;left:clamp(29px,3vw,52px);right:clamp(29px,3vw,52px);top:18%;height:47%;opacity:0;transform:translateY(18px) scale(.94);transition:opacity .38s ease 80ms,transform .7s cubic-bezier(.22,1,.36,1);pointer-events:none}.world[data-active=true] .peek{opacity:1;transform:none}.peek-robotics{perspective:800px}.peek-robotics>i{--x: calc((var(--part) - 2) * 38px);position:absolute;left:50%;top:43%;width:58px;height:58px;border:1px solid rgba(199,231,245,.65);background:linear-gradient(145deg,#b9d8e680,#264553c7);box-shadow:inset 0 0 18px #c2e6f733,0 13px 25px #00000040;transform:translate(calc(-50% + var(--x)),-50%) rotate(calc(var(--part) * 14deg));transition:transform .8s cubic-bezier(.22,1,.36,1)}.world[data-active=true] .peek-robotics>i{transform:translate(calc(-50% + var(--x) * 1.38),-50%) rotate(calc(var(--part) * 22deg))}.peek-robotics span{position:absolute;left:0;bottom:0;display:grid;gap:5px;min-width:220px;padding:13px 16px;border:1px solid rgba(178,216,232,.26);border-radius:5px;background:#091c27;box-shadow:0 15px 34px #0000004d;color:#fff}.peek-robotics small{font:7px var(--font-mono);letter-spacing:.14em;color:#9ac6d8}.peek-robotics b{font:21px Georgia,serif}.peek-robotics em{color:#a6bec8;font-size:8px;font-style:normal}.gateway-status{position:absolute;z-index:5;left:clamp(24px,3vw,52px);right:clamp(24px,3vw,52px);bottom:12px;display:flex;justify-content:space-between;color:var(--soft);font-size:8px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;transition:color .45s ease}.gateway-status b{color:var(--ink)}@keyframes gateway-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@media(prefers-reduced-motion:reduce){.world,.world-art,.peek,.peek-orbit,.world-enter,.world-wip{transition-duration:1ms!important;animation:none!important}.world-art{transform:none!important}}@media(max-width:900px){.landing{overflow:auto}.header{position:absolute}.gateway{padding:76px 12px 16px;min-height:auto}.selector{display:grid;grid-template-columns:1fr 1fr;height:auto;min-height:0;box-shadow:none;gap:8px;overflow:visible}.world,.world:first-child,.world:not(:first-child):not(:last-child),.world:last-child{min-height:42vw;margin:0;clip-path:none;border-radius:4px}.world-lab{display:none!important}.world:after{display:none}.peek{top:14%;height:48%}.gateway-status{display:none}}@media(max-width:620px){.header{min-height:66px;padding:0 16px}.header-wordmark{max-width:90px;font-size:8px}.header-nav ul{gap:12px}.header-nav a{font-size:8px}.gateway{padding:66px 10px 12px}.selector{grid-template-columns:1fr 1fr;gap:8px}.world,.world:first-child,.world:not(:first-child):not(:last-child),.world:last-child{min-height:46vw}.world-label{font-size:22px}.world-line{font-size:10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.peek{left:12px;right:12px}}.wx-portal{isolation:isolate}.wx-page{z-index:4}.landing[data-entered=true]{pointer-events:none}.world[data-entered=true][data-active=true]{visibility:hidden}.world[data-face=true] .world-art,.world[data-face=true][data-active=true] .world-art,.world[data-world=systems][data-face=true][data-active=true] .world-art{transform:none!important;filter:none!important}.world[data-face=true] .world-shade{opacity:1;background:linear-gradient(0deg,rgba(3,8,12,.72),transparent 46%)}.world[data-face=true] .world-copy,.world[data-face=true] .world-topline,.world[data-face=true] .world-enter{text-shadow:0 1px 10px rgba(0,0,0,.55)}.world[data-face=true] .gateway-image{position:absolute;left:var(--vx, 0px);top:var(--vy, 0px);width:100vw;height:auto;max-width:none;aspect-ratio:1440 / 900;object-fit:unset;object-position:top left}.wx-portal[data-phase=entering] .world-return,.wx-portal[data-phase=closing] .world-return,.wx-portal[data-phase=entering] .device-preview,.wx-portal[data-phase=closing] .device-preview,.wx-portal[data-phase=entering] .device-preview-restore,.wx-portal[data-phase=closing] .device-preview-restore{visibility:hidden}.cafe:not([data-ready=true]) .cafe-hero-copy,.cafe:not([data-ready=true]) .cafe-sticker,.cafe:not([data-ready=true]) .cafe-utility,.cafe:not([data-ready=true]) .cafe-nav,.sys:not([data-ready=true]) .sys-topbar,.sys:not([data-ready=true]) .sys-ov-head,.sys:not([data-ready=true]) .sys-kpi-grid,.sys:not([data-ready=true]) .sys-ov-mid,.sys:not([data-ready=true]) .sys-ov-bottom,.sys:not([data-ready=true]) .sys-story-step,.creative:not([data-ready=true]) .bh-caption,.creative:not([data-ready=true]) .bh-overview,.creative:not([data-ready=true]) .bh-markers,.creative:not([data-ready=true]) .creative-return,.creative:not([data-ready=true]) .creative-depth{opacity:0;pointer-events:none}.cafe[data-ready=true] .cafe-hero-copy,.cafe[data-ready=true] .cafe-sticker,.cafe[data-ready=true] .cafe-utility,.cafe[data-ready=true] .cafe-nav,.sys[data-ready=true] .sys-topbar,.sys[data-ready=true] .sys-ov-head,.sys[data-ready=true] .sys-kpi-grid,.sys[data-ready=true] .sys-ov-mid,.sys[data-ready=true] .sys-ov-bottom,.sys[data-ready=true] .sys-story-step,.creative[data-ready=true] .bh-caption,.creative[data-ready=true] .creative-return{animation:wx-rise .72s cubic-bezier(.22,1,.32,1) both}.cafe[data-ready=true] .cafe-nav{animation-delay:.04s}.cafe[data-ready=true] .cafe-hero-copy{animation-delay:.1s}.cafe[data-ready=true] .cafe-sticker{animation-delay:.2s}.sys[data-ready=true] .sys-ov-head{animation-delay:.08s}.sys[data-ready=true] .sys-kpi-grid{animation-delay:.16s}.sys[data-ready=true] .sys-ov-mid{animation-delay:.24s}.sys[data-ready=true] .sys-ov-bottom{animation-delay:.3s}@keyframes wx-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(max-width:720px){.world[data-face=true] .world-shade{background:linear-gradient(180deg,#080c1047,#080c109e)}.world[data-face=true] .world-copy,.world[data-face=true] .world-topline,.world[data-face=true] .world-enter{text-shadow:0 1px 12px rgba(0,0,0,.75);color:#fff}}@media(prefers-reduced-motion:reduce){.wx-portal{transition:none!important}.cafe[data-ready=true] .cafe-hero-copy,.cafe[data-ready=true] .cafe-sticker,.cafe[data-ready=true] .cafe-utility,.cafe[data-ready=true] .cafe-nav,.sys[data-ready=true] .sys-topbar,.sys[data-ready=true] .sys-ov-head,.sys[data-ready=true] .sys-kpi-grid,.sys[data-ready=true] .sys-ov-mid,.sys[data-ready=true] .sys-ov-bottom,.sys[data-ready=true] .sys-story-step,.creative[data-ready=true] .bh-caption,.creative[data-ready=true] .creative-return{animation:none}}
