@charset "UTF-8";
/* One continuous star field behind the entire home page. */
body{position:relative;background:#020609;isolation:isolate}
.site-sky{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#020609}
.site-nebula{position:absolute;inset:-8%;width:116%;height:116%;max-width:none;object-fit:cover;opacity:.23;mix-blend-mode:screen;animation:nebulaDrift 38s ease-in-out infinite alternate;will-change:transform}
#starfield-canvas{position:absolute;inset:0;width:100%;height:100%}
.site-star-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0005 0%,transparent 19%,transparent 76%,#0003 100%)}
#main,.site-footer{position:relative;z-index:1}
.site-header{z-index:30;background:#000;border-bottom:0;backdrop-filter:none}
.nav-shell{max-width:1440px;height:64px;padding-inline:32px;gap:32px}
.site-header .brand-cn{display:none}
.site-header .brand .brand-wordmark{width:126px;height:19px}
.desktop-nav{margin:0 auto 0 0;gap:28px;font-size:14px;color:#ececef}
.desktop-nav a:hover{color:#fff}
.nav-actions{gap:8px;margin-left:auto}
.nav-actions .button-text{border-radius:999px;background:#1f1f21;color:#f5f5f7;font-size:14px;padding:8px 21px;line-height:1.5}
.nav-actions .button-text:hover{background:#303034}
.nav-try{font-size:14px;padding:8px 22px;line-height:1.5}
.cosmic-hero{position:relative;isolation:isolate;max-width:none;overflow:hidden;margin:0;padding:0 48px;height:calc(100svh - 64px);min-height:580px;display:flex;align-items:center;justify-content:center;background:transparent}
.cosmic-hero .hero-main{position:relative;z-index:2;width:100%;max-width:1380px;height:100%;margin:0}
.cosmic-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(65vw,1100px);height:calc(100svh - 96px);max-height:1020px;margin:0;pointer-events:none}
#x-stars-canvas{width:100%;height:100%;position:absolute;inset:0;opacity:1}
.cosmic-fallback{display:none!important}
.cosmic-mark.is-ready #x-stars-canvas{opacity:1}

.hero-sideword{position:absolute;z-index:3;top:45%;transform:translateY(-50%);line-height:1.1;font-size:clamp(32px,3vw,56px);font-weight:400;letter-spacing:-1.7px;white-space:nowrap;color:#f5f5f7;pointer-events:none}
.hero-word-left{left:0}
.hero-word-right{right:0;font-size:clamp(26px,2.15vw,42px);letter-spacing:-1px}
.hero-intro{text-align:center;padding-top:122px;padding-bottom:95px}
.hero-intro .eyebrow{justify-content:center;font-size:14px;letter-spacing:1px;color:#b6bdc5;margin-bottom:26px}
.hero-intro h1{font-size:clamp(44px,5.8vw,76px);line-height:1.25;font-weight:500;letter-spacing:-3px}
.hero-intro .hero-description{max-width:610px;margin:25px auto 0;font-size:19px;line-height:1.85;color:#b6bdc5}
.hero-intro .hero-actions{justify-content:center;margin-top:29px}
.hero-intro .hero-note{font-size:13px;color:#9ba4ae;margin-top:24px}
.hero-intro .button-outline{background:#0004;border-color:#83868d;backdrop-filter:blur(8px)}
.hero-intro .button-outline:hover{background:#ffffff18}
.motion-toggle{position:fixed;right:22px;bottom:20px;z-index:40;width:42px;height:42px;display:grid;place-content:center;border:1px solid #ffffff20;border-radius:50%;background:#24282ccb;color:#d2d8df;backdrop-filter:blur(8px);transition:background .2s}
.motion-toggle:hover{background:#ffffff25;color:#fff}
.motion-toggle svg{width:18px;height:18px;stroke-width:1.7}
.motion-toggle[hidden]{display:none}
.motion-play{display:none}
.motion-toggle[aria-pressed=true] .motion-play{display:block}
.motion-toggle[aria-pressed=true] .motion-pause{display:none}
.is-motion-paused .site-nebula{animation-play-state:paused}
@keyframes nebulaDrift{from{transform:translate(-2%,1%) scale(1)}to{transform:translate(2%,-1%) scale(1.065)}}
.product-section{position:relative;padding-top:0}
.product-heading h2{font-size:15px;color:#c1c7ce}
.product-stage{box-shadow:0 12px 90px -40px #7da4bf30}
.section-space{padding-top:145px;padding-bottom:145px}
.section-heading h2{font-weight:500;letter-spacing:-1.7px}
.section-description{color:#b1b9c2;max-width:365px}
.feature-card,.feature-large{background:transparent}
.feature-card p,.role-cards p,.enterprise-description,.enterprise-points p,.faq-list details p{color:#b1b9c2}
.workflow-section{background:transparent;border-top:1px solid #ffffff15;border-bottom:1px solid #ffffff15}
.workflow-section .section-description,.workflow-grid p{color:#b1b9c2}
.roles-section{padding-bottom:0}
.scenario-panel{background:#10171ccb;backdrop-filter:blur(8px);border:1px solid #ffffff0c}
.scenario-process{background:#0e141bdd}
.scenario-panel>p{color:#b1b9c2}
.cta-inner{background:#080e13b8;border:1px solid #ffffff0d;backdrop-filter:blur(8px)}
.cta-inner:before{display:none}
.cta-inner p{color:#b1b9c2}
.footer-bottom{border-top-color:#ffffff18}
@media(min-width:1800px){.cosmic-mark{width:1160px}.cosmic-hero .hero-main{max-width:1380px}}
@media(max-width:1150px){.nav-shell{gap:26px;padding-inline:30px}.desktop-nav{gap:19px}.nav-actions .button-text{display:none}.cosmic-hero{padding-inline:40px}}
@media(max-width:900px){.desktop-nav{gap:15px;font-size:14px}.nav-shell{gap:22px}.cosmic-hero{padding-inline:32px}.cosmic-mark{width:74vw;height:calc(100svh - 112px)}.hero-sideword{font-size:30px;top:48%}.hero-word-right{font-size:27px}.hero-intro{padding-top:95px;padding-bottom:78px}.section-space{padding-block:105px}.roles-section{padding-bottom:0}}
@media(max-width:700px){.nav-shell{height:64px;padding-inline:22px;gap:14px}.nav-try{font-size:12px;padding:8px 15px}.nav-actions{gap:16px}.cosmic-hero{height:calc(100svh - 64px);min-height:560px;padding:0 24px}.cosmic-mark{width:98vw;height:calc(100svh - 155px);max-height:760px;top:46%}.hero-sideword{top:auto;bottom:68px;transform:none;font-size:31px;letter-spacing:-1px}.hero-word-right{font-size:24px;letter-spacing:-.5px}.hero-intro{padding-top:78px;padding-bottom:70px}.hero-intro .eyebrow{font-size:13px;margin-bottom:22px}.hero-intro h1{font-size:clamp(35px,9.5vw,50px);letter-spacing:-1.4px}.hero-intro .hero-description{font-size:16px;max-width:375px;line-height:1.85;margin-top:22px}.hero-intro .hero-actions{flex-wrap:wrap;gap:10px;margin-top:25px}.hero-intro .button-large{font-size:14px;padding:12px 20px}.hero-intro .hero-note{font-size:12px;letter-spacing:0;margin-top:21px}.hero-intro .hero-note span{padding-inline:6px}.motion-toggle{right:18px;bottom:18px;width:40px;height:40px}.site-nebula{opacity:.18}.mobile-nav:not([hidden]){background:#000}.section-space{padding-block:85px}.roles-section{padding-bottom:0}.product-tabs{overflow-x:auto}.product-tab{flex:1 0 auto}.demo-caption{font-size:11px}.product-under>div{font-size:9px}}
@media(max-width:360px){.hero-sideword{font-size:27px}.hero-word-right{font-size:20px}.hero-intro .button-large{font-size:13px;padding:11px 17px}.hero-intro .hero-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){.site-nebula{animation:none;transform:none}#x-stars-canvas{transition:none}}

/* All product identity marks use the supplied XSEEK silhouette. */
.xseek-icon{display:inline-block;inline-size:1.12em;block-size:.8em;flex:0 0 auto;vertical-align:-.04em;background-color:currentColor;-webkit-mask:url("assets/xseek-mark.svg") center/contain no-repeat;mask:url("assets/xseek-mark.svg") center/contain no-repeat}


/* Semantic icons share one drawing language; the X remains a brand identity. */
.icon-sprite{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.ui-icon{display:inline-block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}
.feature-icon .ui-icon,.compact-card .feature-icon .ui-icon,.step-top .ui-icon{width:25px;height:25px;stroke-width:1.8}
.sidebar-item .ui-icon,.product-tab .ui-icon{width:16px;height:16px}
.workspace-icon .ui-icon{width:19px;height:19px}
.table-view-bar>span{display:inline-flex;align-items:center;gap:4px}.table-view-bar .ui-icon{width:14px;height:14px}
.demo-page-title>.ui-icon{width:21px;height:21px;color:#c5c5cc}
.document-highlight strong>.ui-icon{width:16px;height:16px;margin-right:4px}
.agent-demo-result>span>.ui-icon{width:18px;height:18px}
.run-demo>.ui-icon{width:16px;height:16px}.run-demo>span{font-size:12px;margin:0}
.task-check{width:15px;height:15px;vertical-align:middle;line-height:1}.task-check .ui-icon{width:14px;height:14px}.task-checkbox .ui-icon{width:10px;height:10px}
.scenario-process-title>.ui-icon{width:19px;height:19px;color:#c5c5cc}.scenario-tab.active>i{transform:none}.scenario-tab>i>.ui-icon{width:18px;height:18px}
.workflow-cycle{margin-left:auto;color:#b4b4bd;display:flex}.workflow-cycle>.ui-icon{width:27px;height:27px}
.faq-indicator{display:flex}.faq-indicator>.ui-icon{width:20px;height:20px}.faq-indicator>[data-icon="minus"]{display:none}.faq-list details[open] summary>.faq-indicator{transform:none}.faq-list details[open] .faq-indicator>[data-icon="plus"]{display:none}.faq-list details[open] .faq-indicator>[data-icon="minus"]{display:block}
.dialog-close{display:grid;place-items:center}.dialog-close .ui-icon{width:22px;height:22px}.ai-options>.ui-icon{width:18px;height:18px}.sidebar-label .ui-icon{width:13px;height:13px}
.ui-icon[data-icon="loader"]{animation:icon-spin 1.1s linear infinite;transform-origin:center}@keyframes icon-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.ui-icon[data-icon="loader"]{animation:none}}

/* Product overview aligned with the installed XSEEK 1.0.5 desktop application. */
.app-body{min-height:520px}.app-sidebar .workspace-name{margin-bottom:18px}.app-sidebar .sidebar-divider{margin:14px 7px}.app-sidebar .space-item{gap:8px}.app-sidebar .space-item .ui-icon{width:15px;height:15px}.app-sidebar .sidebar-bottom{bottom:16px}.app-sidebar .sidebar-item{padding-block:7px}.product-panel{min-height:420px}.demo-section-label{font-size:11px;color:#929ba6;display:block;margin-bottom:14px}.task-home .demo-page-title{font-size:25px;line-height:1.4;letter-spacing:-.8px}.task-input-example{margin-top:23px;border:1px solid #3a3a3e;border-radius:12px;padding:17px;background:#18181b}.task-input-example>p{font-size:13px;line-height:1.8;color:#e9eaed}.task-input-example>span{display:flex;align-items:center;gap:7px;margin-top:22px;font-size:11px;color:#b9bdc5}.task-input-example small{margin-left:auto;font-size:10px;color:#7f8792}.task-input-example .ui-icon{width:16px;height:16px}.task-settings-example{display:flex;gap:9px;flex-wrap:wrap;margin-top:13px}.task-settings-example>span,.task-entry-examples>span{display:flex;align-items:center;gap:5px;font-size:10px;color:#b6bdc6}.task-settings-example .ui-icon,.task-entry-examples .ui-icon{width:13px;height:13px}.task-output-example{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid #303033;border-radius:8px;font-size:12px;color:#cfd3da}.task-output-example>div>p{font-size:11px;color:#929ba6;margin-top:5px;line-height:1.6}.task-entry-examples{display:flex;gap:20px;margin-top:19px}.demo-app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.demo-app-grid>div{background:#161619;border:1px solid #303033;border-radius:9px;padding:16px 6px;display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center}.demo-app-grid .ui-icon{width:24px;height:24px;color:#e2e5eb}.demo-app-grid strong{font-size:12px;font-weight:500}.demo-app-grid small{font-size:10px;color:#919aa5}.demo-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.demo-tool-grid>span{display:flex;align-items:center;gap:7px;font-size:11px;color:#b6bdc6;padding:9px 5px}.demo-tool-grid .ui-icon{width:16px;height:16px}.inline-coming{font-size:10px;padding:3px 6px;margin-left:6px;border:1px solid #44464c;border-radius:4px;color:#b8bec8}.workbench-overview{border:1px solid #30353d;border-radius:18px;padding:26px;background:#0d1015bf}.workbench-overview-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:24px;gap:15px;font-size:13px}.workbench-overview-head>span:first-child{display:flex;align-items:center;gap:10px;color:#f2f3f5;font-size:17px}.workbench-overview-head>span:last-child{color:#89939f;font-size:12px}.workbench-apps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.workbench-app{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;border:1px solid #ffffff16;border-radius:12px;padding:27px 10px;background:#ffffff03;min-width:0;text-align:center}.workbench-app>.ui-icon{width:35px;height:35px;stroke-width:1.4;color:#e3e8ee}.workbench-app>strong{font-size:16px;font-weight:500}.workbench-app>small{font-size:12px;color:#909ba8}.workbench-app.is-coming{border-style:dashed}.workbench-app.is-coming>small{color:#c8ced7}.workbench-tools{display:flex;justify-content:center;flex-wrap:wrap;gap:13px 25px;margin-top:28px;padding-top:24px;border-top:1px solid #ffffff16}.workbench-tools>span{display:flex;align-items:center;gap:7px;font-size:12px;color:#a7b0bc}.workbench-tools .ui-icon{width:17px;height:17px}.roadmap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;margin-top:40px;padding-top:32px;border-top:1px solid #ffffff20}.roadmap-grid article{display:flex;gap:17px}.roadmap-grid article>.ui-icon{width:29px;height:29px;color:#bdc5d0;margin-top:5px}.coming-badge{font-size:10px;color:#bac4d1;border:1px solid #ffffff25;padding:4px 7px;border-radius:4px}.roadmap-grid h3{font-size:21px;font-weight:500;margin-top:14px}.roadmap-grid p{font-size:15px;line-height:1.8;color:#a5afbc;margin-top:10px}.organization-map{border:1px solid #ffffff20;border-radius:16px;background:#0b1119a8;padding:40px 28px}.organization-map-title{display:flex;align-items:center;justify-content:center;gap:13px;font-size:26px;letter-spacing:-1px}.organization-map-title .ui-icon{width:30px;height:30px}.organization-map>p{text-align:center;font-size:13px;color:#9ca8b7;margin-top:13px}.organization-map-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:33px}.organization-map-grid>span{display:flex;align-items:center;gap:11px;padding:21px 16px;background:#ffffff04;border:1px solid #ffffff12;border-radius:8px;color:#c7d0dc;font-size:13px}.organization-map-bottom{border-top:1px solid #ffffff16;margin-top:33px;padding-top:20px;font-size:9px;letter-spacing:1px;text-align:center;color:#7f8d9e}
@media(max-width:900px){.workbench-apps{gap:8px}.workbench-app{padding:22px 6px}.workbench-app>strong{font-size:13px}.organization-map{padding:30px 20px}.organization-map-grid>span{padding:17px 10px;gap:6px;font-size:12px}.organization-map-bottom{font-size:8px;letter-spacing:.5px}}
@media(max-width:700px){.app-body{min-height:0}.product-panel{min-height:420px}.product-heading{flex-wrap:wrap}.demo-caption{font-size:10px}.task-home .demo-page-title{font-size:23px}.task-input-example{padding:14px}.task-settings-example{gap:8px}.task-input-example small{display:none}.product-under{align-items:start;gap:10px;line-height:1.7}.product-under>span{max-width:190px}.product-under>div{display:none}.workbench-overview{padding:21px 16px;border-radius:12px}.workbench-overview-head{align-items:start;padding-bottom:22px}.workbench-overview-head>span:last-child{font-size:10px;line-height:1.7;max-width:120px;text-align:right}.workbench-apps{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.workbench-app{padding:20px 5px;gap:13px}.workbench-app>.ui-icon{width:27px;height:27px}.workbench-app>small{font-size:10px}.workbench-tools{justify-content:flex-start;gap:16px 20px;margin-top:22px;padding-top:22px}.workbench-tools>span{font-size:11px}.roadmap-grid{grid-template-columns:1fr;gap:30px;margin-top:30px;padding-top:28px}.roadmap-grid h3{font-size:21px}.organization-map{padding:32px 22px}.organization-map-grid>span{padding:19px 12px;gap:9px;font-size:12px}.organization-map-bottom{font-size:8px}}

.product-tabs{overflow-y:hidden;scrollbar-width:none}.product-tabs::-webkit-scrollbar{display:none}

.hero-intro .hero-tagline{font-size:clamp(18px,2vw,24px);line-height:1.65;color:#e0e3e7;margin-top:26px}
.hero-intro .hero-tagline+.hero-description{margin-top:16px}
@media(max-width:700px){.hero-intro .hero-tagline{font-size:18px;max-width:290px;margin:24px auto 0}.hero-intro .hero-tagline+.hero-description{margin-top:17px}}

/* Workbench overview aligned with installed XSEEK 1.0.14. */
.workbench-apps{grid-template-columns:repeat(6,minmax(0,1fr))}
.demo-app-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.role-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}
.task-entry-examples{flex-wrap:wrap;gap:12px 18px}
@media(min-width:901px){.app-body{min-height:600px}}
@media(max-width:900px){.workbench-apps{grid-template-columns:repeat(3,minmax(0,1fr))}.role-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}}
@media(max-width:700px){.demo-app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.role-cards{grid-template-columns:minmax(0,1fr);gap:0}}

/* Use the supplied XSEEK wordmark in the product window. */
.app-title .app-wordmark{display:block;position:relative;overflow:hidden;width:88px;height:13px;flex-shrink:0}
.app-title .app-wordmark img{position:absolute;width:132%;max-width:none;height:auto;left:-14.5%;top:-59%;filter:invert(1);mix-blend-mode:screen}

/* Keep enterprise demo booking visible in the top navigation. */
.nav-actions .nav-explore{background:#1f1f21;color:#f5f5f7}
.nav-actions .nav-explore:hover{background:#303034}
