:root{--black:#000;--white:#fff;--paper:#f5f5f7;--muted:#86868b;--blue:#0071e3;--font:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;background:var(--paper);color:var(--black);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:6px}::selection{background:#b8d9ff}h1,h2,h3,p{margin:0}img{display:block;max-width:100%}.skip-link{position:fixed;top:-80px;left:20px;padding:12px;background:#fff;z-index:100}.skip-link:focus{top:10px}.site-header{height:84px;background:rgba(245,245,247,.94);border-bottom:1px solid #0000000c;position:relative;z-index:20}.nav{max-width:1440px;margin:auto;height:100%;padding:0 6%;display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:35px;font-weight:750;letter-spacing:-2.5px;display:inline-flex;align-items:baseline}.brand-dot{height:7px;width:7px;background:var(--blue);border-radius:50%;margin-left:4px}.nav-links{display:flex;gap:38px;align-items:center;font-size:13px;font-weight:500}.nav-links>a:hover{color:var(--blue)}.nav-contact{border:1px solid #0003;border-radius:30px;padding:11px 18px}.nav-contact span{margin-left:13px}.menu-toggle{display:none}.hero{max-width:1600px;min-height:760px;height:calc(100svh - 84px);max-height:1080px;margin:auto;position:relative;display:grid;grid-template-columns:44% 56%;align-items:center;padding:0 6% 76px;overflow:hidden}.hero-copy{position:relative;z-index:2;padding-bottom:20px}.status{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:1px;color:#66666c;margin-bottom:28px}.status>span{width:6px;height:6px;border-radius:50%;background:var(--blue)}h1{font-size:clamp(56px,5.7vw,88px);letter-spacing:-.055em;line-height:1.18;font-weight:650}.hero-subtitle{font-size:20px;line-height:1.7;color:#6e6e73;margin-top:27px;letter-spacing:.02em}.text-link{display:inline-flex;align-items:center;gap:24px;font-size:14px;margin-top:38px;color:var(--blue)}.text-link:hover{text-decoration:underline}.robot-stage{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;height:100%}.robot{width:118%;max-width:760px;position:relative;flex-shrink:0;animation:wake 1.7s ease-out both;filter:drop-shadow(0 25px 35px #00000009)}.stage-orbit{position:absolute;width:87%;aspect-ratio:1;border:1px solid #00000007;border-radius:50%;background:radial-gradient(ellipse,#fff9,transparent 68%)}.concept-caption{position:absolute;bottom:3%;left:50%;transform:translateX(-50%);white-space:nowrap;display:flex;align-items:center;gap:12px;font-size:11px;color:#74747a}.caption-line{width:24px;height:1px;background:#a8a8ae}.caption-divider{color:#b6b6bc}.hero-foot{position:absolute;left:6%;right:6%;bottom:27px;display:flex;justify-content:space-between;border-top:1px solid #00000012;padding-top:22px;font-size:11px;color:#77777d;letter-spacing:.08em}.hero-foot a span{margin-left:12px}.vision-section{background:#000;color:#fff;padding:116px 8% 66px}.section-heading{max-width:1200px;margin:0 auto 56px}.section-kicker{font-size:13px;letter-spacing:.06em;margin-bottom:24px;color:#6e6e73}h2{font-size:clamp(40px,4.5vw,64px);line-height:1.22;letter-spacing:-.045em;font-weight:600}.vision-section .section-kicker{color:#a1a1a6}.section-description{font-size:17px;line-height:1.9;color:#a1a1a6;margin-top:26px}.vision-display{max-width:1200px;margin:auto;position:relative;overflow:hidden;border-radius:8px;background:#333}.vision-display>img{width:100%;height:auto}.display-top,.display-bottom{position:absolute;left:3%;right:3%;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#fff;gap:10px}.display-top{top:5%}.display-top>span:first-child{display:flex;align-items:center;gap:8px}.display-top i{width:5px;height:5px;background:#86bcfa;border-radius:50%}.demo-label{color:#ffffffba}.display-bottom{bottom:5%;justify-content:flex-start}.viewfinder{font-size:23px;line-height:1}.frame-label{margin-left:auto;color:#ffffffa1}.detection{position:absolute;border:1px solid #78b8ff;border-radius:3px;box-shadow:0 0 0 1px #78b8ff0a}.detection>span{position:absolute;top:-25px;left:-1px;background:#0071e3;color:#fff;font-size:11px;padding:4px 9px;border-radius:3px 3px 0 0;white-space:nowrap}.detection i{position:absolute;top:-2px;left:-2px;width:5px;height:5px;background:#fff}.plant{left:14.8%;top:22%;width:23%;height:54%}.cup{left:51%;top:47%;width:16%;height:30%}.book{left:72%;top:65%;width:20%;height:17%}.vision-flow{max-width:1040px;margin:53px auto 0;display:flex;align-items:center;justify-content:space-between;gap:24px}.vision-flow>div{flex:1}.flow-icon{font-size:28px;color:#b6bcc7;display:block;margin-bottom:19px;line-height:1}.vision-flow h3{font-size:19px;font-weight:500;margin-bottom:10px}.vision-flow p{font-size:13px;color:#a1a1a6;line-height:1.7}.flow-arrow{font-size:24px;color:#48484c;margin:0 35px}.demo-note{text-align:center;color:#89898f;font-size:11px;margin-top:54px;line-height:1.8}.about-section{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6%;padding:120px 8%}.about-visual{background:#eaeaec;aspect-ratio:1;position:relative;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.about-visual img{width:145%;max-width:none;flex-shrink:0;transform:translate(6%,15%)}.about-visual>span{position:absolute;bottom:20px;left:24px;font-size:10px;color:#6e6e73}.about-copy>p:not(.section-kicker){font-size:15px;color:#6e6e73;line-height:1.95;margin-top:24px}.development{margin-top:32px;border-top:1px solid #d7d7dc;padding-top:24px;display:flex;align-items:flex-start;gap:12px}.development-dot{background:var(--blue);width:7px;height:7px;border-radius:50%;margin-top:6px;flex-shrink:0}.development strong{font-size:13px;font-weight:500}.development div>span{display:block;font-size:11px;color:#6e6e73;margin-top:8px}.contact-section{background:#fff;text-align:center;padding:110px 24px 70px}.contact-section h2{font-size:clamp(40px,5vw,72px)}.contact-section>p:not(.section-kicker):not(.copy-status){font-size:15px;color:#6e6e73;margin-top:24px;line-height:1.8}.email{display:flex;align-items:center;justify-content:center;gap:25px;width:fit-content;max-width:100%;margin:35px auto 0;font-size:clamp(17px,2.6vw,32px);letter-spacing:-.025em;overflow-wrap:anywhere}.email span{font-size:24px;color:var(--blue)}.email:hover{color:var(--blue)}.copy-email{border:1px solid #d2d2d7;background:#fff;border-radius:30px;font-size:12px;padding:11px 19px;color:#545459;margin-top:25px}.copy-email span{margin-left:12px}.copy-email:hover{background:var(--paper)}.copy-status{height:22px;font-size:12px;color:#6e6e73;line-height:22px;margin-top:10px}footer{max-width:1440px;margin:auto;padding:35px 6%;display:flex;align-items:center;gap:24px}footer .wordmark{font-size:29px}footer>span{font-size:11px;color:#6e6e73}footer>p{margin-left:auto;font-size:10px;color:#6e6e73;line-height:1.8}footer>p>span:last-child{margin-left:12px}.mobile-break{display:none}@keyframes wake{from{opacity:0;transform:translateY(12px) rotate(-2deg)}to{opacity:1;transform:translateY(0) rotate(0)}}
@media(min-width:1600px){.hero{padding-left:100px;padding-right:100px}.hero-foot{left:100px;right:100px}}
@media(max-width:1000px){.hero{min-height:660px;grid-template-columns:47% 53%}h1{font-size:60px}.hero-subtitle{font-size:16px}.robot{width:135%}.vision-section{padding:88px 6% 50px}.about-section{padding:85px 6%;gap:5%}.about-copy h2{font-size:44px}.flow-arrow{margin:0 8px}footer{flex-wrap:wrap}footer>p{width:100%;margin:0}}
@media(max-width:640px){html{scroll-padding-top:20px}.site-header{height:68px}.nav{padding:0 6%}.wordmark{font-size:32px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:40px;height:40px;border:0;background:transparent;padding:10px}.menu-toggle span{display:block;width:20px;height:1px;background:#000;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.nav-links{display:none;position:absolute;top:68px;left:0;right:0;background:#f5f5f7;border-bottom:1px solid #ddd;padding:24px 6%;align-items:stretch;gap:23px;font-size:15px}.nav-links.is-open{display:flex;flex-direction:column}.nav-contact{width:fit-content}.hero{min-height:780px;height:auto;max-height:none;display:flex;flex-direction:column;padding:49px 6% 80px;align-items:stretch}.hero-copy{padding:0}.status{margin-bottom:20px;font-size:11px}h1{font-size:55px;line-height:1.13}.hero-subtitle{font-size:16px;margin-top:19px}.text-link{margin-top:21px;font-size:13px}.robot-stage{height:370px;margin-top:-3px}.robot{height:430px;width:430px;max-width:none}.stage-orbit{width:310px}.concept-caption{bottom:2%;font-size:10px}.hero-foot{bottom:22px;padding-top:17px;font-size:10px}.vision-section{padding:72px 6% 38px}.section-kicker{font-size:11px;margin-bottom:20px}h2{font-size:40px}.section-heading{margin-bottom:35px}.section-description{font-size:14px;margin-top:21px;line-height:1.9}.desktop-break{display:none}.vision-display{margin-left:-2%;margin-right:-2%;border-radius:5px}.display-top,.display-bottom{font-size:8px}.display-top{top:6%}.demo-label{max-width:105px;text-align:right;line-height:1.5}.detection>span{font-size:8px;top:-18px;padding:2px 5px}.frame-label{display:none}.viewfinder{font-size:18px}.vision-flow{gap:12px;margin-top:36px;align-items:flex-start}.vision-flow h3{font-size:15px}.vision-flow p{font-size:11px;max-width:90px}.flow-icon{font-size:24px;margin-bottom:15px}.flow-arrow{font-size:14px;margin:35px 0 0}.demo-note{font-size:9px;text-align:left;margin-top:30px}.about-section{padding:64px 6%;display:flex;flex-direction:column;gap:38px}.about-visual{width:100%;aspect-ratio:1.15}.about-copy{width:100%}.about-copy h2{font-size:40px}.about-copy>p:not(.section-kicker){font-size:14px}.contact-section{padding:70px 6% 45px}.contact-section>p:not(.section-kicker):not(.copy-status){font-size:13px;max-width:270px;margin:22px auto 0}.email{font-size:18px;gap:12px;margin-top:28px}.email span{font-size:20px}.contact-section h2{font-size:43px}.mobile-break{display:block}footer{padding:28px 6%;gap:18px}footer>p>span:last-child{display:block;margin-left:0}footer>p{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
