@font-face{font-family:Trainer;src:url('assets/LiberationSans-Regular.ttf') format('truetype');font-display:swap;font-weight:400}
:root{--bg:#171b1a;--surface:#222724;--line:#3b423d;--text:#f6f7f0;--muted:#b8c0b7;--accent:#dfed60;--ink:#171b1a;--max:1320px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Trainer,sans-serif;font-size:17px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}img{display:block;max-width:100%;height:auto}figure{margin:0}p,h1,h2,h3{margin:0}h1,h2,h3{line-height:1.06;letter-spacing:-.045em}h2{font-size:clamp(2.5rem,4.6vw,4.4rem)}h3{font-size:2rem}.wrap{width:min(var(--max),calc(100% - 96px));margin-inline:auto}.header{display:flex;align-items:center;justify-content:space-between;padding-block:28px;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:27px;font-weight:750;letter-spacing:-1px;line-height:1}.brand-light{font-weight:400}.brand small{display:block;font-size:12px;font-weight:400;letter-spacing:.06em;margin-top:8px}.brand-mark{display:grid;place-items:center;width:40px;height:44px;background:var(--accent);color:var(--ink);font-size:32px;font-weight:900;border-radius:3px}nav{display:flex;align-items:center;gap:36px;font-size:15px}nav>a:not(.button):hover{color:var(--accent)}.button{display:inline-flex;justify-content:center;align-items:center;gap:40px;background:var(--accent);color:var(--ink);padding:15px 23px;font-size:16px;font-weight:700;border:1px solid var(--accent);border-radius:4px;cursor:pointer;line-height:1.4;transition:background .18s,transform .18s}.button:hover{background:#f0fc80;transform:translateY(-2px)}.button-small{padding:12px 18px;gap:24px;font-size:14px}.hero{overflow:hidden}.hero-copy{padding-top:74px;position:relative;z-index:1}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.15em;color:var(--accent);margin-bottom:25px}.hero h1{font-size:clamp(4.2rem,7.7vw,7.5rem);font-weight:750;letter-spacing:-.06em;line-height:.97}.hero h1 span{color:var(--accent)}.hero-description{margin-top:30px;color:var(--muted);font-size:clamp(1.125rem,1.8vw,1.4rem);line-height:1.55}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.quiet{color:var(--muted);font-size:14px}.hero-image{margin-top:30px;position:relative}.hero-image img{width:100%;max-height:660px;object-fit:cover;object-position:50% 53%}.hero-image:before{content:'';position:absolute;inset:0 0 auto;height:24%;background:linear-gradient(var(--bg),transparent);pointer-events:none}.hero-image figcaption{background:var(--bg);padding:18px max(48px,calc((100vw - var(--max))/2));display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:12px;letter-spacing:.1em;border-bottom:1px solid var(--line)}.hero-image figcaption span{letter-spacing:0}.section{padding-block:100px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:0 90px}.intro .eyebrow{grid-column:1/-1}.large-copy{font-size:22px;color:var(--muted);max-width:530px;align-self:end}.footer{padding-block:35px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}.footer .brand{font-size:22px;gap:0;color:var(--text)}.skip{position:absolute;top:-100px;left:20px;z-index:10;background:var(--accent);color:var(--ink);padding:12px}.skip:focus{top:12px}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:var(--ink)}
.booking-nav{display:flex;flex-direction:column;align-items:center;gap:3px}.booking-nav small{font-size:12px;color:var(--muted)}.button:disabled{background:transparent;border-color:#78816a;color:#c5cc9e;cursor:not-allowed;transform:none}.hero-description{max-width:440px}.hero{position:relative}.workflow{padding-bottom:24px}.workflow-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);gap:30px}.workflow-tab{display:flex;align-items:center;text-align:left;gap:16px;padding:22px 0;background:none;border:0;border-bottom:3px solid transparent;color:var(--muted);cursor:pointer;font-size:17px}.workflow-tab:hover{color:var(--text)}.workflow-tab[aria-selected=true]{border-bottom-color:var(--accent);color:var(--text)}.step-number{font-size:13px;color:var(--accent);font-family:monospace}.panel-copy{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:50px;padding:35px 0}.panel-copy p{color:var(--muted);max-width:580px}.app-frame{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#222624;box-shadow:0 28px 70px #0003}.frame-label{display:flex;justify-content:space-between;padding:15px 22px;font-size:12px;letter-spacing:.06em;color:var(--muted)}.frame-label span:last-child{letter-spacing:0}.app-frame>img{width:100%;aspect-ratio:16/9;object-fit:contain;background:#1c1e22}.app-frame .export-image{background:#fff}.app-frame figcaption{color:var(--muted);padding:15px 22px;font-size:13px;border-top:1px solid var(--line)}.reuse-content{display:grid;grid-template-columns:1fr 1fr;gap:90px}.reuse-content .large-copy{color:var(--text);margin-bottom:14px}.reuse-content p:not(.large-copy){color:var(--muted);max-width:510px}.equipment-section{background:#e8ece4;color:var(--ink)}.equipment-section .eyebrow{color:#4a5717}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:70px}.section-heading>p{max-width:400px;color:#4a5148;font-size:18px}.equipment-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:60px}.equipment-grid figure{border-bottom:1px solid #bdc6b8;padding-bottom:20px}.equipment-grid img{width:100%;mix-blend-mode:multiply}.equipment-grid figcaption{font-size:16px;font-weight:700;padding-top:12px}.fleet-note{margin-top:28px;color:#464e42;font-size:16px}.asset-note{margin-top:10px;font-size:13px;color:#5b6357}.practical h2{margin-bottom:55px}.practical-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.practical-grid article{border-top:1px solid var(--line);padding-top:25px}.detail-number{color:var(--muted);font-size:12px;letter-spacing:.09em}.practical-grid h3{font-size:25px;letter-spacing:-.035em;line-height:1.2;margin:24px 0 18px}.practical-grid p{font-size:16px;color:var(--muted)}.demo-section{background:var(--accent);color:var(--ink);padding:80px 0}.demo-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.demo-section .eyebrow{color:#4a5717}.demo-section h2{font-size:clamp(2.6rem,5.6vw,5rem)}.demo-section p:not(.eyebrow){margin-top:25px;font-size:19px;line-height:1.5}.demo-action{text-align:center}.demo-action .button:disabled{color:var(--ink);border-color:#58632d;padding:19px 28px;min-width:230px}.demo-action p#booking-note{font-size:14px;margin-top:14px;color:#414c26}.footer{border-top:0;padding-block:38px}[hidden]{display:none!important}
@media(min-width:1100px){.hero{min-height:660px}.hero-copy{padding-top:95px;padding-bottom:120px;z-index:2;pointer-events:none}.hero-copy a{pointer-events:auto}.hero h1{font-size:clamp(5rem,6.6vw,7.5rem)}.hero-actions{flex-direction:column;align-items:flex-start;gap:14px}.hero-image{position:absolute;inset:0 0 0 auto;width:66%;margin:0;z-index:0}.hero-image img{height:100%;width:100%;max-height:none;object-fit:cover;object-position:13% 50%}.hero-image:before{inset:0;height:100%;background:linear-gradient(90deg,var(--bg) 0%,#171b1ad9 12%,#171b1a55 36%,transparent 60%),linear-gradient(0deg,var(--bg),transparent 22%,transparent 87%,#171b1a99)}.hero-image figcaption{position:absolute;bottom:15px;right:48px;left:15%;padding:0;background:none;border:0;font-size:10px;justify-content:flex-end}.hero-image figcaption>span{color:#d3d7ce}.hero-image figcaption{font-size:0}.hero-image figcaption span{font-size:12px}}
@media(max-width:1099px){.hero-image img{max-height:490px}.hero-description{max-width:620px}}
@media(max-width:760px){.workflow-tabs{gap:12px}.workflow-tab{display:block;font-size:14px;padding:16px 0;line-height:1.4}.step-number{display:block;margin-bottom:8px}.panel-copy{grid-template-columns:1fr;gap:18px;padding:28px 0}.panel-copy h3{font-size:27px}.panel-copy p{font-size:16px}.frame-label{padding:12px;font-size:10px;gap:10px}.app-frame figcaption{padding:12px;font-size:12px}.reuse-content{grid-template-columns:1fr;gap:28px}.section-heading{display:block}.section-heading>p{margin-top:25px;font-size:17px}.equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;margin-top:35px}.equipment-grid figure:last-child{grid-column:1/-1;max-width:calc(50% - 8px)}.practical-grid{grid-template-columns:1fr;gap:35px}.practical h2{margin-bottom:35px}.practical-grid h3{margin-top:16px}.demo-section{padding-block:60px}.demo-inner{align-items:flex-start;flex-direction:column;gap:35px}.demo-action{text-align:left}.demo-action .button{min-width:210px}.hero h1{font-size:clamp(3.6rem,12vw,5.4rem)}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{padding-block:20px}.brand{font-size:23px}.brand-mark{width:34px;height:38px}nav{gap:12px}nav>a:not(.button){display:none}.button-small{gap:12px;padding:11px 13px}.hero-copy{padding-top:55px}.hero-actions{align-items:flex-start;flex-direction:column;gap:16px}.hero-image{margin-top:5px}.hero-image img{min-height:310px;object-fit:cover;object-position:35% 50%}.hero-image figcaption{padding:16px 20px;flex-direction:column;gap:3px;font-size:11px}.intro{grid-template-columns:1fr;gap:25px}.intro .eyebrow{margin-bottom:0}.large-copy{font-size:19px}.section{padding-block:65px}.footer{flex-wrap:wrap}.footer p{order:3;width:100%}.desktop-break{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
@media(max-width:760px){.header{flex-wrap:wrap}.header nav{flex-wrap:wrap;margin-left:auto}.header nav>a.account-link{display:block;font-size:14px}}

.brand-mark{flex-shrink:0}.brand-mark img{width:30px;height:30px}
.machine-section{padding-bottom:25px}.demo-jump{text-decoration:underline;text-underline-offset:5px}.machine-demo{display:grid;grid-template-columns:minmax(0,1fr) 320px;margin-top:42px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.machine-view{position:relative;min-height:520px;background:#e4e5d8;overflow:hidden}.machine-view canvas{display:block;width:100%;height:100%;position:absolute;inset:0;touch-action:pan-y;cursor:grab}.machine-view canvas:active{cursor:grabbing}.machine-poster{height:100%;min-height:520px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:35px}.machine-poster img{width:min(100%,440px);mix-blend-mode:multiply}.machine-controls{padding:30px;background:var(--surface)}.machine-controls .eyebrow{font-size:10px;margin-bottom:18px}.machine-controls h3{font-size:27px;letter-spacing:-.03em}.machine-help{font-size:13px;line-height:1.5;color:var(--muted);margin:18px 0;min-height:40px}.machine-controls fieldset{border:0;padding:0;margin:0}.machine-controls label{display:flex;justify-content:space-between;font-size:14px;margin-top:16px}.machine-controls output{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.machine-controls input{display:block;width:100%;height:28px;margin:4px 0;accent-color:var(--accent);cursor:pointer}.machine-controls fieldset:disabled{opacity:.45}.machine-reset{background:transparent;color:var(--text);border:1px solid #77816f;border-radius:4px;font-size:13px;padding:10px 12px;margin-top:20px;width:100%;cursor:pointer}.machine-reset:hover{border-color:var(--accent)}.machine-controls small{display:block;font-size:11px;line-height:1.5;color:var(--muted);margin-top:20px}.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}@media(max-width:850px){.machine-demo{grid-template-columns:1fr}.machine-view,.machine-poster{min-height:380px}.machine-controls{padding:25px}.machine-controls h3{font-size:25px}}@media(max-width:450px){.machine-view,.machine-poster{min-height:310px}.machine-poster{padding:20px}}
.machine-section .section-heading>p{color:var(--muted)}

.practical-grid p+p{margin-top:16px}.practical-grid p.readiness-note{font-size:13px;line-height:1.55}.hero-description{max-width:490px}

.interface-shot{margin-top:45px}.interface-shot>img{aspect-ratio:auto}.header nav>a.open-app{display:inline-flex}.hero-actions .quiet{max-width:360px}
.bucket-handle{position:absolute;z-index:2;transform:translate(-50%,-50%);width:44px;height:44px;border:2px solid #fff;border-radius:50%;background:#263b32e8;color:#d9f4b4;box-shadow:0 0 0 5px #d9f4b444,0 3px 12px #0005;cursor:grab;touch-action:none;font-size:27px;display:grid;place-items:center;padding:0}.bucket-handle:hover,.bucket-handle:focus-visible{background:#3e5949;outline:3px solid #a9d275;outline-offset:4px}.bucket-handle.dragging{cursor:grabbing;background:#476536}.bucket-handle-label{position:absolute;top:51px;left:50%;transform:translateX(-50%);font-size:11px;line-height:1.2;white-space:nowrap;background:#23382ee8;color:#fff;padding:5px 8px;border-radius:4px;pointer-events:none}.bucket-handle[hidden]{display:none}
/* Small, self-contained scene playground. */
.machine-demo{grid-template-columns:minmax(0,1fr) 280px}.machine-view{min-height:660px}.machine-controls{padding:22px}.machine-controls select{width:100%;padding:10px;margin:8px 0;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:5px}.demo-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px}.demo-tools button,.demo-history button,.demo-path-actions button{padding:10px 8px;border:1px solid var(--line);border-radius:5px;background:transparent;color:var(--text);font:inherit;font-size:12px;cursor:pointer}.demo-tools button[aria-pressed=true]{background:var(--accent);color:#171b1a}.demo-history,.demo-path-actions{display:flex;gap:8px;margin-top:18px}.demo-history button{flex:1}.machine-controls button:disabled{opacity:.4;cursor:default}.machine-controls [hidden]{display:none}.machine-view canvas{touch-action:none}.machine-controls :focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:850px){.machine-demo{grid-template-columns:1fr}.machine-view{min-height:440px}.machine-controls{padding:22px}.demo-tools{grid-template-columns:repeat(4,1fr)}}@media(max-width:450px){.machine-view{min-height:340px}.demo-tools{grid-template-columns:1fr 1fr}}
.machine-view{height:750px;min-height:750px}.machine-controls{min-height:750px}@media(max-width:850px){.machine-view{height:440px;min-height:440px}.machine-controls{min-height:0}}@media(max-width:450px){.machine-view{height:340px;min-height:340px}}
.demo-bottom-tools{position:absolute;z-index:3;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:5px;max-width:calc(100% - 24px);padding:8px;border:1px solid #59614d;border-radius:12px;background:#20271ff2;box-shadow:0 8px 24px #0003;margin:0}.demo-bottom-tools button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:76px;padding:6px 9px;background:transparent;border:1px solid transparent;border-radius:7px;color:#edf1e8;font:inherit;font-size:11px;white-space:nowrap;cursor:pointer}.demo-bottom-tools img{object-fit:contain;width:66px;height:48px}.demo-bottom-tools [data-move] img,.demo-bottom-tools [data-undo] img,.demo-bottom-tools [data-reset] img{width:28px;height:48px}.demo-bottom-tools button[aria-pressed=true]{background:#414c2f;border-color:#ddea7d}.demo-bottom-tools button:hover:not(:disabled){background:#39432d}.demo-bottom-tools button:focus-visible{outline:2px solid #e4ed80;outline-offset:2px}.demo-bottom-tools:disabled,.demo-bottom-tools button:disabled{opacity:.4;cursor:default}@media(max-width:600px){.demo-bottom-tools{gap:2px;padding:5px;bottom:8px;max-width:calc(100% - 12px);width:calc(100% - 12px)}.demo-bottom-tools button{min-width:0;flex:1;padding:4px 2px;font-size:9px}.demo-bottom-tools img{width:44px;height:34px}.demo-bottom-tools [data-move] img,.demo-bottom-tools [data-undo] img,.demo-bottom-tools [data-reset] img{height:34px;width:22px}}
.demo-rotation{position:absolute;z-index:2;display:flex;gap:5px;transform:translate(-50%,-100%)}.demo-rotation[hidden],.demo-path-point[hidden]{display:none}.demo-rotation button,.demo-path-point{border:1px solid #e5ed83;border-radius:50%;background:#293321ee;color:#e5ed83;cursor:pointer;touch-action:none}.demo-rotation button{width:34px;height:34px;display:grid;place-items:center}.demo-rotation img{width:22px;height:22px}.demo-path-point{position:absolute;z-index:2;width:27px;height:27px;transform:translate(-50%,-50%);font:bold 12px Arial}.demo-path-point:focus-visible,.demo-rotation button:focus-visible{outline:3px solid white;outline-offset:2px}.demo-path-actions{flex-wrap:wrap}
.shared-editor-demo{display:block}.shared-editor-demo .machine-view{height:760px;min-height:760px}.shared-editor-frame{position:absolute;inset:0;width:100%;height:100%;border:0;background:#1a1d22}@media(max-width:600px){.shared-editor-demo .machine-view{height:650px;min-height:650px}}