.reality-reveal{background:#061c20;border:1px solid #365255;min-width:0;scroll-margin-top:120px;overflow:hidden}.reality-reveal h2{letter-spacing:-.055em;font-size:clamp(2.25rem,3.4vw,3.7rem);line-height:1.07}.reality-reveal h2 em{color:var(--brand);font-style:normal}.reveal-eyebrow{color:#81d8ce;letter-spacing:.12em;font-size:.75rem;font-weight:700;line-height:1.6;display:block}.reveal-heading{padding:30px 38px}.reveal-heading h2{margin-top:12px}.reveal-instruction{color:#b6cdcf;margin-top:16px;font-size:.875rem;line-height:1.5}.reveal-stage{aspect-ratio:16/9;isolation:isolate;background:#000;width:100%;position:relative}.reveal-image{object-fit:contain;object-position:center;width:100%;height:100%;position:absolute;inset:0}.reveal-photo{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.reveal-labels{pointer-events:none;justify-content:space-between;gap:25px;display:flex;position:absolute;inset:20px 22px auto}.reveal-labels span{color:#fff;letter-spacing:.12em;background:#06272ee6;padding:10px 12px;font-size:.75rem;line-height:1.5}.reveal-divider{top:0;bottom:0;left:clamp(2px, var(--split), calc(100% - 2px));pointer-events:none;background:#aefff1;width:2px;position:absolute;transform:translate(-1px)}.reveal-divider span{color:#042d32;background:#7be3d6;border:3px solid #defef9;border-radius:50%;place-items:center;width:48px;height:48px;font-size:1.4rem;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reveal-slider{opacity:0;cursor:ew-resize;touch-action:pan-y;width:100%;height:100%;margin:0;position:absolute;inset:0}.reveal-stage:focus-within{outline:3px solid var(--brand);outline-offset:-4px}.reveal-footer{justify-content:space-between;align-items:center;gap:30px;padding:22px 30px;display:flex}.reveal-footer p{font-size:1rem}.reveal-footer>span{text-align:right;color:#b3c8ca;max-width:265px;font-size:.8125rem;line-height:1.5}@media (width<=760px){.reveal-heading{padding:26px}.reveal-labels{gap:10px;inset:16px 12px auto}.reveal-labels span{letter-spacing:.03em;padding:8px;font-size:.75rem}.reveal-footer{padding:22px 26px;display:block}.reveal-footer>span{text-align:left;max-width:none;margin-top:8px;display:block}}.application-panel:has(.workflow-demo){grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:5%}.workflow-demo{color:#e9f4f3;background:#08292f;border:1px solid #31545a;min-width:0;padding:23px}.workflow-map-heading{gap:16px;font-size:.875rem;line-height:1.6;display:grid}.workflow-map-heading .eyebrow{color:#add6d4;letter-spacing:.08em;font-size:.75rem}.workflow-map-heading strong{color:#f2cd86;margin-left:4px}.workflow-map{width:100%;height:auto;margin:24px 0;display:block}.workflow-boundary{fill:#0b3239;stroke:#4b777e;stroke-width:1.5px;stroke-dasharray:6 5}.workflow-legend{border-bottom:1px solid #325b62;flex-wrap:wrap;gap:12px 22px;padding-bottom:18px;font-size:.8125rem;line-height:1.5;display:flex}.workflow-legend span{align-items:center;gap:8px;display:inline-flex}.workflow-legend i{border-top:3px solid #66d9cb;width:20px}.workflow-status{max-width:560px;min-height:3.4em;margin:24px 0 22px;font-size:1rem;line-height:1.7}.workflow-phases{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.workflow-phases button{color:#d7e7e9;text-align:left;background:#103b42;border:1px solid #426970;min-height:76px;padding:14px;font-size:.875rem;line-height:1.5}.workflow-phases button span{color:#a6cccf;margin-bottom:3px;font-size:.75rem;display:block}.workflow-phases button[aria-current=step]{color:#fff;background:#14544e;border-color:#53d2c1}.workflow-controls{background:#08292f;border-top:1px solid #31545a;grid-template-columns:1fr auto;align-items:center;gap:22px 24px;margin:9px -23px 0;padding:16px 23px 15px;display:grid}@media (width>600px){.workflow-controls{grid-template-columns:auto auto minmax(0,1fr)}.workflow-controls .workflow-scrub{grid-column:auto}}.workflow-controls button{min-height:44px;font-size:.875rem}.workflow-play{color:#032d31;background:#14b8a6;border:0;justify-content:center;justify-self:start;align-items:center;gap:10px;padding:10px 14px;font-weight:700;display:inline-flex}.workflow-play svg{fill:currentColor;flex:none;width:14px;height:14px}.workflow-play:hover{background:#55d4c4}.workflow-reset{color:#c7e4e4;text-underline-offset:4px;background:0 0;border:0;padding:5px 0;text-decoration:underline}.workflow-scrub{grid-column:1/-1;gap:8px;min-width:0;font-size:.875rem;line-height:1.5;display:grid}.workflow-scrub>span{color:#bed8da;justify-content:space-between;gap:20px;display:flex}.workflow-scrub input{accent-color:#14b8a6;cursor:ew-resize;width:100%;min-height:32px;margin:0}.application-panel .workflow-note{color:#9ec2c5;margin:0;font-size:.75rem;line-height:1.5}.workflow-demo :focus-visible{outline-color:#66d9cb}@media (width<=1100px){.application-panel:has(.workflow-demo){grid-template-columns:1fr;gap:30px}.application-panel:has(.workflow-demo)>div:first-child{max-width:720px}.workflow-demo{width:100%}}@media (width<=600px){.workflow-demo{padding:22px 18px}.workflow-map{width:calc(100% + 20px);max-width:none;margin:24px -10px}.workflow-phases{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.workflow-phases button{padding:13px}.workflow-legend{gap:14px 22px}.workflow-controls{gap:22px;margin-inline:-18px;padding-inline:18px}.workflow-play{padding:12px 16px}.workflow-status{min-height:3.4em;margin:24px 0}}.feedyard-assignment{flex-wrap:wrap;justify-content:space-between;gap:8px 28px;display:flex}.feedyard-assignment>span:last-child{color:#b8d2d3}.feedyard-lanes{fill:none;stroke:#19454b;stroke-width:62px;stroke-linecap:round;stroke-linejoin:round}.feedyard-lane-centers{fill:none;stroke:#3b646b;stroke-width:1.5px;stroke-dasharray:8 12}.feedyard-load-pad{fill:#175751;stroke:#67c2b7;stroke-width:2px;stroke-dasharray:6 5}.feedyard-storage{fill:#25474c;stroke:#91aaac;stroke-width:4px}.feedyard-place-name{fill:#d2e6e7;letter-spacing:1.5px;font-size:21px}.feedyard-pen{fill:#163a40;stroke:#86a2a4;stroke-width:2.5px}.feedyard-pen.assigned{fill:#444e3d;stroke:#e6c17c}.feedyard-pen-label{fill:#bed3d4;letter-spacing:1px;font-size:30px}.feedyard-pen.assigned+.feedyard-gate{stroke:#f2cd86}.feedyard-gate{fill:none;stroke:#d4e3e3;stroke-width:3px}.feedyard-bunk{stroke:#748d8f;stroke-width:6px;stroke-linecap:round}.feedyard-bunk.assigned{stroke:#846b43;stroke-width:8px}.feedyard-route{fill:none;stroke-width:5px;stroke-linejoin:round;stroke-linecap:round}.feedyard-route.outbound{stroke:#66d9cb}.feedyard-route.feeding{stroke:#f2cd86;stroke-width:7px}.feedyard-route.returning{stroke:#b2cce3;stroke-dasharray:10 9}.feedyard-feed-delivered{fill:#f2cd86}.feedyard-discharge{stroke:#ffe3a4;stroke-width:5px;stroke-linecap:round}.feedyard-vehicle rect{fill:#14b8a6;stroke:#efffff;stroke-width:2.5px}.feedyard-vehicle path{fill:none;stroke:#073d42;stroke-width:3px}.feedyard-vehicle.feeding rect{fill:#f2cd86}.feedyard-legend .feeding{border-color:#f2cd86}.feedyard-legend .returning{border-color:#b2cce3;border-top-style:dashed}.feedyard-load-level{background:#103b42;border:1px solid #325b62;margin-top:24px;padding:18px;font-size:.8125rem;line-height:1.5}.feedyard-load-level label{color:#bfd4d6;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 18px;display:flex}.feedyard-load-level strong{color:#e9f4f3;font-variant-numeric:tabular-nums;font-weight:500}.feedyard-load-total{color:#bfd4d6;white-space:nowrap}.feedyard-load-level meter{appearance:none;background:#284f57;border:0;border-radius:5px;width:100%;height:10px;margin-top:10px;display:block;overflow:hidden}.feedyard-load-level meter::-webkit-meter-bar{background:#284f57;border:0;border-radius:5px}.feedyard-load-level meter::-webkit-meter-optimum-value{background:#f2cd86}.feedyard-load-level meter::-moz-meter-bar{background:#f2cd86}.feedyard-feed-targets{color:#bfd4d6;flex-wrap:wrap;gap:8px 24px;margin-top:14px;display:flex}.feedyard-feed-targets b{color:#f2cd86;font-weight:500}@media (width<=600px){.feedyard-assignment{gap:8px;display:grid}.feedyard-place-name{display:none}.feedyard-pen-label{font-size:38px}}.water-assignment{flex-wrap:wrap;justify-content:space-between;gap:8px 28px;display:flex}.water-assignment>span:last-child{color:#b8d2d3}.water-assignment strong{color:#98ddf1}.water-roads{fill:none;stroke:#384f4b;stroke-width:66px;stroke-linecap:round;stroke-linejoin:round}.water-road-centers{fill:none;stroke:#74897a;stroke-width:1.5px;stroke-dasharray:8 12}.water-fill-pad{fill:#175751;stroke:#67c2b7;stroke-width:2px;stroke-dasharray:6 5}.water-storage-tank{fill:#164e5e;stroke:#a1d6e2;stroke-width:3px}.water-tank-ring{fill:none;stroke:#497f8c;stroke-width:2px}.water-site-code{fill:#e5f8fc;font-size:29px;font-weight:600}.water-fill-hose{fill:none;stroke:#5e929a;stroke-width:6px;stroke-dasharray:6 4}.water-fill-hose.filling{stroke:#98ddf1;stroke-dasharray:none}.water-office{fill:#28515a;stroke:#8caeb3;stroke-width:2px}.water-building-detail{fill:none;stroke:#a9c3c6;stroke-width:3px}.water-staging{fill:#163a40;stroke:#527278;stroke-width:2px}.water-parking-bay{fill:none;stroke:#759295;stroke-width:1.5px}.water-parked-equipment{fill:#c5b282}.water-entry-gate{fill:none;stroke:#d8b675;stroke-width:5px}.water-zone-label{fill:#b6e8f6;letter-spacing:1px;font-size:28px}.water-spray-zone{fill:none;stroke:#a79970;stroke-width:43px;stroke-opacity:.22;stroke-linecap:butt}.water-wet-road{fill:none;stroke:#7fcde8;stroke-width:43px;stroke-opacity:.57;stroke-linecap:butt}.water-route{fill:none;stroke-width:4px;stroke-linejoin:round;stroke-linecap:round}.water-route.transit{stroke:#66d9cb}.water-route.spraying{stroke:#b8eaf7;stroke-dasharray:4 10}.water-route.returning{stroke:#b2cce3;stroke-dasharray:10 9}.water-wheels{stroke:#061b21;stroke-width:6px;stroke-linecap:round}.water-vehicle-tank{fill:#b9e4e9;stroke:#efffff;stroke-width:2px}.water-tank-band{fill:none;stroke:#4c8c98;stroke-width:2px}.water-cab{fill:#14b8a6;stroke:#efffff;stroke-width:2px}.water-windscreen{fill:none;stroke:#063d46;stroke-width:4px}.water-spray-bar{fill:none;stroke:#80aeb7;stroke-width:4px;stroke-linecap:round}.water-spray-bar.enabled{stroke:#d3f5ff}.water-spray>path:first-child{fill:#a3e2fa;fill-opacity:.65;stroke:#bfefff;stroke-width:1px}.water-spray-jets{fill:none;stroke:#e6faff;stroke-width:2px}.water-legend .wet{border-top:8px solid #7fcde8}.water-legend .returning{border-color:#b2cce3;border-top-style:dashed}.water-map-key{color:#bfd4d6;flex-wrap:wrap;gap:12px 22px;margin-top:18px;font-size:.8125rem;line-height:1.5;display:flex}.water-map-key b{color:#b6e8f6;margin-right:5px}.water-telemetry{background:#103b42;border:1px solid #325b62;grid-template-columns:minmax(0,1fr) minmax(115px,.7fr);gap:28px;margin-top:24px;padding:18px;font-size:.8125rem;line-height:1.5;display:grid}.water-tank-level label{color:#bfd4d6;justify-content:space-between;gap:12px;display:flex}.water-tank-level strong{color:#e9f4f3;font-variant-numeric:tabular-nums;font-weight:500}.water-tank-level meter{appearance:none;background:#284f57;border:0;border-radius:5px;width:100%;height:10px;margin-top:9px;display:block;overflow:hidden}.water-tank-level meter::-webkit-meter-bar{background:#284f57;border:0;border-radius:5px}.water-tank-level meter::-webkit-meter-optimum-value{background:#98ddf1}.water-tank-level meter::-moz-meter-bar{background:#98ddf1}.water-spray-state{color:#bfd4d6;gap:4px;display:grid}.water-spray-state strong{color:#e9f4f3;font-weight:500}.water-spray-state.enabled strong{color:#a3e2fa}@media (width<=600px){.water-assignment{gap:8px;display:grid}.water-zone-label{font-size:40px}.water-site-code{font-size:36px}.water-map-key{gap:14px 22px}.water-telemetry{gap:20px;padding:15px}}.yard-assignment{color:#b8d2d3;flex-wrap:wrap;align-items:center;gap:8px 20px;display:flex}.yard-apron{fill:#23444a}.yard-warehouse{fill:#284e56;stroke:#88aaae;stroke-width:2.5px}.yard-roof-lines{fill:none;stroke:#53757d;stroke-width:2px}.yard-place-name{fill:#c2d9dc;letter-spacing:1px;font-size:18px}.yard-dock{fill:#59777e;stroke:#b1c6c8;stroke-width:2px}.yard-dock.assigned{fill:#f2cd86;stroke:#ffe9c1}.yard-bay-label{fill:#b4cbcd;letter-spacing:1px;font-size:27px}.yard-bay-label.assigned{fill:#f2cd86}.yard-parking-bay{fill:#173940;stroke:#64878c;stroke-width:3px}.yard-parking-bay.assigned{fill:#344e45;stroke:#f2cd86}.yard-parking-bay.occupied{fill:#20584e;stroke:#66d9cb}.yard-stored-trailers rect{fill:#49676d;stroke:#7e9da2;stroke-width:2px}.yard-stored-trailers path{fill:none;stroke:#9eb8bc;stroke-width:2px}.yard-lane-guide{fill:none;stroke:#5f7b7e;stroke-width:2px;stroke-dasharray:12 15}.yard-route{fill:none;stroke-width:4px;stroke-linejoin:round;stroke-linecap:round}.yard-route.transfer{stroke:#66d9cb}.yard-route.reverse{stroke:#f2cd86;stroke-dasharray:9 9}.yard-direction-arrows{fill:none;stroke:#b9d5d6;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.yard-wheels{fill:none;stroke:#031c22;stroke-width:7px;stroke-linecap:round}.yard-chassis{fill:#5b8b8e;stroke:#d2eeef;stroke-width:2px}.yard-cab{fill:#14b8a6;stroke:#efffff;stroke-width:2px}.yard-windscreen{fill:none;stroke:#063d46;stroke-width:4px}.yard-hitch{fill:#24494f;stroke:#c9dee0;stroke-width:1.5px}.yard-hitch.coupled{fill:#14b8a6;stroke:#e4fff8}.yard-trailer rect{fill:#f2cd86;stroke:#fff0ce;stroke-width:2px}.yard-trailer-detail{fill:none;stroke:#a47e41;stroke-width:2px}.yard-trailer.parked rect{stroke:#91edcf;stroke-width:3px}.yard-legend .reverse{border-color:#f2cd86;border-top-style:dashed}.yard-legend .trailer{background:#f2cd86;border:1px solid #fff0ce;width:18px;height:10px}@media (width<=600px){.yard-assignment{gap:8px 12px}.yard-place-name{display:none}.yard-bay-label{font-size:38px}}
