:root{--paper:#f3f5ef;--viewer:#e9eee8;--ink:#233c31;--muted:#78867b;--line:#d5ded2;--accent:#768d3e;--lime:#bfce65;--mono:Consolas,"Courier New",monospace}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.6 "Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}button{border:0;background:none;cursor:pointer}button:disabled{opacity:.45;cursor:default}button,a,input,select{touch-action:manipulation}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid #8da746;outline-offset:4px}::selection{background:#d6e4ab}[hidden]{display:none!important}.sr-only{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.skip{position:fixed;left:20px;top:-100px;background:var(--ink);color:white;padding:12px;z-index:20}.skip:focus{top:10px}header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:23px 37px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-size:18px;font-weight:650;letter-spacing:2px}.brand-icon{display:grid;place-items:center;width:37px;height:37px;background:#dce6bf;border:1px solid #bccd96;border-radius:50%;font:29px/1 Georgia,serif;letter-spacing:-2px;padding-right:4px}.brand small{display:block;font:6px var(--mono);letter-spacing:1.5px;margin-top:3px;color:#859675}header>p{font:8px var(--mono);letter-spacing:1.5px;color:#889c7a}.back-link{font-size:11px;color:#6b7f67}main{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(350px,1fr);max-width:1800px;margin:auto}.viewer{position:sticky;top:16px;align-self:start;background:var(--viewer);border:1px solid #d4dfcc;border-radius:5px;margin:25px 0 25px 24px;padding:29px 30px 18px;min-width:0;overflow:hidden}.viewer-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;pointer-events:none}.eyebrow{font:8px/1.6 var(--mono);letter-spacing:1.2px;color:#819072}h1{font-size:clamp(45px,4.3vw,72px);line-height:.98;letter-spacing:-4px;margin-top:20px;font-weight:550}h1 span{color:#839958}.model-number{font:70px/1 Georgia,serif;letter-spacing:-5px;color:#b3c1a4;margin-top:28px;text-align:right}.model-number span{display:block;font:7px var(--mono);letter-spacing:1px;margin-top:15px}.scene-wrap{position:relative;margin-top:8px}#scene{height:515px;touch-action:none;outline:none}#scene canvas{display:block;width:100%;height:100%;touch-action:none}.scene-meta{position:absolute;bottom:7px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:16px;font:7px var(--mono);letter-spacing:.5px;color:#829377;pointer-events:none}.part-label{position:absolute;border:1px solid #b5c69a;background:#f5f7e9e8;border-radius:3px;padding:5px 8px;font:8px var(--mono);color:#566d45;white-space:nowrap;pointer-events:none;transform:translate(-50%,-100%)}.camera-controls{display:flex;gap:7px;align-items:center;border-top:1px solid #cbd7c1;padding-top:15px;flex-wrap:wrap}.camera-controls button{font-size:10px;border:1px solid #c2d0b7;border-radius:3px;padding:8px 11px;background:#edf2e5}.camera-controls button:hover{background:#dde8cc}.camera-controls #camera-reset{margin-left:auto;background:transparent;border-color:transparent;color:#6e845b}#viewer-status{font-size:9px;color:#819473;margin-top:12px}.rotation{display:flex;align-items:center;gap:18px;margin-top:16px}.rotation label{font:7px var(--mono);letter-spacing:.5px;white-space:nowrap}.rotation input{width:100%;height:3px;accent-color:#7a9447}.rotation output{font:9px var(--mono);min-width:29px;text-align:right;color:#7c8e6c}.controls{padding:43px 37px 30px;min-width:0}.controls>h2{font-size:34px;line-height:1.13;letter-spacing:-1.8px;margin-top:14px}.intro{font-size:12px;color:#7e8e7b;line-height:1.9;margin-top:19px;max-width:400px}.model-stats{display:flex;justify-content:space-between;gap:20px;border-block:1px solid var(--line);margin-top:24px;padding:19px 0}.model-stats strong{display:block;font:29px/1 Georgia,serif;letter-spacing:-1px}.model-stats span{font:6px var(--mono);letter-spacing:1px;color:#94a083;display:block;margin-top:7px}.assembly-controls{padding-top:25px}.section-heading{display:flex;justify-content:space-between;gap:12px}.section-heading output{font:9px var(--mono);color:#8a9a78}.assembly-controls h3,.layer-controls h3{font-size:19px;letter-spacing:-.5px;margin-top:10px}.mode-buttons{display:flex;gap:5px;background:#e8eddf;border:1px solid #d5dfc8;padding:4px;border-radius:4px;margin-top:16px}.mode-buttons button{flex:1;font-size:10px;padding:9px 5px;white-space:nowrap;color:#81946d}.mode-buttons [aria-pressed=true]{background:#fffef3;box-shadow:0 1px 4px #51633716;color:#526f38;border-radius:2px}.button{display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:3px;padding:13px 15px;font-size:11px}.primary{background:#304d36;color:#f0f4e3;width:100%;margin:12px 0 16px}.primary:hover{background:#456638}.outline{border:1px solid #c7d5b6;background:#ebf0e2;color:#687e4a}.outline:hover{background:#dee8ce}#assembly{width:100%;height:4px;accent-color:#839c4d;cursor:pointer}.hint{font-size:10px;line-height:1.8;color:#91a080;margin-top:10px}.layer-controls{border-top:1px solid var(--line);margin-top:24px;padding-top:22px}.system-buttons{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.system-buttons button{border:1px solid #d1ddc3;background:#f1f4e8;border-radius:3px;padding:7px 10px;font-size:10px;color:#84976e}.system-buttons [aria-pressed=true]{color:#edf3de;background:#5b7541;border-color:#5b7541}.toggle-row{display:flex;flex-direction:column;gap:9px;margin-top:17px;font-size:11px;color:#7a8c67}.toggle-row label{display:flex;align-items:center;gap:8px}.toggle-row input{accent-color:#7c934d;width:14px;height:14px}.color-options{border:0;padding:0;margin:20px 0 0;display:flex;gap:15px;flex-wrap:wrap}.color-options legend{font:7px var(--mono);letter-spacing:.8px;color:#91a080;margin-bottom:11px}.color-options label{display:flex;align-items:center;gap:5px;font-size:9px;color:#83946e;cursor:pointer;position:relative}.color-options input{position:absolute;opacity:0;width:1px;height:1px}.swatch{display:block;width:20px;height:20px;border-radius:50%;border:3px solid #eff2e5;box-shadow:0 0 0 1px #cfd9bf}.color-options label:has(input:checked) .swatch{box-shadow:0 0 0 2px #7a914d}.color-options label:has(input:focus-visible){outline:3px solid #8da746;outline-offset:5px}.moss{background:#789d3c}.chalk{background:#dadfd4}.ember{background:#d87537}.inspector{margin-top:24px;border-top:1px solid var(--line);padding-top:22px}.inspector select{width:100%;border:1px solid #cbd7be;border-radius:3px;background:#f7f8ef;padding:11px 10px;font-size:12px;margin-top:10px;min-width:0}.component-card{border:1px solid #cfdbc1;border-left:3px solid #8ca653;background:#e8efdc;padding:17px 16px;margin-top:13px;border-radius:3px}.component-system{font:7px var(--mono);letter-spacing:1px;color:#8a9b72}.component-card h3{font-size:22px;line-height:1.2;letter-spacing:-.6px;margin-top:9px}.component-card>p{font-size:11px;line-height:1.9;color:#768d5d;margin-top:12px}.component-card dl{margin:17px 0}.component-card dt{font:6px var(--mono);letter-spacing:.7px;color:#97a67f;margin-top:12px}.component-card dd{font-size:11px;margin:5px 0 0;color:#6d8554;line-height:1.8}.component-card .button{width:100%;font-size:10px;background:#f0f4e6;padding:10px 12px}.connections-heading{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:18px;font:6px var(--mono);letter-spacing:.3px;color:#9aab81}.wire-key{display:flex;align-items:center;gap:4px;font:7px "Segoe UI",sans-serif;letter-spacing:0}.wire-key i{width:6px;height:6px;border-radius:50%;background:#cc893f}.wire-key i:nth-child(2){background:#3eaa9e;margin-left:4px}.wire-key i:nth-child(3){background:#b85d4a;margin-left:4px}#connections-list{display:flex;flex-direction:column;gap:6px;margin-top:9px}.connection-button{display:flex;align-items:center;gap:8px;text-align:left;border:1px solid #d4dec7;background:#f0f4e6;padding:8px 9px;border-radius:3px;font-size:10px;color:#82986a}.connection-button i{width:6px;height:6px;border-radius:50%;background:#cc893f;flex-shrink:0}.connection-button.data i{background:#3eaa9e}.connection-button.signal i{background:#b85d4a}.connection-button [aria-hidden]{margin-left:auto}.connection-button[aria-pressed=true]{border-color:#7e9b51;background:#e5edda}.connection-note{font-size:9px;color:#a0ae8a;line-height:1.8;margin-top:10px}.bench{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.bench h3{font-size:19px;letter-spacing:-.4px;margin-top:8px}.bench p:not(.eyebrow){font-size:10px;line-height:1.9;color:#8a9d74;margin-top:8px}.bench>.button{width:100%;margin-top:14px}.utility-buttons{display:flex;flex-wrap:wrap;justify-content:space-between;gap:13px;margin-top:26px}.utility-buttons .button{width:100%;font-size:11px}.utility-buttons>button:not(.button){font-size:10px;color:#899d70;padding:5px 0}#action-status{font-size:10px;color:#708d4c;line-height:1.8;min-height:18px;margin-top:10px}.concept-note{font-size:9px;color:#a0ad8d;line-height:1.9;margin-top:8px}.catalogue{max-width:1800px;margin:auto;padding:44px 37px;border-top:1px solid var(--line)}.catalogue-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.catalogue h2{font-size:34px;line-height:1.15;letter-spacing:-1.5px;margin-top:11px}.catalogue-heading>p{font-size:11px;line-height:1.8;color:#8ca079;text-align:right}.systems-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:27px}.system-card{border:1px solid #d0ddc0;background:#edf2e5;border-radius:4px;padding:20px 17px}.system-card>.eyebrow{font-size:7px}.system-card h3{font-size:19px;letter-spacing:-.5px;margin-top:8px}.system-card>p:not(.eyebrow){font-size:10px;line-height:1.9;color:#8c9f76;margin-top:10px;min-height:57px}.system-card details{border-top:1px solid #d2dec2;margin-top:15px;padding-top:13px}.system-card summary{font-size:10px;color:#6f8a4d;cursor:pointer}.catalogue-parts{display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin-top:12px}.catalogue-parts button{font-size:10px;line-height:1.6;text-align:left;color:#839b69;padding:4px 0}.catalogue-parts button:hover{text-decoration:underline;text-underline-offset:4px}footer{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding:26px 37px;border-top:1px solid var(--line);font:7px var(--mono);letter-spacing:.5px;color:#94a783}footer a{font:10px "Segoe UI",sans-serif;color:#7b9566}
@media(min-width:1600px){.controls{padding:49px 45px 35px}.controls>h2{font-size:41px}.intro{font-size:13px}.viewer{padding:33px 35px 21px}#scene{height:585px}.eyebrow{font-size:9px}.model-stats span{font-size:7px}.component-card>p,.component-card dd{font-size:12px}}
@media(max-width:1100px){header>p{display:none}main{grid-template-columns:minmax(0,1.3fr) minmax(325px,1fr)}.viewer{margin-left:15px;padding:24px 20px 17px}.viewer-heading h1{font-size:49px;letter-spacing:-3px}.model-number{font-size:48px}.model-number span{font-size:5px}#scene{height:440px}.controls{padding:35px 26px}.controls>h2{font-size:31px}.camera-controls #camera-reset{margin-left:0}.systems-grid{grid-template-columns:1fr 1fr}.system-card>p:not(.eyebrow){min-height:0}}
@media(max-width:760px){header{padding:20px}.brand{font-size:16px;gap:8px}.brand small{font-size:5px}.brand-icon{width:31px;height:31px;font-size:25px}.back-link{font-size:9px}main{grid-template-columns:1fr}.viewer{position:relative;top:0;margin:15px 12px 0;padding:25px 19px 19px}.viewer-heading h1{font-size:54px;margin-top:16px}.eyebrow{font-size:7px}.model-number{font-size:57px;margin-top:29px}.model-number span{font-size:5px}.scene-wrap{margin-inline:-14px}#scene{height:390px}.scene-meta{left:15px;right:15px;font-size:6px}.part-label{font-size:6px;padding:4px 6px}.camera-controls{gap:5px;padding-top:13px}.camera-controls button{font-size:9px;padding:8px}.camera-controls #camera-reset{margin-left:auto;padding-inline:2px}#viewer-status{font-size:9px;line-height:1.8}.rotation{gap:12px}.rotation label{font-size:6px}.controls{padding:34px 25px}.controls>h2{font-size:37px}.controls>.eyebrow{font-size:8px}.intro{font-size:13px}.model-stats strong{font-size:32px}.model-stats span{font-size:6px}.assembly-controls h3,.layer-controls h3{font-size:21px}.mode-buttons button{font-size:11px;padding:11px 5px}.button{font-size:13px;padding:15px}.hint{font-size:11px}.system-buttons button{font-size:11px;padding:9px 12px}.toggle-row{font-size:12px;gap:12px}.color-options{gap:19px}.color-options label{font-size:10px}.color-options legend{font-size:7px}.inspector select{font-size:13px;padding:13px 10px}.component-card{padding:19px 16px}.component-card h3{font-size:25px}.component-card>p,.component-card dd{font-size:12px}.component-card dt{font-size:7px}.component-card .button{font-size:12px;padding:12px}.connection-button{font-size:11px;padding:11px}.connections-heading{font-size:6px}.connection-note{font-size:10px}.bench h3{font-size:22px}.bench p:not(.eyebrow){font-size:11px}.utility-buttons .button{font-size:12px}.utility-buttons>button:not(.button){font-size:11px}.concept-note{font-size:10px}.catalogue{padding:34px 24px}.catalogue-heading{display:block}.catalogue h2{font-size:33px}.catalogue-heading>p{font-size:11px;text-align:left;margin-top:18px}.systems-grid{grid-template-columns:1fr;gap:13px}.system-card{padding:20px}.system-card h3{font-size:22px}.system-card>p:not(.eyebrow){font-size:12px}.system-card summary{font-size:12px}.catalogue-parts button{font-size:12px}footer{padding:25px 24px;font-size:6px}footer>span:last-child{width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

@media(min-width:761px){#scene{height:clamp(250px,calc(100vh - 410px),585px)}}

.mowing-controls{border-bottom:1px solid var(--line);padding:24px 0}.mowing-controls h3{font-size:23px;letter-spacing:-.6px;margin-top:7px}.mowing-controls>.primary{margin-bottom:0}.mow-actions{display:flex;gap:8px;margin-top:12px}.mow-actions .button{flex:1;justify-content:center;padding:10px 6px}.mow-readouts{display:flex;justify-content:space-between;gap:20px;margin:19px 0}.mow-readouts strong{display:block;font:26px Georgia,serif}.mow-readouts span{display:block;font:7px var(--mono);letter-spacing:1px;color:#829370;margin-top:5px}#mow-panel .section-heading{font:8px var(--mono);color:#748968}#mow-timeline{width:100%;height:4px;accent-color:#7c934d;margin:15px 0 5px}.mow-speed-label{display:flex;align-items:center;justify-content:space-between;margin:13px 0;font-size:10px;color:#7b8f6b}.mow-speed-label select{border:1px solid #c7d5b6;border-radius:3px;padding:6px 9px;background:#f7f8ef;font-size:11px}.deck-monitor{position:absolute;right:10px;bottom:27px;width:160px;height:126px;border:1px solid #a7b794;border-radius:3px;box-shadow:0 3px 12px #203f2d20;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:6px 7px;color:#47633a}.deck-monitor strong{font:6px var(--mono);letter-spacing:.7px}.deck-monitor span{font:6px var(--mono);letter-spacing:.4px}.mowing-mode .assembly-controls,.mowing-mode .layer-controls,.mowing-mode .inspector,.mowing-mode .bench{opacity:.65}.mowing-mode #mow-launch{background:#526b3d}.mowing-mode .color-options{opacity:1}@media(max-width:760px){.mowing-controls h3{font-size:26px}.mow-actions .button{font-size:12px}.mowing-controls .hint{font-size:11px}.mow-speed-label{font-size:12px}.mow-speed-label select{font-size:12px}.deck-monitor{padding:5px}.deck-monitor strong,.deck-monitor span{font-size:5px;letter-spacing:0}}

.nav-card{margin-top:15px;padding:14px 12px;border:1px solid #c8d5b7;background:#e9f0df;border-radius:4px}.nav-card>.eyebrow{font-size:6px}.nav-phase{display:block;font-weight:500;font-size:16px;line-height:1.35;margin-top:8px;letter-spacing:-.3px}.nav-phase:before{content:"";display:inline-block;width:7px;height:7px;background:#71965a;border-radius:50%;margin-right:7px;vertical-align:2px}.nav-card[data-phase=detecting] .nav-phase:before,.nav-card[data-phase=planning] .nav-phase:before{background:#c58d3e}.nav-card[data-phase=avoiding] .nav-phase:before,.nav-card[data-phase=avoid-turn] .nav-phase:before{background:#649da1}.nav-readouts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.nav-readouts output{display:block;font:15px var(--mono);color:#4d7045}.nav-readouts span{display:block;font:6px var(--mono);letter-spacing:.5px;margin-top:4px;color:#8a9c78}.nav-overlay-label{display:flex;gap:7px;align-items:center;font-size:10px;color:#748b61;margin-top:14px}.nav-overlay-label input{accent-color:#7c934d}.nav-log{border-top:1px solid #d0dcc4;margin-top:12px;padding-top:10px;color:#7d946a;font-size:10px}.nav-log summary{cursor:pointer}.nav-log ol{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:7px;font-size:9px;line-height:1.8}@media(max-width:760px){.nav-card{padding:16px}.nav-card>.eyebrow{font-size:7px}.nav-phase{font-size:19px}.nav-readouts output{font-size:16px}.nav-readouts span{font-size:6px}.nav-overlay-label,.nav-log{font-size:11px}.nav-log ol{font-size:10px}}

.coverage-stage{font:7px var(--mono);letter-spacing:.7px;color:#6b854e;margin-top:18px}.coverage-summary{font-size:9px;line-height:1.8;color:#8c9d78;margin:0 0 13px}.mow-readouts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}.mow-readouts strong{font-size:21px;letter-spacing:-.6px;white-space:nowrap}.mow-readouts span{font-size:5px;letter-spacing:.5px;white-space:nowrap}@media(max-width:760px){.coverage-stage{font-size:8px}.coverage-summary{font-size:10px}.mow-readouts strong{font-size:24px}.mow-readouts span{font-size:6px}}

#mow-edge{width:100%;justify-content:center;margin-top:10px}.trimmer-card{margin:15px 0;padding:13px;border:1px solid #c8d5b7;border-radius:4px;background:#edf1e4}.trimmer-card>strong,.trimmer-card>span{display:block;margin-top:6px}.trimmer-card>strong{font-size:12px;font-weight:500}.trimmer-card>span{font:10px var(--mono);color:#6c814e}.trimmer-card details{font-size:11px;margin-top:10px;color:#687e58}.trimmer-card summary{cursor:pointer}.trimmer-card details p{margin-top:9px;line-height:1.8}.nav-card[data-phase=edging] .nav-phase:before{background:#ce8b35}

.arm-demo-panel{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.arm-demo-panel>label{display:block;font-size:10px;margin-top:12px}#arm-demo-status{font-size:12px;margin-top:6px}.arm-demo-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.arm-demo-actions button{border:1px solid #c2d0b7;border-radius:3px;background:#edf2e5;padding:7px 9px;font-size:10px}.arm-demo-actions button:first-child{background:#304d36;color:#f0f4e3}#arm-demo-timeline{width:100%;accent-color:#7c934d;margin-top:10px}

.arm-demo-mode .viewer-heading h1{font-size:28px;letter-spacing:-1px;margin-top:6px}.arm-demo-mode .viewer-heading h1 br{display:none}.arm-demo-mode .model-number{font-size:34px;margin-top:7px}.arm-demo-mode .model-number span,.arm-demo-mode #viewer-status,.arm-demo-mode .rotation,.arm-demo-mode .camera-controls [data-camera]{display:none}.arm-demo-mode #scene{height:clamp(240px,calc(100vh - 460px),440px)}
