:root{--bg:#08090a;--lime:#70d4ff;--muted:#969c94;--border:#25282c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:#eef0f3;font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:6px}.progress{position:fixed;top:0;left:0;height:3px;background:var(--lime);z-index:40;width:0}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;position:absolute;top:0;width:100%;z-index:10;border-bottom:1px solid #ffffff10}.brand{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:32px;letter-spacing:-2px;display:flex;align-items:center;gap:10px}.brandmark{color:var(--lime);font-size:38px}.brand-dot{font:12px 'DM Sans';align-self:flex-start;margin-top:9px;letter-spacing:0}nav{display:flex;gap:32px;font-size:14px;color:#b3b8af}nav a:hover{color:var(--lime)}.nav-cta{border:1px solid #3c4249;border-radius:40px;padding:14px 20px;font-size:13px;display:flex;gap:24px}.nav-cta span{color:var(--lime)}.menu-toggle{display:none}.hero{min-height:840px;height:100svh;max-height:1150px;position:relative;overflow:hidden;padding:180px 5% 80px;background:radial-gradient(ellipse at 75% 50%,#10182115,transparent 65%)}.hero-content{position:relative;z-index:2;max-width:700px;pointer-events:none}.hero-content a,.hero-content button{pointer-events:auto}.eyebrow{font-size:12px;letter-spacing:2px;display:flex;align-items:center;gap:10px;color:#bec4cb}.eyebrow i,.orbit-caption i{width:6px;height:6px;background:var(--lime);border-radius:50%}h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(72px,7.4vw,115px);line-height:1.02;font-weight:500;letter-spacing:-7px;margin:30px 0}h1 em{font-style:normal;color:var(--lime)}.hero p{font-size:17px;line-height:1.7;color:#a4aaa0}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;gap:35px;border-radius:35px;border:0;padding:18px 25px;font-weight:600;font-size:14px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.lime{background:var(--lime);color:#0d131b}.text-button{background:none;border:0;padding:12px 0;font-size:14px;display:flex;gap:13px;align-items:center}.text-button span{color:var(--lime);font-size:22px}.hero-note{font-size:10px;letter-spacing:1.3px;color:#787f73;display:flex;align-items:center;gap:10px;margin-top:60px}.tiny-cross{font-size:20px;color:var(--lime)}.core-stage{position:absolute;width:69%;height:90%;right:-9%;top:9%;pointer-events:none}canvas{width:100%;height:100%;display:block}.core-label{position:absolute;top:16%;left:21%;font:10px 'Space Grotesk';letter-spacing:1px;color:#657383;display:flex;gap:80px}.orbit-caption{position:absolute;bottom:19%;left:36%;display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.2px;color:#9dacbd}.coordinate{position:absolute;right:20%;top:42%;font:10px 'Space Grotesk';color:#647282;line-height:2;letter-spacing:1px}.hero-bottom{position:absolute;bottom:30px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;padding-top:25px;border-top:1px solid var(--border);color:#838b94;font-size:10px;letter-spacing:1.5px}.hero-bottom a span{margin-left:20px;color:var(--lime)}
@media(min-width:1600px){.hero{padding-top:220px}.hero-content{max-width:800px}}@media(max-width:1000px){nav{gap:18px}.nav-cta{display:none}.hero{min-height:780px}h1{font-size:80px}.core-stage{right:-24%;width:90%;opacity:.8}.hero-content{max-width:600px}}@media(max-width:650px){header{height:80px;padding:0 6%}.brand{font-size:29px}.menu-toggle{display:block;border:1px solid var(--border);background:transparent;border-radius:20px;padding:9px 16px;font-size:13px}nav{display:none;position:absolute;top:80px;left:0;right:0;background:#0e1216;padding:25px 6%;flex-direction:column;border-bottom:1px solid var(--border)}nav.open{display:flex}.hero{padding:130px 6% 60px;min-height:920px;height:auto}h1{font-size:66px;letter-spacing:-4px;margin:25px 0}.eyebrow{font-size:9px;letter-spacing:1.3px}.hero p{font-size:15px}.hero-actions{gap:18px}.button{padding:15px 20px;gap:20px;font-size:13px}.text-button{font-size:12px;gap:8px}.hero-note{margin-top:28px;font-size:8px}.core-stage{height:500px;width:125%;top:420px;right:-12%;opacity:1}.core-label{top:12%;left:19%;gap:55px;font-size:8px}.coordinate{display:none}.orbit-caption{bottom:15%;left:32%;font-size:10px}.hero-bottom{left:6%;right:6%;font-size:8px}.hero-bottom>span:first-child{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.strip{padding:28px 5%;border-block:1px solid var(--border);display:flex;justify-content:space-between;color:#79828c;font-size:12px;letter-spacing:1.5px}.strip strong{color:#c9d2dc;font-weight:400}.section{padding:110px 5%;position:relative}.section-top{display:flex;justify-content:space-between;margin-bottom:45px;color:#7f8a96;font-size:11px;letter-spacing:1.5px}.section-top span:last-child{color:#4f5862}h2{font-family:'Space Grotesk';font-size:clamp(40px,4.6vw,70px);line-height:1.1;font-weight:400;letter-spacing:-3px;margin:0}h2 em{color:var(--lime);font-style:normal}.intro-row{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:end}.intro-row p{max-width:430px;font-size:17px;color:var(--muted);line-height:1.7;margin:0}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:70px}.principle{padding:30px 0;border-top:1px solid #313841}.principle>span{color:var(--lime);font-size:24px}.principle h3{font-size:22px;font-weight:500;margin:28px 0 12px;letter-spacing:-.5px}.principle p{font-size:15px;line-height:1.7;color:var(--muted);max-width:340px}.intelligence{background:#0d0f12}.agents-head{display:flex;justify-content:space-between;align-items:end;gap:30px}.segmented{display:flex;border:1px solid #343b43;border-radius:40px;padding:5px;flex-shrink:0}.segmented button{border:0;background:none;border-radius:30px;padding:13px 22px;color:#99a1ab;font-size:14px}.segmented button.active{background:var(--lime);color:#0f1a26}.agent-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:75px;margin-top:60px}.agent-options{display:flex;flex-direction:column}.agent-option{background:none;border:0;border-bottom:1px solid var(--border);display:flex;text-align:left;gap:22px;padding:25px 0;align-items:start}.agent-option .number{color:#58626d;font:12px 'Space Grotesk';margin-top:5px}.agent-option.active .number{color:var(--lime)}.agent-option h3{font-size:22px;letter-spacing:-.5px;font-weight:500;margin:0 0 9px;color:#949da8}.agent-option.active h3{color:#eef0f3}.agent-option p{color:#78818b;font-size:14px;line-height:1.6;margin:0;max-width:350px}.agent-option .indicator{margin-left:auto;font-size:22px;color:#485360}.agent-option.active .indicator{color:var(--lime)}.workspace{background:#0f1216;border:1px solid #2a333e;border-radius:15px;padding:26px;min-height:435px;position:relative;overflow:hidden;box-shadow:0 20px 70px #0007;transform:perspective(1200px) rotateY(-4deg) rotateX(2deg);transition:transform .4s}.workspace:hover{transform:perspective(1200px) rotateY(0) rotateX(0)}.workspace-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#7d8894;letter-spacing:1px;padding-bottom:24px;border-bottom:1px solid var(--border)}.workspace-top b{color:#d6dee8;font-size:14px;letter-spacing:0;font-weight:500}.demo-badge{border:1px solid #333f4d;padding:6px 10px;border-radius:20px;font-size:9px}.prompt{font-size:16px;line-height:1.6;margin:25px 0;padding:16px;background:#1a2129;border-radius:8px;border-left:2px solid var(--lime)}.workflow-step{display:flex;gap:14px;padding:12px 0;font-size:14px;color:#aab4bf}.workflow-step i{font-style:normal;color:var(--lime);font-size:12px;width:20px}.workflow-step small{display:block;color:#616f7f;font-size:12px;margin-top:5px}.result{border:1px solid #304155;background:#70d4ff08;border-radius:9px;padding:18px;margin-top:18px}.result .result-label{font-size:10px;letter-spacing:1.3px;color:var(--lime)}.result p{font-size:14px;line-height:1.5;color:#b5c0cd;margin:9px 0 0}.scenario-note{color:#67717c;font-size:12px;line-height:1.6;margin-top:15px}.wide-statement{padding:100px 5%;min-height:410px;border-block:1px solid var(--border);background:radial-gradient(ellipse at 85% 50%,#1e304555,transparent 55%);display:flex;justify-content:space-between;align-items:center;overflow:hidden}.wide-statement h2{font-size:clamp(45px,6vw,88px);max-width:850px}.statement-symbol{color:var(--lime);font-size:160px;line-height:1;opacity:.8;transform:rotate(0);will-change:transform}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:65px}.step{border-top:1px solid var(--border);padding-top:22px}.step .step-num{font:48px 'Space Grotesk';color:#2b3541}.step h3{font-size:23px;font-weight:500;margin:25px 0 12px}.step p{font-size:15px;line-height:1.7;color:var(--muted)}.control-bar{display:flex;align-items:center;justify-content:space-between;gap:40px;border:1px solid #313a44;border-radius:12px;padding:30px;margin-top:50px;background:#0e1115}.control-bar strong{font-size:18px;font-weight:500}.control-bar p{color:var(--muted);line-height:1.6;font-size:14px;margin:8px 0 0;max-width:650px}.control-bar span{color:var(--lime);font-size:35px}.faq{padding-top:0;display:grid;grid-template-columns:1fr 1.4fr;gap:100px}.faq h2{font-size:43px}.faq details{border-bottom:1px solid var(--border);padding:22px 0}.faq summary{font-size:17px;list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px}.faq summary::after{content:'+';color:var(--lime);font-size:23px;line-height:1}.faq details[open] summary::after{content:'−'}.faq details p{color:var(--muted);font-size:15px;line-height:1.7;margin:15px 30px 0 0}.closing{text-align:center;padding:95px 5%;background:var(--lime);color:#0c1723}.closing .eyebrow{justify-content:center;color:#364d67}.closing h2{font-size:clamp(50px,6vw,88px);margin:26px 0}.closing p{font-size:17px;color:#384a60;line-height:1.7}.dark{background:#0c1723;color:#dbeff8;margin-top:20px}.brief-output{display:none;text-align:left;max-width:660px;margin:30px auto 0;background:#b0e7ff;border:1px solid #5389c8;border-radius:12px;padding:25px;color:#112134;line-height:1.7}.brief-output.visible{display:block}.brief-output h3{margin:0 0 10px}.brief-output p{font-size:15px;margin:0 0 15px;color:#253e5c}.brief-output .button{background:#0c1723;color:#dbeff8;font-size:13px;padding:12px 20px;margin-right:10px}footer{padding:55px 5% 25px}.footer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:40px;border-bottom:1px solid var(--border)}.footer-top p{font-size:14px;color:var(--muted)}.footer-top div:last-child{display:flex;gap:28px;font-size:13px;color:#9ba6b2}.footer-bottom{display:flex;justify-content:space-between;color:#5d6773;font-size:11px;padding-top:25px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.reveal.shown{opacity:1;transform:none}.fallback-core{font-size:400px;text-align:center;color:var(--lime);opacity:.35;line-height:1.8}
@media(max-width:1000px){.intro-row,.agent-grid{gap:40px}.agents-head{align-items:start;flex-direction:column}.faq{gap:40px}.statement-symbol{font-size:120px}.wide-statement h2{font-size:65px}.principles{gap:20px}}
@media(max-width:650px){.strip{overflow:hidden;white-space:nowrap;gap:35px;font-size:9px;padding:23px 6%}.strip span:nth-child(n+3){display:none}.section{padding:70px 6%}.section-top{font-size:9px;margin-bottom:30px}.intro-row,.agent-grid,.faq{grid-template-columns:1fr;gap:25px}h2{font-size:43px;letter-spacing:-2px}.intro-row p{font-size:15px}.principles,.how-grid{grid-template-columns:1fr;gap:5px;margin-top:40px}.principle{padding:23px 0}.principle h3{margin:15px 0 10px}.principle p{max-width:none}.segmented{width:100%}.segmented button{flex:1;padding:12px 15px;font-size:13px}.agent-grid{margin-top:28px}.agent-option{padding:20px 0;gap:15px}.agent-option h3{font-size:20px}.workspace{padding:20px;min-height:400px;transform:none}.wide-statement{padding:65px 6%;min-height:320px}.wide-statement h2{font-size:45px}.statement-symbol{font-size:80px;margin-left:10px}.step{padding:20px 0}.step h3{margin:15px 0 10px}.control-bar{padding:23px;gap:15px;margin-top:25px}.faq{padding-top:5px}.faq h2{font-size:36px}.faq summary{font-size:15px}.closing{padding:70px 6%}.closing h2{font-size:48px}.closing p{font-size:15px}footer{padding:40px 6% 25px}.footer-top{align-items:start;gap:25px;flex-direction:column}.footer-top div:last-child{gap:22px;font-size:12px}.footer-bottom{gap:20px;font-size:10px;line-height:1.6}.reveal{transform:translateY(12px)}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.workspace{transform:none}}
/* Coordinated appearance modes, including the robot's WebGL lighting. */
.theme-toggle{display:flex;align-items:center;gap:9px;padding:11px 15px;border:1px solid #3c4249;border-radius:30px;background:#ffffff05;font-size:12px;white-space:nowrap;min-height:42px}.theme-icon{color:var(--lime);font-size:19px;line-height:1}.theme-toggle:hover{border-color:var(--lime)}header{gap:20px}.theme-toggle:focus-visible{outline:2px solid var(--lime);outline-offset:4px}.core-label{left:21%;gap:35px}.orbit-caption{bottom:13%;left:29%}.core-stage{top:8%}.fallback-core{font-size:240px}
html[data-theme="day"]{color-scheme:light;--bg:#f0f3f7;--lime:#005376;--muted:#4d5763;--border:#c7cfd9}
html[data-theme="night"]{color-scheme:dark}
html[data-theme="day"] body{color:#0f1822}
html[data-theme="day"] header{border-color:#c7cfd9}
html[data-theme="day"] nav{color:#3e4a57}
html[data-theme="day"] .nav-cta,html[data-theme="day"] .theme-toggle{border-color:#acb9c8;background:#e6ebf1}
html[data-theme="day"] .hero{background:radial-gradient(ellipse at 78% 50%,#b8c9dd57,transparent 65%)}
html[data-theme="day"] .eyebrow{color:#455363}
html[data-theme="day"] .hero p{color:#4d5763}
html[data-theme="day"] .hero-note{color:#4b5664}
html[data-theme="day"] .core-label,html[data-theme="day"] .coordinate{color:#4b5a6c}
html[data-theme="day"] .orbit-caption{color:#31445b}
html[data-theme="day"] .hero-bottom{color:#455363}
html[data-theme="day"] .lime,html[data-theme="day"] .segmented button.active{background:#70d4ff;color:#112134}
html[data-theme="day"] .strip{color:#4f5a67}
html[data-theme="day"] .strip strong{color:#1b2939}
html[data-theme="day"] .section-top{color:#4f5a67}
html[data-theme="day"] .section-top span:last-child{color:#5c6876}
html[data-theme="day"] .intelligence{background:#e2e8f0}
html[data-theme="day"] .principle{border-color:#b1becd}
html[data-theme="day"] .segmented{border-color:#aebbcb;background:#e7edf3}
html[data-theme="day"] .segmented button{color:#485565}
html[data-theme="day"] .agent-option .number{color:#5f6b7a}
html[data-theme="day"] .agent-option h3{color:#4e5966}
html[data-theme="day"] .agent-option.active h3{color:#121e2d}
html[data-theme="day"] .agent-option p{color:#525e6c}
html[data-theme="day"] .agent-option .indicator{color:#6b7a8b}
html[data-theme="day"] .agent-option.active .indicator,html[data-theme="day"] .agent-option.active .number{color:var(--lime)}
html[data-theme="day"] .workspace{background:#f7fdff;border-color:#b8c5d4;box-shadow:0 20px 70px #1e3a5a14}
html[data-theme="day"] .workspace-top{color:#586677}
html[data-theme="day"] .workspace-top b{color:#19283a}
html[data-theme="day"] .demo-badge{border-color:#abbbcd}
html[data-theme="day"] .prompt{background:#e3ebf5;color:#223245}
html[data-theme="day"] .workflow-step{color:#324356}
html[data-theme="day"] .workflow-step small{color:#55667b}
html[data-theme="day"] .result{background:#d9edf6;border-color:#a7bcd5}
html[data-theme="day"] .result p{color:#2b415a}
html[data-theme="day"] .scenario-note{color:#546272}
html[data-theme="day"] .wide-statement{background:radial-gradient(ellipse at 85% 50%,#bfd2e8,transparent 65%)}
html[data-theme="day"] .step .step-num{color:#69809b}
html[data-theme="day"] .control-bar{background:#e3eaf2;border-color:#b8c5d4}
html[data-theme="day"] .closing{background:#70d4ff}
html[data-theme="day"] .closing .eyebrow{color:#364d67}
html[data-theme="day"] .footer-top div:last-child{color:#425264}
html[data-theme="day"] .footer-bottom{color:#536376}
@media(min-width:1001px) and (max-width:1200px){header{gap:15px}nav{gap:20px}.nav-cta{font-size:11px;padding:12px 15px;gap:12px}}
@media(max-width:650px){header{gap:10px}.brand{margin-right:auto}.theme-toggle{padding:9px 12px;min-height:38px}.theme-text{display:none}.theme-icon{font-size:20px}.menu-toggle{padding:9px 13px}.core-stage{top:425px;height:500px}.core-label{gap:20px;left:18%}.orbit-caption{bottom:10%;left:28%}html[data-theme="day"] nav{background:#e5ebf3}}
@media(max-width:650px){.hero{padding-bottom:100px;min-height:0}.hero h1{font-size:clamp(48px,14vw,62px)}.core-stage{position:relative;top:auto;right:auto;width:125%;height:440px;margin:20px 0 0 -12.5%}.core-label{top:4%}.orbit-caption{bottom:5%}.hero-bottom{bottom:25px}}
.hero h1{font-size:clamp(58px,5.7vw,90px);letter-spacing:-4px}@media(max-width:1000px){.hero h1{font-size:64px}}@media(max-width:650px){.hero h1{font-size:clamp(42px,11.5vw,58px);letter-spacing:-2.5px}}

/* Xbotsi supplied electric-blue identity */
:root{--lime:#38d7ff;--bg:#050a14;--muted:#a6b5c9;--border:#25354d;--brand-blue:#1655ff;--brand-cyan:#00d9ef}html[data-theme="day"]{--bg:#f5f8ff;--lime:#0759cb;--muted:#50617b;--border:#cad8ec}
.brand{display:inline-flex;align-items:center;flex-shrink:0;margin-right:auto}.brand-art{display:block;width:220px;height:55px;background-image:url('/assets/brand/xbotsi-brand-board.png');background-size:455.42px 303.61px;background-position:-26.09px -43.29px;background-repeat:no-repeat;border-radius:4px}html[data-theme="day"] .brand-art{background-position:-26.09px -153.29px}
.lime,.product-button{background:linear-gradient(115deg,#00d9ef,#67baff);color:#03142e}.closing{background:linear-gradient(120deg,#0967ef,#00d9ef);color:#04122b}.closing .eyebrow,.closing p{color:#062a51}.dark{background:#061d46;color:#fff}.button:hover{box-shadow:0 8px 36px #167aff33}.products{--product-accent:#38d7ff}.brandmark{color:#38d7ff}
html[data-theme="day"] .lime,html[data-theme="day"] .segmented button.active{background:linear-gradient(115deg,#00d9ef,#67baff);color:#03142e}html[data-theme="day"] .closing{background:linear-gradient(120deg,#0967ef,#00d9ef)}
@media(max-width:650px){header .brand-art{width:152px;height:38px;background-size:314.65px 209.76px;background-position:-18.03px -29.91px}html[data-theme="day"] header .brand-art{background-position:-18.03px -105.91px}header{gap:8px}.footer-top{gap:24px;flex-wrap:wrap}}

header{background:rgba(5,10,20,.72)}html[data-theme="day"] header{background:rgba(245,248,255,.82)}

header{background:rgba(5,10,20,.85)!important}html[data-theme="day"] header{background:rgba(245,248,255,.9)!important}.card-image img,.article-cover img,.landing-grid img{filter:hue-rotate(95deg)}
/* Preserve supplied logo artwork while compositing its background away. */
.brand-art{mix-blend-mode:screen;border-radius:0;background-color:transparent}html[data-theme="day"] .brand-art{mix-blend-mode:multiply}

.brand-art{background-image:url("/assets/brand/logo-dark.svg?v=2");background-size:contain;background-position:center;mix-blend-mode:normal}html[data-theme="day"] .brand-art{background-image:url("/assets/brand/logo-light.svg?v=2");background-position:center;mix-blend-mode:normal}@media(max-width:650px){header .brand-art,html[data-theme="day"] header .brand-art{background-size:contain;background-position:center}}
