/* An independent DOT design direction, informed by Peak's dark / violet / white rhythm. */
:root{--paper:#f7f7fa;--ink:#1b1b22;--muted:#72707d;--green:#7950de;--line:#dedee7;background:var(--paper);font-family:'Plus Jakarta Sans',Arial,'PingFang SC','Microsoft YaHei',sans-serif}.preview-bar{background:#ece8f5;color:#777080}.preview-bar i{background:#9068e6}.site-header{position:sticky;top:16px;height:78px;max-width:1600px;width:calc(100% - var(--gutter)*2);margin:18px auto 0;padding:0 30px;border:1px solid #ffffffb5;border-radius:50px;background:#ffffffdf;box-shadow:0 8px 32px #2520380c;backdrop-filter:blur(18px)}.logo>span{font-size:42px}.logo small{font-size:7px}.desktop-nav{gap:32px}.desktop-nav a{font-weight:500}.desktop-nav a::after{background:var(--green)}.hero{padding-top:36px}.hero h1{font-weight:500;letter-spacing:-.065em}.hero h1 em{color:#7650cb}.hero-copy>p{color:#76727e}.hero-action--main::after{background:#8a6bc7}.scene-caption{color:#96909e}#scene-toggle{color:#776d88}.business-index a>span:first-child{color:#a18cc4}.marquee{color:#a49aaa}.dot-word-unit{color:#99909f}.dot-word-unit i{color:#b5a8c7}.depth-shell{background:#fff;box-shadow:0 -12px 35px #241b3c07}.depth-shell:nth-of-type(even){background:#f5f4f8}.depth-shell::before{background:#e8e5ef;border-color:#ded8e9}.section-heading h2,.about h2{font-weight:500}.expertise-workspace{grid-template-columns:235px minmax(0,1fr);gap:55px;align-items:start}.expertise-tabs{position:sticky;top:140px}.expertise-tabs button{font-size:15px;color:#9a96a1;min-height:75px;border-color:#e2dfe8}.expertise-tabs button[aria-current=step]{color:#7044c8}.expertise-tabs button::after{background:#7950de}.expertise-tabs button[aria-current=step]::after{transform:scaleX(1)}.tab-number{color:#ad9bc9}.expertise-panels{display:flex;flex-direction:column;gap:30px;min-width:0}.expertise-panel{position:sticky;top:130px;border:1px solid #ece9f1;min-height:450px;grid-template-columns:1.05fr 1fr;gap:30px;padding:30px;border-radius:28px;background:#f5f4f8;box-shadow:0 -6px 25px #30204007;animation:none}.expertise-panel:nth-child(2){top:145px;z-index:2;background:#f1eef7}.expertise-panel:nth-child(3){top:160px;z-index:3;background:#eeeaf5}.expertise-art{height:355px}.expertise-copy h3{font-weight:500;font-size:27px}.expertise-copy>p{font-size:14px}.expertise-detail{border-color:#d8cfe6;color:#8a6aaf;font-size:10px}.sheet-back{background:#e5def2;border-color:#c4b5dc}.sheet-back>i{background:#b6a1d0}.app-sheet{border-color:#d4c9e3;background:#faf9fc}.app-sheet-image{background:#e4dbee}.app-sheet-image span{border-color:#ad92cc}.app-sheet-image span:nth-child(2){background:#b19acb}.app-sheet-lines i{background:#ddd4e8}.app-sheet-button{border-color:#b19acb}.app-chip{background:#f0eaf7;border-color:#d2bfe4}.data-composition svg{stroke:#bca8d1}.data-running{stroke:#8050ca}.data-core{background:#e6dcee;border-color:#c6b4dc;color:#7754a0}.data-sources i{border-color:#b5a1cb;background:#f3edf9}.data-output i{background:#d1c0e1}.data-output i:nth-child(4){background:#8f6cb7}.media-paper{background:#faf8fd;border-color:#d8cce6}.paper-two{background:#e8ddf2}.paper-three{background:#f6f0fc}.paper-three b{color:#ac8dca}.network-heading h3{font-weight:500}.channel-tabs button[aria-selected=true]{color:#7349bc;border-bottom-color:#8050ca}.channel-workspace{border-color:#ded9e6}.channel-tabs{border-color:#ded9e6}.channel-panel{gap:70px}.channel-copy h3{font-weight:500}.channel-copy li{border-color:#c7b7d7;color:#8e71ad}.search-input{background:#fff;border-color:#d8cde5}.search-result{border-color:#ded4e8}.search-result-logo{color:#8e69b7}.search-result b{background:#ae94ca}.search-result i{background:#ded2eb}.search-conversion{color:#8864b0}.search-path{background:#d4c6e0}.social-frame{background:#f0eaf6;border-color:#cdbcdb}.social-back{background:#e1d5ee}.social-art{background:#d6c5e5}.social-art i{border-color:#a78abd}.social-header i{background:#ab90c2}.social-header span,.social-footer i{background:#c8b2d8}.social-audience span{background:#a584c0;border-color:#f6f1fb}.video-frame{background:#e4d6ee;border-color:#c4a8d9}.video-back{background:#f7f2fb}.video-orbit i{border-color:#ab85cc}.video-ui i{background:#b79bcd}.video-caption i{background:#c4aed6}.video-timeline{background:#d3c1e0}.media-arrow{background:white;border-color:#e4ddeb;color:#8d7a9f}.media-pagination{color:#a292b0}.media-item>span:last-child{color:#7d7287}#products{background:#fff}#products .game-stage{border-radius:24px}#products .luma-stage{background:#f1eef5}#products .solitaire-stage{background:#efedf3}#products .haven-stage{background:#f2eee9}#products .picoryn-stage{background:#f0eef5}#products .mini-stage{background:#eeeaf4}#products .picoryn-shape{background:linear-gradient(140deg,#ddd2e9,#ebe5f1)}#products .stage-label,#products .stage-footer,#products .mini-stage .stage-label,#products .mini-stage .stage-footer{color:#92849e}#products .game-identity h3{font-weight:500}#products .product-tags{color:#a194ab}#products .game-actions>.primary-button{border-color:#c2add8}#products .inventory-index,#products .inventory-intro>.micro{color:#a08ab3}#products .inventory-indicator i{background:#ac8cc8}#products .inventory-resource h4{font-weight:500}.process-board{background:#eee9f5;border-color:#dacde7;border-radius:26px}.board-top,.board-bottom{color:#a28bb5}.board-status i{background:#a481c2}.board-bottom{border-color:#d6c6e2}.p-one{border-color:#ddd0e9}.p-two{border-color:#faf7fd}.p-three{border-color:#bd9ed4}.process-word{color:#ab88c4}.process-dot{background:#8053b2}.board-stage-labels{color:#a58ab7}.story-step h3{font-weight:500}.step-number{color:#ac94bf}.about-copy>.about-lead{font-weight:500}.about-signature{border-color:#dfd4e7}.footer{background:#121015;color:#eeebf5;max-width:none;border-radius:32px 32px 0 0;margin-top:10px}.footer-logo span{color:#a57cf2}.footer-top p,.footer-bottom{color:#91889d}.footer-bottom,.quiet-link{border-color:#3b3346}.footer-legal button{color:#bfb4cd}.motion-dock>button{background:#fffc;border-color:#d9cfe5;color:#9178a9}.motion-dock{z-index:70}.gallery-image-wrap{background:#eeebf3}.gallery-tabs button.active{border-color:#7950de;color:#7950de}.gallery-bottom{color:#a391b2}.intro-gateway{background:#111016;border:14px solid #f7f7fa;border-radius:42px}.intro-gateway::before{background:radial-gradient(ellipse at 50% 40%,#57436b29,transparent 61%)}.intro-top{top:30px;color:#bcb2cc}.intro-top>span:last-child{color:#796d88}.intro-stage h2{color:#f3f0f8;text-shadow:0 3px 30px #100e18}.intro-stage h2 span{color:#9e70ec}.intro-bottom p{color:#8f839f}.intro-bottom-right{color:#6d627c}.intro-bottom button{color:#f1eaf9}.intro-enter-dot{background:#ab7af5;animation-name:intro-purple-breathe}.intro-bottom small{color:#8d7b9e;border-color:#4b3c5c}.intro-bottom button:hover small{border-color:#a16be9}#intro-form-toggle{color:#9d87b6}#intro-form-toggle>span:last-child{border-color:#4c3c5e}.intro-static-form i{border-color:#a18bb85e!important}.intro-static-form b{background:#aa77f2}.intro-gateway.is-entering .intro-stage{transform:translateY(-10px) scale(1.035)}@keyframes intro-purple-breathe{50%{box-shadow:0 0 0 5px #a978ee12}}
@media(max-width:1150px){.expertise-workspace{grid-template-columns:185px minmax(0,1fr);gap:30px}.expertise-panel{padding:24px;gap:20px;min-height:430px}.expertise-art{height:320px}.expertise-copy h3{font-size:23px}.expertise-copy>p{font-size:13px}.site-header{padding:0 25px}.desktop-nav{gap:25px}}
@media(max-width:800px){.site-header{top:10px;height:72px;padding:0 20px;gap:15px;width:calc(100% - 32px);margin-top:12px}.hero{padding-top:28px}.logo>span{font-size:38px}.expertise-workspace{display:block}.expertise-tabs{position:relative;top:0;flex-direction:row;margin-bottom:25px}.expertise-tabs button{font-size:11px;min-height:60px}.expertise-panels{gap:20px}.expertise-panel,.expertise-panel:nth-child(2),.expertise-panel:nth-child(3){position:relative;top:0;min-height:0;padding:24px;grid-template-columns:1fr 1fr;border-radius:24px}.expertise-art{height:300px}.expertise-copy h3{font-size:23px}.expertise-detail{font-size:9px}.channel-panel{gap:30px}.intro-gateway{border-width:9px;border-radius:30px}.intro-top{top:25px}.intro-bottom{bottom:28px}.footer{border-radius:26px 26px 0 0}}
@media(max-width:540px){.site-header{padding:0 17px;height:68px}.logo small{font-size:6px}.header-actions{gap:5px}.language{font-size:10px}.hero{padding-top:25px}.hero-copy{padding-top:37px}.hero h1{font-size:clamp(31px,8.7vw,43px)}.expertise-panel,.expertise-panel:nth-child(2),.expertise-panel:nth-child(3){display:flex;flex-direction:column;gap:8px;padding:20px}.expertise-art{height:290px}.expertise-copy>p{font-size:14px}.expertise-copy h3{font-size:25px}.expertise-detail{font-size:10px}.channel-panel{gap:10px}.intro-gateway{border-width:7px;border-radius:26px}.intro-top{left:18px;right:18px;top:22px;font-size:7px}.intro-top>span:last-child{font-size:6px}.intro-scene{width:calc(100vw - 16px)}.intro-stage h2{font-size:88px}.intro-bottom{left:18px;right:18px;bottom:23px}.intro-bottom button{margin-bottom:25px}#products .game-stage{border-radius:22px}.process-board{border-radius:22px}.mobile-nav{top:76px;left:0;right:0;background:#fcfbfe;border-color:#e4dbee;border-radius:22px;padding:10px 24px}}

@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:400;font-display:swap;src:url("assets/plus-jakarta-400.ttf") format("truetype")}@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:500;font-display:swap;src:url("assets/plus-jakarta-500.ttf") format("truetype")}@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:600;font-display:swap;src:url("assets/plus-jakarta-600.ttf") format("truetype")}@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:700;font-display:swap;src:url("assets/plus-jakarta-700.ttf") format("truetype")}@media(max-width:540px){.expertise-art{overflow:hidden}.media-composition{transform:scale(.8);transform-origin:50% 50%}.media-paper{left:25%;width:120px;height:185px}}