.tracker-features{padding-top:70px;padding-bottom:90px}.tracker-features>header{max-width:780px;margin-bottom:65px}.tracker-features h2{font-size:clamp(2.5rem,5vw,5rem);line-height:1.04;letter-spacing:-.045em}.tf-note{font-size:.75rem!important;line-height:1.6;color:#687e6f}.tf-row{display:grid;grid-template-columns:.8fr 1.25fr;gap:70px;align-items:center;margin-bottom:80px}.tf-copy h3{font-size:clamp(2rem,3vw,3.3rem);line-height:1.1;letter-spacing:-.04em;margin:20px 0}.tf-copy p{color:#607568;max-width:390px;line-height:1.8}.tf-window{min-width:0;border:1px solid #cfdbd0;border-radius:14px;background:#fafcf8;box-shadow:0 25px 60px #173d2710;overflow:hidden}.tf-bar{display:flex;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #dce4d9;font:600 .75rem monospace;letter-spacing:.08em}.tf-bar span{font-weight:400;color:#788b7b}.tf-pipes{padding:28px 25px 10px;background:radial-gradient(ellipse,#f7faf2,#e7eee5)}.tf-pipe{display:block;position:relative;width:100%;border:1px solid transparent;background:transparent;border-radius:8px;text-align:left;padding:5px 14px;color:#476451;cursor:pointer}.tf-pipe[aria-pressed=true]{border-color:#809d86;background:#ffffff65}.tf-pipe svg{display:block;width:100%;height:64px;overflow:visible}.tf-pipe path{fill:none;stroke-linecap:round}.tf-shadow{stroke:#29463214;stroke-width:13}.tf-track{stroke:#a5afa8;stroke-width:12}.tf-fill{stroke:#269a50;stroke-width:12;stroke-dasharray:0 100}.tf-pipe circle{fill:#d0d9cd;stroke:#809383;stroke-width:2}.tf-pipe span{display:flex;justify-content:space-between;font:.7rem monospace}.tf-editor{display:grid;gap:14px;padding:22px}.tf-editor strong{font-size:.85rem}.tf-editor label{font-size:.75rem}.tf-editor output{float:right}.tf-editor input{display:block;width:100%;accent-color:#2c965d;margin-top:12px}.tracker-features button:not(.tf-pipe){border:1px solid #bdcebf;background:#31564b;color:white;border-radius:6px;padding:10px 16px;cursor:pointer;font-size:.8rem}.tracker-features button:disabled{opacity:.6}.tracker-features button:focus-visible,.tracker-features input:focus-visible,.tracker-features select:focus-visible{outline:3px solid #bd943e;outline-offset:3px}.tf-file{margin:28px 24px 12px;border:1px dashed #9bb5a0;border-radius:10px;display:grid;text-align:center;gap:12px;padding:25px}.tf-file>span{font-size:2.4rem;color:#397c4c}.tf-file strong{font:.9rem monospace}.tf-file small{font-size:.7rem;color:#6e8272}.tf-survey>p,.tf-survey>button{margin:15px 24px 24px}.tf-survey>p{font-size:.8rem}.tf-survey-lines{display:flex;gap:8px;padding:0 24px}.tf-survey-lines i{height:5px;flex:1;background:#cbd6ca;border-radius:4px}.tf-matching .tf-survey-lines i{background:#2c965d;animation:tf-pulse .7s ease-in-out infinite alternate}.tf-matching .tf-survey-lines i:nth-child(2){animation-delay:.2s}.tf-matching .tf-survey-lines i:nth-child(3){animation-delay:.4s}@keyframes tf-pulse{to{opacity:.25}}.tf-summary{padding:24px;display:flex;flex-wrap:wrap;align-items:baseline;gap:10px}.tf-summary>strong{font-size:1.8rem;letter-spacing:-.05em}.tf-summary>span,.tf-summary label{font-size:.75rem}.tf-summary label{margin-left:auto}.tf-summary select{padding:8px;border:1px solid #cbd7cc;border-radius:5px;background:white;color:#31564b}.tf-table-wrap{overflow-x:auto} .tf-window table{width:100%;border-collapse:collapse;font-size:.8rem;white-space:nowrap}.tf-window th,.tf-window td{padding:13px 17px;text-align:left;border-bottom:1px solid #e0e7dc}.tf-window th{font-size:.7rem;color:#6b8070;font-weight:400}.tf-window td button[aria-pressed=true]{background:#2c965d}.tf-details{font-size:.8rem;line-height:1.8;margin:22px}.tf-window>.tf-note{margin:22px}.tf-reset{display:block;margin:auto}@media(max-width:900px){.tf-row{grid-template-columns:1fr;gap:25px;margin-bottom:65px}.tf-copy p{max-width:600px}.tracker-features>header{margin-bottom:40px}}@media(max-width:480px){.tf-bar{padding:16px}.tf-window th,.tf-window td{padding:10px 9px}.tf-summary{padding:18px}.tf-summary label{margin-left:0;width:100%}.tf-file{margin:18px 14px}.tf-pipes{padding:20px 12px 10px}}@media(prefers-reduced-motion:reduce){.tf-matching .tf-survey-lines i{animation:none}}

.tf-survey-model{display:block;width:85%;height:125px;margin:0 auto}.tf-survey-model path{fill:none;stroke-linecap:round}.tf-survey-model circle{fill:#d0d9cd;stroke:#809383;stroke-width:2}

.feature-controls{flex-wrap:wrap}.feature-controls>.td-eyebrow,.feature-controls>strong{width:100%;margin:0}.feature-controls>strong{font-size:.8rem}.feature-controls label{flex-basis:100%}.feature-controls [data-next-object]{background:white!important;color:#31564b!important}.feature-controls [data-survey-state]{font-size:.75rem}.tracker-features .td-view{min-height:380px}.tracker-features .td-view canvas{cursor:crosshair}

.tracker-features .td-toolbar button[aria-pressed=false]{background:transparent;color:#31564b}.tracker-features .td-toolbar button{padding:6px 9px}

[data-feature-mode=survey] .feature-controls button,[data-feature-mode=survey] .feature-controls input{display:none}.td-drag-file{position:absolute;left:18%;top:18%;z-index:3;display:flex;align-items:center;gap:9px;padding:13px 16px;background:#fffefa;border:1px solid #b5c9b9;border-radius:8px;box-shadow:0 12px 30px #163d2830;transform:translate(-50%,-50%);pointer-events:none;white-space:nowrap;font-size:.8rem}.td-drag-file b{background:#31564b;color:white;padding:8px 6px;border-radius:4px;font-size:.7rem}.td-drag-file i{position:absolute;right:-10px;bottom:-18px;font-style:normal;font-size:28px;color:#244a38;transform:rotate(-115deg);text-shadow:1px 1px white}.td-drag-file[hidden]{display:none}.td-dropping .td-view{box-shadow:inset 0 0 0 3px #74a984}.td-dropping .td-drag-file{border-color:#2c965d}
.quantity-demo{border:1px solid #cbd8ce;border-radius:12px;background:#fbfdf9;overflow:hidden;box-shadow:0 25px 65px #173d2710}.qd-body{padding:32px}.qd-heading h4{font-size:clamp(1.5rem,3vw,2.4rem);font-weight:500;letter-spacing:-.04em;margin:14px 0}.qd-heading p{font-size:.8rem;color:#667d6c}.qd-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;margin-top:32px}.qd-layout h5{display:flex;justify-content:space-between;font-size:.7rem;letter-spacing:.1em;border-bottom:1px solid #d2dfd3;padding-bottom:15px;margin:0 0 18px}.qd-layout h5 span{font-weight:400;letter-spacing:0;color:#768a7b}.qd-object,.qd-system{border:1px solid #dce5d9;border-radius:9px;padding:20px;margin-bottom:15px;background:white}.qd-object-title,.qd-system summary{display:flex;align-items:center;gap:12px}.qd-object-title strong,.qd-system summary strong{font-size:.95rem;font-weight:500;display:block}.qd-object-title small,.qd-system summary small{display:block;font-size:.7rem;color:#6e8375;margin-top:5px}.qd-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:8px;background:#edf3e9;flex-shrink:0}.qd-icon svg{width:30px;height:30px;fill:none;stroke:#426b51;stroke-width:1.6}.qd-quantity{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-top:20px}.qd-quantity strong{font-size:1.4rem;font-weight:500;letter-spacing:-.03em}.qd-quantity strong span{font-size:.8rem;color:#7b8d80;letter-spacing:0}.qd-quantity>b{font-size:.85rem;color:#2b7d46;font-weight:500}.quantity-demo progress{display:block;width:100%;height:5px;border:0;border-radius:10px;overflow:hidden;margin-top:10px;appearance:none;background:#e9eee5}.quantity-demo progress::-webkit-progress-bar{background:#e9eee5}.quantity-demo progress::-webkit-progress-value{background:#379e58;border-radius:10px}.quantity-demo progress::-moz-progress-bar{background:#379e58}.qd-system summary{cursor:pointer;list-style:none}.qd-system summary::-webkit-details-marker{display:none}.qd-chevron{margin-left:auto;transition:transform .2s}.qd-system:not([open]) .qd-chevron{transform:rotate(-90deg)}.qd-system-total .qd-quantity{margin-top:16px}.qd-dimensions{border-top:1px solid #e2e9de;margin-top:18px}.qd-dimension{padding-top:16px}.qd-dim-name{display:flex;align-items:center;gap:8px}.qd-dim-name strong{font-size:.8rem;font-weight:500}.qd-dim-name small{font-size:.7rem;color:#77897b;margin-left:auto}.qd-dim-name i{width:8px;height:8px;background:#669879;border-radius:50%}.qd-dimension .qd-quantity{margin-top:8px}.qd-dimension .qd-quantity strong{font-size:1rem}.qd-footnote{font-size:.72rem;color:#758777;line-height:1.7;margin:20px 0 0}@media(max-width:700px){.qd-layout{grid-template-columns:1fr;gap:28px}.qd-body{padding:20px}.qd-object,.qd-system{padding:16px}.quantity-demo .sf-top{flex-wrap:wrap}}
.qd-SW{--system-colour:#65b7ed;--system-ink:#216993}.qd-FW{--system-colour:#edc744;--system-ink:#80620d}.qd-BD{--system-colour:#e43b28;--system-ink:#b62d1d}.qd-system .qd-icon svg{stroke:var(--system-colour)}.qd-system summary strong,.qd-system .qd-dim-name strong,.qd-system .qd-quantity>b{color:var(--system-ink)}.qd-system .qd-dim-name i{background:var(--system-colour)}.qd-system progress::-webkit-progress-value{background:var(--system-colour)}.qd-system progress::-moz-progress-bar{background:var(--system-colour)}.qd-model-colours{margin:26px 0 35px;border:1px solid #d7e1d4;border-radius:9px;overflow:hidden}.qd-model-crop{position:relative;aspect-ratio:1455/884;overflow:hidden}.qd-model-crop img{position:absolute;width:140.76%;max-width:none;left:-18.9%;top:-15.05%;height:auto}.qd-model-colours figcaption{padding:18px 20px;display:grid;gap:8px}.qd-model-colours figcaption strong{font-size:1.1rem;font-weight:500}.qd-model-colours figcaption span{font-size:.8rem;color:#627768;line-height:1.6}.qd-colour-legend{display:flex;flex-wrap:wrap;gap:20px;padding:0 20px 20px}.qd-colour-legend a{font-size:.8rem;color:var(--system-ink);display:flex;align-items:center;gap:7px;text-decoration:none}.qd-colour-legend i{width:10px;height:10px;background:var(--system-colour);border-radius:2px}.qd-system:target{outline:2px solid var(--system-colour);outline-offset:4px}
.qd-quantity strong .qd-count{font-size:inherit;color:inherit;letter-spacing:inherit;font-variant-numeric:tabular-nums}