@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
.scope-note{border-left:3px solid #de522d;background:#eeeae0;padding:12px 16px;font-size:12px;color:#626c5b;margin:0 0 16px;line-height:1.7}.scope-note strong{color:#36432e}
.australia-note{font-size:11px;color:#69765d;line-height:1.8;margin:0 0 16px}.australia-note strong{color:#36432e}
.mode-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 16px;font-size:12px}.mode-row label{font-weight:600}.mode-row select{border:1px solid #c7d0bc;background:#fffefa;padding:9px;border-radius:5px;font-size:12px}.mode-row>span{color:#69765d;font-size:11px}.detection-summary{display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding:16px 0;border-bottom:1px solid #43503c;font-size:12px}.detection-summary>span{font-size:10px;color:#b7c9a7}.detection-summary label{display:flex;align-items:center;gap:8px}.detection-summary select{color:#eef3e8;background:#344135;border:1px solid #65795a;border-radius:4px;padding:6px;font-size:11px}.auto-detection #preview{cursor:default}
:root{--bg:#f5f4ef;--paper:#fffefa;--ink:#252b28;--muted:#747b74;--line:#dddfd6;--orange:#de522d;--dark:#202c26;--font:'DM Sans',system-ui,sans-serif;--display:'Space Grotesk',system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.6}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.46}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,label:has(input:focus-visible){outline:3px solid var(--orange);outline-offset:4px}[hidden]{display:none!important}.skip{position:absolute;top:-70px;z-index:5;background:white;padding:12px}.skip:focus{top:10px}.topbar{height:94px;margin:auto;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;max-width:1320px;padding:0 44px}.brand{display:flex;align-items:center;font-family:var(--display);font-weight:600;font-size:24px;letter-spacing:-1.1px;line-height:1;gap:10px}.brand svg{width:28px;height:28px;fill:none;stroke:var(--orange);stroke-width:2.4}.brand-dot{font-size:10px;align-self:flex-start;margin:0 0 0 -6px;color:var(--orange)}.topbar nav{display:flex;gap:36px;height:100%;align-items:center;font-weight:550;font-size:13px}.topbar nav a{height:100%;display:flex;align-items:center;gap:14px;border-bottom:2px solid transparent;padding-top:2px}.topbar nav .active{border-color:var(--orange)}.header-tag{font-size:11px;font-weight:550;display:flex;align-items:center;gap:8px}.pulse{height:7px;width:7px;background:#7b966a;border-radius:50%;box-shadow:0 0 0 4px #e7ebdf}main{max-width:1232px;margin:auto;padding:0 28px}.intro{display:flex;align-items:center;justify-content:space-between;padding:52px 0 42px;gap:32px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:700;display:flex;gap:12px}.eyebrow span:first-child{color:var(--orange)}.separator{color:#b7b8ad}h1{font-family:var(--display);font-size:clamp(42px,4.5vw,65px);line-height:1.09;letter-spacing:-3.5px;font-weight:500;margin:18px 0}h1 em{font-style:normal;color:var(--orange)}.intro-copy{font-size:14px;color:#687166;line-height:1.7}.intro-note{width:210px;position:relative;border-left:1px solid #cbd0c3;padding-left:22px;margin-right:22px}.intro-note>span:not(.note-number){font-size:9px;letter-spacing:1.4px;font-weight:650}.intro-note .note-number{position:absolute;right:0;top:-18px;font-family:var(--display);font-size:44px;color:#d5d8cb;font-weight:400;line-height:1}.intro-note p{font-size:18px;line-height:1.4;letter-spacing:-.5px;margin:20px 0 14px}.intro-note a{font-size:11px;color:var(--orange)}.section-heading,.section-heading>div{display:flex;align-items:center}.section-heading{justify-content:space-between;margin-bottom:16px;gap:16px}.section-heading>div{gap:10px}.section-marker{width:7px;height:7px;background:var(--orange)}.section-heading h2{font-size:17px;font-weight:600;letter-spacing:-.5px}.small-badge{font-size:8px;border:1px solid #d2d7c8;border-radius:4px;padding:1px 6px;font-weight:650;letter-spacing:.8px}.engine-status{display:flex;align-items:center;gap:7px;font-size:10px;color:#697365}.status-dot{width:6px;height:6px;border-radius:50%;background:#9f9f95}.engine-status.ready .status-dot{background:#789c59}.engine-status.offline .status-dot{background:var(--orange)}.workspace{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(290px,1fr);border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--paper)}.image-panel{padding:24px 26px 16px;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px}.panel-heading h3,.results-heading h3{font-size:13px;font-weight:600;display:flex;align-items:center;gap:9px}.step-number{font-family:var(--display);font-size:10px;border:1px solid #dce0d3;border-radius:50%;width:23px;height:23px;display:inline-flex;align-items:center;justify-content:center;font-weight:500;color:#7d8775}.muted{color:var(--muted)}.micro{font-size:8px;letter-spacing:.5px}.dropzone{border:1.5px dashed #b9c3af;background:#f6f8f1;min-height:332px;border-radius:8px;text-align:center;padding:20px 16px;display:flex;align-items:center;flex-direction:column;justify-content:center;transition:background .2s}.dropzone.drag-over{background:#e7efda;border-color:var(--orange)}.drop-illustration{width:204px;height:100px;margin-bottom:8px}.drop-illustration svg{width:100%;height:100%;fill:none;stroke:#6d7d61;stroke-width:1}.drop-illustration svg rect{fill:#fefef7;stroke:#8fa17b}.drop-illustration svg text{font-family:monospace;font-size:25px;fill:#556449;stroke:none;letter-spacing:3px;font-weight:bold}.drop-illustration .corner{stroke:#b6c6a5;stroke-width:1.4}.drop-illustration .scan{stroke:#de7147;opacity:.75}.dropzone h4{font-family:var(--display);font-size:20px;font-weight:500;letter-spacing:-.65px}.dropzone p{font-size:11px;color:var(--muted);margin:5px 0 17px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--orange);background:var(--orange);color:#fff;border-radius:5px;padding:11px 21px;font-size:12px;font-weight:550;transition:background .15s}.primary:hover:not(:disabled){background:#c94422;border-color:#c94422}.upload-button{position:relative;cursor:pointer}.upload-button input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.upload-button>span{font-size:19px;line-height:1}.drop-or{color:#8a9284;font-size:9px;margin:8px 0 16px}.text-button{border:0;background:none;font-size:10px;font-weight:500;padding:0;text-decoration:underline;text-underline-offset:4px}.text-button:hover{color:var(--orange)}.dropzone .text-button{color:#6c765f}.image-footer{display:flex;align-items:center;gap:7px;color:#758069;font-size:9px;margin-top:14px}.image-footer>span:first-child{font-size:16px}.experiment-panel{padding:24px 26px;background:#f0f1e9;border-left:1px solid var(--line)}.field-label{font-size:11px;font-weight:550;display:flex;justify-content:space-between;gap:8px;margin-bottom:6px}.field-label span{font-weight:400;font-size:9px;color:#858e7e}.experiment-panel select,.experiment-panel input[type=text]{width:100%;height:38px;border:1px solid #d4d9ca;border-radius:5px;padding:8px 11px;color:var(--ink);background:var(--paper);font-size:11px}.tip-box{border-left:2px solid #a6b894;margin:16px 0 18px;padding-left:12px}.tip-label{font-size:8px;letter-spacing:1.2px;font-weight:700;color:#69765d}.tip-box p{font-size:11px;line-height:1.65;color:#738068;margin-top:4px}.field-hint{font-size:9px;color:#7c8673;line-height:1.6;margin:7px 0 15px}.consent{display:flex;align-items:flex-start;gap:8px;font-size:9px;line-height:1.6;color:#67735e;margin:0 0 15px;cursor:pointer}.consent input{accent-color:var(--orange);margin:2px 0 0;flex:none}.analyze{width:100%;justify-content:space-between}.action-hint{font-size:9px;color:#808975;text-align:center;margin-top:8px}.error{color:#a52e1e;background:#fcece5;border:1px solid #eabbaa;font-size:12px;padding:10px;border-radius:4px;margin-top:12px}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:10px;font-size:10px}.preview-toolbar span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-wrap{position:relative;background:#26322c;border-radius:6px;overflow:hidden;min-height:175px;display:flex;align-items:center;justify-content:center}canvas{display:block;max-width:100%;max-height:320px;touch-action:none;cursor:crosshair}.sample-label{position:absolute;left:10px;top:9px;color:#d9e5d2;font-size:8px;letter-spacing:1px;background:#25322ee0;padding:3px 7px;border-radius:3px;pointer-events:none}.crop-help{display:flex;gap:12px;justify-content:space-between;font-size:10px;color:#737e69;align-items:center;padding-top:10px}.crop-help strong{font-weight:600;color:#4b5b42}.crop-help button{flex:none}.crop-details{font-size:10px;color:#747d6c;margin-top:10px}.crop-details summary{cursor:pointer}.crop-details p{font-size:9px;margin-top:5px}.crop-inputs{display:flex;gap:8px;align-items:end;margin-top:8px}.crop-inputs label{flex:1;min-width:0}.crop-inputs input{width:100%;font-size:11px;border:1px solid #cdd4c4;padding:4px;border-radius:3px;display:block}.crop-inputs .secondary{padding:5px 9px;font-size:10px}.results-panel{background:var(--dark);border-radius:10px;margin-top:16px;padding:21px 26px 16px;color:#eaf0df}.results-heading{display:flex;justify-content:space-between;align-items:center;gap:14px}.results-panel .step-number{color:#b3c1a6;border-color:#566149}.result-tag{font-size:8px;letter-spacing:1px;background:#344135;color:#c3cdb8;padding:4px 8px;border-radius:3px}.result-tag.review{background:#584932;color:#f7d6a2}.empty-result{display:flex;align-items:center;gap:25px;padding:27px 10px 24px}.empty-symbol{font-family:monospace;font-size:32px;letter-spacing:6px;color:#8d9c7d}.empty-result p{font-family:var(--display);font-size:17px;letter-spacing:-.2px}.empty-result p span{display:block;font-family:var(--font);font-size:10px;color:#a3b294;letter-spacing:0;margin-top:3px}.empty-arrow{margin-left:auto;color:#637c54;font-size:44px;line-height:1}.result-disclaimer{font-size:9px;color:#9baa8e;border-top:1px solid #43503c;padding-top:12px;line-height:1.6}.result-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr 1.2fr;gap:26px;margin:26px 0}.metric-label{font-size:8px;letter-spacing:1px;color:#a7b49a}.plate-result{font-family:var(--display);font-size:29px;letter-spacing:2px;font-weight:600;margin:8px 0 4px}.reading .text-button{color:#b6c6a6;font-size:9px}.metric strong{display:block;font-family:var(--display);font-size:29px;font-weight:500;margin:8px 0 7px;line-height:1.2}.metric small{font-size:9px;color:#a4b596;display:block;line-height:1.6}.score-track{height:3px;background:#495942;border-radius:2px;margin:10px 0 9px}.score-track span{display:block;height:3px;background:#c2d8ab;width:0;transition:width .4s}.metric .comparison{font-size:18px;padding:5px 0}.result-next{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#2c3a2e;border-radius:5px;padding:13px 16px;margin-bottom:17px}.result-next .tip-label{color:#bbcbaa}.result-next p{font-size:11px;color:#b9c9a9;margin-top:4px;max-width:690px}.secondary{border:1px solid #c7d0bc;border-radius:4px;background:transparent;font-size:10px;font-weight:550;padding:9px 12px}.result-next .secondary{color:#d8e6ca;border-color:#65795a;white-space:nowrap}.secondary:hover{background:#89977515}.field-guide{padding:62px 0 0}.guide-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:26px}.guide-heading .eyebrow{font-size:8px;color:#7e876f}.guide-heading h2{font-family:var(--display);font-weight:500;line-height:1.15;font-size:34px;letter-spacing:-1.4px;margin-top:13px}.guide-heading>p{max-width:300px;font-size:12px;color:#7a8370;line-height:1.75}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.lesson{text-align:left;background:transparent;border:1px solid #d7dccd;border-radius:8px;padding:24px;transition:background .2s,transform .2s}.lesson:hover{transform:translateY(-3px);background:#eeeee3}.lesson.selected{background:#e8ecdf;border-color:#b7c2a7}.lesson-top{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1px;color:#849076}.lesson-icon{font-size:28px;line-height:1.4;color:#788b63}.lesson h3{font-family:var(--display);font-size:16px;line-height:1.3;font-weight:500;letter-spacing:-.4px;margin:20px 0 10px}.lesson p{font-size:11px;color:#77816c;line-height:1.8}.lesson-action{display:block;font-size:9px;font-weight:550;color:#536449;margin-top:21px}.learning-strip{display:flex;gap:17px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line);margin-top:12px}.learning-icon{font-size:33px;color:#93a27f}.learning-strip h3{font-size:11px;font-weight:600}.learning-strip p{font-size:10px;color:#7c8570;max-width:740px;margin-top:4px;line-height:1.8}.strip-tag{font-size:8px;letter-spacing:1px;margin-left:auto;white-space:nowrap;color:#879177}.faq{margin:23px 0 46px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}.faq details{font-size:11px}.faq summary{cursor:pointer;font-weight:550;list-style:none;display:flex;justify-content:space-between;gap:10px}.faq summary::after{content:'+';color:#94a080}.faq details[open] summary::after{content:'−'}.faq p{font-size:11px;color:#7a826f;line-height:1.9;margin-top:10px}footer{max-width:1320px;border-top:1px solid var(--line);padding:30px 44px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin:auto}footer .brand{font-size:18px}footer p{font-size:10px;color:#8b9280}footer>span{font-size:8px;letter-spacing:1px;color:#7c876d}.orange{color:var(--orange);margin-left:12px}.busy .analyze{background:#738568;border-color:#738568}.busy #preview{cursor:wait}.busy .analyze span{animation:spin 1.5s infinite linear}.busy .upload-button{pointer-events:none}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.topbar{padding:0 28px;height:78px}.topbar nav{gap:20px}.header-tag{display:none}.intro-note{margin:0;width:175px}.workspace{grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr)}.image-panel,.experiment-panel{padding:20px}.panel-heading{align-items:flex-start}.panel-heading .micro{font-size:7px;max-width:95px;text-align:right}.result-grid{gap:16px}.metric strong,.plate-result{font-size:25px}.strip-tag{display:none}.lesson{padding:20px}.intro{padding:38px 0}.intro-copy{font-size:12px}footer{padding:28px}.crop-help{font-size:9px}.crop-inputs{flex-wrap:wrap}.crop-inputs label{min-width:40px}}@media(max-width:650px){main{padding:0 18px}.topbar{padding:0 18px;height:70px}.brand{font-size:21px}.brand svg{width:23px}.topbar nav{gap:18px;font-size:10px}.topbar nav a{gap:5px}.intro{padding:30px 0}.eyebrow{font-size:7px;letter-spacing:1.2px;gap:8px}h1{font-size:43px;letter-spacing:-2.3px}.intro-note{display:none}.intro-copy{font-size:12px;max-width:340px}.desktop{display:none}.section-heading h2{font-size:15px}.engine-status{font-size:8px}.workspace{grid-template-columns:1fr}.image-panel{padding:19px 17px 14px}.panel-heading .micro{max-width:none;font-size:7px}.dropzone{min-height:318px}.experiment-panel{border-left:0;border-top:1px solid var(--line);padding:20px}.experiment-panel .panel-heading{margin-bottom:17px}.field-label,.experiment-panel select,.experiment-panel input[type=text]{font-size:12px}.field-hint,.consent,.action-hint{font-size:10px}.tip-box p{font-size:12px}.primary{font-size:13px;padding:12px 20px}.image-footer{font-size:8px}.results-panel{padding:20px 17px 16px}.results-heading h3{font-size:11px;gap:7px}.result-tag{font-size:6px;letter-spacing:.7px}.empty-result{gap:15px;padding:25px 0}.empty-symbol{font-size:23px;letter-spacing:3px;white-space:nowrap}.empty-result p{font-size:13px}.empty-result p span{font-size:9px}.empty-arrow{display:none}.result-grid{grid-template-columns:1fr 1fr;gap:22px 20px}.result-next{align-items:flex-start;flex-direction:column;gap:12px}.result-next p{font-size:11px}.result-disclaimer{font-size:9px}.guide-heading{align-items:start;flex-direction:column;gap:15px}.guide-heading h2{font-size:30px}.guide-heading>p{font-size:12px}.field-guide{padding-top:40px}.lesson-grid{grid-template-columns:1fr;gap:12px}.lesson{padding:20px}.lesson h3{font-size:18px;margin-top:10px}.lesson p{font-size:12px;max-width:90%}.lesson-top{font-size:9px}.lesson-icon{font-size:25px}.lesson-action{font-size:10px;margin-top:15px}.learning-strip{align-items:flex-start}.learning-strip p{font-size:11px}.learning-strip h3{font-size:12px}.faq{grid-template-columns:1fr;gap:0;margin-bottom:25px}.faq details{padding:15px 0;border-bottom:1px solid var(--line)}.faq summary{font-size:12px}footer{padding:25px 18px;flex-wrap:wrap;gap:17px}footer p{order:3;width:100%;font-size:10px}footer .brand{font-size:18px}footer>span{font-size:7px}.crop-help{font-size:10px;align-items:start}.crop-help button{font-size:9px}.crop-inputs{gap:6px}.crop-inputs label{min-width:35px}.consent input{width:16px;height:16px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}