:root{--paper:#f8f8f8;--white:#fcfcfc;--ink:#3c3c3c;--green:#4f4f4f;--muted:#979797;--line:#e4e4e4;--accent:#a3a3a3;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--sans:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid #919191;outline-offset:5px}.skip-link{position:absolute;left:20px;top:-50px;background:#4f4f4f;color:#ffffff;padding:10px;z-index:100}.skip-link:focus{top:8px}.header{height:89px;padding:0 4.7%;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line);background:#fbfbfb}.brand{display:flex;align-items:center;gap:11px;white-space:nowrap}.brand img{width:33px;height:33px}.brand>span{font-size:22px;letter-spacing:-.65px;font-weight:600}.brand small{font:8px var(--mono);letter-spacing:1.55px;display:block;color:#979797;margin-top:4px;font-weight:400}.main-nav{display:flex;gap:29px;align-items:center;font-size:12px;color:#8c8c8c}.main-nav a{position:relative;white-space:nowrap;padding:9px 0}.main-nav a:hover,.main-nav a[aria-current=page]{color:#484848}.main-nav a[aria-current=page]:after{position:absolute;content:'';height:2px;background:#7f7f7f;left:0;right:0;bottom:0}.header-actions{display:flex;align-items:center;gap:13px}.account{font-size:11px;white-space:nowrap;color:#8a8a8a;border:1px solid #e1e1e1;border-radius:5px;padding:8px 11px}.account>span{margin-left:8px;color:#acacac}.account:hover{background:#f2f2f2}.menu-button{display:none;width:33px;height:33px;border:1px solid #dddddd;border-radius:5px;align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-button>span{width:13px;height:1px;background:#7e7e7e}main{max-width:1600px;margin:0 auto;padding:0 4.7%}.hero{min-height:562px;display:grid;grid-template-columns:40% 60%;align-items:center;position:relative;border-bottom:1px solid var(--line)}.hero-copy{padding:45px 0 38px;position:relative;z-index:1}.eyebrow{display:flex;align-items:center;gap:7px;font:9px var(--mono);letter-spacing:1.15px;color:#a8a8a8}.eyebrow>span{width:5px;height:5px;border:1px solid #a0a0a0;border-radius:50%;display:inline-block}.hero h1{font-size:clamp(57px,5.9vw,89px);font-weight:430;line-height:1.02;letter-spacing:-5px;margin:27px 0 23px;color:#464646}.hero h1 em{font-style:normal;color:#9a9a9a;letter-spacing:-5.5px}.hero-subtitle{font-size:18px;letter-spacing:1.2px;font-weight:350;color:#909090;margin:0 0 32px}.hero-actions{display:flex;gap:10px;align-items:center}.button{height:42px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 18px;border-radius:5px;font-size:12px;min-width:134px;transition:background .18s,transform .18s}.button.primary{background:#505050;color:#fafafa;border:1px solid #505050}.button.primary:hover{background:#3f3f3f;transform:translateY(-2px)}.button.secondary{border:1px solid #dadada;color:#8f8f8f;background:#fbfbfb}.button.secondary:hover{background:#efefef;transform:translateY(-2px)}.scroll-link{display:inline-flex;align-items:center;gap:34px;color:#a4a4a4;font-size:10px;margin-top:48px}.scroll-link>span{font-size:15px;color:#a7a7a7}.hero-visual{height:548px;position:relative;min-width:0;margin-left:9px;background:radial-gradient(ellipse at 55% 53%,#f3f3f3 0,#f7f7f7 55%,#f8f8f8 78%);overflow:hidden}.visual-label{position:absolute;left:30px;top:31px;right:22px;display:flex;align-items:center;gap:8px;font:8px var(--mono);letter-spacing:.65px;color:#a7a7a7;z-index:1;pointer-events:none}.visual-label>span:last-child{margin-left:auto;font-size:7px;color:#b4b4b4}.live-dot{height:4px;width:4px;border-radius:50%;background:#9d9d9d;box-shadow:0 0 0 3px #ececec}.hero-visual>canvas{width:100%;height:100%;display:block;cursor:grab;touch-action:pan-y}.robot-types{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:flex;gap:5px;background:#fcfcfcdf;border:1px solid #e6e6e6;border-radius:7px;padding:5px;box-shadow:0 3px 12px #6d6d6d10;white-space:nowrap}.robot-types>button{font-size:10px;padding:8px 14px;border-radius:4px;color:#9d9d9d;min-height:30px;transition:background .18s}.robot-types>button.selected{background:#ebebeb;color:#6b6b6b}.robot-types>button:hover{background:#eeeeee}.model-note{position:absolute;right:27px;bottom:95px;display:flex;align-items:center;gap:9px;pointer-events:none}.model-note>span{font-size:9px;color:#999999}.model-note>small{font:7px var(--mono);border-left:1px solid #d3d3d3;padding-left:8px;color:#b3b3b3}.explore{padding:45px 0 54px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.section-head h2{font-size:24px;letter-spacing:-.8px;font-weight:400;margin:10px 0 0;color:#737373}.section-head .eyebrow{font-size:8px;color:#a8a8a8}.section-meta{font-size:10px;color:#b1b1b1;padding-bottom:4px}.module-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:17px}.module-card{grid-column:span 2;display:block;border:1px solid #e2e2e2;border-radius:9px;overflow:hidden;background:#fdfdfd;transition:transform .2s,border-color .2s,box-shadow .2s;min-width:0}.module-card:nth-child(4),.module-card:nth-child(5){grid-column:span 3}.module-card:hover,.lab-card:hover{transform:translateY(-4px);border-color:#b8b8b8;box-shadow:0 8px 25px #5757570c}.card-art{height:214px;position:relative;overflow:hidden;background:#f1f1f1}.simulation-card .card-art{background:#eeeeee}.code-card .card-art{background:#eeeeee}.mission-card .card-art{background:#ededed}.project-card .card-art{background:#eeeeee}.card-art canvas{display:block;width:100%;height:100%;pointer-events:none}.card-index{position:absolute;left:19px;top:17px;font:8px var(--mono);color:#a4a4a4;letter-spacing:.6px;z-index:1;pointer-events:none}.art-tag{position:absolute;right:15px;bottom:14px;font:7px var(--mono);letter-spacing:.8px;color:#a8a8a8;pointer-events:none}.card-title{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:19px 22px 20px;border-top:1px solid #e4e4e4}.card-title h3,.card-title h2{font-size:17px;letter-spacing:.15px;font-weight:450;margin:0 0 6px;color:#6f6f6f}.card-title p{font:9px var(--mono);color:#ababab;margin:0;letter-spacing:.2px}.card-arrow{height:29px;width:29px;display:grid;place-items:center;border:1px solid #e5e5e5;border-radius:50%;color:#aaaaaa;font-size:15px;transition:background .18s}.module-card:hover .card-arrow,.lab-card:hover .card-arrow{background:#e6e6e6;color:#6f6f6f}footer{max-width:1600px;margin:auto;padding:22px 4.7%;min-height:89px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);font-size:9px;color:#a9a9a9}.footer-brand{font-size:16px;letter-spacing:-.5px;color:#8d8d8d;font-weight:500}.footer-brand>span{font-size:11px;color:#a9a9a9;margin-left:8px}footer>span{font:9px var(--mono);letter-spacing:.4px;color:#b1b1b1}footer>a:last-child{font-size:10px;color:#a3a3a3}.lab-intro{padding:50px 0 38px;display:flex;justify-content:space-between;align-items:flex-end;gap:22px}.lab-intro h1{font-weight:400;letter-spacing:-1.7px;font-size:39px;margin:16px 0 12px}.lab-intro h1 em{font-style:normal;color:#9a9a9a}.lab-intro p{font-size:12px;letter-spacing:1px;color:#a7a7a7;margin:0}.back-link{font-size:11px;color:#a8a8a8;white-space:nowrap;margin-bottom:3px}.lab-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.lab-card{border:1px solid #e0e0e0;border-radius:9px;overflow:hidden;transition:transform .18s,box-shadow .18s,border-color .18s;background:#fdfdfd;min-width:0}.lab-art{position:relative;height:321px;background:radial-gradient(ellipse at 50% 50%,#f9f9f9,#f1f1f1)}.lab-art>canvas{width:100%;height:100%;display:block;pointer-events:none}.lab-note{font-size:10px;color:#aeaeae;margin:25px 0 40px}.lab-page .card-title{padding:20px 25px}.lab-page .card-title h2{font-size:20px}.lab-page .card-title p{font-family:var(--sans);font-size:10px}
@media(min-width:1600px){.hero{grid-template-columns:42% 58%;min-height:620px}.hero-visual{height:610px}.card-art{height:240px}}
@media(max-width:1200px){.header{padding:0 4%;gap:22px}.main-nav{gap:21px;font-size:11px}.brand>span{font-size:20px}.brand small{font-size:7px;letter-spacing:1.1px}.account{font-size:10px;padding:7px 8px}main{padding:0 4%}.hero{grid-template-columns:42% 58%;min-height:520px}.hero-visual{height:510px;margin-left:0}.hero h1{font-size:67px;letter-spacing:-3.7px}.hero h1 em{letter-spacing:-4px}.hero-subtitle{font-size:16px}.eyebrow{font-size:8px;letter-spacing:.7px}.visual-label{left:20px;right:17px;top:28px;font-size:7px}.visual-label>span:last-child{font-size:6px}.module-grid{gap:13px}.card-art{height:195px}.card-title{padding:17px 18px}.card-title h3{font-size:16px}.hero-actions .button{font-size:11px;min-width:123px;gap:18px}.lab-art{height:300px}}
@media(max-width:1000px){.header{height:78px;padding:0 3%;gap:18px}.main-nav{gap:16px;font-size:10px}.brand img{width:29px;height:29px}.brand{gap:9px}.brand>span{font-size:19px}.brand small{font-size:6px;letter-spacing:1px}.account{font-size:9px;padding:7px}.account>span{margin-left:3px}main{padding:0 3%}.hero{grid-template-columns:44% 56%;min-height:480px}.hero-visual{height:475px}.hero h1{font-size:57px;letter-spacing:-3px}.hero h1 em{letter-spacing:-3.6px}.hero-subtitle{font-size:14px;letter-spacing:.5px}.hero .eyebrow{font-size:6px}.hero-actions{gap:7px}.hero-actions .button{height:38px;min-width:111px;font-size:10px;padding:0 12px;gap:16px}.visual-label{font-size:6px;left:16px;right:12px}.visual-label>span:last-child{display:none}.robot-types>button{padding:7px 10px;font-size:8px}.robot-types{bottom:26px;gap:3px;padding:4px}.model-note{right:16px;bottom:85px;gap:6px}.model-note>span{font-size:8px}.model-note>small{font-size:6px;padding-left:6px}.section-head h2{font-size:22px}.card-art{height:180px}.card-title h3{font-size:15px}.card-title p{font-size:8px}.art-tag{font-size:6px}.card-index{font-size:7px}.card-arrow{width:25px;height:25px}.lab-grid{gap:17px}.lab-art{height:280px}}
@media(max-width:760px){.header{height:74px;padding:0 5%;position:relative;gap:15px}.brand img{width:30px;height:30px}.brand>span{font-size:20px}.brand small{font-size:7px}.account{font-size:10px;padding:7px 9px}.account>span{display:none}.menu-button{display:flex}.main-nav{display:none;position:absolute;left:0;right:0;top:74px;background:#fcfcfc;border-bottom:1px solid #e2e2e2;z-index:10;padding:15px 5% 20px;grid-template-columns:1fr 1fr;gap:8px 22px;box-shadow:0 8px 20px #4a4a4a08;font-size:13px}.main-nav.open{display:grid}.main-nav a{padding:10px 0}.main-nav a:last-child{grid-column:1/-1}.header-actions{gap:8px}main{padding:0 5%}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0}.hero-copy{padding:37px 0 0}.hero .eyebrow{font-size:7px;letter-spacing:.9px}.hero h1{font-size:clamp(56px,10.5vw,76px);letter-spacing:-3.7px;margin:23px 0 17px}.hero h1 em{letter-spacing:-4px}.hero-subtitle{font-size:17px;letter-spacing:1px;margin:0 0 24px}.hero-actions .button{font-size:12px;min-width:135px;height:41px;padding:0 16px}.scroll-link{display:none}.hero-visual{height:390px;margin:10px -4% 0}.visual-label{top:23px;left:18px;font-size:7px}.visual-label>span:last-child{display:block;font-size:6px}.robot-types{bottom:18px}.robot-types>button{font-size:10px;padding:8px 14px;min-height:34px}.model-note{bottom:76px;right:21px}.model-note>span{font-size:9px}.model-note>small{font-size:7px}.explore{padding:32px 0 35px}.section-head{margin-bottom:20px;align-items:center}.section-head .eyebrow{font-size:7px}.section-head h2{font-size:21px;margin-top:9px}.section-meta{display:none}.module-grid{grid-template-columns:1fr 1fr;gap:12px}.module-card,.module-card:nth-child(4),.module-card:nth-child(5){grid-column:auto}.module-card:first-child{grid-column:1/-1}.module-card:first-child .card-art{height:250px}.card-art{height:178px}.card-title{padding:16px 14px;gap:8px}.card-title h3{font-size:16px}.card-title p{font-size:7px;letter-spacing:0}.card-arrow{width:25px;height:25px;font-size:14px}.card-index{left:13px;top:13px;font-size:7px}.art-tag{font-size:5px;right:11px;bottom:10px;letter-spacing:.5px}.module-card:first-child .art-tag{font-size:7px}.module-card:first-child .card-title{padding:18px 19px}.module-card:first-child .card-title h3{font-size:20px}.module-card:first-child .card-title p{font-size:9px}footer{padding:22px 5%;min-height:83px;gap:14px}.footer-brand{font-size:15px}footer>span{font-size:7px;letter-spacing:0}footer>a:last-child{font-size:8px}.lab-intro{padding:35px 0 27px;align-items:flex-start}.lab-intro h1{font-size:30px;letter-spacing:-1px;margin:17px 0 12px}.lab-intro h1 em{display:inline}.lab-intro p{font-size:10px;letter-spacing:.1px}.lab-intro .eyebrow{font-size:8px}.back-link{font-size:9px;padding-top:1px}.lab-grid{gap:14px;grid-template-columns:1fr 1fr}.lab-art{height:220px}.lab-page .card-title{padding:16px 14px}.lab-page .card-title h2{font-size:16px}.lab-page .card-title p{font-size:8px}.lab-page .card-index{font-size:6px;max-width:90%;letter-spacing:.1px}.lab-note{font-size:9px;line-height:1.8;margin:20px 0 30px}}
@media(max-width:400px){.header{padding:0 4%;gap:12px}.brand>span{font-size:18px}.brand small{font-size:6px;letter-spacing:.8px}.brand img{width:28px;height:28px}.account{font-size:9px;padding:7px}.header-actions{gap:6px}main{padding:0 4%}.hero h1{font-size:57px}.hero-subtitle{font-size:16px}.hero-visual{height:355px}.robot-types>button{padding:8px 12px;font-size:9px}.card-art{height:157px}.card-title h3{font-size:15px}.card-title p{font-size:6px}.card-arrow{height:22px;width:22px}.lab-art{height:190px}.lab-page .card-title p{font-size:7px}footer>span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}


.hero-actions .button{justify-content:center;gap:0}.hero h1{overflow-wrap:normal;word-break:normal}.card-title{justify-content:flex-start}

/* Graphite, warm white, silver and a restrained sand accent. */
:root{--paper:#f8f7f4;--white:#fffefa;--ink:#232321;--green:#272725;--muted:#77756f;--line:#e5e2da;--accent:#a89d8b;color-scheme:light}
.header{background:#fcfbf8}.brand small,.main-nav,.hero-subtitle,.eyebrow,.visual-label,.model-note>span,.card-index,.section-meta,.section-head .eyebrow,.card-title p,.lab-intro p,.lab-note,footer,footer>span,footer>a:last-child{color:#77756f}
.main-nav a:hover,.main-nav a[aria-current=page],.hero h1,.hero h1 em,.section-head h2,.card-title h3,.card-title h2,.lab-intro h1,.lab-intro h1 em,.footer-brand{color:#232321}
.main-nav a[aria-current=page]:after,.button.primary{background:#272725;border-color:#272725}.button.primary{color:#fffefa}.button.primary:hover{background:#42423e}
.button.secondary,.account{background:#fcfbf8;border-color:#d9d5cb;color:#58564e}.button.secondary:hover,.account:hover{background:#eeece5}
.hero-visual{background:radial-gradient(ellipse at 55% 53%,#f0eee8 0,#f6f4ef 55%,#f8f7f4 78%)}
.robot-types{background:#fffef9ed;border-color:#dfdacf;box-shadow:0 3px 12px #24221c08}.robot-types>button{color:#77756f}.robot-types>button.selected{background:#dcd4c5;color:#34332f}.robot-types>button:hover:not(.selected){background:#efebe2}
.live-dot{background:#a89d8b;box-shadow:0 0 0 3px #eeebe4}.model-note>small,.visual-label>span:last-child{color:#878278}.scroll-link{color:#77756f}
.module-card,.lab-card{background:#fffefa;border-color:#e2ded4}.card-art,.simulation-card .card-art,.code-card .card-art,.mission-card .card-art,.project-card .card-art{background:#eeece5}.lab-art{background:radial-gradient(ellipse at 50% 50%,#f8f7f2,#ebe8df)}
.module-card:hover,.lab-card:hover{border-color:#b4aa99;box-shadow:0 8px 25px #24221c0c}.card-title{border-color:#e7e2d8}.back-link{color:#625d54}
button:focus-visible,a:focus-visible,canvas:focus-visible{outline-color:#57534b}
@media(max-width:760px){.main-nav{background:#fcfbf8;border-color:#e2ded4;box-shadow:0 8px 20px #24221c08}}
