@font-face{font-family:Outfit;src:url('assets/outfit.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--ink:#101115;--panel:#1b1c24;--paper:#f7f4ef;--lilac:#b9a3ec;--orange:#ffa56b;--mint:#b8d9c3;--muted:#a5a5ae;--line:#ffffff14;--focus:0;--pointer-x:0;--pointer-y:0;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ink);color:var(--paper);font-family:Outfit,'PingFang SC','Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}a,button{touch-action:manipulation}button:disabled{cursor:wait}img{max-width:100%;display:block}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--orange);outline-offset:6px}::selection{color:#101115;background:var(--lilac)}.symbols{position:absolute;width:0;height:0;overflow:hidden}.wrap{max-width:1240px;width:calc(100% - 112px);margin-inline:auto}.skip{position:fixed;top:-100px;left:20px;padding:12px 20px;background:var(--paper);color:var(--ink);z-index:100}.skip:focus{top:12px}h1,h2,h3,h4,p{margin:0}h1,h2,h3{line-height:1.18;letter-spacing:-.045em}h2{font-size:clamp(36px,4.3vw,60px);font-weight:600}p{color:var(--muted)}.header{height:88px;position:absolute;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;gap:32px}.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-size:21px;font-weight:600;letter-spacing:.015em}.brand img{width:36px;height:36px}.header nav{display:flex;gap:32px;font-size:14px;color:#c4c2cd}.header nav a:hover,.footer a:hover{color:var(--orange)}.header-actions{display:flex;align-items:center;gap:24px;font-size:14px}.language{display:flex;align-items:center;gap:7px;background:transparent;padding:8px 0}.language svg{width:17px;height:17px}.nav-start{padding:9px 18px;border-radius:25px;border:1px solid #ffffff45;background:#ffffff08}.login{color:#c4c2cd}.hero{min-height:790px;height:min(890px,100svh);position:relative;overflow:hidden;isolation:isolate}.hero-art{position:absolute;inset:0;z-index:-2;transform:translate(calc(var(--pointer-x)*-6px),calc(var(--pointer-y)*-4px)) scale(1.025)}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center}.hero:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#101115 0%,#101115ed 17%,#1011156b 40%,transparent 68%),linear-gradient(0deg,#101115 0%,transparent 20%)}.hero-inner{height:100%;display:flex;align-items:center}.hero-copy{width:560px;padding-top:25px}.hello{font-size:14px;display:flex;align-items:center;gap:10px;color:#d5c8b9;margin-bottom:26px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px #b8d9c352;display:inline-block;flex-shrink:0}h1{font-size:clamp(52px,5.65vw,80px);font-weight:600;line-height:1.2;letter-spacing:-.055em}h1>span{display:block}.hero-description{margin-top:26px;font-size:17px;line-height:1.9;max-width:440px;color:#bcb9c4}.hero-ctas{display:flex;align-items:center;flex-wrap:wrap;gap:13px;margin-top:34px}.button{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:12px 23px;border-radius:10px;font-size:15px;font-weight:500;transition:transform .25s,background .25s,box-shadow .25s}.button:hover{transform:translateY(-3px)}.primary{color:#231e18;background:#f5e9d5;box-shadow:0 4px 0 #bda88d33}.primary:hover{background:#fff5e5;box-shadow:0 6px 22px #ffcc9533}.secondary{background:#ffffff0a;border:1px solid #ffffff24;color:#dddce3;backdrop-filter:blur(12px)}.secondary:hover{background:#ffffff14}.download-note{font-size:11px;letter-spacing:.01em;color:#8b8792;margin-top:16px}.hero-bottom{position:absolute;bottom:35px;left:0;right:0;display:flex;justify-content:space-between;font-size:11px;color:#95909f}.scroll-hint{display:flex;gap:14px;align-items:center}.scroll-line{height:32px;width:1px;background:#ffffff22;position:relative;overflow:hidden}.scroll-line:after{position:absolute;content:'';height:12px;inset:0;background:var(--orange);animation:scrollLine 2.5s ease-in-out infinite}.hero-credit{align-self:center}.floating-note{display:flex;align-items:center;gap:10px;padding:10px 17px;font-size:13px;background:#25242cb8;border:1px solid #ffffff1e;border-radius:24px;backdrop-filter:blur(16px);position:absolute;box-shadow:0 8px 30px #0003;animation:float 6s ease-in-out infinite}.note-a{right:24%;top:23%;transform:rotate(-5deg)}.note-b{right:5.5%;bottom:21%;animation-delay:-3s}.mini-face{width:25px;height:25px;display:inline-block;position:relative;border-radius:9px;flex-shrink:0;box-shadow:inset 2px 3px 5px #fff3,inset -2px -3px 4px #0003}.mini-face:before,.mini-face:after{content:'';position:absolute;top:10px;width:3px;height:5px;border-radius:3px;background:#2c2933}.mini-face:before{left:7px}.mini-face:after{right:7px}.orange{background:#eda771}.mint{background:#a9c8b7}.lavender{background:#bba7d6}/* Real product interfaces are the visual subject. Screens keep their native proportions. */
:root{--ink:#101115;--panel:#191c20;--lilac:#c7b5ef;--mint:#9bceba;--line:#ffffff14}
.story-section{position:relative;padding-block:115px;isolation:isolate}.eyebrow{display:flex;align-items:center;gap:13px;font-size:10px;letter-spacing:.12em;line-height:1.5;color:#aeb1bb;margin-bottom:23px}.eyebrow>span:first-child{color:var(--lilac);font-weight:500}.eyebrow i{width:22px;height:1px;background:#63616b}.eyebrow>span:last-child:not(:first-child){letter-spacing:.04em}.soft{color:#92939d}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:38px}.section-heading h2,.together-copy h2{font-size:clamp(34px,4.4vw,58px);font-weight:500;line-height:1.3}.section-description{max-width:395px;font-size:14px;line-height:1.95;color:#a0a2ad}.heading-aside{max-width:395px;padding-bottom:5px}.heading-aside .text-button{margin-top:20px}.text-button{display:inline-flex;align-items:center;gap:9px;background:none;padding:7px 0;color:#d8d8df;font-size:12px;transition:color .25s}.text-button:hover{color:var(--lilac)}.text-button svg{height:15px;width:15px}.text-button>span:last-child:not(:first-child){margin-left:4px}.replay{border-bottom:1px solid #ffffff20}.scene-footer{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:28px;color:#777985;font-size:11px}.scene-footer .text-button{color:#bdbcc6;font-size:11px;flex-shrink:0}.screen-shell{border:1px solid #ffffff26;background:#121619;border-radius:13px;overflow:hidden;box-shadow:0 35px 80px #0007,0 1px 0 #ffffff12 inset}.screen-chrome{height:32px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #ffffff0b;background:#1a1d22;padding:0 13px;font-size:8px;letter-spacing:.1em;color:#81848e}.window-dots{display:flex;gap:5px}.window-dots i{width:5px;height:5px;border-radius:50%;background:#66656d}.window-dots i:first-child{background:#af7c74}.window-dots i:nth-child(2){background:#b19b6f}.window-dots i:nth-child(3){background:#7d9f83}.screen-live{display:flex;align-items:center;gap:6px;font-size:7px;letter-spacing:.13em}.screen-live i,.capture-label i{width:4px;height:4px;background:var(--mint);border-radius:50%}.screen-shell>img{width:100%;height:auto}.floating-ui{border:1px solid #ffffff24;border-radius:12px;overflow:hidden;box-shadow:0 25px 80px #0009;background:#191c20}.layer-label{height:40px;display:flex;align-items:center;gap:9px;padding:0 14px;border-bottom:1px solid #ffffff10;background:#20232a;color:#c9c9d2;font-size:10px}.layer-number{margin-left:auto;color:#7d808e;letter-spacing:.1em;font-size:8px}.layer-label .status-dot{width:4px;height:4px}.worlds{padding-top:105px;padding-bottom:0;height:1600px}.world-sticky{position:sticky;top:32px}.worlds .section-heading{padding-top:12px}.worlds .section-heading h2{font-size:clamp(32px,3.55vw,48px)}.scene-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:24px 0 12px}.mode-switch{display:flex;padding:4px;background:#1b1d23;border:1px solid #ffffff14;border-radius:30px}.mode-switch button{display:flex;align-items:center;gap:7px;padding:9px 17px;border-radius:25px;background:transparent;font-size:11px;color:#9395a3;transition:background .25s,color .25s}.mode-switch button.active{background:#d7c9ec;color:#302d3a}.mode-switch svg{width:15px;height:15px}.capture-label{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.03em;color:#767987}.world-stage{height:clamp(390px,43.5vw,555px);position:relative;perspective:1600px;isolation:isolate}.world-glow{position:absolute;inset:0 -5%;background:radial-gradient(ellipse at 50% 60%,#77639922,transparent 65%);z-index:-2}.stage-grid{position:absolute;inset:0 -3%;background-image:radial-gradient(#8a81984d .7px,transparent .7px);background-size:24px 24px;mask-image:radial-gradient(ellipse,#000,transparent 65%);z-index:-1;transform:rotateX(60deg) scaleY(1.8);transform-origin:center bottom}.office-screen,.focus-screen{position:absolute;inset:12px 7% auto;transform-origin:center 65%}.office-screen{transform:rotateX(7deg) rotateY(-6deg) rotateZ(-1deg) scale(.96)}.focus-screen{opacity:0;transform:translateY(75px) rotateX(12deg) scale(.9)}.world-stage .screen-shell>img{aspect-ratio:1440/900;object-fit:contain}.world-chat{position:absolute;right:0;top:43%;width:35%;opacity:0;transform:translateY(45px) rotateY(-10deg);pointer-events:none}.chat-crop{height:130px;overflow:hidden}.chat-crop img{width:100%;max-width:none}.world-annotation{position:absolute;bottom:0;left:0;display:flex;align-items:center;gap:12px;font-size:10px;color:#9993a5;opacity:.85}.annotation-line{width:34px;height:1px;background:linear-gradient(90deg,transparent,var(--lilac))}.worlds .scene-footer{margin-top:8px;padding-top:10px}.team-stage{height:640px;position:relative;perspective:1800px;margin-top:36px;isolation:isolate}.team-ambient{position:absolute;inset:15% -6% -12%;z-index:-1;background:radial-gradient(ellipse,#53456930,transparent 66%)}.dispatch{position:relative;z-index:4;display:flex;align-items:center;gap:14px;width:510px;margin:auto;padding:17px 19px;border:1px solid #d5c2fe30;border-radius:13px;background:linear-gradient(125deg,#2a2631,#181b21);box-shadow:0 10px 45px #0005}.dispatch-avatar{display:grid;place-items:center;width:40px;height:40px;background:linear-gradient(135deg,#565060,#292a32);border:1px solid #ffffff15;border-radius:12px;box-shadow:inset 0 1px 0 #ffffff25;flex-shrink:0}.dispatch small{font-size:8px;color:#c5b1df;letter-spacing:.09em}.dispatch p{font-size:14px;color:#ece9f1;margin-top:3px;min-height:23px}.dispatch-enter{margin-left:auto;border:1px solid #ffffff15;width:23px;height:23px;text-align:center;font-size:12px;border-radius:5px;color:#8b8595}.team-wires{position:absolute;left:0;top:75px;width:100%;height:440px;z-index:1;pointer-events:none}.team-wires path{fill:none;stroke-width:1.25}.wire-base{stroke:#68617144}.wire-flow{stroke:url(#wire-gradient);stroke-dasharray:85 880;stroke-dashoffset:800;filter:drop-shadow(0 0 3px #c1adeb55)}.team-workspace{position:absolute;top:137px;left:1%;width:81%;transform:rotateX(5deg) rotateY(7deg) rotateZ(-2deg);transform-origin:center;z-index:2}.team-detail{position:absolute;top:220px;right:0;width:45%;z-index:3;transform:translate(35px,25px) rotateY(-8deg);opacity:0}.detail-crop{height:280px;overflow:hidden;background:#15191b}.detail-crop img{width:100%;max-width:none;height:auto}.handoff-receipt{display:flex;align-items:center;gap:9px;border-top:1px solid #ffffff10;background:#202924;height:39px;padding:0 15px;font-size:10px;color:#bbdccb}.handoff-receipt svg{width:14px;height:14px}.demo-cursor{position:absolute;display:flex;align-items:flex-start;z-index:10;pointer-events:none;filter:drop-shadow(0 3px 5px #0005)}.demo-cursor svg{width:18px;height:23px;fill:#cab6ed;stroke:#e6d8fd;stroke-width:1.4}.demo-cursor span{background:#c4afe5;color:#302740;border:1px solid #d6c4ef;padding:2px 8px;border-radius:0 7px 7px;margin:19px 0 0 -1px;font-size:9px;white-space:nowrap}.team-cursor{left:15%;top:58%;opacity:0}.workflow-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:0}.workflow-steps button{position:relative;display:flex;align-items:center;gap:14px;text-align:left;background:transparent;border-top:1px solid #ffffff18;padding:23px 0 8px;min-width:0}.step-index{font-size:12px;color:#6c6d79;font-variant-numeric:tabular-nums}.workflow-steps strong{font-size:14px;font-weight:500;color:#888b97;display:block}.workflow-steps small{font-size:11px;display:block;color:#656875;margin-top:5px}.workflow-steps button.active strong{color:#e2dce9}.workflow-steps button.active .step-index{color:var(--lilac)}.step-progress{position:absolute;inset:-1px 0 auto;height:1px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#8f82a1,#e4d1ff);transition:transform .45s}.active>.step-progress{transform:scaleX(1)}.todo-section{background:linear-gradient(180deg,transparent,#14171a 35%,#14171a 75%,transparent);padding-top:100px}.todo-stage{position:relative;perspective:1500px;margin-top:55px;padding:0 25px 35px}.todo-board{position:relative;z-index:2;aspect-ratio:1318/760;transform:rotateX(5deg) rotateY(-3deg) rotateZ(.5deg);transform-origin:center;overflow:visible;border-radius:15px;background:#1a1e22}.todo-board .todo-base{border-radius:14px}.todo-finished{position:absolute;inset:0;opacity:0;border-radius:14px}.todo-board .moving-note{position:absolute;left:34.8504%;top:26.7825%;width:30.0704%;height:auto;z-index:4;border-radius:11px;transform-origin:50% 20%;box-shadow:0 0 0 transparent}.todo-cursor{left:57%;top:47%;opacity:0}.todo-cursor svg{fill:#d6eaa6;stroke:#f0f8de}.todo-cursor span{background:#d6eaa6;border-color:#e6f1c7;color:#314130}.todo-backplate{position:absolute;inset:10px 12px 20px;border:1px solid #ffffff0b;border-radius:17px;background:#1b202240;transform:rotateZ(-2deg);z-index:1}.completion-pill{position:absolute;right:0;bottom:0;z-index:5;display:flex;align-items:center;gap:9px;padding:13px 20px;background:linear-gradient(115deg,#334038,#1e2d27);color:#d2e7d8;border:1px solid #a4d3af3a;border-radius:30px;box-shadow:0 12px 35px #0006;opacity:0;transform:translateY(15px);font-size:12px}.completion-pill svg{width:16px;height:16px}.todo-section .scene-footer{margin-top:6px}.together-section{display:grid;grid-template-columns: .82fr 1.18fr;align-items:center;gap:35px;padding-top:100px}.together-copy .section-description{margin:27px 0 20px}.future-note{margin-top:45px;display:flex;align-items:flex-start;gap:10px;border-top:1px solid #ffffff13;padding-top:21px;max-width:330px}.future-dot{width:5px;height:5px;background:#998aa8;border-radius:50%;margin-top:9px}.future-note strong{font-size:12px;font-weight:500;display:block;color:#b6acbe}.future-note p>span{font-size:11px;color:#75717e;display:block;margin-top:4px}.together-stage{position:relative;height:600px;perspective:1200px;isolation:isolate}.chat-orbit{position:absolute;inset:9% -4% 0;background:radial-gradient(ellipse,#66577b20,transparent 70%);z-index:-1}.chat-wire{position:absolute;inset:0;width:100%;height:100%;stroke:#bda7de55;stroke-dasharray:4 6;stroke-width:1;fill:none;z-index:1}.shared-chat{position:absolute;left:0;top:45px;width:93%;transform:rotateY(-7deg) rotateZ(-3deg);z-index:3}.shared-chat-crop{height:200px;overflow:hidden;background:#15191d}.shared-chat-crop img{width:100%;max-width:none}.canvas-preview{position:absolute;top:310px;left:12%;width:90%;border:1px solid #c0a8db2a;border-radius:13px;background:#19191f;box-shadow:0 25px 60px #0006;transform:rotateY(-6deg) rotateZ(3deg);overflow:hidden;z-index:2}.canvas-preview-top{padding:12px 15px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#bfb5cb;font-size:9px;border-bottom:1px solid #ffffff13}.preview-badge{font-size:7px;color:#a39aad;letter-spacing:.04em;padding:3px 6px;border-radius:3px;background:#b9a3ec0c;white-space:nowrap}.canvas-preview-body{position:relative;height:250px;background-image:radial-gradient(#ffffff17 .65px,transparent .65px);background-size:17px 17px}.idea-note{position:absolute;top:37px;left:25px;width:44%;height:168px;padding:17px 18px;background:#dac9a1;color:#413c30;transform:rotate(-5deg);box-shadow:2px 15px 23px #0003}.idea-note small{font-size:8px;letter-spacing:.1em;color:#7a6950}.idea-note strong{font-size:23px;line-height:1.25;font-weight:500;display:block;margin-top:10px}.idea-note>span{font-size:8px;display:block;color:#786d57;margin-top:14px}.idea-art{position:absolute;right:6%;top:24px;width:43%;height:195px;background:#b8a1d1;border-radius:6px;box-shadow:0 10px 25px #0004;overflow:hidden;transform:rotate(6deg)}.idea-art span{position:absolute;top:19px;left:18px;color:#312b3b;font-size:20px;line-height:.93;letter-spacing:-.05em;font-weight:600}.idea-art i{position:absolute;width:100px;height:100px;background:linear-gradient(120deg,#ffe2a7,#d0a761);border-radius:27px;right:-12px;bottom:24px;transform:rotate(-18deg);box-shadow:0 10px 15px #3420392a,inset 2px 3px 5px #fff6}.idea-art b{position:absolute;width:85px;height:85px;background:linear-gradient(130deg,#d6dfd0,#7eac96);border-radius:50%;bottom:-24px;left:22px;box-shadow:inset 2px 3px 5px #fff5}.idea-art em{position:absolute;width:35px;height:35px;border:1px solid #fff6;border-radius:50%;right:25px;top:23px}.preview-cursor{bottom:18px;left:30%;transform:rotate(-3deg)}.preview-cursor svg{fill:#b8d9c3;stroke:#e5f7ea}.preview-cursor span{background:#b8d9c3;border-color:#d8eadf;color:#304138}.connect-section{padding-top:120px;border-top:1px solid #ffffff08;background:radial-gradient(ellipse at 50% 70%,#382f421b,transparent 55%)}.connect-header{text-align:center}.connect-header .eyebrow{justify-content:center}.connect-header h2{font-size:clamp(32px,4.2vw,55px);line-height:1.35;font-weight:500}.connect-header p.section-description{margin:25px auto 0;max-width:520px}.connected-world{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:360px;margin-top:50px;perspective:1200px;isolation:isolate}.terminal{position:relative;width:59%;z-index:2;border:1px solid #a48cbb2d;background:#15151b;border-radius:17px;overflow:hidden;box-shadow:0 25px 80px #0007;transform:rotateX(6deg)}.terminal-top{height:45px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#1e1e25;border-bottom:1px solid #ffffff10;font-size:8px;letter-spacing:.08em;color:#8b8198}.terminal-top svg{width:14px;height:14px}.terminal-content{padding:27px 25px 23px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:2.2;min-height:192px}.terminal-content>p{color:#d4cedc}.term-purple{color:#c7b5ef}.term-muted{color:#797180}.terminal-lines{margin-top:15px}.terminal-lines p{display:flex;gap:9px;color:#9c95a6;font-size:11px;opacity:.25}.term-check{color:#a9d6ba}.caret{display:inline-block;width:6px;height:13px;background:#b9a3ec;margin-left:7px;vertical-align:middle;animation:blink 1.2s steps(1) infinite}#connect-demo{width:100%;padding:16px 23px;display:flex;align-items:center;justify-content:space-between;font-size:12px;background:#272232;color:#d7c4ec;border-top:1px solid #ffffff12;transition:background .25s}#connect-demo:hover{background:#332b40}#connect-demo svg{width:17px;height:17px}.hardware-node{position:relative;width:15%;display:flex;align-items:center;flex-direction:column;gap:30px;z-index:2}.hardware-node>span{font-size:10px;color:#9b91a5}.lamp{width:115px;height:145px;position:relative;perspective:600px}.lamp i{position:absolute;top:0;left:0;width:115px;height:69px;background:linear-gradient(130deg,#ddc08a,#8c6748);border-radius:65px 65px 6px 6px;box-shadow:inset 4px 4px 9px #fff1;z-index:3;transition:background .6s,box-shadow .6s}.lamp b{position:absolute;top:62px;left:54px;width:7px;height:75px;background:linear-gradient(90deg,#9b724e,#e9c38d,#886247);z-index:2}.lamp>span{position:absolute;bottom:0;left:14px;width:88px;height:20px;background:linear-gradient(#d4a876,#795037);border-radius:50%;box-shadow:0 20px 20px #0005}.lamp-light{position:absolute;top:60px;left:-32px;width:179px;height:130px;background:radial-gradient(ellipse at 50% 0,#ffcd7677,transparent 70%);clip-path:polygon(24% 0,76% 0,100% 100%,0 100%);opacity:0;z-index:0}.toy-robot{position:relative;width:113px;height:124px;border-radius:37px;background:linear-gradient(130deg,#b5a0c5,#736580);box-shadow:inset 5px 5px 12px #fff2,0 25px 30px #0004;transform:rotateY(-10deg)}.toy-robot>i{position:absolute;left:52px;top:-23px;width:5px;height:25px;background:#897599}.toy-robot>i:before{position:absolute;content:'';top:-5px;left:-5px;width:15px;height:15px;background:#ac96bd;border-radius:50%}.toy-robot>span{position:absolute;inset:28px 14px 24px;background:#25202f;box-shadow:inset 0 4px 6px #0005;border-radius:29px;display:flex;align-items:center;justify-content:center;gap:18px}.toy-robot b{width:10px;height:19px;background:#b1a0c3;border-radius:10px}.hardware-lines{position:absolute;top:25px;left:0;width:100%;height:300px;stroke:#b8a1d133;stroke-width:1;stroke-dasharray:2 5;z-index:0}.connection-note{text-align:center;font-size:10px;color:#6f6979;margin-top:22px}.join-section{border-top:1px solid #ffffff12;text-align:center;padding:95px 0 100px}.join-art{width:180px;height:170px;position:relative;margin:0 auto 32px;display:grid;place-items:center;perspective:700px}.join-art img{width:68px;height:68px;filter:drop-shadow(0 5px 14px #d5beff22)}.join-ring{position:absolute;inset:4px;border-radius:50%;border:1px solid #b8a1d12b;transform:rotateX(58deg) rotateZ(-25deg);box-shadow:0 0 45px #9279ad0e}.join-star{position:absolute;color:#b6a1d2;font-size:22px}.star-one{left:2px;top:37px}.star-two{right:12px;bottom:22px;font-size:14px;color:#d7bb8d}.join-section h2{font-size:clamp(32px,4vw,53px);font-weight:500;line-height:1.3}.section-label{color:#a198ab;font-size:12px;margin-bottom:20px}.join-section .hero-ctas{justify-content:center}.footer{border-top:1px solid #ffffff12;display:flex;align-items:center;justify-content:space-between;padding-block:30px;gap:25px}.footer .brand{font-size:16px}.footer .brand img{width:28px;height:28px}.footer>p{font-size:11px;color:#77717e}.footer>div{display:flex;align-items:center;gap:20px;font-size:10px;color:#8b8594}.ui-lightbox{padding:0;border:1px solid #ffffff30;border-radius:15px;background:#16191e;color:#d5d5de;width:min(1400px,95vw);max-width:95vw;max-height:94svh;box-shadow:0 35px 100px #000b}.ui-lightbox::backdrop{background:#08090be6;backdrop-filter:blur(12px)}.lightbox-top{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;z-index:1;background:#22242a;padding:10px 20px;font-size:12px}.lightbox-top button{background:none;font-size:27px;line-height:1;width:34px;height:34px}.lightbox-image{overflow:auto;max-height:76svh}.lightbox-image img{width:100%;max-width:none;min-width:950px}.ui-lightbox>p{font-size:10px;text-align:center;padding:12px}.revealed{will-change:transform,opacity}
@keyframes float{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes scrollLine{0%{transform:translateY(-15px)}100%{transform:translateY(42px)}}@keyframes blink{50%{opacity:0}}
@media(min-width:1550px){.world-stage{height:555px}.team-stage{height:685px}.worlds{height:1650px}}
@media(max-height:780px) and (min-width:901px){.world-sticky{top:20px}.worlds .section-heading h2{font-size:36px}.worlds .eyebrow{margin-bottom:12px}.world-stage{height:390px}.world-stage .screen-shell{left:14%;right:14%}.worlds .scene-controls{margin:15px 0 8px}.worlds .scene-footer{margin-top:0}.worlds .section-description{font-size:12px}.world-chat{width:31%;top:40%}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.header{gap:20px}.header nav{gap:20px}.hero-copy{width:490px}.hero-description{font-size:15px}.floating-note{font-size:11px}.note-a{right:16%;top:23%}.note-b{right:4%;bottom:21%}.hero{min-height:740px}.story-section{padding-block:85px}.worlds{height:1450px;padding-bottom:0}.section-description{font-size:12px;max-width:320px}.section-heading{gap:25px}.team-stage{height:550px}.team-detail{top:210px}.detail-crop{height:240px}.together-section{gap:25px}.together-stage{height:540px}.shared-chat-crop{height:155px}.canvas-preview{top:275px;width:97%;left:2%}.idea-note strong{font-size:21px}.future-note{margin-top:30px}.terminal-content{font-size:11px;padding:22px 18px}.terminal-lines p{font-size:10px}.lamp,.toy-robot{scale:.8}.hardware-node{gap:10px}.connect-header .section-description{font-size:14px}.footer>p{display:none}}
@media(max-width:900px){.wrap{width:calc(100% - 48px)}.header{height:74px;padding:0 24px}.header nav{display:none}.hero{height:860px;min-height:0}.hero-art img{object-position:65% 50%}.hero:after{background:linear-gradient(90deg,#101115f0,#101115a8 42%,#10111517),linear-gradient(0deg,#101115 0%,transparent 35%)}.hero-copy{width:450px;padding-top:0}h1{font-size:63px}.hero-description{font-size:15px;max-width:380px}.note-a{right:8%;top:21%}.note-b{right:4%;bottom:17%}.hero-credit{display:none}.section-heading h2,.together-copy h2{font-size:39px}.section-heading>.section-description{max-width:285px}.worlds{height:1260px;padding-top:65px}.world-sticky{top:25px}.world-stage{height:400px}.world-stage .screen-shell{left:3%;right:3%}.world-annotation{bottom:0}.world-chat{width:40%;top:43%}.chat-crop{height:115px}.worlds .section-heading h2{font-size:36px}.eyebrow{font-size:9px;gap:8px}.eyebrow i{width:14px}.team-stage{height:475px;margin-top:30px}.dispatch{width:440px;padding:13px 16px}.dispatch p{font-size:12px}.team-workspace{top:135px;width:85%;left:0}.team-detail{top:190px;width:48%}.detail-crop{height:210px}.workflow-steps{gap:18px}.workflow-steps strong{font-size:12px}.workflow-steps small{font-size:10px}.workflow-steps button{gap:10px}.todo-stage{padding-inline:0;margin-top:40px}.todo-board{transform:rotateX(4deg)}.todo-backplate{inset:7px -5px 23px}.completion-pill{padding:10px 15px;font-size:11px}.together-section{grid-template-columns:1fr;gap:20px}.together-copy{position:relative}.together-copy .section-description{max-width:400px;margin-top:20px}.future-note{position:absolute;right:0;top:105px;max-width:280px}.together-stage{max-width:620px;width:100%;margin:auto;height:610px}.shared-chat-crop{height:205px}.canvas-preview{top:315px;left:13%;width:88%}.idea-note strong{font-size:25px}.connect-header h2{font-size:40px}.terminal{width:63%}.terminal-top{font-size:7px;padding:0 12px}.hardware-node{width:14%}.hardware-node>span{font-size:8px;white-space:nowrap}.lamp,.toy-robot{scale:.68}.connected-world{margin-top:30px;min-height:300px}.terminal-content{font-size:10px;padding:22px 15px}.terminal-lines p{font-size:9px}}
@media(max-width:600px){html{scroll-padding-top:30px}.wrap{width:calc(100% - 36px)}.header{height:72px;padding:0 20px;gap:15px}.brand{font-size:19px;gap:8px}.brand img{width:29px;height:29px}.header-actions{gap:16px;font-size:12px}.header-actions .login{display:none}.nav-start{padding:7px 13px;font-size:11px}.language{font-size:11px;gap:4px}.language svg{width:14px}.hero{height:900px;max-height:none}.hero-inner{align-items:flex-start;padding-top:142px}.hero-art{inset:245px -100px 0 -175px;transform:none}.hero-art img{object-position:66% center;object-fit:cover}.hero:after{background:linear-gradient(180deg,#101115 0%,#101115 13%,#101115f2 27%,#1011153b 48%,transparent 63%,#101115 99%)}.hero-copy{width:100%;padding:0}.hello{font-size:10px;gap:7px;margin-bottom:23px}h1{font-size:50px;letter-spacing:-.065em}.hero-description{font-size:12px;margin-top:21px;max-width:330px;line-height:1.9}.hero-ctas{gap:9px;margin-top:25px}.button{font-size:11px;min-height:44px;border-radius:8px;padding:10px 15px;gap:9px}.button svg{width:17px;height:17px}.download-note{font-size:9px;margin-top:13px}.note-a{top:65%;right:36%;font-size:10px;padding:8px 12px}.note-b{bottom:14%;right:4%;font-size:10px;padding:8px 12px}.mini-face{width:22px;height:22px}.floating-note .mini-face:before,.floating-note .mini-face:after{top:8px}.hero-bottom{bottom:20px;font-size:9px}.story-section{padding-block:66px}.section-heading{display:block}.section-heading h2,.together-copy h2{font-size:34px;line-height:1.35;letter-spacing:-.045em}.eyebrow{font-size:8px;gap:8px;margin-bottom:20px;letter-spacing:.1em}.section-heading .section-description{margin-top:23px;font-size:12px;max-width:360px;line-height:1.9}.section-description br{display:none}.heading-aside{max-width:none;padding:0}.heading-aside .text-button{margin-top:15px}.text-button{font-size:11px}.worlds{height:auto;padding-bottom:40px}.world-sticky{position:relative;top:0}.worlds .section-heading{padding:0}.worlds .section-heading h2{font-size:34px}.worlds .section-heading>.section-description{max-width:330px}.worlds .section-heading>.section-description br{display:none}.scene-controls{margin-top:25px;gap:12px;flex-wrap:wrap}.mode-switch button{padding:8px 14px;font-size:10px;gap:6px}.mode-switch svg{width:13px;height:13px}.capture-label{font-size:8px;gap:6px}.world-stage{height:290px;margin:15px -5px 0;perspective:1000px}.world-stage .screen-shell{inset:15px 0 auto;border-radius:9px}.screen-chrome{height:23px;padding:0 9px;font-size:6px;gap:8px}.screen-live{font-size:5px;gap:4px}.window-dots{gap:3px}.window-dots i{width:4px;height:4px}.world-stage .office-screen{transform:rotateX(4deg) rotateY(-4deg) scale(.97)}.world-chat{width:60%;top:45%;right:-1%;border-radius:8px}.layer-label{height:29px;padding:0 10px;gap:7px;font-size:8px}.layer-number{font-size:6px}.chat-crop{height:90px}.world-annotation{bottom:0;font-size:9px;left:5px}.worlds .scene-footer{margin-top:10px}.scene-footer{font-size:9px;align-items:flex-start;gap:15px;margin-top:17px}.scene-footer>span{max-width:65%}.scene-footer .text-button{font-size:9px;padding:0;line-height:1.6}.team-stage{height:445px;margin-top:28px;overflow:visible}.dispatch{width:100%;padding:12px 13px;border-radius:10px;gap:10px}.dispatch-avatar{width:32px;height:32px;border-radius:10px}.dispatch-avatar img{width:19px}.dispatch small{font-size:7px}.dispatch p{font-size:11px;max-width:255px;line-height:1.6}.dispatch-enter{display:none}.team-wires{top:59px;height:290px}.team-workspace{top:115px;left:0;width:97%;transform:rotateX(5deg) rotateY(5deg) rotateZ(-3deg);border-radius:8px}.team-workspace>img{height:245px;object-fit:cover;object-position:left top;max-width:none;width:100%}.team-detail{top:190px;right:-4px;width:79%;border-radius:9px}.detail-crop{height:190px}.detail-crop img{width:100%}.handoff-receipt{height:30px;font-size:8px;padding:0 10px;gap:7px}.handoff-receipt svg{width:11px}.team-cursor{left:20%;top:59%}.workflow-steps{gap:13px;margin-top:12px}.workflow-steps button{display:block;padding:13px 0 0;min-height:91px}.step-index{font-size:9px;display:block;margin-bottom:7px}.workflow-steps strong{font-size:10px;line-height:1.6;font-weight:400}.workflow-steps small{font-size:8px;line-height:1.6;margin-top:6px}.todo-stage{margin:30px 0 0;padding-bottom:32px;perspective:none}.todo-board{transform:none;aspect-ratio:1318/760;border-radius:9px;min-width:0}.todo-board .todo-base,.todo-finished{border-radius:8px}.todo-backplate{border-radius:10px;inset:5px -4px 26px}.moving-note{border-radius:3px!important}.demo-cursor svg{width:12px;height:17px}.demo-cursor span{font-size:7px;padding:1px 5px;margin-top:14px}.todo-cursor{display:none}.completion-pill{font-size:8px;padding:7px 11px;right:4px;bottom:5px;gap:6px}.completion-pill svg{width:11px;height:11px}.todo-section .scene-footer{margin-top:10px}.together-section{display:flex;flex-direction:column;align-items:stretch;gap:0}.together-copy .section-description{font-size:12px;margin:22px 0 12px;max-width:340px}.future-note{position:static;max-width:100%;margin:27px 0 0;padding-top:17px}.future-note strong{font-size:11px}.future-note p>span{font-size:10px}.together-stage{height:470px;margin-top:13px;max-width:440px}.shared-chat{top:30px;width:98%;left:0;border-radius:9px}.shared-chat-crop{height:146px}.shared-chat-crop img{width:115%}.canvas-preview{top:238px;left:5%;width:95%;border-radius:10px}.canvas-preview-top{font-size:8px;padding:10px 12px}.preview-badge{font-size:6px;padding:3px 4px}.canvas-preview-body{height:203px}.idea-note{left:18px;top:28px;height:142px;width:45%;padding:12px 14px}.idea-note small{font-size:6px}.idea-note strong{font-size:20px;margin-top:9px}.idea-note>span{font-size:6px;margin-top:11px}.idea-art{top:23px;height:158px;right:6%;width:41%}.idea-art span{font-size:17px;left:12px;top:14px}.idea-art i{width:80px;height:80px;border-radius:23px;bottom:15px}.idea-art b{width:66px;height:66px;left:14px}.idea-art em{width:25px;height:25px;right:15px;top:18px}.preview-cursor{bottom:15px;left:32%}.connect-header{text-align:left}.connect-header .eyebrow{justify-content:flex-start}.connect-header h2{font-size:30px;line-height:1.45}.connect-header .section-description{font-size:12px;margin:23px 0 0}.connected-world{display:grid;grid-template-columns:1fr 1fr;min-height:0;gap:25px;margin-top:29px}.terminal{grid-column:1/-1;grid-row:1;width:100%;transform:none;border-radius:12px}.terminal-top{height:36px;font-size:7px}.terminal-content{font-size:10px;padding:21px 18px;min-height:177px}.terminal-lines p{font-size:9px;line-height:2.4}#connect-demo{padding:13px 18px;font-size:11px}.hardware-node{width:100%;gap:2px}.hardware-node>span{font-size:9px}.lamp{scale:.65;height:130px;transform-origin:center center}.toy-robot{scale:.65}.hardware-lines{top:265px;height:150px;stroke:#b8a1d120}.connection-note{font-size:8px;line-height:1.8;margin-top:24px;text-align:left;max-width:300px}.join-section{padding:55px 0 65px}.join-art{width:150px;height:140px;margin-bottom:25px}.join-art img{width:59px;height:59px}.section-label{font-size:10px;margin-bottom:18px}.join-section h2{font-size:30px;line-height:1.4}.join-section .hero-ctas{gap:9px}.join-section .download-note{font-size:8px;max-width:270px;margin-inline:auto;line-height:1.8}.footer{padding-block:23px;flex-wrap:wrap;gap:15px}.footer .brand{font-size:14px}.footer .brand img{width:25px;height:25px}.footer>div{font-size:8px;gap:13px}.ui-lightbox{width:96vw;max-width:96vw;border-radius:9px}.lightbox-top{font-size:10px;padding:8px 12px}.ui-lightbox>p{font-size:8px}.lightbox-image img{min-width:950px}.ui-lightbox .lightbox-image{max-height:70svh}}
@media(max-width:360px){.wrap{width:calc(100% - 30px)}.header{padding-inline:15px}.brand{font-size:16px}.header-actions{gap:11px}.nav-start{padding:6px 10px;font-size:10px}h1{font-size:45px}.hero-description{font-size:11px}.button{font-size:10px;padding:10px 13px}.section-heading h2,.worlds .section-heading h2,.together-copy h2{font-size:30px}.world-stage{height:255px}.team-stage{height:400px}.team-workspace>img{height:213px}.team-detail{top:179px}.detail-crop{height:158px}.dispatch p{font-size:10px}.shared-chat-crop{height:135px}.together-stage{height:450px}.canvas-preview{top:220px}.idea-note strong{font-size:18px}.connect-header h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.worlds{height:auto;padding-bottom:65px}.world-sticky{position:relative;top:0}.office-screen,.todo-board,.team-workspace,.terminal{transform:none}.world-chat{display:none}.team-detail{opacity:1;transform:none}.todo-finished,.completion-pill{opacity:1;transform:none}.moving-note{visibility:hidden}.terminal-lines p{opacity:1}.floating-note{translate:none}}
/* Keep animated layers inside their scene, including on short laptop displays. */
body{overflow-x:clip}.chat-crop img,.shared-chat-crop img{height:auto}.world-stage{height:min(54vw,54svh,580px)}.world-stage .screen-shell{inset:12px auto auto 50%;translate:-50% 0;height:calc(100% - 35px);width:auto;max-width:95%;aspect-ratio:1440/950}.world-stage .screen-shell>img{height:calc(100% - 32px);width:100%;object-fit:contain;aspect-ratio:auto}.team-stage{height:675px}.team-workspace{width:79%;height:465px}.team-workspace>img{height:calc(100% - 32px);object-fit:cover;object-position:top}.detail-crop{height:315px}.team-detail{width:45%;top:220px}.shared-chat-crop{height:260px}.canvas-preview{top:354px}.together-stage{height:650px}.todo-viewport{position:relative;perspective:1500px}.todo-board{width:100%}
@media(max-width:1100px){.team-stage{height:590px}.team-workspace{height:400px}.detail-crop{height:285px}.team-detail{top:210px}.shared-chat-crop{height:230px}.canvas-preview{top:320px}.together-stage{height:620px}}
@media(max-width:900px){.team-stage{height:530px}.team-workspace{height:340px}.team-detail{top:185px}.detail-crop{height:245px}.world-stage{height:min(54vw,54svh)}.shared-chat-crop{height:260px}.canvas-preview{top:350px}.together-stage{height:655px}}
@media(max-width:600px){.world-stage{height:290px}.world-stage .screen-shell{inset:15px 0 auto 0;translate:none;width:100%;max-width:none;height:auto;aspect-ratio:auto}.world-stage .screen-shell>img{height:auto;aspect-ratio:1440/900}.world-stage .focus-screen>img{height:222px;object-fit:cover;object-position:35% 12%;width:100%}.chat-crop{height:110px}.world-chat{top:43%;width:63%}.team-stage{height:478px}.team-workspace{width:98%;height:263px;top:115px}.team-workspace>img{height:calc(100% - 23px);object-fit:cover;object-position:left top}.team-detail{top:185px;width:85%;right:0}.detail-crop{height:226px}.todo-viewport{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#62576d #16191d;border-radius:10px;perspective:none;overscroll-behavior-x:contain}.todo-board{width:860px;max-width:none;transform:none;aspect-ratio:1318/760;box-shadow:none;border-radius:9px}.todo-board .moving-note{border-radius:6px!important}.todo-cursor{display:flex}.todo-backplate{display:none}.completion-pill{bottom:2px}.todo-stage{padding-bottom:38px}.todo-section .scene-footer>span{max-width:63%}.shared-chat-crop{height:195px}.shared-chat-crop img{width:100%}.canvas-preview{top:278px}.together-stage{height:515px}.team-wires{height:335px}.world-glow,.team-ambient{inset-inline:0}}
@media(max-width:360px){.world-stage{height:265px}.world-stage .focus-screen>img{height:200px}.team-stage{height:442px}.detail-crop{height:206px}.team-workspace{height:240px}.team-detail{top:170px}.shared-chat-crop{height:176px}.canvas-preview{top:259px}.together-stage{height:490px}}
@media(min-width:1101px){.shared-chat-crop{height:310px}.canvas-preview{top:405px}.together-stage{height:705px}}
html{overflow-x:clip}.team-stage{overflow:clip;overflow-clip-margin:25px}

/* Use OS detection once available, including on narrow or touch-enabled PCs.
   Keep the responsive fallback only while detection is unavailable. */
html[data-download-platform="web"] [data-desktop-download]{display:none!important}
@media (max-width:900px), (hover:none) and (pointer:coarse){
  html:not([data-download-platform]) [data-desktop-download]{display:none!important}
}

/* Keep the source link available even when the section navigation is hidden. */
.header-actions{flex-shrink:0}
.github-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;white-space:nowrap;color:#c4c2cd;border-radius:10px;transition:color .2s,background .2s}
.github-link svg{width:19px;height:19px;fill:currentColor;stroke:none}
.github-link:hover{color:var(--paper);background:#ffffff0a}
@media(max-width:1200px){.header nav{gap:18px}.header-actions{gap:16px}.github-link{width:44px}.github-link span{display:none}}
@media(max-width:1000px){.header nav{display:none}}
@media(max-width:600px){.header{gap:8px}.header-actions{gap:6px}.github-link{width:44px;min-height:44px}.language{min-height:44px}.nav-start{white-space:nowrap}}
@media(max-width:360px){.header{padding-inline:12px}.header-actions{gap:3px}.header .brand{gap:6px}}