:root{color-scheme:dark;font-family:Inter,Microsoft YaHei UI,PingFang SC,Arial,sans-serif;letter-spacing:0;background:#05070a}*{box-sizing:border-box;letter-spacing:0}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#05070a}button{font:inherit}.portal{--accent: #6de8d7;--accent-2: #c982ff;position:relative;isolation:isolate;width:100%;height:100vh;height:100svh;min-height:0;overflow:hidden;color:#eef3f1;background:#05070a}.portal[data-scene=communication]{--accent: #7cb8ff;--accent-2: #f0c36a}.portal[data-scene=operations]{--accent: #f2bd67;--accent-2: #62d2bb}.portal[data-scene=creative]{--accent: #d6df6f;--accent-2: #f08b77}.vfx,.vfx-fallback,.scene-shade,.scene-lines{position:absolute;inset:0;width:100%;height:100%}.vfx{z-index:1;display:block;opacity:1;transition:opacity .16s ease}.portal.is-switching .vfx{opacity:.28}.portal.vfx-unavailable .vfx{opacity:0}.vfx-fallback{z-index:0;background-color:#05070a;background-image:linear-gradient(rgb(255 255 255 / .025) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .025) 1px,transparent 1px);background-size:48px 48px}.scene-shade{z-index:2;pointer-events:none;background:linear-gradient(90deg,#05070ac2,#05070a1a 46%,#05070a6b);transition:background .26s ease}.portal[data-scene=communication] .scene-shade{background:linear-gradient(90deg,#05070a29,#05070a4d 52%,#05070ad6)}.portal[data-scene=operations] .scene-shade{background:linear-gradient(180deg,#05070ab8,#05070a05 62%,#05070a42)}.portal[data-scene=creative] .scene-shade{background:linear-gradient(180deg,#05070a9e,#05070a05 48%,#05070ab3)}.scene-lines{z-index:3;pointer-events:none;opacity:.28;background-image:linear-gradient(90deg,transparent calc(50% - .5px),rgb(255 255 255 / .06) 50%,transparent calc(50% + .5px)),linear-gradient(transparent calc(50% - .5px),rgb(255 255 255 / .035) 50%,transparent calc(50% + .5px));background-size:100% 100%}.header{position:absolute;z-index:8;top:0;left:0;display:flex;align-items:center;justify-content:space-between;width:100%;padding:30px 42px}.brand{display:inline-flex;align-items:center;gap:12px;color:#f4f7f5;text-decoration:none}.brand-mark{position:relative;display:grid;grid-template-columns:repeat(3,5px);grid-template-rows:repeat(3,5px);gap:3px;width:21px;height:21px;transform:rotate(45deg)}.brand-mark i{display:block;width:5px;height:5px;background:var(--accent);box-shadow:0 0 9px color-mix(in srgb,var(--accent) 54%,transparent);transition:background-color .28s ease,box-shadow .28s ease,transform .28s ease}.brand-mark i:nth-child(1){grid-area:1 / 2}.brand-mark i:nth-child(2){grid-area:2 / 1;background:var(--accent-2)}.brand-mark i:nth-child(3){grid-area:2 / 2;transform:scale(1.42)}.brand-mark i:nth-child(4){grid-area:2 / 3;background:var(--accent-2)}.brand-mark i:nth-child(5){grid-area:3 / 2}.brand strong{font-size:18px;font-weight:540;line-height:1}.scene-nav{display:flex;align-items:center;gap:28px}.scene-nav button{position:relative;min-width:36px;min-height:36px;padding:6px 1px;border:0;color:#eef3f18f;background:transparent;font-size:13px;cursor:pointer;transition:color .18s ease}.scene-nav button:hover,.scene-nav button:focus-visible,.scene-nav button[aria-pressed=true]{color:#eef3f1f2}.scene-nav button[aria-pressed=true]:after{position:absolute;right:1px;bottom:1px;left:1px;height:1px;background:var(--accent);box-shadow:0 0 8px color-mix(in srgb,var(--accent) 58%,transparent);content:""}.scene-nav button:focus-visible{outline:1px solid var(--accent);outline-offset:4px}.stage,.scene{position:absolute;inset:0}.stage{z-index:4}.scene{visibility:hidden;opacity:0;pointer-events:none;transition:opacity .36s ease}.scene.is-active{visibility:visible;opacity:1;pointer-events:auto}.copy{position:absolute;z-index:2;width:min(720px,calc(100% - 80px))}.eyebrow{display:flex;align-items:center;gap:11px;margin:0 0 13px;color:#eef3f19e;font-size:12px;font-style:normal;font-weight:560;line-height:1.4;text-transform:uppercase}.eyebrow:before{width:22px;height:1px;background:var(--accent);box-shadow:0 0 7px color-mix(in srgb,var(--accent) 55%,transparent);content:""}.eyebrow b{color:var(--accent);font-weight:620}.copy h1{max-width:100%;margin:0;overflow:visible;color:#f1f5f2;font-size:40px;font-weight:440;line-height:1.16;white-space:nowrap;text-wrap:nowrap;text-shadow:0 2px 24px rgb(0 0 0 / .52)}.copy .en{display:block;margin-top:13px;color:#eef3f185;font-size:14px;font-style:normal;font-weight:420;line-height:1.55}.scene-collaboration .copy{left:7%;top:58%;transform:translateY(-50%)}.scene-communication .copy{right:7%;top:49%;width:min(650px,calc(100% - 80px));text-align:right;transform:translateY(-50%)}.scene-communication .eyebrow{justify-content:flex-end}.scene-communication .eyebrow:before{order:2}.scene-operations .copy{left:7%;top:19%;width:min(680px,calc(100% - 80px))}.scene-creative .copy{left:50%;bottom:11%;width:min(760px,calc(100% - 80px));text-align:center;transform:translate(-50%)}.scene-creative .eyebrow{justify-content:center}.telemetry{position:absolute;color:#eef3f170;font-family:Cascadia Mono,Consolas,monospace;font-size:10px;line-height:1.55;pointer-events:none}.telemetry strong{display:block;margin-bottom:4px;color:var(--accent);font-size:10px;font-weight:540}.telemetry:before{position:absolute;width:34px;height:1px;background:var(--accent);content:""}.scene-collaboration .telemetry-a{top:27%;right:10%;padding-top:12px}.scene-collaboration .telemetry-a:before{top:0;right:0}.scene-collaboration .telemetry-b{right:31%;bottom:18%;padding-left:44px}.scene-collaboration .telemetry-b:before{top:8px;left:0}.scene-communication .telemetry-a{top:24%;left:8%;padding-top:12px}.scene-communication .telemetry-a:before{top:0;left:0}.scene-communication .telemetry-b{left:18%;bottom:17%;padding-left:44px}.scene-communication .telemetry-b:before{top:8px;left:0}.scene-operations .telemetry-a{right:7%;bottom:20%;padding-top:12px;text-align:right}.scene-operations .telemetry-a:before{top:0;right:0}.scene-operations .telemetry-b{right:32%;bottom:9%;padding-left:44px}.scene-operations .telemetry-b:before{top:8px;left:0}.scene-creative .telemetry-a{top:23%;left:8%;padding-top:12px}.scene-creative .telemetry-a:before{top:0;left:0}.scene-creative .telemetry-b{top:32%;right:8%;padding-top:12px;text-align:right}.scene-creative .telemetry-b:before{top:0;right:0}.footer{position:absolute;z-index:8;right:42px;bottom:27px;left:42px;display:flex;align-items:center;justify-content:space-between;color:#eef3f157;font-family:Cascadia Mono,Consolas,monospace;font-size:9px;pointer-events:none}.footer .count{color:#eef3f1a8;font-size:11px}.source-note{position:fixed;left:-10000px;width:1px;height:1px;overflow:hidden}@media(max-width:720px){.header{padding:21px 20px}.brand{gap:9px}.brand strong{font-size:16px}.brand-mark{grid-template-columns:repeat(3,4px);grid-template-rows:repeat(3,4px);gap:3px;width:18px;height:18px}.brand-mark i{width:4px;height:4px}.scene-nav{gap:12px}.scene-nav button{min-width:28px;min-height:32px;font-size:11px}.scene-lines{opacity:.16}.copy,.scene-collaboration .copy,.scene-communication .copy,.scene-operations .copy,.scene-creative .copy{right:auto;left:20px;width:calc(100% - 40px);text-align:left;transform:none}.scene-collaboration .copy{top:auto;bottom:18%}.scene-communication .copy{top:20%}.scene-operations .copy{top:18%}.scene-creative .copy{top:auto;bottom:16%}.scene-communication .eyebrow,.scene-creative .eyebrow{justify-content:flex-start}.scene-communication .eyebrow:before{order:0}.eyebrow{gap:8px;margin-bottom:10px;font-size:10px}.eyebrow:before{width:16px}.copy h1{font-size:25px;line-height:1.2}.copy .en{margin-top:9px;font-size:11px}.telemetry{display:none}.footer{right:20px;bottom:17px;left:20px}.footer>span:first-child{max-width:68%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(max-width:360px){.scene-nav{gap:7px}.scene-nav button{min-width:26px;font-size:10px}.copy h1{font-size:22px}}@media(max-height:520px){.header{padding:16px 24px}.scene-nav{gap:20px}.copy,.scene-communication .copy,.scene-operations .copy,.scene-creative .copy{width:min(650px,calc(100% - 48px))}.copy h1{font-size:30px}.copy .en{margin-top:8px;font-size:11px}.eyebrow{margin-bottom:9px;font-size:10px}.telemetry{display:none}.footer{right:24px;bottom:14px;left:24px}}@media(prefers-reduced-motion:reduce){.vfx,.scene,.brand-mark i{transition-duration:.01ms!important}}
