/* Youthful periwinkle, mint and soft apricot; original brand artwork is preserved. */
:root{--site-blue:#5b6bea;--site-teal:#55ccb7;--site-navy:#26335a;--site-teal-ink:#28877f;--feishu-color-primary:var(--site-blue);--feishu-color-primary-hover:#495bda;--feishu-color-primary-active:var(--site-navy)}
.intro>.container{max-width:1440px;padding-inline:clamp(28px,5vw,76px)}
.nav{background:rgb(255 255 255 / 94%);backdrop-filter:blur(14px);transition:box-shadow .3s}
.nav.is-scrolled{box-shadow:0 5px 24px #344e7110}
.intro{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 45% 18%,#f0f2ff 0,transparent 56%),radial-gradient(ellipse at 80% 32%,#effbf5 0,transparent 48%),#fff}
.intro:before{content:"";position:absolute;z-index:-1;inset:-10% -10% 38%;background:radial-gradient(ellipse at 55% 40%,#a396ed1b,transparent 56%);animation:ambient-light 16s ease-in-out infinite alternate;pointer-events:none}
.hero{position:relative;padding:55px 0 60px;display:grid;grid-template-columns:1.08fr 1fr;gap:30px;align-items:center;text-align:left;min-height:600px}
.hero-copy>.eyebrow,.hero-copy>h1,.hero-copy>p,.hero-copy>.actions{animation:hero-arrive .85s cubic-bezier(.2,.8,.2,1) both}
.hero-copy>.eyebrow{font-size:13px;color:#7e85a4;letter-spacing:2px}
.hero-copy>h1{animation-delay:.1s;font-weight:600;font-size:clamp(44px,5.3vw,74px);line-height:1.4;letter-spacing:-1.5px}.hero h1 span{display:block}.hero-copy>p{margin:28px 0 34px;font-size:17px}.hero .actions{justify-content:flex-start}.hero .btn{min-width:165px;font-size:16px;padding:16px 26px}
.hero h1 span{background:linear-gradient(110deg,var(--site-blue) 15%,#8971c9 42%,var(--site-teal-ink) 76%,var(--site-blue) 95%);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:headline-light 14s ease-in-out infinite alternate}
.hero-copy>p{animation-delay:.2s;color:#778296}.hero-copy>.actions{animation-delay:.3s}
.btn{transition:transform .25s,box-shadow .25s,background .25s}
.btn:not(.secondary){background:linear-gradient(110deg,#586eea,#8272dd);border-color:transparent;box-shadow:0 5px 15px #5b6bea1c}
.btn.secondary{color:var(--site-blue);border-color:#b7bcef;background:#ffffffbd}
.feature-tabs button{transition:color .25s,background .25s}.feature-tabs .icon{transition:transform .25s,color .25s}
.feature-tabs button[aria-selected=true]{border-color:var(--site-blue);color:var(--site-blue)}
.demo{background:linear-gradient(125deg,#e9ecff,#e8f8f1);box-shadow:0 20px 45px -36px #26335a33}
.demo-top p{color:#78859a}.window{box-shadow:0 8px 26px #3448750c}
.visual{background:linear-gradient(135deg,#f0f2ff,#f4f0fb)}
.workflow div{transition:transform .3s}.workflow b{background:#efedfc;color:var(--site-blue)}
.flowline{position:relative;overflow:hidden;background:#d5e4ec;width:1px}.flowline:after{content:"";position:absolute;inset:-100% 0 100%;background:linear-gradient(transparent,var(--site-teal),transparent)}
.is-in-view .flowline:after{animation:flow-travel 3.6s ease-in-out infinite}
#templates{background:linear-gradient(140deg,#f8f8fe,#fff8f1)}
.template-col{transition:transform .3s}.structure{background:#f3f2fc}
.template-col .papers{background:#f5f7fb}.paper{background:linear-gradient(150deg,#e8eafd,#d6dcf5);transition:transform .45s;box-shadow:0 7px 18px -12px #26335a25}.paper.alt{background:linear-gradient(145deg,#fff0df,#f9dfc7)}
.scene-tabs button{transition:color .25s}.scene-tabs button[aria-selected=true]{color:var(--site-blue);border-color:var(--site-blue)}
.scene-content{background:linear-gradient(135deg,#f1f4fd,#eef9f4)}
.path div:last-child{background:#e0f5ec;color:#537767}
#collaboration{background:linear-gradient(130deg,#f8f9fe,#f3faf6)}
.reveal-pending{opacity:0;transform:translateY(16px);transition:opacity .75s cubic-bezier(.2,.8,.2,1),transform .75s cubic-bezier(.2,.8,.2,1);transition-delay:var(--reveal-delay,0ms)}
.reveal-pending.is-in-view{opacity:1;transform:none}
@media(hover:hover) and (pointer:fine){.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #5b6bea30}.feature-tabs button:hover{color:var(--site-blue)}.feature-tabs button:hover .icon{transform:translateY(-3px)}.template-col:hover{transform:translateY(-3px)}.template-col:hover .paper:first-child{transform:rotate(-2deg)}.template-col:hover .paper:last-child{transform:rotate(2deg)}.workflow div:hover{transform:translateX(3px)}}
@keyframes hero-arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes ambient-light{to{transform:translate3d(4%,3%,0) scale(1.06);opacity:.6}}
@keyframes headline-light{to{background-position:100% 50%}}
@keyframes flow-travel{to{transform:translateY(200%)}}
@media(max-width:760px){.intro>.container{padding-inline:20px}.hero{padding:50px 0 24px;grid-template-columns:1fr;gap:6px;text-align:center;min-height:0}.hero-copy>h1{font-size:40px}.hero-copy>p{margin:21px auto 27px;font-size:14px}.hero .actions{justify-content:center}.hero .btn{min-width:140px;font-size:14px;padding:12px 20px}.hero-copy>.eyebrow{font-size:11px;letter-spacing:1px}.hero h1{font-weight:600}.reveal-pending{transform:translateY(12px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.intro:before,.hero-copy>.eyebrow,.hero-copy>h1,.hero-copy>p,.hero-copy>.actions,.hero h1 span,.is-in-view .flowline:after{animation:none}.reveal-pending{opacity:1;transform:none;transition:none}.nav,.btn,.feature-tabs button,.feature-tabs .icon,.workflow div,.template-col,.paper,.scene-tabs button{transition:none}}

/* One coherent glass object provides a visual focus without extra interface elements. */
.intelligence-visual{width:100%;max-width:600px;justify-self:center;pointer-events:none;animation:hero-arrive 1.2s cubic-bezier(.2,.8,.2,1) both}
.intelligence-visual svg{display:block;width:100%;height:auto;overflow:visible}
.core-stack{animation:core-suspend 7s ease-in-out infinite;transform-origin:240px 215px}.core-floor{animation:core-shadow-breathe 7s ease-in-out infinite;transform-origin:242px 365px}.core-signal{stroke-dasharray:10 90;animation:core-orbit 7s linear infinite}.core-edge-light{animation:core-glint 5s ease-in-out infinite}
@keyframes core-suspend{0%,100%{transform:translateY(3px)}50%{transform:translateY(-8px)}}
@keyframes core-shadow-breathe{50%{transform:scaleX(.9);opacity:.18}}
@keyframes core-orbit{to{stroke-dashoffset:-100}}
@keyframes core-glint{0%,100%{opacity:.35}50%{opacity:.9}}
@media(max-width:760px){.intelligence-visual{width:300px;max-width:92%;margin:-2px auto -8px}.feature-tabs{margin-top:0}}
@media(prefers-reduced-motion:reduce){.intelligence-visual,.core-stack,.core-floor,.core-signal,.core-edge-light{animation:none}}

.label,.textlink{color:var(--site-blue)}.side.selected{color:var(--site-blue);background:#eeeffc}.structure small{color:#817cbb}.paper{color:var(--site-navy)}.paper.alt{color:#926c4c}.btn:not(.secondary):hover{background:linear-gradient(110deg,#586eea,#8272dd);border-color:transparent;color:#ecfff8}.全局客服按钮{background:linear-gradient(110deg,#586eea,#8272dd)!important}.brand-name{color:var(--site-navy)}

/* Homepage hover feedback uses text, icon and outline colors; no gray fill. */
.nav nav a,.brand-name,.footer-links a,.legal a,.textlink{transition:color .2s}
.nav nav a:is(:hover,:focus-visible),.brand-name:is(:hover,:focus-visible),.footer-links a:is(:hover,:focus-visible),.legal a:is(:hover,:focus-visible){color:var(--site-blue);background:transparent}
.textlink:is(:hover,:focus-visible){color:#8971c9;background:transparent}
.feature-tabs button:is(:hover,:active,:focus-visible):not(:disabled),.scene-tabs button:is(:hover,:active,:focus-visible):not(:disabled){background:transparent;color:#7664ce}
.feature-tabs button:is(:hover,:focus-visible) .icon{color:inherit}
.btn.secondary:is(:hover,:focus-visible){color:#7664ce;border-color:#9789d8;background:#ffffffbd}
@media(prefers-reduced-motion:reduce){.nav nav a,.brand-name,.footer-links a,.legal a,.textlink{transition:none}}