:root{color:#17232d;background:#f1f4f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}.page{max-width:860px;margin:0 auto;padding:1.25rem 1.25rem 2.5rem}.hero{color:#f6fffa;background:linear-gradient(135deg,#173b38,#236b58);border:1px solid #cbd9d0;border-radius:16px;margin-bottom:1.6rem;padding:1.1rem 1.25rem 1.35rem;box-shadow:0 14px 32px rgba(23,59,56,.16)}.titlebar{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;display:grid}.brand-logo{object-fit:cover;border-radius:9px;flex:0 0 2.6rem;width:2.6rem;height:2.6rem;display:block}.brand-copy{min-width:0}.eyebrow{color:#d8f36e;letter-spacing:.14em;margin:0 0 .15rem;font-size:.68rem;font-weight:800}h1{letter-spacing:-.035em;margin:0;font-size:clamp(1.35rem,4vw,2.1rem);line-height:1.05}h2{margin-top:0}.hero-actions{align-items:center;gap:.7rem;display:flex}.app-status{color:#d8f36e;letter-spacing:.08em;white-space:nowrap;border:1px solid rgba(216,243,110,.55);border-radius:999px;padding:.35rem .55rem;font-size:.66rem;font-weight:800}.learn-more{color:#f6fffa;font:inherit;text-underline-offset:.2rem;white-space:nowrap;background:0 0;border:0;padding:.35rem .2rem;font-size:.8rem;font-weight:700;text-decoration:underline}.lede{color:#d9ebe1;max-width:44rem;margin:1rem 0 0 3.4rem;font-size:1rem;line-height:1.5}.card{background:#fff;border:1px solid #d5e0d9;border-radius:14px;margin:1rem 0;padding:1.35rem;box-shadow:0 8px 24px rgba(24,64,48,.05)}.tabs{gap:.5rem;margin-bottom:1rem;display:flex}.tab{color:#475569;font:inherit;background:#fff;border:1px solid #b8c9bf;border-radius:7px;padding:.6rem .85rem}.tab.active{color:#fff;background:#16705a;border-color:#16705a;font-weight:700}.drop-zone{color:#16705a;cursor:pointer;text-align:center;background:#f4faf6;border:2px dashed #78a58f;border-radius:9px;place-items:center;min-height:7rem;margin:1rem 0;padding:1rem;font-weight:700;display:grid}.drop-zone:hover{background:#eaf6ee;border-color:#16705a}.drop-input{display:none}.field{gap:.45rem;margin-top:1rem;font-weight:650;display:grid}input{width:100%;font:inherit;background:#fff;border:1px solid #b8c9bf;border-radius:7px;padding:.65rem}.settings{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.settings .field{margin-top:0}.muted,.footnote{color:#64748b;line-height:1.5}.selection-count{color:#16705a;margin-bottom:.35rem;font-weight:700}.selection-list{color:#475569;max-height:10rem;margin:0;padding-left:1.25rem;overflow-y:auto}.next-step{color:#173b38;background:#edf5ef;border-left:4px solid #d8f36e;margin:1rem 0 0;padding:.75rem .85rem;font-weight:700;line-height:1.4}.track-preview{background:#f8fbf9;border:1px solid #d5e0d9;border-radius:10px;margin-top:1.25rem;padding:1rem}.track-preview-heading{justify-content:space-between;align-items:start;gap:1rem;display:flex}.track-preview h3{color:#173b38;margin:0;font-size:1rem}.track-preview p{color:#64748b;margin:.2rem 0 0;font-size:.82rem}.track-point-count{color:#16705a;white-space:nowrap;font-size:.75rem;font-weight:700}.track-preview-actions{justify-items:end;gap:.35rem;display:grid}.track-zoom,.track-pan{align-items:center;gap:.25rem;display:flex}.track-zoom button,.track-pan button{color:#16705a;min-width:1.8rem;min-height:1.8rem;font:inherit;cursor:pointer;background:#fff;border:1px solid #9fb9ad;border-radius:6px;place-items:center;padding:.2rem .4rem;font-weight:800;display:grid}.track-zoom button:disabled{cursor:default;opacity:.4}.track-zoom span{color:#475569;text-align:center;min-width:2.5rem;font-size:.72rem;font-weight:700}.track-zoom .zoom-reset{width:auto;padding-inline:.55rem;font-size:.68rem}.track-svg{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #d5e0d9;border-radius:8px;width:100%;height:auto;min-height:10rem;margin-top:.8rem;display:block}.track-svg.dragging{cursor:grabbing}.track-svg polyline,.track-svg line,.track-svg circle{vector-effect:non-scaling-stroke}.track-legend{color:#64748b;justify-content:space-between;margin-top:.45rem;font-size:.72rem;display:flex}.track-marker-label{fill:#fff;text-anchor:middle;dominant-baseline:central;font-size:.55rem;font-weight:800}.track-cluster-label{fill:#fff;text-anchor:middle;dominant-baseline:central;font-size:.68rem;font-weight:800}.interactive{cursor:pointer}.interactive:hover circle:last-of-type{filter:brightness(1.15)}.photo-leader-line{stroke:#d97706;stroke-width:2px;opacity:.72}.legend-start:before,.legend-end:before,.legend-photo:before{content:"";vertical-align:-.02rem;border:1px solid #fff;border-radius:50%;width:.55rem;height:.55rem;margin-right:.3rem;display:inline-block}.legend-start:before{background:#55c7e8}.legend-end:before{background:#ff9564}.legend-photo:before{background:#7c3aed}.track-error{color:#b42318;margin-top:1rem;font-size:.85rem}.privacy{color:#64748b;border-top:1px solid #d5e0d9;margin:1.5rem 0 0;padding:.9rem 1rem;font-size:.85rem;line-height:1.45}.privacy h2{color:#475569;margin:0;font-size:.95rem}.privacy p{margin:.35rem 0 0}li{margin:.55rem 0;line-height:1.4}.primary{color:#fff;width:100%;font:inherit;background:#16705a;border:0;border-radius:8px;padding:.9rem 1rem;font-weight:700}.primary:disabled{cursor:not-allowed;opacity:.58}.action-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;display:grid}.action-hint{color:#64748b;margin:.65rem 0 0;font-size:.82rem;line-height:1.4}.action-hint.ready{color:#166534}.action-hint.warning{color:#9a3412}.secondary{color:#16705a;width:100%;font:inherit;background:#fff;border:1px solid #16705a;border-radius:8px;padding:.9rem 1rem;font-weight:700}.secondary:disabled{cursor:not-allowed;opacity:.58}.status{color:#14532d;background:#e6f4eb;border-radius:8px;padding:.9rem;line-height:1.45}.preview-summary{background:#f8fbf9;border:1px solid #b9d6cb;border-radius:10px;gap:.55rem;margin:1rem 0;padding:.85rem 1rem;display:grid}.preview-summary-title{color:#173b38;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:800}.preview-summary-stats{flex-wrap:wrap;gap:.6rem;display:flex}.preview-stat{color:#475569;border-radius:999px;padding:.45rem .7rem;font-size:.92rem}.preview-stat strong{font-size:1.25rem}.preview-stat.matched{color:#166534;background:#dff4e5}.preview-stat.not-matched{color:#9f2d20;background:#fee9e7}.preview-stat.pending{color:#92400e;background:#fff4d6}.preview-grid{flex-wrap:wrap;align-items:flex-start;gap:.8rem;display:flex}.preview{cursor:pointer;border:2px solid transparent;border-radius:10px;margin:0;padding:.3rem}.preview.selected{background:#fff7ed;border-color:#ff9564}.preview img{background:#e2e8f0;border-radius:8px}.preview figcaption{color:#475569;gap:.2rem;margin-top:.4rem;font-size:.75rem;display:grid}.preview figcaption strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-status{color:#16705a;line-height:1.25}.preview-map{color:#0f5e9c;font-weight:700;text-decoration:none}.preview-map:hover{text-decoration:underline}.learn{background:#fff;border:1px solid #d5e0d9;border-radius:14px;margin:1rem 0;padding:1.5rem;box-shadow:0 8px 24px rgba(24,64,48,.05)}.learn .eyebrow{color:#16705a}.learn-heading{max-width:42rem}.learn-heading h2{letter-spacing:-.03em;max-width:35rem;margin-bottom:0;font-size:clamp(1.4rem,3vw,2rem)}.learn-lede{color:#475569;max-width:45rem;font-size:1.05rem;line-height:1.6}.use-case-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1.5rem;display:grid}.use-case{background:#f8fbf9;border:1px solid #d5e0d9;border-radius:10px;padding:1.1rem}.use-case-label{color:#16705a;letter-spacing:.1em;margin:0;font-size:.7rem;font-weight:800}.use-case h3,.learn-note h3{color:#173b38;margin:.5rem 0;font-size:1.08rem}.use-case p,.use-case li,.learn-note p{color:#475569;line-height:1.5}.use-case ol{margin:.85rem 0 0;padding-left:1.25rem}.use-case li{margin:.45rem 0}.learn-note{background:#edf5ef;border-left:4px solid #d8f36e;margin-top:1rem;padding:1rem 1.1rem}.learn-note h3{margin-top:0}.learn-note p{margin-bottom:0}.cli-note{background:#f8fbf9;border:1px solid #b9d6cb;border-radius:9px;margin-top:1rem;padding:1rem 1.1rem}.cli-note h3{color:#173b38;margin:0 0 .35rem;font-size:1rem}.cli-note p{color:#475569;margin:0;line-height:1.5}.learn-cta{width:auto;margin:.25rem 0 0;padding-inline:1.2rem}.site-footer{color:#7a8b83;letter-spacing:.03em;border-top:1px solid #d5e0d9;justify-content:space-between;gap:1rem;margin-top:2rem;padding-top:1rem;font-size:.72rem;display:flex}.site-footer a{color:#16705a;font-weight:700;text-decoration:none}.site-footer a:hover{text-decoration:underline}@media (width<=560px){.page{padding:.75rem .75rem 2rem}.hero{padding:1rem}.titlebar{grid-template-columns:auto minmax(0,1fr);align-items:start}.brand-logo{width:3rem;height:3rem}.hero-actions{grid-column:1/-1;justify-content:space-between;width:100%;padding-top:.15rem}.app-status{font-size:.58rem}.learn-more{font-size:.72rem}.lede{margin-left:0}.learn{padding:1.15rem}.learn-heading h2{font-size:1.5rem;line-height:1.15}.learn-lede{margin:.8rem 0;font-size:1rem}.learn-cta{width:100%;margin:0}.use-case-grid{margin-top:1rem}.use-case{padding:1rem}.track-preview-heading{flex-direction:column;align-items:stretch}.track-preview-actions{justify-items:start}.site-footer{flex-direction:column;gap:.35rem}}