.visual.document-demo.studio-workspace{container-type:inline-size;aspect-ratio:16/10;background:#f8f9f6;color:#26342f;border:1px solid #d9e1da;border-radius:12px;display:grid;grid-template-rows:11% 89%;box-shadow:0 16px 42px #172e2520}.workspace-top{display:flex;align-items:center;justify-content:space-between;padding:0 3%;background:#fff;border-bottom:1px solid #e1e5df;width:100%;height:100%;font-size:1.7cqw}.workspace-brand{display:flex;align-items:center;gap:1cqw;font-weight:600}.workspace-brand>b{display:grid;place-items:center;color:white;background:#265542;border-radius:.6cqw;width:3.6cqw;height:3.6cqw;font-size:1.7cqw}.workspace-brand i{font-style:normal;color:#b4c3b9;margin:0 1.2cqw}.workspace-sample{font-size:1.5cqw;color:#7c8b83}.workspace-shell{display:grid;grid-template-columns:23% 77%;height:100%;min-height:0}.workspace-sidebar{padding:12% 10%;display:flex;flex-direction:column;align-items:stretch;gap:7%;background:#f0f3ec;border-right:1px solid #dce4d9;min-width:0}.workspace-sidebar>small{font-size:1.2cqw;letter-spacing:.08em;color:#819082}.workspace-sidebar>b{font-size:2cqw;margin:2% 0}.workspace-sidebar>span{font-size:1.6cqw;color:#788477;line-height:1.5;padding:4% 6%;border-radius:.5cqw}.workspace-sidebar .workspace-current{background:#dce7d8;color:#2b553a;font-weight:700}.workspace-request{margin-top:auto;padding:9%;background:#fff;border:1px solid #dce6d7;border-radius:1cqw}.workspace-request small{font-size:1.4cqw;color:#6d846b}.workspace-request p{font-size:1.7cqw;line-height:1.7;color:#405b48;margin:8% 0 15%}.workspace-request strong{font-size:1.2cqw;font-weight:600;color:#557a53}.workspace-main{padding:4% 5%;display:flex;flex-direction:column;min-width:0}.workspace-title{display:flex;justify-content:space-between;align-items:flex-start;gap:3%}.workspace-title small{font-size:1.25cqw;letter-spacing:.065em;color:#7c8e80}.workspace-title h3{font-size:3.3cqw;letter-spacing:-.055em;line-height:1.35;margin:1.6cqw 0 1.1cqw;color:#20372c}.workspace-title p{font-size:1.6cqw;margin:0;color:#78867b}.workspace-title>span{white-space:nowrap;font-size:1.25cqw;background:#e6ece2;padding:.6cqw .9cqw;border-radius:1cqw;margin-top:.4cqw;color:#607653}.workspace-summary{margin:5% 0 4%;padding:3.4% 0;border-block:1px solid #dce4d9;display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:3%}.workspace-summary span{font-size:1.3cqw;color:#859081;display:block}.workspace-summary b{font-size:1.65cqw;font-weight:600;color:#415a46;display:block;margin-top:.75cqw}.workspace-table{flex:1;min-height:0;display:grid;grid-template-rows:16% repeat(4,21%)}.workspace-row{display:grid;grid-template-columns:42% 19% 20% 19%;gap:0;align-items:center;border-bottom:1px solid #e4e9e0;font-size:1.5cqw;min-width:0}.workspace-row>span{min-width:0}.workspace-thead{font-size:1.2cqw;color:#92a08d}.workspace-row>span:first-child{display:flex;align-items:center;gap:1.3cqw}.workspace-row>span:first-child>i{font-size:1.2cqw;font-style:normal;color:#86987e}.workspace-row b{font-size:1.55cqw;font-weight:600;color:#425341}.workspace-row>span:nth-child(2){font-size:1.25cqw;color:#79856f}.workspace-row em{font-size:1.15cqw;font-style:normal;padding:.4cqw .7cqw;border-radius:.5cqw;white-space:nowrap;background:#e5eddf;color:#547444}.workspace-row .state-review{background:#f2ead8;color:#997b35}.workspace-row .state-making{background:#e1e9ed;color:#526d7e}.workspace-row .state-planning{background:#e9e7ed;color:#83738c}.workspace-timeline{height:2.8cqw;background:repeating-linear-gradient(90deg,transparent 0%,transparent 24%,#e6e9e1 25%);position:relative;overflow:hidden}.workspace-timeline>i{display:block;position:absolute;top:29%;height:43%;left:var(--start);width:var(--length);border-radius:1cqw;background:#a6b99a;transform-origin:left}.workspace-bottom{display:flex;justify-content:space-between;align-items:center;gap:4%;font-size:1.13cqw;color:#8e9a84;padding-top:4%;white-space:nowrap}.workspace-bottom>div{font-size:1.2cqw;color:#5f7858}.workspace-dot{display:inline-block;width:.65cqw;height:.65cqw;border-radius:50%;background:#739967;margin-right:.4cqw}.studio-workspace.animate .workspace-row:not(.workspace-thead){animation:workspace-highlight 8s ease-in-out infinite;animation-delay:calc(var(--row)*.6s)}.studio-workspace.animate .workspace-timeline>i{animation:workspace-plan 8s ease-in-out infinite;animation-delay:calc(var(--row)*.6s)}.studio-workspace.animate .workspace-dot{animation:workspace-status 3s ease-in-out infinite}.spatial-tile>.studio-workspace{height:auto!important;max-height:100%;width:100%}.studio-workspace .workspace-shell{width:100%;justify-self:stretch}.studio-workspace main{margin:0;width:auto}.studio-workspace p{word-break:keep-all}
@keyframes workspace-highlight{0%,10%,65%,100%{background:transparent}20%,42%{background:#e6eedf}}
@keyframes workspace-plan{0%,8%{transform:scaleX(.15);opacity:.5}30%,100%{transform:scaleX(1);opacity:1}}
@keyframes workspace-status{0%,100%{opacity:.5}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){.studio-workspace *{animation:none!important}}

.visual.website-demo{aspect-ratio:16/10;container-type:inline-size;background:#fff;display:grid;grid-template-rows:9% 79% 12%;border:1px solid #cad8e5;border-radius:10px;overflow:hidden;box-shadow:0 15px 40px #2d466524}.website-browser{display:flex;align-items:center;gap:.8cqw;background:#eff3f9;padding:0 2.5%;font-size:1.5cqw;color:#536a85;min-width:0}.website-browser i{width:.8cqw;height:.8cqw;border-radius:50%;background:#adbdcd}.website-browser span{margin-left:2%;flex:1}.website-browser b{font-size:1.2cqw;color:#8798aa}.website-viewport{position:relative;overflow:hidden;width:100%;height:100%}.website-viewport img{width:100%;height:auto;display:block;transform-origin:top center}.website-tools{display:flex;align-items:center;justify-content:center;gap:4%;font-size:1.8cqw;color:#536d8b;background:#f6f9fd;border-top:1px solid #d6e0eb}.website-tools i{font-style:normal;color:#9aadc4}.website-tools b{font-size:1.8cqw;color:#2361c5}.website-pointer{position:absolute;left:16%;top:78%;font-size:3.3cqw;color:#0c42a0;text-shadow:0 0 2px #fff}.website-demo.animate .website-viewport img{animation:website-preview 7s ease-in-out infinite}.website-demo.animate .website-pointer{animation:website-cursor 7s ease-in-out infinite}.spatial-tile>.website-demo{height:auto!important;width:100%;max-height:100%}.workspace-row b{font-size:1.7cqw}.workspace-title h3{font-size:3.5cqw}@keyframes website-preview{0%,20%,100%{transform:translateY(0)}50%,75%{transform:translateY(-7%)}}@keyframes website-cursor{0%,20%,100%{transform:translate(0,0)}50%,75%{transform:translate(14cqw,-8cqw)}}@media(prefers-reduced-motion:reduce){.website-demo *{animation:none!important}}

.website-demo>*{width:100%;justify-self:stretch}.website-browser{white-space:nowrap}.website-tools{white-space:nowrap}

.visual.store-case-demo{container-type:inline-size;aspect-ratio:16/10;display:grid;grid-template-rows:10% 78% 12%;background:#fffaf3;border:1px solid #ded9cf;border-radius:10px;overflow:hidden}.store-case-demo>*{width:100%;justify-self:stretch}.store-case-bar{display:flex;align-items:center;justify-content:space-between;padding:0 4%;color:#664839;background:#fcf8f2}.store-case-bar b{font-size:2.4cqw}.store-case-bar span{font-size:1.3cqw;color:#8f7c6d}.store-case-viewport{height:100%;overflow:hidden;position:relative}.store-case-viewport img{width:100%;height:auto;display:block}.store-case-steps{display:flex;align-items:center;justify-content:center;gap:5%;font-size:1.8cqw;background:#f1f3e9;color:#5d7150;white-space:nowrap}.store-case-steps i{font-style:normal;color:#9caa8d}.store-case-steps b{font-size:1.8cqw;color:#34593d}.store-case-demo.animate .store-case-viewport img{animation:shop-screen 8s ease-in-out infinite}.spatial-tile>.store-case-demo{height:auto!important;width:100%;max-height:100%}@keyframes shop-screen{0%,20%,100%{transform:translateY(-10%)}50%,75%{transform:translateY(-23%)}}@media(prefers-reduced-motion:reduce){.store-case-demo *{animation:none!important}}

.visual.channel-studio{container-type:inline-size;aspect-ratio:16/10;background:#111e31;color:#fff;display:grid;grid-template-rows:12% 27% 47% 14%;border:1px solid #879cbb;border-radius:12px;overflow:hidden}.channel-top{display:flex;align-items:center;justify-content:space-between;padding:0 4%;border-bottom:1px solid #ffffff20}.channel-top>span{display:flex;align-items:center;gap:1cqw;font-size:1.8cqw;font-weight:700}.channel-top img{width:3.6cqw;height:3.6cqw;border-radius:.6cqw}.channel-top i{font-size:1.2cqw;font-style:normal;color:#98aac1}.channel-top small{font-size:1.35cqw;color:#aebcd0}.channel-title{padding:3% 4% 0;position:relative}.channel-title>small{font-size:1.15cqw;letter-spacing:.14em;color:#88aff1}.channel-title h3{font-size:3.6cqw;line-height:1.28;letter-spacing:-.05em;margin:1cqw 0;color:#fff}.channel-title p{position:absolute;right:4%;bottom:8%;font-size:1.25cqw;color:#b6c3d6;margin:0}.channel-covers{display:grid;grid-template-columns:repeat(3,1fr);gap:2%;padding:2% 4%;min-height:0}.channel-covers>div{position:relative;overflow:hidden;border-radius:1.2cqw;border:1px solid #ffffff38;min-height:0}.channel-covers img{width:100%;height:100%;object-fit:cover;display:block}.channel-covers>div:nth-child(2) img{object-position:center top}.channel-covers span{position:absolute;inset:auto 0 0;background:linear-gradient(transparent,#081424ee);padding:20% 6% 6%;font-size:1.5cqw;color:#e6eef9;line-height:1.5}.channel-covers b{font-size:2cqw;color:white}.channel-flow{display:flex;align-items:center;justify-content:center;gap:3%;font-size:1.6cqw;border-top:1px solid #ffffff20;color:#bbcade;background:#16283f}.channel-flow i{font-style:normal;color:#557ba6}.channel-flow b{font-size:1.7cqw;color:#b9d7ff}.channel-studio.animate .channel-flow b{animation:channel-connect 5s ease-in-out infinite}.spatial-tile>.channel-studio{width:100%;height:auto!important;max-height:100%}@keyframes channel-connect{0%,100%{color:#b9d7ff}45%{color:#fff;text-shadow:0 0 9px #70a5ff80}}.motion-off .channel-studio *{animation:none!important}@media(prefers-reduced-motion:reduce){.channel-studio *{animation:none!important}}
.visual.channel-studio{align-items:stretch;justify-items:stretch;min-height:0}.channel-studio>div{width:100%;min-width:0;min-height:0;justify-self:stretch;align-self:stretch}.channel-covers{grid-template-rows:minmax(0,1fr)}.channel-covers>div{height:100%;min-width:0}.channel-covers img{position:absolute;inset:0}.channel-title{overflow:hidden}.channel-title p{max-width:45%;text-align:right}