:root{--paper:#f3f3ed;--ink:#20221e;--muted:#6c7067;--line:#d7dad0;--green:#c5f15b;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--ease:cubic-bezier(.22,1,.36,1);--gutter:clamp(24px,5.55vw,88px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}button,a,input{touch-action:manipulation}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #46802a;outline-offset:6px}::selection{background:var(--green);color:var(--ink)}img{max-width:100%;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:650}button{border:0}svg{display:block}[hidden]{display:none!important}.section-shell{padding-left:var(--gutter);padding-right:var(--gutter)}.section-pad{padding-top:104px;padding-bottom:112px}.eyebrow,.section-label,.mono-tag{font-family:var(--mono);font-size:11px;letter-spacing:.08em}.eyebrow{line-height:1.8}.muted{color:var(--muted)}.skip-link{position:fixed;top:12px;left:12px;background:var(--green);padding:12px;z-index:100;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}
.header{height:76px;padding:0 var(--gutter);position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;background:rgb(243 243 237 / 90%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.wordmark{display:inline-flex;gap:5px;align-items:center;font-size:29px;font-weight:750;letter-spacing:-1.4px;line-height:1}.brand-star{color:var(--ink);font-size:29px;font-weight:400;display:inline-block;background:var(--green);width:27px;height:27px;border-radius:50%;line-height:29px;text-align:center;margin-left:2px}.desktop-nav{display:flex;gap:35px;align-items:center;margin-left:60px}.desktop-nav a{font-size:12px;color:#686d63;position:relative;padding:10px 0;transition:color .2s}.desktop-nav a:hover,.desktop-nav a.current{color:var(--ink)}.desktop-nav a::after{content:"";position:absolute;bottom:2px;left:0;right:0;height:2px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .3s}.desktop-nav a.current::after{transform:scaleX(1)}.nav-github{border:1px solid #9ca092;border-radius:3px;padding:9px 14px;font-size:12px;display:flex;gap:25px;align-items:center;transition:background .25s}.nav-github:hover{background:var(--green);border-color:var(--green)}.nav-github span{font-size:18px}.reading-progress{position:absolute;bottom:-1px;left:0;height:2px;width:100%;transform:scaleX(0);transform-origin:left;background:var(--ink)}.menu-toggle,.mobile-nav{display:none}
.hero{padding-top:25px;overflow:hidden}.hero-topline{display:flex;justify-content:space-between;font-family:var(--mono);font-size:9px;letter-spacing:.08em;color:#676c60}.hero-topline>span:first-child{display:flex;align-items:center;gap:9px}.status-dot{display:inline-block;width:6px;height:6px;background:#77a638;border-radius:50%;flex-shrink:0}.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:35px;align-items:center;min-height:650px}.hero-copy{padding:40px 0 45px;position:relative;z-index:1}.hero-copy .eyebrow{margin-bottom:23px;font-family:inherit;font-size:12px;color:#62685a;letter-spacing:.12em}.hero h1{font-size:clamp(54px,5.95vw,93px);line-height:1.19;letter-spacing:-.065em;font-weight:700;margin-left:-.055em}.hero h1 span{display:inline-block;position:relative}.hero-description{font-size:15px;line-height:1.95;color:#6b6f64;margin-top:29px}.hero-actions{display:flex;gap:27px;align-items:center;margin-top:30px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:32px;padding:17px 22px;font-size:12px;line-height:1;border-radius:3px;transition:transform .3s var(--ease),background .3s;min-height:49px}.button span{font-size:20px;transition:transform .3s var(--ease)}.button:hover span{transform:translate(3px,-3px)}.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:#3e4436;transform:translateY(-2px)}.text-link{font-size:12px;display:inline-flex;align-items:center;gap:20px;line-height:1.4;padding:9px 0}.text-link span{font-size:19px;transition:transform .3s}.text-link:hover span{transform:translate(3px,-3px)}.hero-note{display:flex;align-items:center;gap:8px;margin-top:45px;font-size:10px;color:#767b6e;letter-spacing:.04em}.tiny-square{width:5px;height:5px;border:1px solid #7b8372}.hero-product{height:530px;position:relative;isolation:isolate;--product-y:0px;--product-rotate:0deg;--product-scale:1}.product-grid{position:absolute;inset:35px 0 30px;background-image:linear-gradient(#dfe2d7 1px,transparent 1px),linear-gradient(90deg,#dfe2d7 1px,transparent 1px);background-size:45px 45px;mask-image:radial-gradient(ellipse at center,#000 30%,transparent 73%);opacity:.65;z-index:-3}.product-orbit{position:absolute;width:440px;height:440px;border:1px solid #d0d5c5;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-2}.orbit-two{width:330px;height:330px;border-style:dashed;opacity:.55}.product-watermark{position:absolute;top:42px;left:20px;font-size:185px;letter-spacing:-12px;color:#e7e9df;font-weight:700;z-index:-2}.hero-board-wrap{position:absolute;inset:75px -8px 55px;display:flex;align-items:center;justify-content:center;transform:translateY(var(--product-y)) rotate(var(--product-rotate)) scale(var(--product-scale));will-change:transform}.hero-board{width:100%;height:auto;filter:grayscale(1) contrast(1.15) brightness(1.25);mix-blend-mode:multiply;clip-path:polygon(0 35%,66% 0,86% 4%,100% 42%,100% 53%,35% 100%,13% 100%,0 66%)}.hero-board-wrap:after{content:"";position:absolute;left:20%;right:12%;bottom:4%;height:25px;background:rgba(70,80,45,.13);border-radius:50%;filter:blur(16px);transform:rotate(-23deg);z-index:-1}.product-cross{position:absolute;font-family:var(--mono);font-size:22px;color:#858e78;font-weight:300}.cross-tl{left:0;top:42px}.cross-br{right:0;bottom:45px}.product-caption{position:absolute;left:0;right:0;top:8px;display:flex;justify-content:space-between;font-family:var(--mono);font-size:9px;letter-spacing:.07em;color:#7b806e}.product-label{font-family:var(--mono);font-size:9px;letter-spacing:.02em;display:flex;gap:9px;align-items:center;position:absolute;z-index:2}.product-label>span{width:52px;height:1px;background:#a4ab94;position:relative}.product-label>span:after{content:"";width:4px;height:4px;border:1px solid #a4ab94;border-radius:50%;position:absolute;top:-2px;right:0;background:var(--paper)}.label-usb{bottom:112px;left:-4px}.label-imu{top:130px;right:-1px}.label-imu>span:after{left:0;right:auto}.product-bottom{display:flex;justify-content:space-between;align-items:center;position:absolute;left:0;right:0;bottom:8px;font:8px var(--mono);letter-spacing:.05em}.product-bottom>span:first-child{display:flex;align-items:center;gap:7px;background:var(--green);padding:8px 10px;border-radius:2px}.product-bottom .status-dot{width:4px;height:4px;background:var(--ink)}.product-coordinate{color:#737a66}.product-coordinate sup{font-size:8px;margin-left:3px}.hero-footer{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr auto;align-items:center;padding:21px 0 25px;color:#68705f;font:9px/1.5 var(--mono);letter-spacing:.04em}.scroll-cue{display:flex;align-items:center;gap:11px;font-family:inherit}.scroll-arrow{display:inline-block;font-size:17px}.hero-footer>p{justify-self:center;margin-left:-50px;font-size:8px}.page-number{font-size:9px}
.section-label{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:18px;color:#737a6b;font-size:10px}.vision{background:#fff}.vision-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:75px;align-items:center;margin-top:66px}.vision h2{font-size:clamp(34px,3.6vw,54px);line-height:1.38;letter-spacing:-.055em}.underlined{position:relative;isolation:isolate;white-space:nowrap}.underlined:after{position:absolute;content:"";left:0;right:0;bottom:3px;background:var(--green);height:14px;z-index:-1}.vision-intro{font-size:13px;line-height:2;max-width:390px;justify-self:end}.vision-intro p+p{margin-top:14px}.small-star{display:block;font-size:34px;line-height:1.2;margin-bottom:20px}.principles{display:grid;grid-template-columns:repeat(3,1fr);margin-top:86px}.principle{border-top:1px solid var(--line);padding-top:23px;padding-right:35px}.principle+.principle{border-left:1px solid var(--line);padding-left:35px}.principle:last-child{padding-right:0}.principle-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;font:10px var(--mono);color:#848b7e}.principle-top svg{width:39px;height:39px;fill:none;stroke:var(--ink);stroke-width:1.3}.principle h3{font-size:18px;letter-spacing:-.025em;margin-bottom:17px}.principle p{font-size:12px;line-height:1.95;color:#747a6d;max-width:290px}.mono-tag{display:block;margin-top:27px;font-size:8px;color:#838a7a;letter-spacing:.025em}
.hardware-story{position:relative;background:#eaece3;height:235vh;min-height:1700px}.hardware-sticky{position:sticky;top:76px;height:calc(100svh - 76px);max-height:1050px;min-height:650px;padding-top:26px;padding-bottom:30px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.hardware-sticky .section-label{border:0;padding-top:0}.hardware-scroll-note{display:flex;gap:20px}.hardware-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(45px,7vw,110px);align-items:center;margin:34px 0;flex:1;min-height:0}.hardware-visual{height:min(59vh,565px);min-height:420px;background:#f7f8f3;position:relative;border:1px solid #dce0d3;overflow:hidden;isolation:isolate}.hardware-stage-label,.hardware-stage-bottom{position:absolute;left:23px;right:23px;display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:.06em;z-index:3;color:#68745f}.hardware-stage-label{top:22px}.hardware-stage-bottom{bottom:18px}.hardware-slides{position:absolute;inset:48px 15px 40px}.hardware-slide{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;animation:slide-appear .65s var(--ease) both}.hardware-slide img{max-height:calc(100% - 40px);object-fit:contain;width:100%;height:100%;transform:translateY(var(--layer-y,0px)) scale(var(--layer-scale,1));transition:transform .2s linear}.core-image{filter:grayscale(1) contrast(1.15) brightness(1.25);mix-blend-mode:multiply;clip-path:polygon(0 35%,66% 0,86% 4%,100% 42%,100% 53%,35% 100%,13% 100%,0 66%)}.enclosure-image{mix-blend-mode:multiply;max-width:285px;filter:grayscale(1)}.hardware-slide .pcb-image{width:90%;height:auto;max-height:calc(100% - 45px);object-fit:contain;mix-blend-mode:normal}.hardware-slide figcaption{font-size:10px;color:#7c8472;letter-spacing:.06em}.hardware-copy .eyebrow{font-family:inherit;font-size:11px;color:#747c68;margin-bottom:18px}.hardware h2,.hardware-copy h2{font-size:clamp(38px,4.1vw,62px);line-height:1.24;letter-spacing:-.055em}.hardware-description{font-size:12px;color:#747c6c;line-height:1.9;max-width:300px;margin-top:20px;margin-bottom:27px}.hardware-tab{display:grid;grid-template-columns:25px 1fr auto;align-items:start;gap:10px;text-align:left;background:transparent;width:100%;padding:17px 0;border-top:1px solid #cbd0c0;transition:opacity .3s;opacity:.5}.hardware-tab:hover,.hardware-tab.active{opacity:1}.hardware-tab .tab-number{font:10px var(--mono);padding-top:4px}.hardware-tab strong{font-size:14px;font-weight:500;display:block}.hardware-tab small{display:block;font-size:10px;color:#727b65;margin-top:7px;max-height:0;opacity:0;overflow:hidden;transition:max-height .35s,opacity .3s}.hardware-tab.active small{max-height:30px;opacity:1}.tab-arrow{font-size:17px}.hardware-tab.active .tab-number{position:relative;z-index:1}.hardware-tab.active .tab-number:before{content:"";position:absolute;z-index:-1;inset:-2px 2px -4px -3px;background:var(--green);border-radius:2px}.hardware-link{margin-top:13px;font-size:11px}.chapter-progress{height:2px;background:#d4d9c8;width:100%}.chapter-progress span{display:block;background:#667c3c;width:100%;height:2px;transform:scaleX(.03);transform-origin:left}
.playground{background:#20231f;color:#f1f3e9}.playground .section-label{border-color:#42473d;color:#b1baa3}.playground .section-label>span:last-child{display:flex;align-items:center;gap:9px;font-size:8px}.playground .status-dot{background:var(--green)}.playground-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-top:61px;margin-bottom:48px}.playground h2{font-size:clamp(42px,5.15vw,76px);line-height:1.23;letter-spacing:-.055em}.playground h2>span{color:var(--green)}.playground-intro{padding-bottom:4px;max-width:350px}.playground-intro p{font-size:13px;line-height:2;color:#b4bbaa;margin-bottom:23px}.demo-label{font-size:9px;color:#9ea88f;border:1px solid #4b5145;display:inline-block;padding:7px 10px;border-radius:3px}.wave-console{border:1px solid #4b5143;background:#242822;position:relative}.console-top{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #3a4134;font:9px var(--mono);letter-spacing:.07em;color:#a9b29e}.console-brand{display:flex;align-items:center;gap:10px}.console-square{width:6px;height:6px;background:var(--green)}.console-status{font-size:8px}.wave-display{position:relative;height:260px;overflow:hidden;background-image:linear-gradient(#38402f 1px,transparent 1px),linear-gradient(90deg,#38402f 1px,transparent 1px);background-size:calc(100% / 24) 32.5px;background-position:0 0}.wave-display:after{content:"";height:1px;left:0;right:0;top:50%;background:#526044;position:absolute;z-index:0}.wave-svg{width:100%;height:100%;position:relative;z-index:1}.wave-path{stroke:var(--green);stroke-width:2;fill:none;vector-effect:non-scaling-stroke}.wave-ghost{stroke:#7e984c;stroke-width:1;opacity:.24;fill:none;vector-effect:non-scaling-stroke}.wave-axis{position:absolute;left:10px;top:15px;bottom:15px;display:flex;flex-direction:column;justify-content:space-between;font:8px var(--mono);color:#7c8a6c;z-index:2}.wave-origin{position:absolute;right:10px;bottom:12px;font:9px var(--mono);color:#7c8a6c}.console-controls{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-top:1px solid #3a4134}.wave-tabs{display:flex;gap:7px}.wave-button{display:flex;align-items:center;gap:9px;padding:10px 14px;background:transparent;color:#aab39d;font-size:10px;border-radius:2px;border:1px solid transparent;transition:background .2s,color .2s}.wave-button>span{font-size:20px;line-height:1}.wave-button:hover{background:#38412b}.wave-button.active{color:var(--green);background:#343e28;border-color:#56683e}.pause-button{font-size:9px;color:#aeb6a2;background:transparent;display:flex;align-items:center;gap:10px;padding:10px}.pause-button>span{font-size:14px}.playground-bottom{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;margin-top:33px}.playground-bottom>span{font:9px/1.65 var(--mono);letter-spacing:.04em;color:#8e9a80}.playground-bottom p{font-size:11px;color:#b4bda8;line-height:1.9;margin-left:20px}.playground-bottom .text-link{font-size:11px;color:#d9e6c6}
.develop{background:#fff}.develop-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-top:62px;margin-bottom:50px}.develop h2{font-size:clamp(39px,4.3vw,63px);line-height:1.27;letter-spacing:-.05em}.develop-heading>p{font-size:12px;line-height:1.9;color:#76806b;padding-right:40px;padding-bottom:8px}.develop-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.resources{display:flex;flex-direction:column}.resource{display:grid;grid-template-columns:28px 1fr auto;gap:18px;align-items:center;border-top:1px solid var(--line);padding:27px 0;flex:1;transition:padding .3s var(--ease)}.resource:last-child{border-bottom:1px solid var(--line)}.resource-number{font:9px var(--mono);color:#7e8673}.resource strong{display:block;font-size:17px;font-weight:500;letter-spacing:-.03em}.resource small{font-size:10px;color:#818875;display:block;margin-top:10px;line-height:1.7}.resource-arrow{font-size:25px;margin-right:4px;transition:transform .3s}.resource:hover .resource-arrow{transform:translate(4px,-4px)}.resource:hover{padding-left:7px}.terminal{background:#f0f2e9;border:1px solid #e1e5d7;min-width:0;align-self:stretch;display:flex;flex-direction:column}.terminal-top{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;font:7px var(--mono);letter-spacing:.04em;color:#8a927d;border-bottom:1px solid #dce1d0}.terminal-top>span:first-child{display:flex;gap:5px}.terminal-top i{width:6px;height:6px;border:1px solid #a8af9c;border-radius:50%}.terminal-body{padding:30px 25px;flex:1}.terminal-comment{font:10px var(--mono);color:#82906e;display:block;margin-bottom:15px}.terminal code{display:block;font:11px/1.9 var(--mono);color:#394432}.terminal code+.terminal-comment{margin-top:25px}.terminal-prompt{color:#91a37b;margin-right:12px}.command-url{display:block;margin-left:20px;overflow-wrap:anywhere;line-height:1.6}.terminal-cursor{display:inline-block;width:6px;height:12px;background:#778b5b;margin-left:7px;vertical-align:-2px}.terminal-bottom{padding:15px 21px;border-top:1px solid #dce1d0;display:flex;align-items:center;gap:12px;justify-content:space-between;font-size:9px;color:#838e75}.copy-button{border:1px solid #bac4aa;background:transparent;padding:8px 9px;border-radius:2px;display:flex;gap:9px;align-items:center;font-size:9px;white-space:nowrap;color:#4d5a3d;min-height:33px}.copy-button:hover{background:var(--green)}.copy-button>span{font-size:14px}.copy-fallback{margin:15px 20px;width:calc(100% - 40px);height:70px;resize:vertical;font:11px/1.7 var(--mono);background:#fff;border:1px solid var(--line)}.project-notes{margin-top:65px;border-top:1px solid var(--line)}.project-notes details{border-bottom:1px solid var(--line)}.project-notes summary{cursor:pointer;list-style:none;padding:21px 0;display:flex;justify-content:space-between;align-items:center;font-size:12px}.project-notes summary::-webkit-details-marker{display:none}.project-notes summary>span{font-family:var(--mono);font-size:20px;transition:transform .2s}.project-notes details[open] summary>span{transform:rotate(45deg)}.project-notes details p{max-width:720px;font-size:12px;line-height:1.95;color:#7b8470;padding-bottom:23px;padding-right:20px}.project-notes details a{text-decoration:underline;text-underline-offset:3px}
.closing{background:var(--green);padding-top:46px;padding-bottom:62px}.closing-top{display:flex;align-items:center;justify-content:space-between}.closing-top .eyebrow{font-size:9px;letter-spacing:.06em}.closing-star{font-size:60px;line-height:1}.closing-main{display:flex;justify-content:space-between;align-items:flex-end;margin-top:18px}.closing h2{font-size:clamp(40px,4.6vw,68px);line-height:1.24;letter-spacing:-.06em}.closing .button{margin-bottom:8px;min-width:220px}.footer{padding-top:43px;padding-bottom:22px}.footer-top{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;padding-bottom:31px}.footer-top .wordmark{justify-self:start;font-size:27px}.footer-top .brand-star{background:transparent;font-size:27px}.footer-top p{font:9px/1.6 var(--mono);color:#727968;margin-left:25px}.back-top{font-size:10px;display:flex;align-items:center;gap:30px}.back-top span{font-size:20px}.footer-notice{font-size:9px;line-height:1.9;color:#808774;padding-bottom:25px}.footer-notice a{color:#5d674e;text-decoration:underline;text-underline-offset:3px}.footer-notice p+p{margin-top:4px}.footer-bottom{padding-top:19px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font:8px/1.5 var(--mono);color:#7e8771}.footer-bottom>div{display:flex;gap:24px}.footer-bottom>div a{font-family:inherit;font-size:9px}.footer-bottom a:hover{color:var(--ink)}
.motion-ready .reveal{opacity:0;transform:translateY(25px);transition:opacity .85s var(--ease),transform 1s var(--ease)}.motion-ready .reveal.in-view{opacity:1;transform:translateY(0)}.principle:nth-child(2){transition-delay:.09s}.principle:nth-child(3){transition-delay:.18s}.hero-enter{animation:enter .9s var(--ease) both}.hero-copy .eyebrow{animation-delay:.05s}.hero h1{animation-delay:.13s}.hero-description{animation-delay:.22s}.hero-actions{animation-delay:.3s}.hero-note{animation-delay:.38s}.hero-product{animation:product-enter 1.4s var(--ease) both}.scroll-arrow{animation:scroll-cue 2s ease-in-out 3}.terminal-cursor{animation:blink 1.15s steps(2,start) 8}@keyframes enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes product-enter{from{opacity:0;transform:translateY(30px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slide-appear{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes scroll-cue{50%{transform:translateY(5px)}}@keyframes blink{to{opacity:0}}
@media(min-width:1600px){:root{--gutter:max(88px,calc((100vw - 1440px)/2))}.hero-grid{min-height:750px}.hero-product{height:600px}.hero h1{font-size:91px}.hero-board-wrap{inset:80px -8px 55px}.product-orbit{width:490px;height:490px}.orbit-two{width:350px;height:350px}}
@media(max-width:1100px){.hero-grid{gap:20px;min-height:610px}.hero-product{height:460px}.hero-board-wrap{inset:75px -8px 60px}.hero h1{font-size:65px}.hero-actions{gap:18px}.button{padding:16px 18px;gap:22px}.product-orbit{width:350px;height:350px}.orbit-two{width:260px;height:260px}.product-watermark{font-size:150px;top:65px}.hero-note{font-size:9px}.label-imu{top:116px;font-size:8px}.label-usb{bottom:113px;font-size:8px}.product-label>span{width:25px}.section-pad{padding-top:85px;padding-bottom:90px}.vision-heading{gap:45px}.vision h2{font-size:39px}.principles{margin-top:65px}.principle{padding-right:24px}.principle+.principle{padding-left:24px}.principle h3{font-size:16px}.hardware-layout{gap:45px}.hardware-copy h2{font-size:45px}.hardware-description{margin-bottom:22px}.hardware-tab{padding:15px 0}.hardware-tab strong{font-size:12px}.hardware-tab small{font-size:9px}.hardware-visual{min-height:390px}.hardware-stage-bottom{font-size:7px}.develop-grid{gap:40px}.terminal-body{padding:26px 20px}.terminal code{font-size:10px}.terminal-bottom{padding:13px}.terminal-bottom>span{max-width:120px;font-size:8px}.closing h2{font-size:50px}}
@media(max-width:900px),(max-height:740px){.hardware-story{height:auto;min-height:0}.hardware-sticky{height:auto;min-height:0;max-height:none;position:relative;top:0;padding-top:45px;padding-bottom:35px}.hardware-layout{margin:45px 0}.hardware-scroll-note{visibility:hidden}.hardware-visual{height:470px}.chapter-progress{display:none}}
@media(max-width:820px){:root{--gutter:30px}.header{height:68px}.desktop-nav{gap:25px;margin-left:20px}.hero-grid{min-height:540px;gap:18px}.hero h1{font-size:53px}.hero-copy .eyebrow{font-size:10px}.hero-description{font-size:12px}.hero-product{height:410px}.hero-board-wrap{inset:90px -8px 65px}.product-caption{font-size:8px;top:30px}.product-watermark{font-size:120px;top:80px}.product-orbit{width:280px;height:280px}.orbit-two{width:210px;height:210px}.product-bottom{font-size:6px;bottom:30px}.product-bottom>span:first-child{padding:7px}.label-imu{top:135px;font-size:7px}.label-usb{bottom:111px}.cross-tl{top:65px}.cross-br{bottom:58px}.hero-actions{gap:15px}.hero-actions .button{font-size:10px;padding:13px;gap:15px}.hero-actions .text-link{font-size:10px;gap:8px}.hero-note{font-size:8px;margin-top:32px}.hero-topline{font-size:8px}.hero-edition{font-size:7px}.vision-heading{gap:30px;grid-template-columns:1.2fr 1fr}.vision h2{font-size:33px}.vision-intro{font-size:11px}.principle h3{font-size:14px}.principle p{font-size:11px}.principle{padding-right:17px}.principle+.principle{padding-left:17px}.mono-tag{font-size:7px}.hardware-layout{grid-template-columns:1fr 1fr;gap:30px}.hardware-visual{height:430px;min-height:0}.hardware-copy h2{font-size:40px}.hardware-description{font-size:11px}.hardware-tab{grid-template-columns:22px 1fr 14px;gap:5px}.hardware-tab strong{font-size:11px}.hardware-tab small{font-size:8px}.hardware-stage-label,.hardware-stage-bottom{left:15px;right:15px;font-size:6px}.hardware-slide figcaption{font-size:8px}.hardware-slides{inset:45px 12px}.playground h2{font-size:50px}.playground-intro p{font-size:11px}.playground-bottom{grid-template-columns:1fr 1fr auto;gap:10px}.playground-bottom>span{font-size:7px}.playground-bottom p{font-size:9px;margin-left:0}.playground-bottom .text-link{font-size:9px;gap:10px}.develop-grid{gap:30px}.develop h2{font-size:43px}.develop-heading>p{padding-right:0;font-size:11px}.resource{gap:10px;grid-template-columns:20px 1fr auto}.resource strong{font-size:15px}.resource small{font-size:9px}.terminal-top{padding:15px;font-size:6px}.terminal-body{padding:25px 15px}.terminal code{font-size:9px}.terminal-comment{font-size:9px}.terminal-bottom>span{font-size:7px;max-width:70px}.closing h2{font-size:45px}.closing .button{min-width:190px;font-size:11px}}
@media(max-width:640px){:root{--gutter:23px}html{scroll-padding-top:85px}.header{height:65px}.wordmark{font-size:26px}.brand-star{width:24px;height:24px;line-height:26px;font-size:26px}.desktop-nav{display:none}.nav-github{margin-left:auto;margin-right:21px;border:0;padding:6px 0;font-size:11px;gap:9px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:6px;width:24px;height:38px;background:transparent;padding:0}.menu-toggle>span{height:1px;width:22px;background:var(--ink);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)}.mobile-nav{display:flex;flex-direction:column;position:absolute;top:64px;left:0;right:0;padding:15px var(--gutter) 25px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 20px 25px rgb(30 35 20 / 5%)}.mobile-nav a{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--line);font-size:17px}.mobile-nav a span{font:10px var(--mono);color:#7e8970}.hero{padding-top:20px}.hero-topline{font-size:7px;letter-spacing:.055em}.hero-edition{display:none}.hero-grid{grid-template-columns:1fr;gap:0;min-height:0}.hero-copy{padding:39px 0 8px}.hero-copy .eyebrow{font-size:10px;margin-bottom:19px}.hero h1{font-size:clamp(49px,12.2vw,74px);line-height:1.18;letter-spacing:-.065em}.hero-description{font-size:12px;margin-top:21px;line-height:1.95}.hero-actions{margin-top:23px;gap:25px}.hero-actions .button{font-size:11px;padding:15px 18px;gap:27px;min-height:45px}.hero-actions .text-link{font-size:10px;gap:12px}.hero-note{font-size:8px;margin-top:23px}.hero-product{height:360px;max-width:460px;width:100%;margin:17px auto 11px}.hero-board-wrap{inset:46px 5px 27px}.hero-board{max-height:100%;width:auto;max-width:100%}.product-orbit{width:285px;height:285px}.orbit-two{width:220px;height:220px}.product-watermark{font-size:132px;left:25px;top:35px}.product-caption{top:4px;font-size:7px}.product-grid{inset:20px 0 10px;background-size:33px 33px}.product-bottom{bottom:0;font-size:7px}.cross-tl{top:28px}.cross-br{bottom:24px}.label-usb{bottom:76px;left:-2px;font-size:7px}.label-imu{top:85px;font-size:7px}.product-label>span{width:33px}.hero-footer{padding:18px 0 21px;font-size:8px;grid-template-columns:1fr auto}.hero-footer>p{display:none}.page-number{font-size:8px}.section-pad{padding-top:60px;padding-bottom:65px}.section-label{font-size:8px;gap:14px;letter-spacing:.03em;padding-top:14px}.section-label>span:last-child{font-size:8px}.vision-heading{grid-template-columns:1fr;gap:28px;margin-top:38px}.vision h2{font-size:clamp(30px,8vw,43px);line-height:1.4}.underlined:after{height:10px;bottom:2px}.vision-intro{justify-self:start;max-width:100%;font-size:12px;line-height:1.95}.small-star{display:none}.vision-intro p+p{margin-top:10px}.principles{grid-template-columns:1fr;margin-top:37px}.principle{padding:24px 0 28px;display:grid;grid-template-columns:40px 1fr;gap:0 20px}.principle+.principle{border-left:0;padding-left:0}.principle-top{grid-row:1/4;display:flex;flex-direction:column;gap:18px;justify-content:start;align-items:start;margin:2px 0 0;font-size:9px}.principle-top svg{width:32px;height:32px}.principle h3{font-size:16px;margin-bottom:12px}.principle p{font-size:11px;max-width:100%}.mono-tag{font-size:7px;margin-top:17px}.principle:last-child{padding-bottom:0}.hardware-sticky{padding-top:35px;padding-bottom:45px}.hardware-sticky .section-label>span:last-child{display:none}.hardware-layout{grid-template-columns:1fr;gap:32px;margin:32px 0 0}.hardware-copy{order:-1}.hardware-copy .eyebrow{font-size:10px;margin-bottom:14px}.hardware-copy h2{font-size:41px}.hardware-description{font-size:11px;margin-top:15px;margin-bottom:23px;max-width:280px}.hardware-tabs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.hardware-tab{display:flex;flex-direction:column;gap:10px;padding-top:13px;padding-bottom:0;border-top:2px solid #cbd0c0;min-height:62px}.hardware-tab.active{border-color:#687e3d}.hardware-tab .tab-number{font-size:9px}.hardware-tab.active .tab-number:before{display:none}.hardware-tab strong{font-size:10px;line-height:1.6}.hardware-tab small{display:none}.tab-arrow{display:none}.hardware-link{font-size:10px;margin-top:16px}.hardware-visual{height:400px;max-width:460px;width:100%;margin:auto}.hardware-slides{inset:40px 15px}.hardware-stage-label,.hardware-stage-bottom{font-size:7px}.hardware-slide figcaption{font-size:9px}.hardware-slide img{max-height:calc(100% - 35px)}.enclosure-image{max-width:220px}.playground .section-label>span:last-child{font-size:6px;max-width:110px;line-height:1.4;text-align:right}.playground-heading{margin-top:37px;margin-bottom:31px;display:block}.playground h2{font-size:47px}.playground-intro{margin-top:25px;max-width:100%}.playground-intro p{font-size:11px;margin-bottom:15px;line-height:1.8}.demo-label{font-size:8px;padding:6px 8px}.console-top{padding:15px 12px;font-size:7px;letter-spacing:0}.console-status{font-size:6px}.console-brand{gap:6px}.console-square{width:4px;height:4px}.wave-display{height:180px;background-size:calc(100% / 12) 30px}.wave-axis{font-size:7px}.console-controls{padding:10px 7px;gap:3px}.wave-tabs{gap:2px}.wave-button{font-size:8px;padding:9px 7px;gap:4px}.wave-button>span{font-size:16px}.pause-button{font-size:8px;gap:5px;padding:8px 3px}.pause-button>span{font-size:11px}.playground-bottom{grid-template-columns:1fr auto;gap:20px;margin-top:24px;align-items:start}.playground-bottom>span{font-size:6px;line-height:1.9}.playground-bottom p{display:none}.playground-bottom .text-link{font-size:9px;padding-top:0}.develop-heading{display:block;margin-top:36px;margin-bottom:29px}.develop h2{font-size:41px}.develop-heading>p{margin-top:23px;padding:0;font-size:11px}.develop-grid{grid-template-columns:1fr;gap:32px}.resource{padding:24px 0;grid-template-columns:25px 1fr auto;gap:15px}.resource strong{font-size:16px}.resource small{font-size:10px}.resource-number{font-size:9px}.terminal-top{font-size:7px;padding:18px}.terminal-body{padding:25px 22px}.terminal code{font-size:11px}.terminal-comment{font-size:9px}.terminal-bottom{padding:14px 17px}.terminal-bottom>span{font-size:8px;max-width:none}.copy-button{font-size:9px}.project-notes{margin-top:40px}.project-notes summary{font-size:11px;padding:20px 0;gap:15px;line-height:1.7}.project-notes details p{font-size:11px}.closing{padding-top:30px;padding-bottom:40px}.closing-top .eyebrow{font-size:7px;max-width:210px;line-height:1.6}.closing-star{font-size:45px}.closing-main{display:block;margin-top:25px}.closing h2{font-size:clamp(33px,9vw,50px)}.closing .button{margin-top:28px;margin-bottom:0;min-width:0;font-size:11px;padding:16px 18px;gap:35px}.footer{padding-top:32px;padding-bottom:22px}.footer-top{grid-template-columns:1fr auto;padding-bottom:26px}.footer-top p{display:none}.footer-top .wordmark{font-size:25px}.footer-top .brand-star{font-size:26px}.back-top{font-size:9px;gap:14px}.footer-notice{font-size:8px;padding-bottom:24px;line-height:1.9}.footer-notice p+p{margin-top:9px}.footer-bottom{font-size:7px;flex-wrap:wrap;gap:15px}.footer-bottom>span:last-child{display:none}.footer-bottom>div{gap:14px}.footer-bottom>div a{font-size:8px}}
.products{background:var(--paper)}
.products-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin:58px 0 47px}
.products-heading .eyebrow{font-family:inherit;font-size:11px;color:var(--muted);margin-bottom:17px}
.products h2{font-size:clamp(39px,4.3vw,63px);line-height:1.27;letter-spacing:-.055em}
.products-intro{font-size:12px;line-height:1.95;color:#727b67;padding-bottom:7px;max-width:360px}
.solutions-layout{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:stretch}
.solution-product{position:relative;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;align-items:center;min-height:510px;padding:25px 27px}
.solution-image-label{width:100%;display:flex;justify-content:space-between;gap:15px;color:#7a846c;font:8px var(--mono);letter-spacing:.06em}
.solution-product img{width:240px;height:335px;object-fit:contain;filter:grayscale(1);mix-blend-mode:multiply;margin:24px 0}
.solution-product figcaption{width:100%;border-top:1px solid var(--line);padding-top:17px}
.solution-product figcaption>span{display:block;font-size:18px;letter-spacing:-.02em}
.solution-product figcaption>small{display:block;font-size:9px;color:#7c856f;margin-top:9px;line-height:1.7}
.solution-list{display:flex;flex-direction:column}
.solution-row{display:grid;grid-template-columns:25px 1fr;gap:20px;padding:23px 0;border-top:1px solid var(--line);flex:1}
.solution-row:last-child{border-bottom:1px solid var(--line)}
.solution-number{font:10px var(--mono);color:#7d876e;padding-top:3px}
.solution-row .eyebrow{font-size:8px;color:#7d876e;margin-bottom:11px}
.solution-row h3{font-size:23px;letter-spacing:-.03em;margin-bottom:13px}
.solution-row h3+p{font-size:12px;color:#737d67;line-height:1.9;max-width:390px}
.solution-row .text-link{margin-top:12px;font-size:10px;gap:18px}
.solution-row .text-link>.icon{width:16px;height:16px}
.purchase-guide{margin-top:70px;padding-top:33px;border-top:1px solid #bfc9ad;scroll-margin-top:20px}
.purchase-heading{display:flex;align-items:center;justify-content:space-between;gap:40px}
.purchase-heading .eyebrow{font-size:9px;color:#7a856a;margin-bottom:14px}
.purchase-heading h3{font-size:29px;line-height:1.4;letter-spacing:-.04em}
.purchase-heading h3+p{font-size:12px;color:#737d67;line-height:1.9;margin-top:12px}
.purchase-keyword{display:flex;gap:25px;align-items:center;border:1px solid #b7c49f;background:#e9efde;padding:15px 17px 15px 24px}
.search-word{font-size:26px;font-weight:650;letter-spacing:-1px;user-select:all}
.keyword-copy{display:flex;gap:9px;align-items:center;background:var(--ink);color:var(--paper);font-size:10px;padding:12px 13px;min-height:40px;border-radius:2px;white-space:nowrap}
.keyword-copy:hover{background:#414b33}
.keyword-copy .icon{width:14px;height:14px}
.keyword-status{font-size:10px;color:#69765a;min-height:20px;line-height:1.8;margin:17px 0 20px}
.keyword-fallback{width:100%;max-width:380px;padding:12px;border:1px solid #9daf80;background:white;color:var(--ink);font:14px var(--mono);margin-bottom:20px}
.marketplace-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line)}
.marketplace-link{padding:26px 29px 24px;display:grid;grid-template-columns:1fr auto;gap:0 15px;background:rgb(255 255 255 / 35%);transition:background .25s}
.marketplace-link+.marketplace-link{border-left:1px solid var(--line)}
.marketplace-link:hover{background:#e5edce}
.marketplace-index{grid-column:1/-1;font:8px var(--mono);color:#899377;letter-spacing:.04em;margin-bottom:24px}
.marketplace-name{font-size:24px;font-weight:550;letter-spacing:-.03em}
.marketplace-query{grid-column:1;font-size:10px;color:#768164;margin-top:12px}
.marketplace-query strong{font-weight:500;color:#4a5739;margin-left:3px}
.marketplace-action{grid-column:2;grid-row:2/4;align-self:end;font-size:9px;display:flex;align-items:center;gap:13px;white-space:nowrap}
.marketplace-action .icon{width:17px;height:17px;transition:transform .25s}
.marketplace-link:hover .icon{transform:translate(2px,-2px)}
.purchase-note{font-size:9px;color:#818b73;line-height:1.9;margin-top:18px;max-width:900px}
.desktop-nav a{white-space:nowrap}
@media(max-width:1100px){.solutions-layout{gap:40px}.solution-product{min-height:495px;padding:22px}.solution-row{gap:14px}.solution-row h3{font-size:21px}.solution-row h3+p{font-size:11px}.purchase-heading{gap:25px}.purchase-heading h3{font-size:26px}.purchase-keyword{gap:19px;padding:14px 15px}.search-word{font-size:23px}.marketplace-link{padding:23px}.marketplace-action{gap:8px}.marketplace-name{font-size:21px}}
@media(min-width:641px) and (max-width:900px){.desktop-nav{gap:clamp(12px,2vw,20px);margin-left:0}.nav-github{gap:14px;padding:8px 11px}.purchase-heading{align-items:flex-start}.purchase-heading h3{font-size:23px}.purchase-heading h3+p{font-size:11px}.purchase-keyword{flex-direction:column;gap:12px;min-width:150px}.keyword-copy{width:100%;justify-content:center}.marketplace-link{padding:20px 17px;display:flex;flex-direction:column;align-items:flex-start}.marketplace-action{margin-top:22px;align-self:flex-start}.marketplace-name{font-size:21px}.solutions-layout{gap:28px}.solution-product{padding:20px 16px}.solution-image-label{font-size:7px}.solution-product img{width:210px;height:300px}.solution-product figcaption>span{font-size:16px}.solution-product figcaption>small{font-size:8px}.products-intro{max-width:280px;font-size:11px}.products-heading{gap:25px}.products h2{font-size:42px}}
@media(max-width:640px){.products-heading{display:block;margin:36px 0 30px}.products-heading .eyebrow{font-size:10px;margin-bottom:14px}.products h2{font-size:clamp(34px,10vw,45px)}.products-intro{font-size:11px;margin-top:22px;padding:0}.solutions-layout{grid-template-columns:1fr;gap:30px}.solution-product{min-height:0;padding:20px}.solution-image-label{font-size:7px}.solution-product img{width:205px;height:285px;margin:24px 0}.solution-product figcaption>span{font-size:17px}.solution-product figcaption>small{font-size:8px}.solution-row{padding:23px 0;gap:12px}.solution-row h3{font-size:21px}.solution-row h3+p{font-size:11px;max-width:none}.solution-row .text-link{margin-top:10px}.purchase-guide{margin-top:40px;padding-top:27px}.purchase-heading{display:block}.purchase-heading h3{font-size:25px}.purchase-heading h3+p{font-size:11px;margin-top:9px}.purchase-keyword{justify-content:space-between;gap:15px;margin-top:23px;padding:14px 15px}.search-word{font-size:25px}.keyword-copy{font-size:9px;padding:11px;min-height:39px}.keyword-status{font-size:9px;margin:13px 0 18px}.marketplace-grid{grid-template-columns:1fr}.marketplace-link{padding:21px 22px;gap:0 14px}.marketplace-link+.marketplace-link{border-left:0;border-top:1px solid var(--line)}.marketplace-index{font-size:7px;margin-bottom:16px}.marketplace-name{font-size:23px}.marketplace-query{font-size:10px;margin-top:9px}.marketplace-action{font-size:9px;gap:12px}.purchase-note{font-size:8px;margin-top:16px}}
/* Inline paths keep icons identical across text and emoji font fallbacks. */
.icon{display:inline-block;width:1em;height:1em;flex-shrink:0;vertical-align:-.125em;fill:none;stroke:currentColor}
.brand-star{display:inline-flex;align-items:center;justify-content:center;line-height:1}
.brand-star .icon{width:82%;height:82%;stroke-width:1.3}
.small-star .icon,.closing-star .icon{display:block;stroke-width:1.2}
.pause-button>.icon,.copy-button>.icon{width:14px;height:14px}
.pause-button>.control-label,.copy-button>.control-label{font-size:inherit}
.product-cross .icon{stroke-width:1.2}
.hero-note{flex-wrap:wrap;gap:8px 12px}
.hero-note i{font-style:normal;color:#a1aa94}
.principles{grid-template-columns:repeat(4,minmax(0,1fr))}
.principle-title{display:block;font-size:23px;letter-spacing:-.03em}
.principle h3 small{display:block;font-size:12px;font-weight:500;line-height:1.7;margin-top:13px}
.principle:nth-child(4){transition-delay:.27s}
@media(min-width:641px) and (max-width:1024px){
  .principles{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:34px}
  .principle:nth-child(3){border-left:0;padding-left:0}
  .principle:nth-child(even){padding-right:0}
  .principle p{max-width:100%}
  .principle-title{font-size:22px}
}
@media(max-width:640px){
  .principles{grid-template-columns:1fr}
  .principle-title{font-size:19px}
  .principle h3 small{font-size:11px;margin-top:7px}
  .hero-note{gap:7px 9px}
}
.hero-product{background:var(--paper)}
.hero-board-wrap{mix-blend-mode:multiply}
.hardware-slide[data-slide="0"]{mix-blend-mode:multiply}
.terminal .command-url{display:inline;margin-left:0}
@media(min-width:641px){.hero-board-wrap{inset:95px 14px 75px}.label-imu{top:82px;right:3px}.hardware-copy{order:2}.hardware-visual{order:1}}
.hardware-slide:focus-visible{outline:2px solid #46802a;outline-offset:4px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.motion-ready .reveal{opacity:1;transform:none}.hero-board-wrap,.hardware-slide img{transform:none!important}.hardware-story{height:auto;min-height:0}.hardware-sticky{position:relative;top:0;min-height:0;height:auto;padding-top:35px;padding-bottom:40px}.hardware-layout{margin:35px 0}.hardware-scroll-note{visibility:hidden}.chapter-progress{display:none}}
