.hero.anim-idle,.hero.anim-idle *,.hero.anim-idle :after,.hero.anim-idle :before{animation-play-state:paused!important}:root{--ink:#05060b;--ink-soft:#090b13;--panel:#0e111b;--line:hsla(0,0%,100%,.13);--line-strong:hsla(0,0%,100%,.24);--text:#f5f7ff;--muted:#99a2b8;--green:#5274ff;--blue:#69cbff;--coral:#d46cff;--yellow:#9a72ff;--violet:#ad52ff;--brand-gradient:linear-gradient(118deg,#2859f6,#5274ff 43%,#8d5df6 72%,#c45cff);--brand-gradient-soft:linear-gradient(135deg,rgba(40,89,246,.24),rgba(105,203,255,.08) 52%,rgba(173,82,255,.18));--brand-glow:0 18px 52px rgba(75,92,255,.24),0 0 72px rgba(173,82,255,.1);--text-3xs:8px;--text-2xs:10px;--text-xs:12px;--text-sm:14px;--text-md:16px;--text-lg:18px;--display-sm:clamp(24px,2vw,30px);--display-panel:clamp(28px,2.25vw,36px);--display-md:clamp(30px,2.7vw,42px);--display-lg:clamp(38px,3.5vw,52px);--display-xl:clamp(52px,5.2vw,84px);--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-heavy:800;--leading-display:1.04;--leading-title:1.16;--leading-body:1.72;--leading-ui:1.5;--leading-subtitle:1.35;--leading-meta:1.5;--leading-footer:22px;--leading-footer-title:24px;--radius-xs:6px;--radius-sm:10px;--radius-md:16px;--radius-lg:20px;--radius-pill:999px;--header-h:80px;--max-width:67.5rem;--page-pad:max(20px,calc((100vw - var(--max-width)) / 2));--space-section:104px;--space-screen-transition:144px;--space-screen-transition-closing:160px;--space-heading-content:88px;--space-subheading-body:24px;--space-content-group:32px;--home-font-sans:"PingFang SC","Microsoft YaHei",Inter,Arial,sans-serif;--home-title-xl-size:52px;--home-title-xl-line:1.16;--home-title-lg-size:32px;--home-title-lg-line:1.2;--home-body-size:16px;--home-body-line:1.72;--home-meta-size:12px;--home-meta-line:1.5;--home-label-size:12px;--home-label-line:1;--home-title-weight:600;--home-body-weight:400;--home-color-title:#f5f7ff;--home-color-body:rgba(168,175,190,.78);--home-color-meta:rgba(154,162,178,.68);--home-color-label:rgba(210,215,225,.88);--home-space-title-body:24px;--home-space-body-meta:32px;--home-space-label-gap:8px}.hero *,.hero :after,.hero :before{box-sizing:border-box}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.hero{--hero-title-enter-y:12px;--hero-message-enter-y:8px;--hero-actions-enter-y:8px;--hero-card-enter-y:24px;--hero-title-enter-scale:.99;--hero-card-enter-scale:.975;--hero-title-enter-blur:5px;--hero-card-enter-blur:6px;--hero-title-intro-duration:680ms;--hero-message-intro-duration:620ms;--hero-actions-intro-duration:580ms;--hero-card-intro-duration:1000ms;--hero-message-intro-delay:160ms;--hero-actions-intro-delay:300ms;--hero-card-intro-delay:380ms;position:relative;display:grid;min-height:1140px;height:auto;grid-template-columns:1fr;grid-template-rows:auto 1fr;align-items:start;justify-items:center;gap:88px;padding:120px var(--page-pad) 0;overflow:hidden;background:#05060b;isolation:isolate;font-family:PingFang SC,Microsoft YaHei,sans-serif}.hero:after{display:none}.hero-atmosphere{z-index:0}.hero-atmosphere,.hero-aurora{position:absolute;inset:0;overflow:hidden;pointer-events:none}.hero-aurora{z-index:1}.hero-aurora__field{position:absolute;overflow:hidden;opacity:.3;mix-blend-mode:screen;pointer-events:none;will-change:opacity;-webkit-mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.82) 34%,rgba(0,0,0,.28) 72%,transparent);mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.82) 34%,rgba(0,0,0,.28) 72%,transparent)}.hero-aurora__field--top{top:0;left:0;width:100%;height:440px}.hero-aurora__field canvas{position:absolute;top:-10%;left:-12%;display:block;width:124%!important;height:138%!important;background:transparent;filter:blur(38px) saturate(.94) brightness(1.14);transform:scaleX(1.08)}.hero-aurora__field.is-fallback{background:linear-gradient(115deg,rgba(82,39,255,.08),rgba(208,181,255,.13) 48%,rgba(149,103,255,.06));filter:blur(34px)}.hero-atmosphere__canvas{position:absolute;z-index:2;top:-50px;left:0;width:100%;height:962px}.hero-atmosphere__canvas>img,.hero-atmosphere__canvas>svg{position:absolute;display:block;max-width:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hero-atmosphere__base{animation:none;transition:none}.hero-atmosphere__base--default{top:0;left:0;width:1611px;height:941px;opacity:1}.hero-atmosphere__diffusion{top:0;left:0;width:1506px;height:836px;opacity:0;filter:none;transform:translate3d(58px,-24px,0) scale(1.055);transform-origin:38% 54%;will-change:opacity,transform}.hero-atmosphere__source{top:427px;left:305px;width:591px;height:119px;opacity:0;filter:blur(2px) brightness(1.34) saturate(1.22);mix-blend-mode:screen;transform:translate3d(0,12px,0) scaleX(.18) scaleY(.72);transform-origin:50% 50%;will-change:opacity,transform}.hero.is-lighting-active .hero-atmosphere__diffusion{animation:hero-diffusion-gather 1.65s cubic-bezier(.22,.61,.36,1) .1s both}.hero.is-lighting-active .hero-atmosphere__source{animation:hero-source-ignite 1.1s cubic-bezier(.22,.61,.36,1) .28s both}@keyframes hero-diffusion-gather{0%{opacity:0;transform:translate3d(72px,-34px,0) scale(1.075)}38%{opacity:.48;transform:translate3d(42px,-20px,0) scale(1.045)}72%{opacity:1;transform:translate3d(10px,-4px,0) scale(1.01)}to{opacity:.94;transform:translateZ(0) scale(1)}}@keyframes hero-source-ignite{0%{opacity:0;transform:translate3d(0,12px,0) scaleX(.18) scaleY(.72)}24%{opacity:.24;transform:translate3d(0,8px,0) scaleX(.48) scaleY(.8)}58%{opacity:1;transform:translate3d(0,2px,0) scaleX(.9) scaleY(.96)}to{opacity:.9;transform:translateZ(0) scaleX(1) scaleY(1)}}.hero.is-intro-complete .hero-atmosphere__diffusion{opacity:.94;filter:hue-rotate(0deg) saturate(1.18) brightness(1.12);transform:none;animation:hero-diffusion-hue-loop 8s ease-in-out infinite;will-change:filter}@keyframes hero-diffusion-hue-loop{0%,to{filter:hue-rotate(0deg) saturate(1.18) brightness(1.12)}30%{filter:hue-rotate(-8deg) saturate(1.34) brightness(1.2)}70%{filter:hue-rotate(12deg) saturate(1.28) brightness(1.17)}}.hero-side-rays{z-index:0;display:block;opacity:.7;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse 58% 46% at 0 0,#000 0,rgba(0,0,0,.9) 30%,rgba(0,0,0,.38) 64%,transparent 100%);mask-image:radial-gradient(ellipse 58% 46% at 0 0,#000 0,rgba(0,0,0,.9) 30%,rgba(0,0,0,.38) 64%,transparent 100%)}#cta-canvas,#hero-canvas,.hero-side-rays{position:absolute;inset:0;width:100%;height:100%}#cta-canvas,#hero-canvas{z-index:-3}#cta-canvas{opacity:.78;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 12%,#000 62%,transparent);mask-image:linear-gradient(180deg,transparent 0,#000 12%,#000 62%,transparent)}#hero-canvas{mix-blend-mode:lighten;opacity:.28}.hero-grid{position:absolute;inset:var(--header-h) 0 0;z-index:-2;opacity:.14;background-image:linear-gradient(hsla(0,0%,100%,.18) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.18) 1px,transparent 0);background-size:64px 64px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 20%,#000 78%,transparent);mask-image:linear-gradient(180deg,transparent,#000 20%,#000 78%,transparent)}.hero-scanline{position:absolute;z-index:-1;top:14%;right:-25%;width:76%;height:1px;background:linear-gradient(90deg,transparent,#69cbff 42%,#a947ff 72%,transparent);opacity:.34;transform:rotate(-14deg);animation:scanline 8s ease-in-out infinite alternate}@keyframes scanline{to{transform:translateY(320px) rotate(-14deg);opacity:.08}}.hero-copy{position:relative;z-index:2;display:flex;width:100%;max-width:1120px;flex-direction:column;align-items:center;text-align:center;font-family:PingFang SC,Microsoft YaHei,sans-serif}.eyebrow,.hero-kicker,.section-index,.visual-label{color:var(--muted);font-size:var(--text-xs);font-weight:var(--weight-bold);line-height:var(--leading-meta);letter-spacing:1.7px;text-transform:uppercase}.hero-kicker{display:flex;align-items:center;gap:10px;margin-bottom:28px}.hero-kicker span{width:32px;height:1px;background:linear-gradient(90deg,#69cbff,#a947ff)}.hero h1{position:relative;display:block;width:100%;max-width:734px;aspect-ratio:734/70;margin:0;color:#fff;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:64px;font-weight:var(--weight-semibold);line-height:1.08;letter-spacing:0;white-space:nowrap;-webkit-text-fill-color:currentColor}.hero-title__art{position:absolute;inset:0;display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hero-title__art--default{opacity:1}.hero-actions,.hero-message,.hero-title{opacity:0;will-change:opacity,filter,transform}.hero.is-intro-active .hero-title{animation:hero-title-intro var(--hero-title-intro-duration) cubic-bezier(.22,.61,.36,1) both}.hero.is-intro-active .hero-message{animation:hero-message-intro var(--hero-message-intro-duration) var(--hero-message-intro-delay) cubic-bezier(.22,.61,.36,1) both}.hero.is-intro-active .hero-actions{animation:hero-actions-intro var(--hero-actions-intro-duration) var(--hero-actions-intro-delay) cubic-bezier(.22,.61,.36,1) both}@keyframes hero-title-intro{0%{opacity:0;filter:blur(var(--hero-title-enter-blur));transform:translate3d(0,var(--hero-title-enter-y),0) scale(var(--hero-title-enter-scale))}58%{opacity:1}to{opacity:1;filter:blur(0);transform:translateZ(0) scale(1)}}@keyframes hero-message-intro{0%{opacity:0;filter:blur(3px);transform:translate3d(0,var(--hero-message-enter-y),0)}to{opacity:1;filter:blur(0);transform:translateZ(0)}}@keyframes hero-actions-intro{0%{opacity:0;transform:translate3d(0,var(--hero-actions-enter-y),0)}to{opacity:1;transform:translateZ(0)}}.hero-title:after{position:absolute;z-index:1;inset:0;background:url(https://now.bdstatic.com/stash/v1/dc8c989/frontend/92932cd/comate-frontend/home/title-comate-gradient.svg) 46% 50%/112% 112% no-repeat;clip-path:inset(0 43% 0 20.9%);content:"";-webkit-mask:url(https://now.bdstatic.com/stash/v1/dc8c989/frontend/92932cd/comate-frontend/home/title-default-2.svg) center/contain no-repeat;mask:url(https://now.bdstatic.com/stash/v1/dc8c989/frontend/92932cd/comate-frontend/home/title-default-2.svg) center/contain no-repeat;opacity:0;transition:opacity .76s cubic-bezier(.22,.61,.36,1) .26s;pointer-events:none}.hero.is-lighting-active .hero-title:after{opacity:1}.hero.is-intro-complete .hero-title:after{animation:hero-title-color-flow 8s ease-in-out infinite;will-change:background-position,filter}@keyframes hero-title-color-flow{0%,to{background-position:44% 52%;filter:hue-rotate(0deg) saturate(1.18) brightness(1.08)}30%{background-position:51% 46%;filter:hue-rotate(-8deg) saturate(1.34) brightness(1.16)}70%{background-position:58% 54%;filter:hue-rotate(12deg) saturate(1.28) brightness(1.13)}}.hero-title__comma{display:inline-block;margin-left:.1em}.hero-message{position:relative;margin:17px 0 48px;padding-left:0;text-align:center}.hero-actions{justify-content:center}.cta-actions .button,.hero-actions .button{min-width:148px;min-height:46px;padding-right:26px;padding-left:26px;font-weight:var(--weight-medium)}.hero-description{margin:0;color:hsla(0,0%,100%,.6);font-size:0;font-weight:var(--weight-regular);line-height:0;letter-spacing:0}.hero-description img{display:block;width:318px;max-width:min(100%,82vw);height:auto;margin:0 auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cta-actions .button-primary,.hero .button-primary{border-color:rgba(139,155,255,.65);background:linear-gradient(110deg,#3f59df,#5262e2 62%,#7159d4);box-shadow:inset 0 1px hsla(0,0%,100%,.16),0 12px 30px rgba(54,69,188,.18)}.cta-actions .button-primary:hover,.hero .button-primary:hover{border-color:rgba(157,170,255,.78);background:linear-gradient(110deg,#465fe8,#5a68e8 62%,#7b62dc);box-shadow:inset 0 1px hsla(0,0%,100%,.2),0 15px 34px rgba(58,70,190,.24)}.cta-actions,.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.button{position:relative;display:inline-flex;min-height:50px;overflow:hidden;align-items:center;justify-content:center;gap:10px;padding:0 21px;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-semibold);isolation:isolate;transition:transform .2s cubic-bezier(.2,.8,.2,1),background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0) scale(.98)}.button:focus-visible{outline:2px solid rgba(105,203,255,.9);outline-offset:3px}.button-primary{border-color:rgba(137,153,255,.75);background:var(--brand-gradient);color:#fff;box-shadow:inset 0 1px hsla(0,0%,100%,.22),0 10px 28px rgba(40,98,255,.2)}.button-primary:after{position:absolute;top:-55%;left:-34%;width:24%;height:210%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.55),transparent);content:"";opacity:0;pointer-events:none;transform:skewX(-18deg);transition:left .52s cubic-bezier(.2,.75,.2,1),opacity .18s ease}.button-primary:hover{border-color:rgba(187,162,255,.95);background:linear-gradient(118deg,#1f50ed,#7559ef 64%,#a34ff2);box-shadow:inset 0 1px hsla(0,0%,100%,.3),0 16px 38px rgba(83,73,255,.32)}.button-primary:hover:after{left:116%;opacity:.7}.button-secondary{border-color:hsla(0,0%,100%,.2);background:rgba(10,12,20,.72);color:#edf0f8;backdrop-filter:blur(16px)}.button-secondary:hover{border-color:rgba(126,158,255,.8);background:rgba(59,72,131,.22);box-shadow:inset 0 1px hsla(0,0%,100%,.08),0 12px 30px rgba(0,0,0,.2)}.specular-button{--specular-angle:45deg;--specular-opacity:0;--specular-radius:var(--radius-sm);position:relative;isolation:isolate;overflow:visible;border-radius:var(--specular-radius);transition:transform .2s cubic-bezier(.2,.8,.2,1),border-color .18s ease,box-shadow .22s ease}.specular-button:before{position:absolute;inset:-1px;z-index:3;border-radius:inherit;padding:1px;background:conic-gradient(from calc(var(--specular-angle) - 48deg),transparent 0deg 2deg,rgba(105,203,255,.14) 10deg,rgba(105,203,255,.34) 24deg,rgba(105,203,255,.62) 38deg,hsla(0,0%,100%,.98) 46deg,hsla(0,0%,100%,.94) 74deg,rgba(169,71,255,.46) 92deg,rgba(169,71,255,.25) 106deg,rgba(169,71,255,.1) 120deg,transparent 132deg 178deg,rgba(169,71,255,.1) 190deg,rgba(169,71,255,.25) 204deg,rgba(169,71,255,.46) 222deg,hsla(0,0%,100%,.94) 238deg,hsla(0,0%,100%,.98) 266deg,rgba(105,203,255,.62) 274deg,rgba(105,203,255,.34) 288deg,rgba(105,203,255,.14) 302deg,transparent 318deg 1turn);filter:blur(.35px) brightness(1.08);content:"";opacity:var(--specular-opacity);pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:opacity .14s ease}.specular-button:hover{transform:translateY(-2px);box-shadow:none}.button-secondary.specular-button:hover{border-color:hsla(0,0%,100%,.2);background:rgba(10,12,20,.72)}.header-download.specular-button:hover{border-color:#22bce8;background:rgba(25,96,137,.18)}.specular-button:active{transform:translateY(0) scale(.98)}.specular-button:focus-visible{outline:2px solid rgba(105,203,255,.72);outline-offset:3px}.specular-button:focus-visible:before{--specular-opacity:.72}.header-download.specular-button{--specular-radius:var(--radius-sm)}.specular-button.plugin-trigger>span{position:relative;z-index:4}.button-link{padding:0 14px;color:#bac2d3}.button-link:hover{background:hsla(0,0%,100%,.05);color:#fff}.button-link span{display:inline-block;transition:transform .22s cubic-bezier(.2,.8,.2,1)}.button-link:hover span{transform:translate(2px,-2px)}.plugin-trigger__chevron{display:inline-block;width:14px;height:14px;flex:0 0 14px;background:currentColor;opacity:.76;transform-origin:center;transition:opacity .18s ease,transform .22s cubic-bezier(.2,.8,.2,1);-webkit-mask:url(https://now.bdstatic.com/stash/v1/dc8c989/frontend/92932cd/comate-frontend/home/stream-chevron.svg) center/contain no-repeat;mask:url(https://now.bdstatic.com/stash/v1/dc8c989/frontend/92932cd/comate-frontend/home/stream-chevron.svg) center/contain no-repeat}.plugin-trigger:focus-visible .plugin-trigger__chevron,.plugin-trigger:hover .plugin-trigger__chevron{opacity:1;transform:translateY(1px)}.plugin-menu.open .plugin-trigger__chevron{transform:rotate(180deg)}.plugin-menu.open .plugin-trigger:focus-visible .plugin-trigger__chevron,.plugin-menu.open .plugin-trigger:hover .plugin-trigger__chevron{transform:translateY(1px) rotate(180deg)}.plugin-menu{position:relative}.plugin-options{position:absolute;top:calc(100% + 10px);left:0;z-index:30;display:grid;width:220px;padding:8px;border:1px solid hsla(0,0%,100%,.16);border-radius:var(--radius-md);background:rgba(9,11,18,.94);box-shadow:inset 0 1px hsla(0,0%,100%,.06),0 24px 70px rgba(0,0,0,.48);opacity:0;pointer-events:none;transform:translateY(8px) scale(.98);transform-origin:top left;backdrop-filter:blur(22px);transition:opacity .18s ease,transform .22s cubic-bezier(.2,.8,.2,1)}.plugin-menu.open .plugin-options{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.plugin-options a{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:8px;color:#c9cecc;font-size:var(--text-sm);transition:color .16s ease,background-color .16s ease,transform .16s ease}.plugin-options a:hover{color:#fff;background:linear-gradient(90deg,rgba(67,99,255,.18),rgba(165,71,255,.1));transform:translateX(2px)}.plugin-options span{display:grid;width:28px;height:28px;place-items:center;border:1px solid var(--line);border-radius:var(--radius-xs);color:var(--green);font-size:var(--text-2xs)}.hero-product{position:relative;z-index:1;width:100%;min-width:0;max-width:var(--max-width);margin:0;justify-self:center;opacity:0;will-change:opacity,filter,transform}.hero.is-intro-active .hero-product{animation:hero-product-intro var(--hero-card-intro-duration) var(--hero-card-intro-delay) cubic-bezier(.22,.61,.36,1) both}.hero.is-intro-complete .hero-actions,.hero.is-intro-complete .hero-message,.hero.is-intro-complete .hero-product,.hero.is-intro-complete .hero-title{opacity:1;filter:none;transform:none;animation:none;will-change:auto}@keyframes hero-product-intro{0%{opacity:0;filter:blur(var(--hero-card-enter-blur));transform:translate3d(0,var(--hero-card-enter-y),0) scale(var(--hero-card-enter-scale))}62%{opacity:1;filter:blur(1px)}to{opacity:1;filter:blur(0);transform:translateZ(0) scale(1)}}.hero-product:after{display:none}.hero-comate-demo{--comate-demo-inset:6px;--comate-mask-overhang:min(220px,20vw);--comate-mask-bottom-overhang:40px;box-sizing:border-box;padding:6px;border:1px solid transparent;border-radius:calc(var(--radius-md) + 5px);background:transparent;box-shadow:none;isolation:isolate;font-family:PingFang SC,Microsoft YaHei,sans-serif}.hero-comate-demo:before{z-index:1;border:1px solid transparent;border-radius:calc(var(--radius-md) + 5px);background:radial-gradient(110% 38% at 50% -6%,hsla(0,0%,100%,.13),transparent 62%) padding-box,linear-gradient(180deg,rgba(22,25,34,.48),rgba(8,10,16,.6) 54%,rgba(0,0,0,.82)) padding-box,linear-gradient(145deg,hsla(0,0%,100%,.18),hsla(0,0%,100%,.08) 24%,hsla(0,0%,100%,.025) 52%,hsla(0,0%,100%,.07) 76%,rgba(0,0,0,.56)) border-box;backdrop-filter:blur(14px) saturate(1.18) brightness(1.04);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1),inset 1px 0 0 hsla(0,0%,100%,.055),inset -1px 0 0 hsla(0,0%,100%,.03),inset 0 -1px 0 hsla(0,0%,100%,.035);opacity:.76}.hero-comate-demo:after,.hero-comate-demo:before{position:absolute;inset:0;content:"";-webkit-mask-image:linear-gradient(180deg,#000,#000 58%,rgba(0,0,0,.62) 67%,rgba(0,0,0,.2) 76%,transparent 82%);mask-image:linear-gradient(180deg,#000,#000 58%,rgba(0,0,0,.62) 67%,rgba(0,0,0,.2) 76%,transparent 82%);pointer-events:none}.hero-comate-demo:after{z-index:3;display:block;border:1px solid rgba(216,225,255,.08);border-radius:calc(var(--radius-md) + 5px);box-shadow:none}.hero-comate-glow{position:absolute;inset:-220px;z-index:0;display:block;opacity:0;-webkit-mask-image:linear-gradient(180deg,#000,#000 38%,rgba(0,0,0,.76) 42%,rgba(0,0,0,.42) 45%,rgba(0,0,0,.12) 48%,transparent 50%,transparent);mask-image:linear-gradient(180deg,#000,#000 38%,rgba(0,0,0,.76) 42%,rgba(0,0,0,.42) 45%,rgba(0,0,0,.12) 48%,transparent 50%,transparent);-webkit-mask-position:0 100%;mask-position:0 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 200%;mask-size:100% 200%;pointer-events:none}.hero.is-glass-glow-active .hero-comate-glow{animation:hero-glass-glow-reveal 1.3s cubic-bezier(.22,.61,.36,1) both}@keyframes hero-glass-glow-reveal{0%{opacity:0;-webkit-mask-position:0 100%;mask-position:0 100%}30%{opacity:.32}68%{opacity:.78}to{opacity:1;-webkit-mask-position:0 0;mask-position:0 0}}.hero-comate-glow:before{position:absolute;inset:220px;z-index:1;border:1px solid transparent;border-radius:calc(var(--radius-md) + 5px);box-shadow:0 0 0 1px rgba(205,216,255,.13),0 0 52px rgba(139,166,242,.27),0 0 96px rgba(111,91,235,.18),0 0 24px rgba(0,0,0,.22);content:""}.hero-comate-glow:after{position:absolute;inset:80px 40px 110px;z-index:0;border-radius:34%;background:radial-gradient(ellipse at 50% 38%,rgba(139,166,242,.115) 0,rgba(112,142,232,.074) 35%,rgba(83,110,205,.038) 58%,rgba(92,76,202,.014) 72%,transparent 86%);content:"";filter:blur(74px);transform:scale(1.04,.96);transform-origin:center}.hero-comate-edge-particles{top:0;left:0;z-index:4;width:100%;height:100%;max-width:none;opacity:1;mix-blend-mode:screen}.hero-comate-edge-particles,.hero-comate-stars{position:absolute;display:block;pointer-events:none}.hero-comate-stars{inset:-150px;z-index:0;-webkit-mask-image:linear-gradient(180deg,#000,#000 68%,rgba(0,0,0,.78) 76%,rgba(0,0,0,.38) 86%,rgba(0,0,0,.1) 94%,transparent);mask-image:linear-gradient(180deg,#000,#000 68%,rgba(0,0,0,.78) 76%,rgba(0,0,0,.38) 86%,rgba(0,0,0,.1) 94%,transparent)}.hero-atmosphere__canvas>.hero-comate-stars{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;max-width:none;opacity:.98;mix-blend-mode:screen;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.92),#000 12%,#000 82%,rgba(0,0,0,.55) 94%,transparent);mask-image:linear-gradient(180deg,rgba(0,0,0,.92),#000 12%,#000 82%,rgba(0,0,0,.55) 94%,transparent);pointer-events:none}.comate-demo-frame{position:relative;z-index:2;width:100%;overflow:hidden;aspect-ratio:1440/900;border:0;border-radius:var(--radius-md);background:linear-gradient(180deg,#1a1a1a,#1a1a1a 68%,#151515 78%,#0b0b0b 88%,#030303 96%,#000);box-shadow:none;container-type:inline-size;isolation:isolate}.comate-demo-frame:before{z-index:19;background:none}.comate-demo-frame:after,.comate-demo-frame:before{position:absolute;inset:0;border-radius:inherit;content:"";pointer-events:none}.comate-demo-frame:after{z-index:20;background:linear-gradient(180deg,transparent 58%,rgba(0,0,0,.38) 67%,rgba(0,0,0,.8) 76%,#000 82%) 0 /3px 100% no-repeat,linear-gradient(180deg,transparent 58%,rgba(0,0,0,.38) 67%,rgba(0,0,0,.8) 76%,#000 82%) 100% /3px 100% no-repeat,linear-gradient(90deg,transparent 1.5%,rgba(226,233,255,.12) 17%,rgba(226,233,255,.065) 83%,transparent 98.5%) top /100% 1px no-repeat,linear-gradient(180deg,rgba(226,233,255,.11),rgba(226,233,255,.045) 58%,rgba(226,233,255,.014) 72%,transparent 82%) 0 /1px 100% no-repeat,linear-gradient(180deg,rgba(226,233,255,.11),rgba(226,233,255,.045) 58%,rgba(226,233,255,.014) 72%,transparent 82%) 100% /1px 100% no-repeat}.comate-demo-foreground-mask{position:absolute;top:var(--comate-demo-inset);right:calc(-1 * var(--comate-mask-overhang));bottom:calc(-1 * var(--comate-mask-bottom-overhang));left:calc(-1 * var(--comate-mask-overhang));z-index:50;border-radius:calc(var(--radius-md) + 5px);background:linear-gradient(180deg,transparent 54%,rgba(0,0,0,.035) 64%,rgba(0,0,0,.2) 73%,rgba(0,0,0,.58) 84%,#000 93%,#000);-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);opacity:1;pointer-events:none;mix-blend-mode:normal}.comate-demo-guide{position:absolute;z-index:70;top:0;left:0;width:22px;height:24px;opacity:0;pointer-events:none;transform:translate(-50%,-4px);transition:left 1.65s cubic-bezier(.2,.72,.18,1),top 1.65s cubic-bezier(.2,.72,.18,1),opacity .52s ease;will-change:left,top,opacity}.comate-demo-guide:before{position:absolute;inset:-8px -10px -7px -8px;border-radius:50%;background:radial-gradient(circle at 38% 36%,rgba(126,196,255,.24),rgba(97,128,255,.08) 42%,transparent 72%);content:"";filter:blur(5px);opacity:.62;transform:scale(.9);animation:comate-guide-glow 1.8s ease-in-out infinite}.comate-demo-guide:after{position:absolute;top:-6px;left:50%;width:14px;height:14px;border:1px solid rgba(176,218,255,.48);border-radius:50%;content:"";opacity:0;transform:translateX(-50%) scale(.35)}.comate-demo-guide-cursor{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.96)) drop-shadow(0 0 4px rgba(132,207,255,.88)) drop-shadow(0 0 10px rgba(88,126,255,.34));transform:rotate(-16deg);transform-origin:50% 8%}.comate-demo-guide.is-visible{opacity:1}.comate-demo-guide.is-to-send{transition-duration:1.85s,1.85s,.52s}.comate-demo-guide.is-clicking .comate-demo-guide-cursor{animation:comate-guide-click .76s cubic-bezier(.22,.72,.24,1) both}.comate-demo-guide.is-clicking:after{animation:comate-guide-click-ring .76s ease-out both}.comate-demo-guide.is-pointing .comate-demo-guide-cursor{animation:comate-guide-point 1.05s ease-in-out both}.comate-demo-guide.is-pointing:after{animation:comate-guide-point-ring 1.2s ease-out both}.comate-demo-guide.is-fading{opacity:0;transition-duration:1.65s,1.65s,.82s}@keyframes comate-guide-glow{0%,to{opacity:.4;transform:scale(.86)}50%{opacity:.68;transform:scale(1)}}@keyframes comate-guide-click{0%,to{transform:translate(0) rotate(-16deg) scale(1)}24%{transform:translate(1px,1px) rotate(-20deg) scale(.94)}45%{transform:translate(3px,3px) rotate(-13deg) scale(.86)}68%{transform:translate(1px,1px) rotate(-18deg) scale(.94)}}@keyframes comate-guide-click-ring{0%,34%{opacity:0;transform:translateX(-50%) scale(.35)}46%{opacity:.8}to{opacity:0;transform:translateX(-50%) scale(1.45)}}@keyframes comate-guide-point{0%,to{transform:rotate(-16deg) translate(0)}28%{transform:rotate(-20deg) translate(-1px,-1px)}58%{transform:rotate(-13deg) translate(1px,1px)}78%{transform:rotate(-17deg) translate(0)}}@keyframes comate-guide-point-ring{0%,18%{opacity:0;transform:translateX(-50%) scale(.4)}34%{opacity:.52}82%,to{opacity:0;transform:translateX(-50%) scale(1.6)}}@media (max-width:640px){.comate-demo-guide{width:21px;height:23px}}@media (prefers-reduced-motion:reduce){.comate-demo-guide{display:none}}.comate-demo-stage{position:absolute;inset:0;overflow:hidden;background:linear-gradient(180deg,#1a1a1a,#1a1a1a 68%,#151515 78%,#0b0b0b 88%,#030303 96%,#000);color:#d4d4d4}.comate-demo-stage img{display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none}.comate-demo-bg{position:absolute;top:.2222%;left:18.6111%;width:81.3889%;height:99.7778%}.comate-demo-bg,.comate-demo-sidebar{-webkit-mask-image:linear-gradient(180deg,#000,#000 58%,rgba(0,0,0,.62) 67%,rgba(0,0,0,.2) 76%,transparent 82%);mask-image:linear-gradient(180deg,#000,#000 58%,rgba(0,0,0,.62) 67%,rgba(0,0,0,.2) 76%,transparent 82%)}.comate-demo-sidebar{position:absolute;inset:0 auto 0 0;z-index:2;width:18.6111%;height:100%;transition:opacity .38s cubic-bezier(.22,.72,.24,1)}.comate-demo-sidebar--complete{opacity:0}.comate-demo-window-controls,.comate-demo-window-nav{position:absolute;z-index:5}.comate-demo-window-controls{top:.8889%;left:.8333%;width:3.6111%}.comate-demo-window-nav{top:.8889%;left:87.6389%;width:11.25%}.comate-demo-home,.comate-demo-run{position:absolute;inset:0 0 0 18.6111%;z-index:4;transition:opacity .32s ease,transform .42s cubic-bezier(.22,.72,.24,1),filter .32s ease}.comate-demo-home-title{position:absolute;top:30.7778%;left:34.727%;width:30.4608%}.comate-demo-input{position:absolute;top:39.6667%;left:15.6143%;width:68.9419%;aspect-ratio:808/142}.comate-demo-input:before{position:absolute;top:13%;left:3.1%;z-index:3;display:block;width:83%;height:22%;background:#252526;content:"";opacity:1;pointer-events:none}.comate-demo-input:after{position:absolute;top:17.6%;left:3.34%;z-index:4;width:82%;overflow:hidden;color:hsla(0,0%,83%,.3);content:"@引用上下文，/调起指令， ↑ ↓ 切换历史输入";font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:.88cqw;font-weight:400;line-height:1.65;opacity:1;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}.comate-demo-input-art{position:absolute;inset:0;z-index:1;width:100%;height:100%;backface-visibility:hidden;transform:translateZ(0);transition:opacity .14s ease}.comate-demo-input-art--default{z-index:1}.comate-demo-input-art--active{z-index:2;clip-path:ellipse(1.65% 9.4% at 95.54% 62.68%);opacity:0}.comate-demo-model{position:absolute;top:54.23%;left:5.94%;z-index:4;display:inline-flex;width:7.8%;height:18.31%;box-sizing:border-box;align-items:center;gap:.35cqw;padding-left:.42cqw;background:#252526;color:#d4d4d4;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:.8333cqw;font-weight:400;line-height:1;white-space:nowrap;pointer-events:none}.comate-demo-model:after{width:.34cqw;height:.34cqw;border-right:.0521cqw solid;border-bottom:.0521cqw solid;content:"";opacity:.72;transform:translateY(-.08cqw) rotate(45deg)}.comate-demo-new-task,.comate-demo-send{position:absolute;margin:0;padding:0;border:0;background:transparent;cursor:pointer}.comate-demo-new-task:focus-visible,.comate-demo-send:focus-visible{border-radius:5px;outline:2px solid rgba(108,139,255,.88);outline-offset:2px}.comate-demo-send{top:calc(62.6761% - 7px);right:22px;left:auto;z-index:5;display:block;width:24px;min-width:24px;min-height:24px;aspect-ratio:1;border-radius:50%;overflow:visible;background:#252526;box-shadow:none;filter:brightness(1);pointer-events:none;cursor:default;transform:translateY(-50%);transition:filter .18s ease,box-shadow .22s ease}.comate-demo-send:after,.comate-demo-send:before{position:absolute;inset:0;display:block;border-radius:inherit;background-position:50%;background-size:100% 100%;background-repeat:no-repeat;content:"";pointer-events:none;transition:opacity .26s ease,transform .28s cubic-bezier(.22,.72,.24,1)}.comate-demo-send:before{background-image:url(https://now.bdstatic.com/stash/v1/dc8c989/frontend/92932cd/comate-frontend/home/send.svg);opacity:1;transform:scale(1)}.comate-demo-send:after{background-image:url(https://now.bdstatic.com/stash/v1/dc8c989/frontend/92932cd/comate-frontend/home/send-active.svg);opacity:0;transform:scale(.94)}.comate-demo-send-hint{position:absolute;right:1.2cqw;bottom:calc(37.3239% + 1.4cqw);z-index:6;padding:.5cqw .8cqw;border-radius:.6cqw;background:linear-gradient(120deg,#6767ff,#8f6bff);box-shadow:0 .55cqw 1.4cqw rgba(103,103,255,.34);color:#fff;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:.8cqw;font-weight:500;line-height:1.1;white-space:nowrap;pointer-events:none;animation:comate-demo-send-hint-bob 1.5s ease-in-out infinite}.comate-demo-send-hint:after{position:absolute;right:1.6cqw;bottom:-.28cqw;width:.6cqw;height:.6cqw;background:#7d6bff;content:"";transform:rotate(45deg)}@keyframes comate-demo-send-hint-bob{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-.4cqw,0)}}@media (prefers-reduced-motion:reduce){.comate-demo-send-hint{animation:none}}.comate-demo-prompt{position:absolute;top:17.6%;left:3.34%;z-index:4;display:block;width:82%;overflow:hidden;color:hsla(0,0%,83%,.78);font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:.88cqw;font-weight:400;line-height:1.65;opacity:0;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;transform:translateY(.14cqw);transition:opacity .16s ease,transform .2s cubic-bezier(.22,.72,.24,1),visibility 0s linear .16s;visibility:hidden;will-change:opacity,transform}.comate-demo-quick{position:absolute;top:57.4444%;left:16.8089%;display:flex;width:66.5529%;align-items:center;justify-content:space-between}.comate-demo-quick button{--quick-diffusion-top:-91.07%;--quick-glow-rgb:255,120,189;position:relative;width:31.5385%;height:3.6111cqw;margin:0;padding:0;border:0;border-radius:12px;background:transparent;cursor:pointer;isolation:isolate;transition:transform .22s cubic-bezier(.2,.8,.2,1)}.comate-demo-quick button:after{position:absolute;top:62%;left:8%;z-index:0;width:84%;height:78%;background:radial-gradient(ellipse at 50% 0,rgba(var(--quick-glow-rgb),.18) 0,rgba(var(--quick-glow-rgb),.08) 40%,rgba(var(--quick-glow-rgb),.025) 62%,rgba(var(--quick-glow-rgb),0) 82%);content:"";filter:blur(14px);opacity:0;pointer-events:none;transform:translateY(8px) scale(.82,.52);transform-origin:50% 0;transition:opacity .22s ease,transform .28s cubic-bezier(.2,.8,.2,1)}.comate-demo-quick-surface{position:absolute;inset:0;z-index:1;display:block;overflow:hidden;border-radius:12px;clip-path:inset(0 round 12px)}.comate-demo-quick-surface:after{position:absolute;bottom:-14%;left:16%;z-index:2;width:68%;height:70%;background:radial-gradient(ellipse at 50% 72%,rgba(var(--quick-glow-rgb),.38) 0,rgba(var(--quick-glow-rgb),.18) 32%,rgba(var(--quick-glow-rgb),.06) 58%,rgba(var(--quick-glow-rgb),0) 78%);content:"";filter:blur(7px);opacity:0;pointer-events:none;transform:scale(.72,.54);transform-origin:50% 100%;transition:opacity .2s ease,transform .26s cubic-bezier(.2,.8,.2,1)}.comate-demo-quick button:nth-child(2),.comate-demo-quick button:nth-child(3){--quick-diffusion-top:-92.95%}.comate-demo-quick button:nth-child(2){--quick-glow-rgb:165,120,255}.comate-demo-quick button:nth-child(3){--quick-glow-rgb:120,143,255}.comate-demo-quick button img{display:block;width:100%;height:auto}.comate-demo-quick-surface>img:first-child{height:100%;-o-object-fit:fill;object-fit:fill;transition:filter .22s ease}.comate-demo-quick button .comate-demo-quick-diffusion{position:absolute;top:var(--quick-diffusion-top);left:-40.75%;z-index:1;width:159.77%;max-width:none;height:333.41%;filter:saturate(1) brightness(1);pointer-events:none;transition:filter .22s ease}.comate-demo-quick-content{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;gap:.5556cqw;pointer-events:none}.comate-demo-quick button .comate-demo-quick-icon{flex:0 0 auto;width:1.25cqw;height:1.25cqw;max-width:none;-o-object-fit:contain;object-fit:contain;pointer-events:none;transition:filter .18s ease}.comate-demo-quick-label{display:block;flex:0 0 auto;color:transparent;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:1.1111cqw;font-weight:400;line-height:1;white-space:nowrap;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 1px 4px rgba(0,0,0,.7);pointer-events:none;transition:filter .18s ease,text-shadow .18s ease}.comate-demo-quick button:first-child .comate-demo-quick-label{background-image:linear-gradient(121.2deg,#fff6fb 18%,#e8c8dd)}.comate-demo-quick button:nth-child(2) .comate-demo-quick-label{background-image:linear-gradient(121.2deg,#f8f4ff 18%,#d8cef0)}.comate-demo-quick button:nth-child(3) .comate-demo-quick-label{background-image:linear-gradient(121.2deg,#f5f6ff 18%,#cdd5f5)}.comate-demo-quick button:focus-visible,.comate-demo-quick button:hover{outline:none;transform:translateY(-4px) scale(1.015)}.comate-demo-quick button:focus-visible:after,.comate-demo-quick button:hover:after{opacity:1;transform:translateY(14px) scaleY(.86)}.comate-demo-quick button:focus-visible .comate-demo-quick-surface:after,.comate-demo-quick button:hover .comate-demo-quick-surface:after{opacity:1;transform:scaleY(.92)}.comate-demo-quick button:focus-visible .comate-demo-quick-surface>img:first-child,.comate-demo-quick button:hover .comate-demo-quick-surface>img:first-child{filter:saturate(1.28) brightness(1.08)}.comate-demo-quick button:focus-visible .comate-demo-quick-diffusion,.comate-demo-quick button:hover .comate-demo-quick-diffusion{filter:saturate(1.52) brightness(1.1)}.comate-demo-quick button:focus-visible .comate-demo-quick-label,.comate-demo-quick button:hover .comate-demo-quick-label{filter:brightness(1.1) drop-shadow(0 0 4px rgba(255,255,255,.14));text-shadow:0 1px 4px rgba(0,0,0,.34)}.comate-demo-quick button:focus-visible .comate-demo-quick-icon,.comate-demo-quick button:hover .comate-demo-quick-icon{filter:brightness(1.24) drop-shadow(0 0 4px rgba(255,255,255,.18))}.comate-demo-quick button:active{transform:translateY(-1px) scale(.985);transition-duration:90ms}.comate-demo-quick button:first-child:is(:hover,:focus-visible) .comate-demo-quick-label{background-image:linear-gradient(121.2deg,#f5f0ff 40%,#fff 78%)}.comate-demo-quick button:nth-child(2):is(:hover,:focus-visible) .comate-demo-quick-label{background-image:linear-gradient(121.2deg,#fff0fa 40%,#fff 78%)}.comate-demo-quick button:nth-child(3):is(:hover,:focus-visible) .comate-demo-quick-label{background-image:linear-gradient(121.2deg,#f0f2ff 40%,#fff 78%)}.comate-demo-quick button.is-selected{outline:none;transform:translateY(-4px) scale(1.015)}.comate-demo-quick button.is-selected:after{opacity:1;filter:blur(13px) saturate(1.25) brightness(1.12);transform:translateY(14px) scale(1.08,.94);transition-delay:70ms}.comate-demo-quick button.is-selected .comate-demo-quick-surface:after{background:radial-gradient(ellipse at 50% 72%,rgba(var(--quick-glow-rgb),.64) 0,rgba(var(--quick-glow-rgb),.32) 30%,rgba(var(--quick-glow-rgb),.1) 56%,rgba(var(--quick-glow-rgb),0) 80%);filter:blur(6px) saturate(1.2);opacity:1;transform:scale(1.04,.98);transition-delay:80ms}.comate-demo-quick button.is-selected .comate-demo-quick-surface>img:first-child{filter:saturate(1.55) brightness(1.16)}.comate-demo-quick button.is-selected .comate-demo-quick-diffusion{filter:saturate(1.82) brightness(1.17)}.comate-demo-quick button.is-selected .comate-demo-quick-icon,.comate-demo-quick button.is-selected .comate-demo-quick-label{filter:brightness(1.15) drop-shadow(0 0 5px rgba(255,255,255,.2))}.comate-demo-quick button:first-child.is-selected .comate-demo-quick-label{background-image:linear-gradient(121.2deg,#fff 34%,#ffdff3 72%)}.comate-demo-quick button:nth-child(2).is-selected .comate-demo-quick-label{background-image:linear-gradient(121.2deg,#fff 34%,#e7dcff 72%)}.comate-demo-quick button:nth-child(3).is-selected .comate-demo-quick-label{background-image:linear-gradient(121.2deg,#fff 34%,#dce3ff 72%)}.comate-demo-quick button.is-selected:active{transform:translateY(-1px) scale(.985);transition-duration:90ms}.comate-demo-quick.is-affordance-cued button{animation:comate-quick-cue-lift .85s cubic-bezier(.2,.8,.2,1) both}.comate-demo-quick.is-affordance-cued button:nth-child(2){animation-delay:.16s}.comate-demo-quick.is-affordance-cued button:nth-child(3){animation-delay:.32s}.comate-demo-quick.is-affordance-cued button:after{animation:comate-quick-cue-outer-glow .85s ease both}.comate-demo-quick.is-affordance-cued button:nth-child(2):after{animation-delay:.16s}.comate-demo-quick.is-affordance-cued button:nth-child(3):after{animation-delay:.32s}.comate-demo-quick.is-affordance-cued .comate-demo-quick-surface:after{animation:comate-quick-cue-inner-glow .85s ease both}.comate-demo-quick.is-affordance-cued button:nth-child(2) .comate-demo-quick-surface:after{animation-delay:.16s}.comate-demo-quick.is-affordance-cued button:nth-child(3) .comate-demo-quick-surface:after{animation-delay:.32s}.comate-demo-quick.is-affordance-cued .comate-demo-quick-surface>img:first-child{animation:comate-quick-cue-surface .85s ease both}.comate-demo-quick.is-affordance-cued button:nth-child(2) .comate-demo-quick-surface>img:first-child{animation-delay:.16s}.comate-demo-quick.is-affordance-cued button:nth-child(3) .comate-demo-quick-surface>img:first-child{animation-delay:.32s}.comate-demo-quick.is-affordance-cued .comate-demo-quick-diffusion{animation:comate-quick-cue-diffusion .85s ease both}.comate-demo-quick.is-affordance-cued button:nth-child(2) .comate-demo-quick-diffusion{animation-delay:.16s}.comate-demo-quick.is-affordance-cued button:nth-child(3) .comate-demo-quick-diffusion{animation-delay:.32s}.comate-demo-quick.is-affordance-cued .comate-demo-quick-label{animation:comate-quick-cue-label .85s ease both}.comate-demo-quick.is-affordance-cued button:nth-child(2) .comate-demo-quick-label{animation-delay:.16s}.comate-demo-quick.is-affordance-cued button:nth-child(3) .comate-demo-quick-label{animation-delay:.32s}.comate-demo-quick.is-affordance-cued .comate-demo-quick-arrow{animation:comate-quick-cue-arrow .85s cubic-bezier(.2,.8,.2,1) both}.comate-demo-quick.is-affordance-cued button:nth-child(2) .comate-demo-quick-arrow{animation-delay:.16s}.comate-demo-quick.is-affordance-cued button:nth-child(3) .comate-demo-quick-arrow{animation-delay:.32s}@keyframes comate-quick-cue-lift{0%,to{transform:translateY(0) scale(1)}38%{transform:translateY(-6px) scale(1.02)}62%{transform:translateY(-2px) scale(1.01)}}@keyframes comate-quick-cue-outer-glow{0%,to{filter:blur(14px) brightness(1) saturate(1);opacity:0;transform:translateY(8px) scale(.82,.52)}38%,54%{filter:blur(14px) brightness(1.5) saturate(1.28);opacity:1;transform:translateY(14px) scale(1.06,.9)}}@keyframes comate-quick-cue-inner-glow{0%,to{filter:blur(7px) brightness(1) saturate(1);opacity:0;transform:scale(.72,.54)}38%,54%{filter:blur(7px) brightness(1.42) saturate(1.24);opacity:1;transform:scale(1.04,.96)}}@keyframes comate-quick-cue-surface{0%,to{filter:saturate(1) brightness(1)}38%,54%{filter:saturate(1.48) brightness(1.16)}}@keyframes comate-quick-cue-diffusion{0%,to{filter:saturate(1) brightness(1)}38%,54%{filter:saturate(1.8) brightness(1.2)}}@keyframes comate-quick-cue-label{0%,to{filter:brightness(1)}38%,54%{filter:brightness(1.25) drop-shadow(0 0 6px rgba(255,255,255,.26))}}@keyframes comate-quick-cue-arrow{0%,to{filter:brightness(1);transform:translateY(-50%) translate(0)}38%,54%{filter:brightness(1.3) drop-shadow(0 0 4px rgba(255,255,255,.22));transform:translateY(-50%) translate(4px,-2px)}}.comate-demo-run{overflow:hidden;opacity:0;pointer-events:none;transform:translateY(1.2%)}.comate-demo-conversation{position:absolute;top:4.6667%;bottom:19.7778%;left:16.8089%;width:66.5529%;overflow-x:hidden;overflow-y:auto;padding-right:0;outline:none;scrollbar-color:hsla(0,0%,83%,.32) transparent;scrollbar-gutter:auto;scrollbar-width:thin;overscroll-behavior:contain;transition:width .44s cubic-bezier(.2,.72,.2,1),opacity .24s ease}.comate-demo-conversation::-webkit-scrollbar{width:.3472cqw}.comate-demo-conversation::-webkit-scrollbar-track{background:transparent}.comate-demo-conversation::-webkit-scrollbar-thumb{border:.0694cqw solid transparent;border-radius:999px;background:hsla(0,0%,83%,.28);background-clip:padding-box}.comate-demo-conversation:focus-visible{border-radius:.4167cqw;box-shadow:inset 0 0 0 1px rgba(108,139,255,.58)}.comate-demo-user-query{position:relative;box-sizing:border-box;width:-moz-fit-content;width:fit-content;max-width:32.7778cqw;min-height:2.2222cqw;margin-left:auto;padding:.4167cqw 1.25cqw;border-radius:.5556cqw 0 .5556cqw .5556cqw;background:hsla(0,0%,80%,.14);color:#d4d4d4;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:.9028cqw;font-weight:400;line-height:1.5385;overflow-wrap:anywhere}.comate-demo-user-query:before{position:absolute;top:50%;left:-1.8056cqw;width:1.1111cqw;height:.8333cqw;background:url(https://now.bdstatic.com/stash/v1/dc8c989/frontend/92932cd/comate-frontend/home/user-bubble.svg) 50%/contain no-repeat;content:"";opacity:.76;transform:translateY(-50%)}.comate-demo-response{display:flex;width:100%;margin-top:2.0833cqw;flex-direction:column;align-items:flex-start;padding-bottom:1.1111cqw}.comate-demo-step{width:100%;flex:0 0 auto;opacity:0;transform:translate3d(0,.18cqw,0);transform-origin:left center;will-change:opacity,transform}.comate-demo-step.is-visible{opacity:1;transform:translateZ(0);animation:comate-demo-stream-reveal .42s cubic-bezier(.2,.72,.2,1) both}@keyframes comate-demo-stream-reveal{0%{opacity:0;transform:translate3d(0,.18cqw,0)}to{opacity:1;transform:translateZ(0)}}.comate-demo-step[hidden]{display:none!important}.comate-demo-file-row,.comate-demo-process-title,.comate-demo-task-row,.comate-demo-todo-row,.comate-demo-tool-row{position:relative;display:flex;min-height:1.25cqw;align-items:center;color:hsla(0,0%,83%,.6);font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:.7639cqw;font-weight:400;line-height:1.6364;letter-spacing:0}.comate-demo-process-title{gap:.2778cqw;min-height:1.25cqw;padding:.2778cqw 0}.comate-demo-thinking-icon{display:block;width:.8333cqw;height:.8333cqw;flex:0 0 .8333cqw;overflow:hidden}.comate-demo-thinking-icon img{display:block;width:4.1667cqw;max-width:none;height:1.25cqw;transform:translateY(-.2083cqw)}.comate-demo-tool-row{gap:.2778cqw;padding:.2778cqw 0}.comate-demo-file-row code,.comate-demo-todo-row code,.comate-demo-tool-row code{font-family:PingFang SC,Microsoft YaHei,sans-serif;font-weight:400;letter-spacing:0}.comate-demo-file-row b{font-family:Menlo,Monaco,Consolas,Liberation Mono,monospace;font-weight:400;letter-spacing:0;margin-left:0;color:#70d98c;font-size:.6944cqw;line-height:1.6}.comate-demo-tool-row code{color:hsla(0,0%,83%,.6)}.comate-demo-chevron{display:block;width:.8333cqw;height:.8333cqw;flex:0 0 .8333cqw;-o-object-fit:contain;object-fit:contain}.comate-demo-copy{margin:0;padding:.2778cqw 0;color:#d4d4d4;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:.9028cqw;font-weight:400;line-height:1.6923;letter-spacing:0;overflow-wrap:anywhere}.comate-demo-todo-row{gap:.2778cqw;padding:.2778cqw 0}.comate-demo-todo-icon{width:.8333cqw;height:.8333cqw;flex:0 0 .8333cqw}.comate-demo-file-row{gap:0;min-height:1.9444cqw;margin-block:.1389cqw;padding:0 .5556cqw;border:0;border-radius:.2778cqw;background:hsla(0,0%,80%,.04);line-height:1.6667}.comate-demo-file-row,.comate-demo-file-row code{color:#d4d4d4;font-size:.8333cqw}.comate-demo-file-label{display:inline-flex;min-width:0;align-items:center;gap:0;margin-right:8px}.comate-demo-file-icon{width:1.1111cqw;height:1.1111cqw;flex:0 0 1.1111cqw;margin-right:4px}.comate-demo-task-row{min-height:1.5278cqw;gap:.2778cqw;padding:.2778cqw 0;color:#d4d4d4;font-size:.9028cqw;line-height:1.6923}.comate-demo-task-row strong{color:inherit;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:inherit;font-weight:400}.comate-demo-deliverable{display:grid;min-height:4.3056cqw;margin-top:.4167cqw;padding:.5556cqw .6944cqw;grid-template-columns:5.2778cqw minmax(0,1fr) 1.5278cqw;align-items:center;gap:.6944cqw;overflow:hidden;border:1px solid hsla(0,0%,83%,.12);border-radius:.4167cqw;background:hsla(0,0%,80%,.045);color:#d4d4d4;text-decoration:none;transition:border-color .22s ease,background-color .22s ease,box-shadow .22s ease,transform .22s ease}.comate-demo-deliverable--static{grid-template-columns:5.2778cqw minmax(0,1fr)}.comate-demo-deliverable.is-visible,.comate-demo-deliverable.is-visible:focus-visible,.comate-demo-deliverable.is-visible:hover{border-color:rgba(136,153,255,.42);background:hsla(0,0%,80%,.075);box-shadow:0 0 0 1px rgba(112,126,255,.08),0 .4167cqw 1.25cqw rgba(0,0,0,.18);transform:translate3d(0,-.0694cqw,0)}.comate-demo-deliverable:focus-visible{outline:1px solid rgba(153,166,255,.7);outline-offset:.1389cqw}.comate-demo-deliverable--artifact{position:relative;overflow:visible}.comate-demo-deliverable--no-thumb{grid-template-columns:minmax(0,1fr)!important;padding-right:2.4cqw}.comate-demo-deliverable-link{font-size:14px}.comate-demo-deliverable-thumb{width:3.05cqw;height:3.05cqw;border-radius:.3cqw;-o-object-fit:cover;object-fit:cover;pointer-events:none;position:relative;left:1.35cqw}.comate-demo-deliverable-cue{position:absolute;top:50%;right:1.1cqw;z-index:3;width:1.05cqw;height:1.05cqw;margin-top:-.525cqw;pointer-events:none;animation:comate-deliverable-cue-nudge 1.1s ease-in-out infinite}.comate-demo-deliverable-cue:before{position:absolute;top:50%;left:18%;width:.72cqw;height:.72cqw;border-top:.2cqw solid rgba(180,190,255,.95);border-right:.2cqw solid rgba(180,190,255,.95);content:"";transform:translateY(-50%) rotate(45deg);filter:drop-shadow(0 0 .32cqw rgba(137,111,255,.7))}@keyframes comate-deliverable-cue-nudge{0%,to{transform:translateX(0)}50%{transform:translateX(.3cqw)}}@media (prefers-reduced-motion:reduce){.comate-demo-deliverable-cue{animation:none}}.comate-demo-deliverable-preview{position:relative;display:block;width:5.2778cqw;aspect-ratio:1.6;overflow:hidden;border:1px solid hsla(0,0%,83%,.11);border-radius:.2778cqw;background:#101114;box-shadow:inset 0 1px hsla(0,0%,100%,.04)}.comate-demo-deliverable-preview-bar{position:absolute;inset:0 0 auto;height:20%;border-bottom:1px solid hsla(0,0%,83%,.08);background:#17181c}.comate-demo-deliverable-preview-nav{position:absolute;inset:20% auto 0 0;width:22%;border-right:1px solid hsla(0,0%,83%,.07);background:#131417}.comate-demo-deliverable-preview-avatar{position:absolute;top:34%;left:34%;display:grid;width:22%;aspect-ratio:1;place-items:center;border-radius:.1389cqw;background:#6559cf;color:hsla(0,0%,100%,.88);font-family:Inter,Arial,sans-serif;font-size:.4861cqw;font-weight:600;line-height:1}.comate-demo-deliverable-preview-copy{position:absolute;top:39%;right:12%;width:25%;height:6%;border-radius:999px;background:hsla(0,0%,83%,.22);box-shadow:0 .4861cqw 0 hsla(0,0%,83%,.11),0 .9722cqw 0 hsla(0,0%,83%,.07)}.comate-demo-deliverable-preview--report{display:flex;align-items:flex-end;justify-content:center;gap:.2778cqw;padding:.625cqw .6944cqw .4861cqw;border-color:rgba(91,167,217,.2);background:#11161a}.comate-demo-deliverable-preview--report:before{position:absolute;inset:.4167cqw .4861cqw auto;height:1px;background:hsla(0,0%,83%,.1);box-shadow:0 .5556cqw 0 hsla(0,0%,83%,.055),0 1.1111cqw 0 hsla(0,0%,83%,.04);content:""}.comate-demo-deliverable-preview--report>span{position:relative;z-index:1;width:.4861cqw;min-width:2px;border-radius:.0694cqw .0694cqw 0 0;background:#4b9ac7}.comate-demo-deliverable-preview--report>span:first-child{height:34%}.comate-demo-deliverable-preview--report>span:nth-child(2){height:58%;background:#6e66d6}.comate-demo-deliverable-preview--report>span:nth-child(3){height:46%}.comate-demo-deliverable-preview--report>span:nth-child(4){height:74%;background:#6e66d6}.comate-demo-deliverable-preview--document{padding:.4861cqw .5556cqw;border-color:hsla(0,0%,83%,.14);background:#151619}.comate-demo-deliverable-preview--document b{display:block;margin-bottom:.4167cqw;color:rgba(154,166,255,.84);font-family:Inter,Arial,sans-serif;font-size:.5556cqw;font-weight:600;line-height:1}.comate-demo-deliverable-preview--document>span{display:block;width:82%;height:1px;margin-top:.2778cqw;background:hsla(0,0%,83%,.18)}.comate-demo-deliverable-preview--document>span:nth-of-type(2){width:64%}.comate-demo-deliverable-preview--document>span:nth-of-type(3){width:74%}.comate-demo-deliverable-content{display:flex;min-width:0;flex-direction:column;justify-content:center}.comate-demo-deliverable-kicker{margin-bottom:.1389cqw;color:rgba(146,159,255,.88);font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:.625cqw;line-height:1.45}.comate-demo-deliverable-content strong{color:#e6e6e6;font-size:.9028cqw;font-weight:500;line-height:1.4}.comate-demo-deliverable-content small,.comate-demo-deliverable-content strong{overflow:hidden;font-family:PingFang SC,Microsoft YaHei,sans-serif;text-overflow:ellipsis;white-space:nowrap}.comate-demo-deliverable-content small{margin-top:.0694cqw;color:hsla(0,0%,83%,.48);font-size:.625cqw;line-height:1.45}.comate-demo-deliverable-open{display:grid;width:1.5278cqw;aspect-ratio:1;place-items:center;border:1px solid hsla(0,0%,83%,.11);border-radius:50%;background:hsla(0,0%,83%,.04);transition:border-color .22s ease,background-color .22s ease,transform .22s ease}.comate-demo-deliverable-open img{display:block;width:.5556cqw;height:.5556cqw;opacity:.72}.comate-demo-deliverable:focus-visible .comate-demo-deliverable-open,.comate-demo-deliverable:hover .comate-demo-deliverable-open{border-color:rgba(153,166,255,.32);background:rgba(111,100,216,.24);transform:translate(.0694cqw,-.0694cqw)}.comate-demo-result-actions{display:flex;margin-top:1.1111cqw;align-items:center;gap:.8333cqw;opacity:0;pointer-events:none;transform:translateY(.5cqw);transition:opacity .26s ease,transform .38s cubic-bezier(.22,.72,.24,1)}.comate-demo-result-actions .comate-demo-result-button{display:inline-flex;width:9cqw;min-width:0;min-height:3cqw;height:3cqw;align-items:center;justify-content:center;gap:.4861cqw;padding:0 1.5cqw;border-radius:.625cqw;font-family:inherit;font-size:.8333cqw;font-weight:500;line-height:1}.comate-demo-result-actions .comate-demo-result-button.specular-button{--specular-radius:.625cqw}.comate-demo-result-actions .button-secondary,.comate-demo-result-actions .button-secondary:focus-visible,.comate-demo-result-actions .button-secondary:hover{background:transparent;box-shadow:none;backdrop-filter:none}.comate-demo-run-input{position:absolute;top:81%;bottom:auto;left:15.6143%;z-index:6;width:68.9419%;opacity:0;transform:translateY(-220%);transition:left .44s cubic-bezier(.2,.72,.2,1),width .44s cubic-bezier(.2,.72,.2,1),opacity .24s ease,transform .56s cubic-bezier(.22,.72,.24,1)}.comate-demo-run-input img{width:100%;height:auto}.comate-demo-preview-panel{position:absolute;top:4.6667%;right:1.3%;bottom:4.6667%;left:53.3%;z-index:12;display:flex;overflow:hidden;flex-direction:column;border:1px solid hsla(0,0%,83%,.11);border-radius:.5556cqw;background:#111216;box-shadow:0 1.1111cqw 3.3333cqw rgba(0,0,0,.26),inset 0 1px hsla(0,0%,100%,.035);opacity:0;pointer-events:none;visibility:hidden;transform:translate3d(1.25cqw,0,0);transition:opacity .26s ease,transform .44s cubic-bezier(.2,.72,.2,1),visibility 0s linear .44s}.hero-comate-demo.has-preview .comate-demo-conversation{width:35.6%}.hero-comate-demo.has-preview .comate-demo-run-input{left:16.8089%;width:35.6%}.hero-comate-demo.has-preview .comate-demo-preview-panel{opacity:1;pointer-events:auto;visibility:visible;transform:translateZ(0);transition-delay:0s}.comate-demo-preview-header{display:flex;min-height:3.3333cqw;flex:0 0 3.3333cqw;align-items:center;justify-content:space-between;gap:.8333cqw;padding:0 .8333cqw 0 1.0417cqw;border-bottom:1px solid hsla(0,0%,83%,.085);background:#17181c}.comate-demo-preview-heading{display:flex;min-width:0;flex-direction:column;justify-content:center}.comate-demo-preview-heading small{color:rgba(151,163,255,.82);font-size:.5556cqw;line-height:1.35}.comate-demo-preview-heading strong{overflow:hidden;color:#e4e4e6;font-size:.8333cqw;font-weight:500;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.comate-demo-preview-actions{display:flex;flex:0 0 auto;align-items:center;gap:.4167cqw}.comate-demo-preview-action{display:grid;width:1.9444cqw;min-width:0;height:1.9444cqw;min-height:0;margin:0;padding:0;place-items:center;border:1px solid hsla(0,0%,83%,.11);border-radius:.3472cqw;background:hsla(0,0%,83%,.035);color:hsla(240,5%,91%,.72);text-decoration:none;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,color .18s ease}.comate-demo-preview-action:focus-visible,.comate-demo-preview-action:hover{border-color:rgba(145,158,255,.38);background:rgba(116,105,218,.16);color:#fff;outline:none}.comate-demo-preview-action img{width:.625cqw;height:.625cqw;opacity:.74}.comate-demo-preview-close span{font-size:1.25cqw;font-weight:300;line-height:1;transform:translateY(-.0347cqw)}.comate-demo-preview-body{position:relative;min-height:0;flex:1 1 auto;overflow:hidden;background:#0e0f12}.comate-demo-preview-frame{display:block;width:100%;height:100%;border:0;background:#0f1013}.comate-demo-preview-action[hidden],.comate-demo-preview-document[hidden],.comate-demo-preview-frame[hidden],.comate-demo-preview-loading[hidden]{display:none!important}.comate-demo-preview-loading{position:absolute;inset:0;z-index:2;display:grid;place-content:center;justify-items:center;gap:.6944cqw;background:#0e0f12;color:hsla(0,0%,83%,.5)}.comate-demo-preview-loading>span{width:1.5278cqw;height:1.5278cqw;border:.1389cqw solid hsla(0,0%,83%,.12);border-top-color:rgba(143,156,255,.82);border-radius:50%;animation:comate-preview-loading .8s linear infinite}.comate-demo-preview-loading small{font-size:.6944cqw}@keyframes comate-preview-loading{to{transform:rotate(1turn)}}.comate-demo-preview-document{height:100%;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;padding:1.3889cqw 1.5278cqw 2.0833cqw;color:#d4d4d4;scrollbar-color:hsla(0,0%,83%,.24) transparent;scrollbar-width:thin}.comate-demo-preview-document h1{margin:0 0 .3472cqw;color:#f0f0f1;font-size:1.4583cqw;font-weight:600;line-height:1.3}.comate-demo-preview-document h2{margin:1.1111cqw 0 .4167cqw;padding-bottom:.2778cqw;border-bottom:1px solid hsla(0,0%,83%,.11);color:#eaeaec;font-size:1.1111cqw;font-weight:560;line-height:1.35}.comate-demo-preview-document h3{margin:.6944cqw 0 .2083cqw;color:#e2e2e4;font-size:.9722cqw;font-weight:550;line-height:1.4}.comate-demo-preview-document h4{margin:.4861cqw 0 .2083cqw;color:#dedee0;font-size:.8333cqw;font-weight:500;line-height:1.5}.comate-demo-preview-document ol,.comate-demo-preview-document p,.comate-demo-preview-document ul{margin:.2778cqw 0;color:hsla(0,0%,83%,.68);font-size:.6944cqw;line-height:1.7}.comate-demo-preview-document ol,.comate-demo-preview-document ul{padding-left:1.25cqw}.comate-demo-preview-document li{margin:.1389cqw 0}.comate-demo-preview-document a{color:rgba(145,158,255,.9);text-decoration:none}.comate-demo-preview-document strong{color:#ededf0}.comate-demo-preview-document hr{margin:.6944cqw 0;border:0;border-top:1px solid hsla(0,0%,83%,.11)}.comate-demo-preview-document blockquote{margin:.4167cqw 0;padding-left:.6944cqw;border-left:.1389cqw solid rgba(145,158,255,.4);color:hsla(0,0%,83%,.56)}.comate-demo-preview-document code{padding:.1389cqw .2778cqw;border-radius:.2083cqw;background:hsla(0,0%,83%,.1);font-family:Menlo,Monaco,Consolas,monospace;font-size:.625cqw}.comate-demo-preview-document pre{margin:.3472cqw 0;padding:.6944cqw .8333cqw;overflow-x:auto;border-radius:.4167cqw;background:rgba(0,0,0,.32)}.comate-demo-preview-document pre code{padding:0;background:transparent;color:#cfd3e6;line-height:1.6}.comate-demo-preview-document table{display:block;width:100%;margin:.3472cqw 0;overflow-x:auto;border-collapse:collapse;font-size:.625cqw}.comate-demo-preview-document td,.comate-demo-preview-document th{padding:.2778cqw .4167cqw;border:1px solid hsla(0,0%,83%,.14);text-align:left;line-height:1.5}.comate-demo-preview-document th{background:rgba(145,158,255,.12);color:#e6e7ee;font-weight:500}.comate-demo-preview-document td{color:hsla(0,0%,83%,.62)}@container (max-width: 979px){.hero-comate-demo.has-preview .comate-demo-conversation,.hero-comate-demo.has-preview .comate-demo-run-input{opacity:0;pointer-events:none}.comate-demo-preview-panel{inset:0;border:0;border-radius:0;transform:translate3d(24px,0,0)}.comate-demo-preview-header{min-height:48px;flex-basis:48px;gap:10px;padding:0 10px 0 14px}.comate-demo-preview-heading small{font-size:9px}.comate-demo-preview-heading strong{font-size:13px}.comate-demo-preview-actions{gap:6px}.comate-demo-preview-action{width:32px;height:32px;border-radius:6px}.comate-demo-preview-action img{width:10px;height:10px}.comate-demo-preview-close span{font-size:22px}.comate-demo-preview-loading{gap:10px}.comate-demo-preview-loading>span{width:22px;height:22px;border-width:2px}.comate-demo-preview-loading small{font-size:11px}.comate-demo-preview-document{padding:20px 18px 32px}.comate-demo-preview-document h1{margin-bottom:6px;font-size:20px}.comate-demo-preview-document h2{margin:16px 0 6px;padding-bottom:4px;font-size:16px}.comate-demo-preview-document h3{margin:10px 0 3px;font-size:14px}.comate-demo-preview-document h4{margin:7px 0 3px;font-size:13px}.comate-demo-preview-document ol,.comate-demo-preview-document p,.comate-demo-preview-document ul{font-size:12px;line-height:1.65}.comate-demo-preview-document code,.comate-demo-preview-document table,.comate-demo-preview-document td,.comate-demo-preview-document th{font-size:11px}}.comate-demo-project-name{position:absolute;top:25.2222%;left:1.1111%;z-index:4;display:none;width:15.5556%;height:1.5278cqw;align-items:center;overflow:hidden;padding:0;background:#141414;color:hsla(0,0%,83%,.7);font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:.9028cqw;font-weight:400;line-height:1.5278cqw;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}.comate-demo-new-task{top:5.2222%;left:.6944%;z-index:6;display:none;width:17.2222%;height:3.3333%}.comate-demo-input.has-value:after{opacity:0}.hero-comate-demo[data-demo-state=active] .comate-demo-input-art--default,.hero-comate-demo[data-demo-state=active] .comate-demo-input.has-value .comate-demo-input-art--active{opacity:1}.hero-comate-demo[data-demo-state=active] .comate-demo-input.has-value .comate-demo-prompt{opacity:1;transform:translateY(0);transition-delay:0s;visibility:visible}.hero-comate-demo[data-demo-state=active] .comate-demo-input.has-value .comate-demo-send{box-shadow:0 0 9px rgba(117,139,255,.34),0 0 20px rgba(220,217,255,.2);pointer-events:auto;cursor:pointer;animation:comate-send-ready-glow 1.4s linear infinite}.hero-comate-demo.is-guide-send-boost[data-demo-state=active] .comate-demo-input.has-value .comate-demo-send{animation:comate-send-guide-first-pulse 1.7s cubic-bezier(.2,.7,.2,1) 1 both}.comate-demo-quick button.is-guide-pressing{animation:comate-guide-button-press .76s cubic-bezier(.22,.72,.24,1) both!important}.hero-comate-demo[data-demo-state=active] .comate-demo-input.has-value .comate-demo-send:before{opacity:0;transform:scale(.98)}.hero-comate-demo[data-demo-state=active] .comate-demo-input.has-value .comate-demo-send:after{opacity:1;transform:scale(1)}@keyframes comate-send-ready-glow{0%,40%,to{box-shadow:0 0 9px rgba(117,139,255,.34),0 0 20px rgba(220,217,255,.2);filter:brightness(1)}13%{box-shadow:0 0 16px rgba(117,139,255,.7),0 0 36px rgba(220,217,255,.38);filter:brightness(1.14)}25%{box-shadow:0 0 12px rgba(117,139,255,.48),0 0 27px rgba(220,217,255,.26);filter:brightness(1.05)}}@keyframes comate-send-guide-first-pulse{0%,to{box-shadow:0 0 9px rgba(117,139,255,.34),0 0 20px rgba(220,217,255,.2);filter:brightness(1)}18%{box-shadow:0 0 21px rgba(92,137,255,.88),0 0 52px rgba(160,139,255,.56),0 0 74px rgba(95,114,255,.24);filter:brightness(1.3) saturate(1.18)}42%{box-shadow:0 0 15px rgba(117,139,255,.62),0 0 34px rgba(220,217,255,.34);filter:brightness(1.13)}70%{box-shadow:0 0 11px rgba(117,139,255,.44),0 0 25px rgba(220,217,255,.25);filter:brightness(1.05)}}@keyframes comate-guide-button-press{0%,to{transform:translateY(0) scale(1);filter:none}38%{transform:translateY(1px) scale(.965);filter:saturate(1.32) brightness(1.16)}62%{transform:translateY(0) scale(1.015);filter:saturate(1.2) brightness(1.1)}}.hero-comate-demo[data-demo-state=complete] .comate-demo-home,.hero-comate-demo[data-demo-state=running] .comate-demo-home{opacity:0;pointer-events:none;transform:translateY(-1.2%)}.hero-comate-demo[data-demo-state=complete] .comate-demo-run,.hero-comate-demo[data-demo-state=running] .comate-demo-run{opacity:1;pointer-events:auto;transform:translateY(0)}.hero-comate-demo[data-demo-state=complete] .comate-demo-sidebar--default,.hero-comate-demo[data-demo-state=running] .comate-demo-sidebar--default{opacity:0}.hero-comate-demo[data-demo-state=complete] .comate-demo-sidebar--complete,.hero-comate-demo[data-demo-state=running] .comate-demo-sidebar--complete{opacity:1}.hero-comate-demo[data-demo-state=complete] .comate-demo-new-task,.hero-comate-demo[data-demo-state=running] .comate-demo-new-task{display:block}.hero-comate-demo[data-demo-state=complete] .comate-demo-project-name,.hero-comate-demo[data-demo-state=running] .comate-demo-project-name{display:flex}.hero-comate-demo[data-demo-state=complete] .comate-demo-run-input,.hero-comate-demo[data-demo-state=running] .comate-demo-run-input{opacity:1;transform:translateY(0)}.hero-comate-demo[data-demo-state=complete] .comate-demo-result-actions{opacity:1;pointer-events:auto;transform:translateY(0)}.hero-comate-demo[data-demo-state=resetting] .comate-demo-home{opacity:1;pointer-events:none;transform:translateY(0)}.hero-comate-demo[data-demo-state=resetting] .comate-demo-run{opacity:0;pointer-events:none;filter:blur(2px);transform:translateY(-1.1%) scale(.992)}.hero-comate-demo[data-demo-state=resetting] .comate-demo-run-input{opacity:0;transform:translateY(18%) scale(.992);transition-duration:.28s,.42s}.hero-comate-demo[data-demo-state=resetting] .comate-demo-home-title,.hero-comate-demo[data-demo-state=resetting] .comate-demo-input,.hero-comate-demo[data-demo-state=resetting] .comate-demo-quick button{animation:comate-demo-return .56s cubic-bezier(.16,1,.3,1) both}.hero-comate-demo[data-demo-state=resetting] .comate-demo-input{animation-delay:80ms}.hero-comate-demo[data-demo-state=resetting] .comate-demo-quick button:first-child{animation-delay:.15s}.hero-comate-demo[data-demo-state=resetting] .comate-demo-quick button:nth-child(2){animation-delay:205ms}.hero-comate-demo[data-demo-state=resetting] .comate-demo-quick button:nth-child(3){animation-delay:.26s}@keyframes comate-demo-return{0%{opacity:0;filter:blur(3px);transform:translateY(.55cqw) scale(.992)}to{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}}.product-aura{position:absolute;inset:10% 8% 18%;z-index:-1;background:linear-gradient(120deg,rgba(40,98,255,.24),rgba(105,203,255,.08) 50%,rgba(169,71,255,.2));filter:blur(72px);opacity:.42}.hero-window{--outline-x:50%;--outline-y:50%;position:relative;overflow:hidden;min-height:0;aspect-ratio:2874/1628;border:1px solid hsla(0,0%,100%,.07);border-radius:var(--radius-md);background:#07101f;box-shadow:0 30px 90px rgba(0,0,0,.58),0 0 52px rgba(84,108,194,.045);transform:perspective(1800px) rotateX(12deg) rotateY(-4deg) rotate(-8deg) scale(.9);transform-origin:50% 18%;transition:none;-webkit-mask-image:radial-gradient(ellipse 70% 74% at 40% 36%,#000 0 44%,rgba(0,0,0,.92) 58%,rgba(0,0,0,.44) 72%,rgba(0,0,0,.12) 84%,transparent 94%);-webkit-mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-image:radial-gradient(ellipse 70% 74% at 40% 36%,#000 0 44%,rgba(0,0,0,.92) 58%,rgba(0,0,0,.44) 72%,rgba(0,0,0,.12) 84%,transparent 94%);mask-repeat:no-repeat;mask-size:100% 100%}.signal-card{display:none}.hero-window:before{position:absolute;inset:0;z-index:20;padding:1px;border-radius:inherit;background:radial-gradient(190px circle at var(--outline-x) var(--outline-y),rgba(105,203,255,.98) 0,rgba(74,103,255,.92) 34%,rgba(169,71,255,.68) 55%,transparent 76%);content:"";opacity:0;pointer-events:none;transition:opacity .22s ease;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.hero-window.is-pointer-over:before{opacity:1}.hero-interface{position:relative;z-index:1;display:block;width:100%;height:100%;border-radius:inherit;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}@media (max-width:1180px){.hero{grid-template-columns:1fr}.hero-window{min-height:0;transform:perspective(1600px) rotateX(10deg) rotateY(-3deg) rotate(-7deg) scale(.9)}.window-body{min-height:426px}.signal-two{right:0}}@media (max-width:960px){.hero{height:auto;min-height:860px;grid-template-columns:1fr;grid-template-rows:auto auto;align-content:start;gap:36px;padding-top:calc(var(--header-h) + 48px);padding-right:var(--page-pad);padding-bottom:24px;padding-left:var(--page-pad)}.hero-atmosphere__canvas{top:0;left:50%;width:1440px;height:803px;transform:translateX(-50%) scale(.835);transform-origin:50% 0}.hero-aurora__field--top{top:0;width:100%;height:360px;opacity:.24}.hero h1,.hero-copy{max-width:760px}.hero h1{font-size:clamp(36px,6.7vw,52px);line-height:1.1;white-space:nowrap}.hero-product{width:100%;max-width:760px;margin:0;justify-self:center}.hero-comate-demo{--comate-demo-inset:5px;padding:5px}.comate-demo-sidebar{display:none}.comate-demo-bg{left:0;width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:right center;object-position:right center}.comate-demo-home,.comate-demo-run{left:0}.comate-demo-home-title{left:31%;width:38%}.comate-demo-input{top:42%;left:12%;width:76%}.comate-demo-input:after,.comate-demo-prompt{width:76%;font-size:clamp(10px,1.15cqw,13px)}.comate-demo-send{width:40px;min-width:40px;min-height:40px;aspect-ratio:1}.comate-demo-quick{top:66%;left:12%;width:76%}.comate-demo-quick button{height:clamp(44px,5.2cqw,48px);min-height:44px;border-radius:9px;touch-action:manipulation}.comate-demo-quick-surface{border-radius:9px;clip-path:inset(0 round 9px)}.comate-demo-quick-label{font-size:clamp(10px,1.35cqw,13px)}.comate-demo-quick button .comate-demo-quick-arrow{width:clamp(8px,4.05%,11px)}.comate-demo-conversation{left:8%;width:84%}.comate-demo-run-input{top:78%;left:12%;width:76%}.comate-demo-user-query{width:-moz-fit-content;width:fit-content;max-width:min(76%,460px);min-height:32px;padding:6px 10px;border-radius:6px 0 6px 6px;font-size:clamp(10px,1.2cqw,13px)}.comate-demo-result-actions{gap:8px}.comate-demo-result-actions .comate-demo-result-button{width:96px;min-height:44px;height:44px;padding:0 14px;border-radius:8px;font-size:12px}.comate-demo-new-task,.comate-demo-project-name{display:none!important}.hero-window{min-height:0;transform:rotate(-2deg) scale(.98);transform-origin:50% 50%;-webkit-mask-image:none;mask-image:none}.window-body{min-height:396px}.signal-one{left:-3%}.client-strip{height:80px}}@media (max-width:680px){.hero{min-height:auto;padding-top:80px;padding-bottom:56px;gap:32px;--hero-title-enter-y:8px;--hero-message-enter-y:6px;--hero-actions-enter-y:6px;--hero-card-enter-y:16px;--hero-title-enter-scale:.994;--hero-card-enter-scale:.985;--hero-title-enter-blur:3px;--hero-card-enter-blur:3px;--hero-title-intro-duration:580ms;--hero-message-intro-duration:520ms;--hero-actions-intro-duration:500ms;--hero-card-intro-duration:850ms;--hero-message-intro-delay:140ms;--hero-actions-intro-delay:250ms;--hero-card-intro-delay:330ms}.hero-atmosphere__canvas{top:8px;left:50%;width:980px;height:547px;transform:translateX(-50%) scale(.568);transform-origin:50% 0}.hero-aurora__field--top{top:0;width:100%;height:280px;opacity:.18}.hero-aurora__field canvas{filter:blur(30px) saturate(.9) brightness(1.08)}.hero-atmosphere__base--default{opacity:1}.hero-atmosphere__diffusion{top:166px;left:-370px;rotate:-10deg}.hero-atmosphere__source{top:593px;left:195px}.hero.is-lighting-active .hero-atmosphere__diffusion{opacity:.88}.hero.is-intro-complete .hero-atmosphere__diffusion,.hero.is-intro-complete .hero-title:after{animation-duration:10s}.hero.is-lighting-active .hero-atmosphere__source{opacity:.78}.hero h1{width:100%;max-width:none;font-size:28px;line-height:var(--leading-display);white-space:nowrap}.hero-description img{width:min(232px,68vw)}.hero-actions{display:grid;width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:12px}.hero-actions>.button-primary,.hero-actions>.plugin-menu{width:100%;min-width:0}.hero-actions .button{min-width:0;min-height:48px;padding-right:14px;padding-left:14px}.plugin-menu .button{width:100%}.plugin-menu .plugin-options{right:0;left:auto;width:min(220px,calc(100vw - 40px));transform-origin:top right}.hero-actions>.button-link{width:100%;grid-column:1/-1;border-color:transparent;background:transparent;box-shadow:none;color:rgba(237,240,248,.82)}.hero-actions>.button-link:hover{border-color:transparent;background:transparent;color:#fff}.hero-product{width:100%}.hero-comate-demo{--comate-demo-inset:4px;--comate-mask-bottom-overhang:min(24px,6vw);padding:4px;border-radius:calc(var(--radius-md) + 2px);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.16),0 22px 58px rgba(0,0,0,.42),0 0 32px rgba(108,132,220,.12),0 0 72px rgba(80,94,182,.07)}.hero-comate-stars{inset:-72px}.comate-demo-frame{height:clamp(450px,122vw,540px);min-height:450px;aspect-ratio:auto;border-radius:calc(var(--radius-md) - 2px);background:#15161b}.comate-demo-frame:before{background:none}.comate-demo-foreground-mask{background:linear-gradient(180deg,transparent 68%,rgba(0,0,0,.2) 83%,rgba(0,0,0,.55) 94%,#000)}.comate-demo-stage{background:radial-gradient(90% 58% at 50% 14%,rgba(84,95,145,.16),transparent 68%),linear-gradient(180deg,#1b1c22,#17181d 48%,#121318)}.comate-demo-run-input,.comate-demo-stage>.comate-demo-bg,.comate-demo-stage>.comate-demo-sidebar,.comate-demo-stage>.comate-demo-window-controls,.comate-demo-stage>.comate-demo-window-nav{display:none}.comate-demo-home,.comate-demo-run{inset:0}.comate-demo-home-title{top:68px;left:50%;width:min(62%,238px);transform:translateX(-50%)}.hero-comate-demo[data-demo-state=resetting] .comate-demo-home-title{animation-name:comate-demo-return-mobile-title}@keyframes comate-demo-return-mobile-title{0%{opacity:0;filter:blur(3px);transform:translateX(-50%) translateY(.55cqw) scale(.992)}to{opacity:1;filter:blur(0);transform:translateX(-50%) translateY(0) scale(1)}}.comate-demo-input{top:139px;right:16px;left:16px;width:auto;height:128px;max-width:520px;margin:0 auto;aspect-ratio:auto;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;background:linear-gradient(145deg,rgba(42,44,52,.9),rgba(29,30,36,.96));box-shadow:inset 0 1px hsla(0,0%,100%,.045),0 18px 32px rgba(0,0,0,.2)}.comate-demo-input:before,.comate-demo-stage .comate-demo-input-art{display:none}.comate-demo-input:after{top:16px;left:16px;width:calc(100% - 32px);color:hsla(0,0%,83%,.38);content:"输入你的任务，Comate 将帮你完成";font-size:12px;line-height:1.6}.comate-demo-model{top:auto;bottom:20px;left:16px;width:auto;height:20px;gap:6px;padding:0;background:transparent;font-size:12px}.comate-demo-model:after{width:5px;height:5px;border-right-width:1px;border-bottom-width:1px;transform:translateY(-1px) rotate(45deg)}.comate-demo-prompt{top:14px;left:16px;width:calc(100% - 32px);max-height:66px;color:rgba(236,238,244,.88);font-size:13px;line-height:1.65;white-space:normal;text-overflow:clip;transform:none}.comate-demo-send{top:auto;right:12px;bottom:12px;left:auto;width:44px;min-width:44px;min-height:44px;border:0;background:transparent;box-shadow:none;transform:none;transition:filter .18s ease,box-shadow .22s ease}.comate-demo-send:after,.comate-demo-send:before{inset:0}.hero-comate-demo[data-demo-state=active] .comate-demo-input.has-value{border-color:hsla(0,0%,100%,.1);box-shadow:inset 0 1px hsla(0,0%,100%,.045),0 18px 32px rgba(0,0,0,.2)}.hero-comate-demo[data-demo-state=active] .comate-demo-input.has-value .comate-demo-send{border-color:transparent}.comate-demo-quick{top:291px;right:16px;left:16px;display:grid;width:auto;max-width:520px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:6px;margin:0 auto}.comate-demo-quick button,.comate-demo-quick button:nth-child(2),.comate-demo-quick button:nth-child(3){width:100%;height:36px;min-height:36px;aspect-ratio:auto;border-radius:6px}.comate-demo-quick button:first-child{--quick-diffusion-top:-64%}.comate-demo-quick button:nth-child(2),.comate-demo-quick button:nth-child(3){--quick-diffusion-top:-66%}.comate-demo-quick-surface{border:1px solid transparent;border-radius:6px;background:radial-gradient(140% 180% at 8% 4%,rgba(var(--quick-glow-rgb),.13) 0,rgba(var(--quick-glow-rgb),.055) 32%,rgba(var(--quick-glow-rgb),0) 60%) padding-box,linear-gradient(104deg,rgba(25,25,30,.88) 0,rgba(17,18,23,.9) 52%,rgba(11,12,16,.94) 100%) padding-box,linear-gradient(122deg,rgba(var(--quick-glow-rgb),.46) 0,hsla(0,0%,100%,.18) 16%,rgba(var(--quick-glow-rgb),.08) 43%,rgba(var(--quick-glow-rgb),0) 76%) border-box;clip-path:inset(0 round 6px);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.comate-demo-quick-surface>img:first-child{display:none}.comate-demo-quick button .comate-demo-quick-diffusion{top:var(--quick-diffusion-top);left:-18%;width:160%;height:auto;-o-object-fit:contain;object-fit:contain}.comate-demo-quick-content{gap:5px}.comate-demo-quick button .comate-demo-quick-icon{width:12px;height:12px}.comate-demo-quick-label{font-size:10px}.comate-demo-quick button:focus-visible,.comate-demo-quick button:hover{transform:none}.comate-demo-quick button.is-selected{transform:translateY(-2px)}.comate-demo-conversation{top:22px;right:16px;bottom:18px;left:16px;width:auto;padding:0 2px 2px}.comate-demo-user-query{width:-moz-fit-content;width:fit-content;max-width:min(92%,420px);min-height:0;padding:11px 13px;border-radius:9px 0 9px 9px;background:hsla(0,0%,80%,.13);font-size:12px;line-height:1.58}.comate-demo-user-query:before{display:none}.comate-demo-response{margin-top:20px;padding-bottom:0}.comate-demo-stream[data-demo-stream-id=project] .comate-demo-step:is([data-demo-step="3"],[data-demo-step="4"],[data-demo-step="6"],[data-demo-step="9"],[data-demo-step="10"]){display:none!important}.comate-demo-file-row,.comate-demo-process-title,.comate-demo-task-row,.comate-demo-todo-row,.comate-demo-tool-row{min-height:18px;font-size:11px;line-height:18px}.comate-demo-process-title{min-height:18px}.comate-demo-thinking-icon{width:12px;height:12px;flex-basis:12px}.comate-demo-thinking-icon img{width:60px;height:18px;transform:translateY(-3px)}.comate-demo-copy{margin:0;padding:4px 0;font-size:13px;line-height:22px}.comate-demo-tool-row{gap:4px;padding:4px 0;border:0;border-radius:0;background:transparent}.comate-demo-file-row b,.comate-demo-file-row code,.comate-demo-todo-row code,.comate-demo-tool-row code{font-size:11px}.comate-demo-chevron{width:12px;height:12px;flex-basis:12px}.comate-demo-todo-row{gap:4px;padding:4px 0}.comate-demo-todo-icon{width:12px;height:12px;flex-basis:12px}.comate-demo-file-row{min-height:28px;gap:0;margin-block:2px;padding:0 8px;border:0;border-radius:4px;font-size:12px;line-height:20px}.comate-demo-file-icon{width:16px;height:16px;flex-basis:16px}.comate-demo-file-row code{font-size:12px}.comate-demo-file-row b{font-size:10px;line-height:16px}.comate-demo-task-row{min-height:22px;gap:4px;padding:4px 0;font-size:13px;line-height:22px}.comate-demo-task-row strong{font-size:inherit}.comate-demo-deliverable{min-height:76px;margin-top:8px;padding:8px;grid-template-columns:44px minmax(0,1fr) 32px;gap:10px;border-radius:7px}.comate-demo-deliverable-preview{width:92px;border-radius:5px}.comate-demo-deliverable--static{grid-template-columns:92px minmax(0,1fr)}.comate-demo-deliverable-preview--report{gap:5px;padding:10px 12px 7px}.comate-demo-deliverable-preview--report:before{inset:7px 8px auto;box-shadow:0 9px 0 hsla(0,0%,83%,.055),0 18px 0 hsla(0,0%,83%,.04)}.comate-demo-deliverable-preview--report>span{width:8px;border-radius:1px 1px 0 0}.comate-demo-deliverable-preview--document{padding:8px 10px}.comate-demo-deliverable-preview--document b{margin-bottom:7px;font-size:9px}.comate-demo-deliverable-preview--document>span{margin-top:5px}.comate-demo-deliverable-preview-avatar{border-radius:2px;font-size:8px}.comate-demo-deliverable-kicker{margin-bottom:2px;font-size:9px}.comate-demo-deliverable-content strong{font-size:13px}.comate-demo-deliverable-content small{margin-top:1px;font-size:10px}.comate-demo-deliverable-open{width:30px}.comate-demo-deliverable-open img{width:10px;height:10px}.comate-demo-result-actions{width:100%;margin-top:18px;gap:10px}.comate-demo-result-actions .comate-demo-result-button{width:auto;min-width:0;height:44px;min-height:44px;flex:1 1 0;padding:0 12px;border-radius:8px;font-size:12px}.comate-demo-new-task{min-height:20px}.hero-window{min-height:0;transform:rotate(-1deg) scale(.98)}.window-body{min-height:337px;grid-template-columns:38px 1fr}.client-strip{display:block;min-height:48px;height:48px}.comate-demo-deliverable-thumb{width:7.05cqw;height:7.05cqw}.hero-title:after{clip-path:none;-webkit-mask-image:linear-gradient(90deg,transparent 19.9%,#000 21.9%,#000 52.2%,transparent 54.2%),url(https://now.bdstatic.com/stash/v1/dc8c989/frontend/92932cd/comate-frontend/home/title-default-2.svg);mask-image:linear-gradient(90deg,transparent 19.9%,#000 21.9%,#000 52.2%,transparent 54.2%),url(https://now.bdstatic.com/stash/v1/dc8c989/frontend/92932cd/comate-frontend/home/title-default-2.svg);-webkit-mask-size:100% 100%,contain;mask-size:100% 100%,contain;-webkit-mask-position:center,center;mask-position:center,center;-webkit-mask-repeat:no-repeat,no-repeat;mask-repeat:no-repeat,no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}}@media (max-width:1180px){:root{--home-title-xl-size:44px;--home-title-lg-size:30px}}@media (max-width:680px){:root{--home-title-xl-size:38px;--home-title-lg-size:26px}}