.app-detect{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .5s ease}.app-detect.is-visible{opacity:1}.app-frame{position:absolute;inset:86px 72px 24px 24px;display:grid;grid-template-columns:184px minmax(0,1fr) 330px;grid-template-rows:52px minmax(0,1fr);grid-template-areas:"side top top" "side pane panel";border-radius:22px;box-shadow:0 0 0 100vmax #0b0d0ce6;opacity:0;transform:scale(1.04);pointer-events:none;transition:opacity .5s ease,transform .8s cubic-bezier(.16,1,.3,1)}.app-frame.is-visible{opacity:1;transform:none}.app-frame.is-visible .app-panel{pointer-events:auto}.app-sidebar{grid-area:side;display:flex;flex-direction:column;gap:4px;padding:18px 12px;border-radius:22px 0 0 22px;background:var(--white);border-right:1px solid var(--hairline)}.app-logo{display:flex;align-items:center;gap:8px;margin:0 8px 18px;font-size:20px;font-weight:800}.app-logo .brand-mark{width:24px;height:24px;color:var(--green)}.app-nav-item{padding:8px 12px;border-radius:10px;color:var(--ink-soft);font-size:14px;font-weight:600}.app-nav-item.is-current{background:var(--grey-100);color:var(--ink)}.app-topbar{grid-area:top;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 20px;border-radius:0 22px 0 0;background:var(--white);border-bottom:1px solid var(--hairline)}.app-site{font-size:15px;font-weight:800}.app-meta{font-family:var(--mono);font-size:11.5px;color:var(--ink-soft)}.app-pane{grid-area:pane;box-shadow:inset 0 0 0 1px #ffffff0f}.app-panel{grid-area:panel;display:flex;flex-direction:column;gap:14px;padding:20px;overflow:auto;border-radius:0 0 22px;background:var(--white);border-left:1px solid var(--hairline);pointer-events:none}.app-panel h2{margin:0;font-size:24px;font-weight:800;line-height:1.05;letter-spacing:-.02em}.app-panel p{margin:0;color:var(--ink-soft);font-size:14.5px}.detect-list{display:grid;gap:4px}.detect-list button{display:flex;align-items:center;gap:10px;padding:9px 12px;border:0;border-radius:12px;background:var(--grey-100);color:var(--ink);font:inherit;font-size:14px;font-weight:700;text-align:left;cursor:pointer;transition:background-color .2s ease,color .2s ease}.detect-list button:hover{background:var(--grey-200)}.detect-list button[aria-pressed=false]{background:transparent;color:var(--ink-soft)}.detect-list button:focus-visible{outline:2px solid var(--green);outline-offset:2px}.detect-list .count{margin-left:auto;font-family:var(--mono);font-size:12px;font-weight:500}.swatch{flex:none;width:12px;height:12px;border-radius:3px;background:var(--ink)}.swatch.is-tree{border-radius:50%;background:var(--green)}.swatch.is-gap{border-radius:50%;background:transparent;box-shadow:inset 0 0 0 2px var(--accent-red)}.swatch.is-issue{border-radius:50%;background:var(--accent-orange)}.swatch.is-ring{border-radius:50%;background:transparent;box-shadow:inset 0 0 0 2px var(--ink)}.swatch.is-box{background:transparent;box-shadow:inset 0 0 0 2px var(--ink)}.detect-list button[aria-pressed=false] .swatch{opacity:.35}.app-train{display:grid;gap:8px;padding:14px;border-radius:14px;background:var(--grey-100)}.app-train strong{color:var(--ink)}.is-in-app .rail button span{display:none}@media(max-width:900px){.app-frame{inset:72px 10px 10px;grid-template-columns:minmax(0,1fr);grid-template-rows:44px minmax(0,1fr) auto;grid-template-areas:"top" "pane" "panel"}.app-sidebar{display:none}.app-topbar{border-radius:18px 18px 0 0}.app-panel{max-height:42vh;border-radius:0 0 18px 18px;border-left:0;border-top:1px solid var(--hairline)}.app-panel h2{font-size:20px}}.build{position:relative;background:var(--grey-50)}.build-sticky{position:relative;min-height:100svh;display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.6fr);gap:40px;align-items:center;max-width:1440px;margin:0 auto;padding:96px 40px}.build-copy{display:grid;gap:16px;justify-items:start}.build-kicker{margin:0;font-family:var(--mono);font-size:12px;color:var(--green-deep)}.build-copy h2{margin:0;font-size:clamp(2.2rem,3.8vw,3.8rem);font-weight:800;line-height:.98;letter-spacing:-.035em;text-wrap:balance}.build-body{margin:0;max-width:42ch;color:var(--ink-soft);font-size:17px}.build-steps{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 8px;padding:0;list-style:none}.build-steps button{padding:7px 14px;border:0;border-radius:999px;background:var(--grey-100);color:var(--ink-soft);font:inherit;font-size:14px;font-weight:700;cursor:pointer}.build-steps button[aria-current=true]{background:var(--ink);color:var(--white)}.build-steps button:focus-visible{outline:2px solid var(--green);outline-offset:2px}.build-window{display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;height:min(640px,calc(100svh - 150px));padding:12px;border:1px solid var(--hairline);border-radius:24px;background:var(--white);box-shadow:var(--panel-shadow)}.build-bar{display:flex;align-items:center;justify-content:space-between;padding:4px 8px}.build-logo{display:flex;align-items:center;gap:6px;font-weight:800}.build-logo .brand-mark{width:20px;height:20px;color:var(--green)}.build-chip{padding:4px 12px;border-radius:999px;background:var(--grey-100);font-family:var(--mono);font-size:11.5px;color:var(--ink-soft)}.build-chip.is-live{background:var(--green);color:var(--ink)}.build-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:10px;min-height:0}.build-grid[data-layout=blocks]{grid-template-areas:"map table chart alerts" "kpi-a kpi-b kpi-c history"}.build-grid[data-layout=energy]{grid-template-areas:"map map kpi-a kpi-b" "map map alerts kpi-c" "table table chart history"}.build-grid[data-layout=solar]{grid-template-areas:"map map map kpi-a" "map map map kpi-b" "table alerts kpi-c chart"}.build-grid[data-layout=solar] .block[data-block=history]{display:none}.plan .panel{fill:#1d2a3a;stroke:#5d7389}.build-grid[data-layout=pipeline]{grid-template-areas:"map map map map" "table table alerts kpi-c" "chart history kpi-a kpi-b"}.build-grid[data-layout=construction]{grid-template-areas:"chart chart map map" "kpi-a kpi-b map map" "table kpi-c alerts history"}.build-grid[data-layout=nursery]{grid-template-areas:"map map map chart" "map map map table" "kpi-a kpi-b kpi-c alerts"}.block[data-block=map]{grid-area:map}.block[data-block=kpi-a]{grid-area:kpi-a}.block[data-block=kpi-b]{grid-area:kpi-b}.block[data-block=kpi-c]{grid-area:kpi-c}.block[data-block=table]{grid-area:table}.block[data-block=chart]{grid-area:chart}.block[data-block=alerts]{grid-area:alerts}.block[data-block=history]{grid-area:history}.build-grid[data-layout=varieties]{grid-template-areas:"map map map table" "map map map table" "kpi-a kpi-b kpi-c chart"}.build-grid[data-layout=tree]{grid-template-areas:"map map map alerts" "map map map alerts" "kpi-a kpi-b kpi-c history"}.build-grid[data-layout=compare]{grid-template-areas:"map map chart chart" "map map chart chart" "kpi-a kpi-b kpi-c alerts"}.build-grid[data-layout=table]{grid-template-areas:"table table table table" "table table table table" "kpi-a kpi-b kpi-c chart"}.build-grid[data-layout=nursery] .block[data-block=history],.build-grid[data-layout=varieties] .block:is([data-block=alerts],[data-block=history]),.build-grid[data-layout=tree] .block:is([data-block=table],[data-block=chart]),.build-grid[data-layout=compare] .block:is([data-block=table],[data-block=history]),.build-grid[data-layout=table] .block:is([data-block=map],[data-block=alerts],[data-block=history]){display:none}.build-substeps{display:none;margin-top:-2px}.is-nursery .build-substeps{display:flex}.build-substeps button{padding:5px 12px;font-size:13px}.build-substeps button[aria-current=true]{background:var(--green);color:var(--ink)}.tree-card{display:grid;gap:8px;align-content:start}.tree-id{margin:0;font-family:var(--mono);font-size:11.5px;color:var(--ink-soft)}.tree-variety{display:flex;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:800;line-height:1.15}.tree-card dl{display:grid;gap:6px;margin:4px 0 0}.tree-card dl div{display:flex;justify-content:space-between;gap:8px;padding-bottom:6px;border-bottom:1px solid var(--hairline);font-size:13px}.tree-card dt{color:var(--ink-soft)}.tree-card dd{margin:0;font-weight:700;text-align:right}.tree-note{margin:0;font-size:13px;color:var(--ink-soft)}.swatch-dot{display:inline-block;flex:none;width:10px;height:10px;margin-right:6px;border-radius:50%;vertical-align:middle}.legend-item{display:inline-flex;align-items:center;margin-right:12px;white-space:nowrap}.block-legend:has(.legend-item){flex-wrap:wrap;gap:2px 0}.pair{display:flex;align-items:flex-end;gap:3px;width:100%;height:100%}.pair span{flex:1;border-radius:4px 4px 2px 2px}.bars.is-heat .bar:nth-child(1) .pair span:not(.is-before){background:#35256e}.bars.is-heat .bar:nth-child(2) .pair span:not(.is-before){background:#1f787a}.bars.is-heat .bar:nth-child(3) .pair span:not(.is-before){background:#65ca44}.bars.is-heat .bar:nth-child(4) .pair span:not(.is-before){background:#fce51e}.bars.is-heat .bar .pair span.is-before{background:var(--grey-300)}.pair-key{display:flex;align-items:center;gap:6px;margin:6px 0 0;font-size:12px;color:var(--ink-soft)}.pair-key i{width:10px;height:10px;margin-left:6px;border-radius:2px;background:#65ca44}.pair-key i.is-before{margin-left:0;background:var(--grey-300)}.tree-table{font-size:13px}.tree-table th{padding:0}.tree-table th button{width:100%;padding:6px 6px 6px 0;border:0;background:none;color:var(--ink-soft);font:inherit;font-weight:700;text-align:left;cursor:pointer}.tree-table th[aria-sort=ascending] button:after{content:" ↑"}.tree-table th[aria-sort=descending] button:after{content:" ↓"}.tree-table th[aria-sort=ascending] button,.tree-table th[aria-sort=descending] button{color:var(--ink)}.tree-table th button:focus-visible{outline:2px solid var(--green);outline-offset:2px}.block{display:flex;flex-direction:column;gap:8px;min-width:0;min-height:0;padding:12px 14px;overflow:hidden;border-radius:16px;background:var(--grey-100)}.block-head{font-size:12.5px;font-weight:700;color:var(--ink-soft)}.block-body{display:flex;flex:1;flex-direction:column;justify-content:flex-end;gap:4px;min-height:0}.kpi-value{margin:0;font-size:clamp(1.6rem,2.4vw,2.4rem);font-weight:800;line-height:1;letter-spacing:-.03em}.kpi-value.is-issue{color:var(--accent-orange)}.kpi-value.is-gap{color:var(--accent-red)}.kpi-label{margin:0;font-size:12.5px;color:var(--ink-soft)}.skeleton{display:grid;gap:6px}.skeleton span{height:8px;border-radius:4px;background:var(--grey-200)}.skeleton span:nth-child(2){width:70%}.skeleton span:nth-child(3){width:45%}.bars{display:flex;flex:1;align-items:flex-end;gap:6px;min-height:60px}.bar{display:flex;flex:1;min-width:0;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;height:100%}.bar span{width:100%;border-radius:4px 4px 2px 2px;background:var(--ink)}.bars.is-heat .bar:nth-child(1) span{background:#35256e}.bars.is-heat .bar:nth-child(2) span{background:#1f787a}.bars.is-heat .bar:nth-child(3) span{background:#65ca44}.bars.is-heat .bar:nth-child(4) span{background:#fce51e}.bar small{font-family:var(--mono);font-size:9.5px;color:var(--ink-soft);white-space:nowrap}.block table{width:100%;border-collapse:collapse;font-size:12px}.block th{font-weight:700;text-align:left;color:var(--ink-soft)}.block th,.block td{padding:4px 6px 4px 0;border-bottom:1px solid var(--hairline)}.alerts{display:grid;gap:6px;margin:0;padding:0;list-style:none;font-size:12.5px}.alerts li{display:flex;align-items:flex-start;gap:8px}.alert-dot{flex:none;width:8px;height:8px;margin-top:5px;border-radius:50%;background:var(--ink-soft)}.alert-dot.is-issue{background:var(--accent-orange)}.alert-dot.is-gap{background:var(--accent-red)}.history{display:flex;gap:5px}.history span{flex:1;height:18px;border-radius:4px;background:var(--grey-200)}.history span.is-scanned{background:var(--green)}.plan{width:100%;height:100%;min-height:0}.plan rect,.plan circle,.plan path{fill:none;stroke:var(--ink);stroke-width:1.5}.plan .dash{stroke-dasharray:4 3;stroke:var(--ink-soft)}.plan .hot{fill:var(--green);stroke:var(--green-deep)}.plan .pipe{stroke-width:4;stroke-linejoin:round}.plan .issue{stroke:var(--accent-orange);stroke-width:2.5}.plan .issue-fill{fill:var(--accent-orange);stroke:var(--accent-orange)}.plan text{font-family:var(--mono);font-size:10px;fill:var(--ink-soft)}.block-heatmap{flex:1;width:100%;min-height:0;border-radius:10px}.block-legend{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10.5px;color:var(--ink-soft)}.block-legend i{flex:1;height:8px;border-radius:4px}@media(max-width:960px){.build-sticky{grid-template-columns:1fr;align-content:start;gap:18px;padding:84px 16px 16px}.build-copy h2{font-size:1.9rem}.build-body{font-size:15px}.build-copy .button,.build-copy .fine{display:none}.build-window{height:54svh}.build-grid[data-layout]{grid-template-columns:1fr 1fr;grid-template-areas:"map map" "map map" "kpi-a kpi-b" "chart alerts"}.build-grid .block[data-block=kpi-c],.build-grid .block[data-block=table],.build-grid .block[data-block=history]{display:none}.build-grid[data-layout=table]{grid-template-areas:"table table" "table table" "kpi-a kpi-b" "chart chart"}.build-grid[data-layout=table] .block[data-block=table]{display:flex}}.build-copy .fine{margin:0;font-family:var(--mono);font-size:11.5px;color:var(--ink-soft)}.spark{width:100%;height:100%;min-height:0;overflow:visible}.spark polyline{fill:none;stroke:var(--green);stroke-width:2}.spark circle{fill:var(--white);stroke:var(--green-deep);stroke-width:2}.spark text{font-family:var(--mono);font-size:9px;text-anchor:middle;fill:var(--ink)}.spark text.axis{fill:var(--ink-soft)}.block[data-block=table] .block-body{justify-content:flex-start;overflow:auto}.swatch.is-panel{box-shadow:inset 0 0 0 2px #5d7389}.build-window{position:relative}.window-doodle{position:absolute;top:-66px;right:64px;z-index:-1;width:84px;height:84px;color:var(--ink);transform:rotate(-8deg)}.window-sticker{position:absolute;top:-18px;left:28px;z-index:2;margin:0;padding:4px 14px;border-radius:10px;background:var(--green);color:var(--ink);font-size:22px;transform:rotate(-4deg);box-shadow:0 8px 18px -10px #00000080}