:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#242928;background:#f4f3ec;--green:#244b3b;--lime:#d0f47a;--purple:#7960a8;--muted:#68726c;--line:#d8dcd1}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #7960a8;outline-offset:3px}header{padding:25px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:19px;font-weight:750;text-decoration:none;display:flex;align-items:center;gap:8px;letter-spacing:-.6px}.brand>span{color:var(--green);font-size:35px;line-height:.5}.brand small{font:9px monospace;letter-spacing:1px;border:1px solid #a9b5a2;border-radius:4px;padding:5px;margin-left:5px;color:var(--muted)}nav{display:flex;gap:25px;font-size:12px}nav a{text-decoration:none}.skill-link{font-weight:650}main{max-width:1500px;padding:0 5%;margin:auto}.hero{display:grid;grid-template-columns:1.6fr 1fr;gap:10%;padding:57px 0 49px;align-items:center}.eyebrow{font:10px monospace;letter-spacing:1.6px;color:var(--green)}h1{font-size:clamp(36px,4.9vw,70px);font-weight:550;line-height:1.06;letter-spacing:-3px;margin:21px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--green)}.lede{font-size:15px;line-height:1.8;color:var(--muted);max-width:490px}.hero-stamp{border:1px solid #b3c5a8;background:#e9eddf;border-radius:8px;padding:26px 35px;transform:rotate(2deg);position:relative}.hero-stamp:after{content:'↗';position:absolute;right:24px;top:28px;font-size:72px;color:#b6c9a7}.hero-stamp>span{font:9px monospace;letter-spacing:1.5px;color:var(--muted)}.hero-stamp b{display:block;font:36px/1.15 Georgia,serif;color:var(--green);margin:17px 0}.hero-stamp small{font-size:11px;line-height:1.9;color:var(--muted)}.lab-nav{display:flex;border-bottom:1px solid var(--line);gap:25px}.lab-nav button{padding:16px 0;border:0;border-bottom:3px solid transparent;background:none;font-size:14px;color:var(--muted)}.lab-nav button.active{color:var(--green);border-bottom-color:var(--green);font-weight:650}.lab-nav span{font:10px monospace;margin-right:9px;color:#8b9785}.lab-nav small{font:8px monospace;margin-left:13px;letter-spacing:1px}.lab{padding-top:28px}.lab-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.lab-heading h2{font-size:26px;font-weight:550;letter-spacing:-.7px;margin:10px 0 22px}.lab-heading .eyebrow{font-size:9px}button.primary{border:1px solid var(--green);border-radius:5px;background:var(--green);color:#fff;padding:11px 18px;font-size:12px}button.quiet{border:1px solid #cdd3c6;border-radius:5px;background:#fafaf4;color:var(--green);padding:10px 13px;font-size:11px}.controls{display:flex;align-items:end;gap:12px;background:#eaece2;padding:17px;border-radius:7px}.controls label{font:9px monospace;letter-spacing:.5px;color:var(--muted);display:grid;gap:7px}.controls input,.controls select{width:130px;padding:9px 10px;border:1px solid #c6cebf;background:#fffef8;border-radius:5px;font-size:12px;color:#2d4037}.controls select{width:175px}.controls-spacer{flex:1}.prediction{display:flex;gap:20px;align-items:center;padding:20px 1px;color:var(--muted);font-size:12px;line-height:1.7}.prediction b{font:9px monospace;letter-spacing:1px;color:var(--green);white-space:nowrap}.arenas{display:grid;grid-template-columns:1fr 1fr;gap:20px}.arenas article{background:#fffef8;border:1px solid #d4dacd;border-radius:8px;overflow:hidden}.arena-head{display:flex;align-items:center;padding:17px 20px;gap:11px;border-bottom:1px solid #e7e9df}.badge{width:23px;height:23px;background:#e0ebd8;color:var(--green);border:1px solid #baceac;border-radius:4px;display:grid;place-items:center;font:10px monospace}.badge.purple{background:#eee7f6;color:var(--purple);border-color:#d1c3e3}.arena-head h3{font-size:14px;font-weight:600;margin:0}.status{font:8px monospace;letter-spacing:1px;color:var(--muted);margin-left:auto}.scene{padding:20px;height:225px;background-image:linear-gradient(#e2e6da55 1px,transparent 1px);background-size:100% 42px;display:flex;align-items:end;gap:5px}.bar{flex:1;background:#b3c8a6;border-radius:3px 3px 0 0;min-width:0;position:relative}.bar.active{background:var(--green)}article:nth-child(2) .bar{background:#c8b8de}article:nth-child(2) .bar.active{background:var(--purple)}.bar span{position:absolute;font:8px monospace;bottom:7px;left:0;right:0;text-align:center;color:#203321}.bar.active span{color:#fff}article:nth-child(2) .bar.active span{color:#fff}.metrics{display:flex;border-top:1px solid #e7e9df;padding:17px 20px;gap:35px}.metric b{font-size:23px;font-weight:550;display:block;line-height:1.2}.metric span{font:8px monospace;letter-spacing:1px;color:var(--muted)}.step-note{margin:0;padding:0 20px 17px;color:var(--muted);font-size:11px;min-height:48px;line-height:1.6}.scene.grid-scene{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(8,1fr);gap:3px;height:263px;align-items:stretch;background:none}.cell{background:#edf0e5;border:1px solid #dce2d3;border-radius:3px;display:grid;place-items:center;font:9px monospace;min-width:0;color:#889080}.cell.wall{background:#47554c;border-color:#47554c}.cell.weighted{background:#ecdfc0;border-color:#dbcba1;color:#85713d}.cell.visited{background:#bdd1b4;border-color:#91b482;color:#47713a}.cell.frontier{background:#d1f483;border-color:#b3d26c;color:#536f2d}.cell.path{background:#244b3b;border-color:#244b3b;color:#fff}.cell.endpoint{box-shadow:inset 0 0 0 2px #7960a8;color:#7960a8;font-weight:bold;background:#ece3f7}.timeline{display:flex;align-items:center;gap:20px;padding:23px 0}.timeline label{font:9px monospace;letter-spacing:.5px;color:var(--muted)}.timeline input{flex:1;accent-color:var(--green)}.timeline>span{font:10px monospace;width:90px;text-align:right;color:var(--muted)}.takeaway{display:grid;grid-template-columns:1fr 1.3fr;gap:35px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0}.takeaway h3{font:26px Georgia,serif;margin:12px 0}.takeaway>p{font-size:12px;color:var(--muted);line-height:1.9;margin:auto 0}.build{display:grid;grid-template-columns:1.2fr 1fr;gap:12%;padding:55px 0}.build h2{font:36px/1.1 Georgia,serif;margin:17px 0;color:var(--green)}.build p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.8;max-width:470px}.prompt{background:#203e31;border:1px solid #2b4e3e;border-radius:8px;padding:25px;color:#dae7d6;align-self:center}.prompt>span{font:8px monospace;letter-spacing:1.4px;color:#a9c78b}.prompt code{display:block;font:12px/1.9 monospace;margin:18px 0 20px}.prompt a{font-size:11px;color:#d0f47a}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;padding:25px 0;font:10px monospace;color:var(--muted)}[hidden]{display:none!important}@media(max-width:900px){h1{letter-spacing:-1.5px}.hero{gap:5%;grid-template-columns:1.4fr 1fr}.hero-stamp{padding:23px}.hero-stamp b{font-size:30px}.metrics{gap:20px}.controls{flex-wrap:wrap}.controls-spacer{display:none}.bar span{font-size:7px}.lab-nav small{display:none}}@media(max-width:600px){header{padding:21px 5%}.brand{font-size:17px}nav{font-size:10px;gap:12px}.skill-link{display:none}.hero{grid-template-columns:1fr;padding:35px 0;gap:25px}.hero h1{font-size:43px}.hero-stamp{display:none}.lede{font-size:13px}.lab-nav{gap:20px}.lab-nav button{font-size:13px}.lab-heading{align-items:start;flex-direction:column;gap:0}.lab-heading h2{font-size:23px;margin-bottom:15px}.lab-heading>button{margin-bottom:17px}.controls{gap:10px;padding:13px}.controls input{width:100px}.controls select{width:165px}.controls .primary{flex:1}.prediction{align-items:start;flex-direction:column;gap:4px;font-size:11px}.arenas{grid-template-columns:1fr}.scene{height:190px}.scene.grid-scene{height:240px;padding:14px}.timeline{gap:8px;flex-wrap:wrap}.timeline label{width:100%}.takeaway,.build{grid-template-columns:1fr;gap:16px}.build{padding:35px 0}.takeaway{padding:19px 0}.takeaway h3{font-size:24px}.takeaway>p{font-size:12px}.build h2{font-size:32px}footer{font-size:8px;flex-direction:column}.metric b{font-size:23px}.bar span{font-size:9px}}