@import url('/office/fonts.css');
:root{--paper:#f5f4ef;--ink:#292632;--muted:#76737e;--line:#dedce2;--purple:#7054bb;--purple-dark:#584293;--mint:#a4c7b6;--font:'Inter',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,select,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #9a76e6;outline-offset:5px}button{color:inherit}button,a{touch-action:manipulation}.header{height:96px;padding:0 4.5%;display:flex;align-items:center;gap:40px;border-bottom:1px solid rgba(105,96,124,.12);position:relative;z-index:20;background:var(--paper)}.wordmark{font-size:32px;font-weight:650;letter-spacing:-1.5px;display:inline-flex;align-items:center}.brand-dot{color:var(--purple)}.brand-symbol{position:relative;width:29px;height:31px;margin-right:13px;display:flex;gap:3px;align-items:center;transform:skewY(-16deg)}.brand-symbol i{width:6px;height:23px;background:var(--purple);border-radius:2px}.brand-symbol i:nth-child(2){height:31px}.brand-symbol i:nth-child(3){height:16px}.header nav{display:flex;gap:32px;font-size:13px;margin:auto}.header nav a{padding:12px 0}.header nav a:hover,.text-link:hover{color:var(--purple)}.header nav a span{color:var(--muted);font-size:11px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:47px;border:1px solid var(--line);border-radius:6px;padding:13px 20px;font-size:13px;font-weight:550;transition:background .2s,transform .2s}.button:hover{background:#e9e6f0;transform:translateY(-1px)}.button span{font-size:20px;line-height:1}.primary{background:var(--purple);border-color:var(--purple);color:white}.primary:hover{background:var(--purple-dark)}.menu-button{display:none;background:none;border:0;font-size:24px;min-width:44px;min-height:44px}.hero{position:relative;min-height:760px;height:calc(100svh - 96px);max-height:1100px;overflow:hidden}.hero-copy{position:relative;z-index:3;padding:74px 0 0 4.5%;width:43%;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.7px;display:flex;align-items:center;gap:9px}.tiny-dot{display:inline-block;background:var(--purple);width:6px;height:6px;border-radius:50%;flex-shrink:0}h1{font-size:clamp(40px,4.15vw,72px);font-weight:500;line-height:1.08;letter-spacing:-2.8px;margin:29px 0 22px}h1 span{color:var(--purple)}.hero-description{font-size:15px;line-height:1.8;max-width:365px;color:#6d6976}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:27px}.text-link{display:inline-flex;align-items:center;gap:20px;font-size:13px;font-weight:550;min-height:44px}.hero-note{font-size:11px;color:var(--muted);display:flex;gap:9px;align-items:center;margin-top:26px}.lock-icon{color:var(--purple)}.world{position:absolute;right:-1%;top:2%;width:66%;height:calc(100% - 152px)}#scene{position:absolute;inset:0;z-index:1}#scene canvas{display:block;width:100%;height:100%;touch-action:pan-y}.world-caption{position:absolute;top:28px;right:10%;font-size:9px;letter-spacing:1.6px;display:flex;gap:8px;align-items:center;z-index:2}.world-caption .tiny-dot{background:#aaa5b4}.world-tools{position:absolute;bottom:40px;right:8%;display:flex;gap:6px;z-index:3}.world-tools button{width:40px;height:44px;background:#fff9;border:1px solid var(--line);border-radius:6px;font-size:22px}.world-tools button:hover{background:#fff}.world-legend{position:absolute;bottom:49px;left:25%;display:flex;align-items:center;gap:8px;z-index:2;font-size:10px;color:var(--muted)}.legend-node{height:7px;width:7px;border:1px solid #9993a8;border-radius:50%}.world.is-on .legend-node{background:var(--purple);border-color:var(--purple)}.world.is-on .world-caption .tiny-dot{background:var(--purple)}#scene-labels{position:absolute;inset:0;pointer-events:none;z-index:2}.scene-tag{position:absolute;transform:translate(-50%,-50%);background:#fffdf9e8;border:1px solid #d8d3e2;padding:8px 11px;border-radius:5px;font-size:10px;white-space:nowrap;box-shadow:0 4px 18px #37314309;transition:background .3s,border-color .3s}.scene-tag b{font-weight:550}.scene-tag em{font-style:normal;font-size:8px;color:#8c8598;display:inline-block;margin-left:10px}.scene-tag.active{border-color:#b6a1dd}.scene-tag.active em{color:var(--purple);font-weight:700}.scene-tag.active em:before{content:'✓ ';}.scene-fallback{position:absolute;inset:10% 3%;display:flex;align-items:center;justify-content:center;flex-direction:column}.scene-fallback svg{width:100%;max-height:80%}.scene-fallback p{font-size:12px;color:var(--muted)}.webgl-ready .scene-fallback{display:none}.experience-dock{position:absolute;bottom:65px;left:4.5%;right:4.5%;z-index:5;display:flex;gap:20px;align-items:center;padding:20px 24px;background:#fffdf9ed;border:1px solid #ded9e6;border-radius:10px;box-shadow:0 12px 30px #38303f06}.dock-title{min-width:195px}.overline{font-size:8px;color:var(--muted);letter-spacing:1.5px;font-weight:600;display:block;margin-bottom:7px}.dock-title strong{font-size:14px;font-weight:550}.activate{display:flex;align-items:center;gap:12px;border:0;background:#eee8f8;padding:12px 17px;min-height:50px;border-radius:6px;font-size:12px;font-weight:550;min-width:219px}.activate:hover{background:#e7def4}.switch-track{width:36px;height:22px;border-radius:12px;background:#bdb3cc;padding:3px;display:inline-flex;flex-shrink:0;transition:background .3s}.switch-track>span{display:block;width:16px;height:16px;background:white;border-radius:50%;box-shadow:0 1px 4px #0002;transition:transform .3s}.activate.on .switch-track{background:var(--purple)}.activate.on .switch-track>span{transform:translateX(14px)}.dock-divider{height:36px;width:1px;background:var(--line);margin:0 3px}.task-select{flex:1;min-width:140px}.task-select label{font-size:8px;letter-spacing:1.2px;color:var(--muted);display:block;margin-bottom:6px}.task-select select{font-size:12px;background:transparent;border:0;padding:4px 20px 4px 0;width:100%;outline-offset:1px;color:var(--ink)}.run-button{padding:14px 17px;min-height:48px;border:1px solid #c5bbd7;border-radius:6px;background:#fff;font-size:12px;white-space:nowrap}.run-button:hover:not(:disabled){background:#f1ebf9}.run-button span{margin-left:14px}.reset{border:0;background:transparent;font-size:10px;min-height:44px;color:var(--muted)}.experience-caption{position:absolute;bottom:25px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;font-size:9px;color:var(--muted);z-index:4}.experience-caption a{font-size:11px;color:var(--ink);display:flex;gap:22px;align-items:center}.task-result{position:absolute;right:5%;bottom:180px;width:355px;z-index:9;border:1px solid #d5c9e8;background:#fffcf9f5;border-radius:10px;box-shadow:0 25px 65px #2b154225;padding:20px;backdrop-filter:blur(18px)}[hidden]{display:none!important}.result-top{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1px}.result-top>span{display:flex;align-items:center;gap:6px}.result-top button{border:0;background:none;font-size:24px;width:36px;height:36px;margin:-12px -10px 0 0}.result-question{font-size:15px;line-height:1.5;margin:18px 0}.task-progress{display:flex;gap:5px;margin-bottom:18px}.task-progress span{font-size:8px;padding:6px;background:#efecf2;color:#8e8798;border-radius:3px;flex:1;text-align:center}.task-progress span.current{background:#e8ddf7;color:#65429d}.task-progress span.done{background:#e6eee8;color:#487660}.result-answer{font-size:13px;line-height:1.65;min-height:65px}.result-source{font-size:9px;color:var(--purple);padding:11px 0}.result-bottom{font-size:8px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px}.hardware-band{padding:26px 4.5%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px}.hardware-band>span{font-size:10px;color:var(--muted)}.hardware-band>div{display:flex;align-items:center;gap:11px}.device-icon{font-size:25px;color:#7d718e}.section{padding:90px 7%}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:40px}.section-heading p{font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:6px}h2{font-size:42px;line-height:1.12;letter-spacing:-1.5px;font-weight:500;margin:22px 0 0}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.product-card{position:relative;border:1px solid #ded9e4;border-radius:12px;padding:30px 38px 24px;background:#f0edf5}.onbuzz-card{background:#edf0e8;border-color:#d7ded0}.product-type{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1px;color:#81748e}.product-badge{font-size:12px;letter-spacing:0;border:1px solid #d2c7e0;padding:5px 10px;border-radius:20px;color:#6c538d}.onbuzz-card .product-badge{border-color:#bacbad;color:#4a6343}.mini-infra,.mini-agents{height:150px;position:relative;margin:20px 0 5px;isolation:isolate}.mini-infra{transform:scale(.85)}.mini-machine{position:absolute;width:70px;height:49px;background:#d7d0e2;border:5px solid #9d92ae;border-bottom-width:9px;border-radius:4px;transform:skewY(-12deg);z-index:2;box-shadow:10px 10px 0 #d3cbdc}.m1{left:6%;top:36px}.m2{right:7%;top:22px}.m3{right:17%;bottom:0;width:42px;height:55px;background:repeating-linear-gradient(#a99fbc 0 8px,#c7bed5 8px 11px)}.infra-hub{position:absolute;left:40%;top:57px;background:#78619b;color:white;border-radius:6px;padding:15px 22px;font-size:12px;z-index:2;box-shadow:0 12px 0 #b2a1cd}.infra-hub .tiny-dot{background:#c5f3da;margin-right:6px}.infra-wire{position:absolute;width:65%;height:70px;border:2px dashed #aa98c5;left:20%;top:48px;transform:skewY(-12deg);z-index:-1}.agent-center{position:absolute;left:50%;top:68px;transform:translateX(-50%);padding:15px 24px;background:#718361;color:white;font-size:12px;border-radius:7px;box-shadow:0 9px 0 #b7c0a9}.agent-orbit{position:absolute;display:flex;gap:24px;align-items:center;padding:12px 15px;background:#f7faf1;border:1px solid #cbd4bd;border-radius:5px;font-size:10px;box-shadow:0 5px 14px #7183610a}.agent-orbit span{font-size:16px;color:#7a8e65}.a1{top:8px;left:4%;transform:rotate(-7deg)}.a2{top:16px;right:0;transform:rotate(6deg)}.a3{bottom:0;right:7%;transform:rotate(-4deg)}h3{font-size:32px;line-height:1.16;font-weight:500;letter-spacing:-.9px;margin:24px 0 16px}.product-card p{font-size:13px;line-height:1.8;color:#706877;max-width:435px}.onbuzz-card p{color:#6b7263}.product-card ul{padding:0;list-style:none;font-size:11px;color:#746d7b;line-height:1.65;margin:21px 0}.product-card li{padding:4px 0 4px 17px;position:relative}.product-card li:before{content:'↗';position:absolute;left:0;color:#93829e}.product-link{display:inline-flex;gap:50px;align-items:center;min-height:44px;font-size:12px;font-weight:600}.product-link span{font-size:21px}.product-card small{display:block;font-size:9px;color:var(--muted);margin-top:10px}.onbuzz-links{display:flex;align-items:center;gap:30px}.onbuzz-links>a:last-child{font-size:10px;text-decoration:underline}.test-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:#eae6f0;padding-top:75px;padding-bottom:75px}.test-copy h2{margin-top:20px}.test-copy p{font-size:14px;line-height:1.8;max-width:390px;color:#665e71}.test-copy p.secondary-copy{font-size:12px;color:#857a90}.test-copy .button{margin-top:12px}.test-copy small{display:block;font-size:9px;color:var(--muted);margin-top:17px}.test-orb{min-height:360px;position:relative;align-self:center;perspective:900px}.paper{position:absolute;width:190px;height:220px;background:#fbf9f4;border:1px solid #d4cddc;padding:22px;border-radius:7px;box-shadow:0 24px 35px #59427413;transform:rotate(-12deg)}.paper span{font-size:10px;display:block;color:#82778d;margin-bottom:25px}.paper i{display:block;height:5px;background:#e3dce9;border-radius:4px;margin:13px 0}.paper i:nth-last-child(1){width:65%}.p1{left:0;top:12px}.p2{left:26%;top:66px;transform:rotate(3deg);background:#76618f;color:#fff;z-index:2}.p2 span{color:#ded5eb}.p2 b{font-weight:400;font-size:22px;line-height:1.5;letter-spacing:-.5px}.p3{right:0;top:128px;transform:rotate(15deg)}.p3 strong{font-size:10px;color:#7e9c7b;font-weight:500;position:absolute;bottom:25px}.security-strip{display:flex;align-items:center;gap:28px;padding-top:60px;padding-bottom:60px;border-bottom:1px solid var(--line)}.security-symbol{font-size:55px;color:var(--purple)}.security-strip h2{font-size:23px;letter-spacing:-.6px;margin:0}.security-strip p{font-size:12px;color:var(--muted)}.security-strip small{font-size:9px;color:var(--muted)}.security-strip .text-link{margin-left:auto;font-size:11px}.footer{padding:55px 7% 20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px}.footer p{font-size:11px;line-height:1.8;color:var(--muted)}.footer-links{display:grid;grid-template-columns:repeat(3,auto);gap:15px 40px;font-size:11px;align-content:start;margin-top:12px}.footer-bottom{width:100%;border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.skip{position:absolute;left:20px;top:-80px;z-index:100;background:white;padding:15px}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.subpage{max-width:1100px;margin:auto;padding:75px 5%}.subpage h1{max-width:800px}.subpage .intro{max-width:650px;font-size:18px;line-height:1.7;color:var(--muted)}.subpage .hero-actions{margin-bottom:70px}.sub-section{padding:55px 0;border-top:1px solid var(--line)}.sub-section h2{font-size:35px;margin-bottom:25px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.steps span{color:var(--purple);font-size:12px}.steps h3{font-size:21px;margin-top:20px}.steps p,.sub-section>p{font-size:14px;line-height:1.8;color:var(--muted)}details{border-bottom:1px solid var(--line);padding:22px 0}summary{cursor:pointer;font-size:15px}details p{font-size:13px;line-height:1.8;color:var(--muted);max-width:750px}form{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:750px}form label{font-size:12px;display:grid;gap:9px}form input,form select,form textarea{width:100%;border:1px solid #d2c9dd;border-radius:5px;background:#fffc;padding:13px;color:var(--ink)}form .full{grid-column:1/-1}form small{font-size:11px;color:var(--muted);line-height:1.6}form button{justify-content:center}form .setup-note{font-size:12px;padding:15px;background:#eee7f5;border-radius:5px;line-height:1.65}.subpage .caption{font-size:11px;color:var(--muted);line-height:1.7}.local-boundary{border:1px solid #baa7d3;border-radius:15px;padding:30px;background:#eee9f5;margin:30px 0}.local-boundary>p{text-align:center;color:var(--purple);font-size:10px;letter-spacing:1.5px}.local-blocks{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;padding:25px 0}.local-blocks span{background:#fffc;padding:18px;border-radius:6px;font-size:13px;border:1px solid #ddd3e8}
@media(min-width:1600px){.hero-copy{padding-top:100px}.experience-dock{padding:25px 35px}.dock-title{min-width:250px}.world{right:0;width:65%}.hero-description{font-size:17px;max-width:410px}}
@media(max-width:1100px){.header{gap:25px}.header nav{gap:23px}.hero-copy{padding-top:55px;width:44%}h1{font-size:47px}.hero-description{font-size:13px;max-width:310px}.hero-actions{gap:17px}.experience-dock{gap:12px;padding:17px}.dock-title{min-width:155px}.dock-title strong{font-size:12px}.activate{min-width:192px;padding:12px;font-size:11px}.task-select select{font-size:10px}.run-button{font-size:10px;padding:12px}.hardware-band .band-end{display:none}.product-card{padding:25px}.test-section{gap:45px}.paper{width:160px;height:210px}.world{right:-5%;width:69%}}
@media(max-width:800px){.header{height:76px;padding:0 6%;gap:15px}.header nav{gap:18px;margin-left:auto;margin-right:0;font-size:12px}.header-cta,.desktop-link{display:none}.wordmark{font-size:28px}.brand-symbol{width:23px;margin-right:8px}.hero{min-height:1100px;height:auto;max-height:none}.hero-copy{padding:40px 6% 0;width:100%;max-width:560px}h1{font-size:54px;line-height:1.04;margin:22px 0 18px}.hero-description{max-width:430px;font-size:14px;line-height:1.7}.hero-actions{margin-top:20px}.hero-note{margin-top:18px}.eyebrow{font-size:8px;letter-spacing:1.4px}.world{top:350px;right:-2%;width:104%;height:500px}.world-caption{top:40px;right:9%;font-size:8px}.world-legend{left:8%;bottom:15px;font-size:9px}.world-tools{bottom:6px;right:8%}.experience-dock{left:6%;right:6%;bottom:72px;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:17px}.dock-title{grid-column:1/-1;display:flex;gap:12px;align-items:center}.dock-title .overline{margin:0;font-size:7px}.dock-title strong{font-size:11px}.dock-divider{display:none}.activate{grid-column:1/-1;justify-content:center;min-height:48px;font-size:12px}.task-select{grid-column:1}.run-button{grid-column:2;font-size:11px}.reset{position:absolute;right:16px;top:2px;font-size:9px;min-height:38px}.experience-caption{left:6%;right:6%;bottom:22px;flex-direction:column;gap:13px;font-size:8px}.experience-caption a{font-size:10px}.task-result{right:6%;left:6%;width:auto;bottom:300px;max-width:420px;margin-left:auto}.hardware-band{padding:20px 6%;gap:15px;flex-wrap:wrap}.hardware-band>span:first-child{width:100%}.hardware-band>div{font-size:10px}.section{padding:60px 6%}.section-heading{display:block}.section-heading p{margin-top:22px;font-size:12px}h2{font-size:36px}.product-grid{grid-template-columns:1fr;gap:22px}.product-card{padding:25px 28px}.mini-infra,.mini-agents{max-width:410px;margin-left:auto;margin-right:auto}.product-card p{max-width:none}.test-section{grid-template-columns:1fr;gap:25px}.test-orb{min-height:315px;max-width:440px;width:100%;margin:auto}.paper{width:170px;height:190px}.p2{top:52px}.p3{top:110px}.test-copy{max-width:490px}.security-strip{flex-wrap:wrap;gap:15px}.security-strip h2{font-size:20px}.security-strip .text-link{margin-left:50px}.security-symbol{font-size:36px}.footer{padding:40px 6% 20px;gap:25px}.footer-links{width:100%;gap:18px}.footer-bottom{gap:15px;font-size:8px}.footer-bottom span:nth-child(2){display:none}.steps{grid-template-columns:1fr;gap:10px}.subpage{padding:50px 6%}.subpage h1{font-size:44px}.subpage .intro{font-size:16px}.sub-section h2{font-size:29px}form{grid-template-columns:1fr}form .full{grid-column:auto}}
@media(max-width:420px){.header nav{display:none}.menu-button{display:block;margin-left:auto}.header.menu-open nav{display:flex;position:absolute;top:75px;left:0;right:0;background:var(--paper);padding:18px 6%;border-bottom:1px solid var(--line);justify-content:space-between}.hero-copy{padding-top:34px}h1{font-size:46px;letter-spacing:-2px}.hero-description{font-size:13px}.world{top:355px;height:440px}.hero{min-height:1050px}.scene-tag{font-size:8px;padding:6px 7px}.scene-tag em{font-size:7px;margin-left:5px}.world-caption{top:22px}.paper{width:145px}.p2 b{font-size:19px}.test-orb{min-height:300px}.dock-title strong{font-size:10px}.dock-title .overline{font-size:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

@media(max-width:800px){.hero{min-height:1170px}.world{top:430px;height:450px}}
@media(max-width:420px){.hero{min-height:1135px}.world{top:405px;height:440px}}