.guide .intro{max-width:850px}.guide-stage{color:var(--teal)!important;font-size:12px!important;letter-spacing:.4px}.guide-screenshot{margin:0 0 40px;border:1px solid var(--line);border-radius:8px;overflow:hidden}.guide-screenshot img{width:100%;height:auto;display:block}.guide-screenshot figcaption{padding:14px 18px;font-size:12px;color:var(--muted);background:#101c20}.guide-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px}.guide-features article{border:1px solid #30453f;border-radius:6px;padding:24px;background:#101c20}.guide-features h3{font-size:23px;margin-block:14px}.guide-features a{font-size:13px;color:var(--teal)}.guide a:not(.button){text-underline-offset:4px}.guide .hero-actions{flex-direction:row;flex-wrap:wrap;gap:15px}.guide .hero-actions .button{margin:15px 0}.guide .intro h1{font-size:clamp(38px,5vw,60px)}.guide strong{color:#dae7dc}.guide-next{padding-bottom:60px!important}@media(max-width:760px){.guide-features{grid-template-columns:1fr}.guide-features article{padding:22px}.guide .hero-actions{align-items:stretch}.guide .hero-actions .button{width:100%;margin:4px 0}.guide-screenshot figcaption{font-size:11px}.guide .intro{padding-top:40px}}

.demo-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.demo-heading h2{margin-bottom:10px}.tile-example-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-block:30px}.tile-example-pair figure{margin:0;border:1px solid #36554c;border-radius:7px;overflow:hidden;background:#0c171b}.tile-image{display:grid;place-items:center;padding:28px;min-height:280px;background:radial-gradient(ellipse,#21352e88,transparent 80%)}.tile-image img{display:block;width:min(100%,360px);height:auto;aspect-ratio:5/4;object-fit:contain}.tile-example-pair figcaption{border-top:1px solid var(--line);padding:18px 22px}.tile-example-pair figcaption strong,.tile-example-pair figcaption span{display:block}.tile-example-pair figcaption strong{color:#d2e8dc;font-size:15px}.tile-example-pair figcaption span{color:var(--muted);font-size:12px;margin-top:5px}.review-outcomes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:25px}.review-outcomes>div{border-left:2px solid #7dada0;background:#14211f;padding:18px}.review-outcomes>div:nth-child(2){border-color:#cba77a}.review-outcomes>div:nth-child(3){border-color:#a7acba}.review-outcomes p{font-size:13px;margin-bottom:0}.review-outcomes strong{font-size:15px}@media(max-width:640px){.demo-heading{display:block}.demo-heading .sample-chip{display:inline-block;margin-bottom:12px}.tile-example-pair{gap:10px}.tile-image{padding:10px;min-height:150px}.tile-example-pair figcaption{padding:12px}.tile-example-pair figcaption strong{font-size:12px}.tile-example-pair figcaption span{font-size:11px}.review-outcomes{grid-template-columns:1fr;gap:10px}.review-outcomes>div{padding:15px}.review-outcomes p{margin-top:6px}}

/* Recorded partial reveal and prediction share one native coordinate frame. */
.fog-example .tile-image{padding:18px;min-height:0}.fog-example .map-sample{position:relative;width:100%;max-width:440px;aspect-ratio:8/7;isolation:isolate;background:#070f13}.fog-example .tile-image img{width:100%;height:auto;aspect-ratio:8/7;display:block}.with-prediction img{opacity:.5}.prediction-paths{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.prediction-paths path{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.65}.prediction-paths .observed-wall{stroke:#8de5cb}.prediction-paths .inferred-wall{stroke:#c2c7cf;stroke-dasharray:1 4}.map-key{display:flex;flex-wrap:wrap;gap:12px 26px;margin:18px 0;color:#c6d8d3;font-size:13px}.map-key span{display:flex;align-items:center;gap:10px}.map-key i{display:inline-block;width:28px;height:0;border-top:2px solid #8de5cb}.map-key .dotted-key{border-top:3px dotted #c2c7cf}@media(max-width:640px){.fog-example .tile-image{padding:4px}.fog-example .tile-example-pair{gap:8px}.map-key{font-size:12px}}