@bongos/core 1.21.4 → 1.21.5

package/modules/public-landing/public/projects.html

@@ -71,31 +71,19 @@
 #view-manage .pubVerdict{font-size:15px;font-weight:500;line-height:1.55;color:var(--ink-soft);margin-bottom:14px;}
 #view-manage .pubVerdict b{font-weight:700;color:var(--ink);}
 
-/* The bongo pair on the New-project view. Component-scoped custom properties,
-   never :root (C1). The drum head is SKIN — using --bg-card would turn it black
-   in dark mode — and --drum-shadow is ink in light but PLAIN BLACK in dark,
-   because --ink is near-white there and an ink-filled ellipse paints a glowing
-   puddle under the drums instead of a shadow. Same move cosmos.css already
-   makes for --shadow-card. Written twice so an explicit choice and the OS
-   preference both land. */
-.bongos{display:block;width:100%;height:auto;overflow:visible;
-  --skin-hi:#fffdf7;--skin-mid:#f4e6cd;--skin-lo:#cdb896;--drum-shadow:var(--ink);}
-:root[data-mode="dark"] .bongos{--skin-hi:#fdf7ea;--skin-mid:#efe1c8;--skin-lo:#c3ae90;--drum-shadow:#000;}
-@media (prefers-color-scheme:dark){:root:not([data-mode="light"]) .bongos{--skin-hi:#fdf7ea;--skin-mid:#efe1c8;--skin-lo:#c3ae90;--drum-shadow:#000;}}
-
 /* ── the create wizard (task 1002763, absorbed from /create), in the world
    (task 1003346; direction record §15, the pick: v1 the rail above) ──────
-   Tokens, the reset, the sky and the shared vocabulary (.card, .btn, .steps)
+   Tokens, the reset, the sky and the shared vocabulary (.card, .btn)
    come from cosmos.css, which draws the wizard's FRAME in the world's grammar
-   by scope (#view-new: no card ground, the six-step strip as the lifecycle
-   rail, the doors as pills); what lands here is the wizard's own structure —
+   by scope (#view-new: no card ground, no progress rail since task 1004504,
+   the doors as pills); what lands here is the wizard’s own structure —
    fields on one bottom hairline, the choices as cells of one band, the review
    as a ledger, the human steps as a numbered ledger, the standup strip as the
-   same rail. No literal color anywhere: every surface is a cosmos token or a
+   same strip. No literal color anywhere: every surface is a cosmos token or a
    color-mix over one (C1/C2/C4); no plate, no box shadow, no glow — halos are
    outlines. Naming: the wizard's field wrapper is .wizField — cosmos owns
-   .field (the orb map) — and its done checklist is .humanSteps — cosmos owns
-   .steps (the five-beat rail). Its inputs are scoped to the view so the glass
+   .field (the orb map) — and its done checklist is .humanSteps. Its inputs are
+   scoped to the view so the glass
    search pills (#mapQ, #mineQ) keep their own look. */
 .panel{display:none;}
 .panel.on{display:block;animation:fadeStep .3s ease both;}
@@ -103,80 +91,33 @@
 /* show() moves focus to each panel's h1 for keyboard/SR context — keep the
    focus, lose the ring (a black rectangle around a heading; owner walk) */
 h1[tabindex="-1"]:focus:not(:focus-visible){outline:none;}
-/* the done step needs the full width — the split collapses and the bongo
-   pair steps aside for the checklist */
-.createSplit.wizDone{display:block;}
-.createSplit.wizDone .bongoCell{display:none;}
-/* the front door (task 1004417, BV2.PS05): two screens before the numbered
-   steps. The rail is the steps', so it steps aside for both; the fork takes the
-   whole card like the done panel, the bongo pair giving way to the seed. */
-#view-new .card.wizFront .steps{display:none;}
-.createSplit.wizFork{display:block;}
-.createSplit.wizFork .bongoCell{display:none;}
 /* the one tick: a hairline row, the box in the accent, the whole row the target */
 .termsAck{display:flex;gap:14px;align-items:flex-start;cursor:pointer;max-width:62ch;margin:6px 0 0;padding:16px 0 10px;border-top:1px solid var(--rule);}
 .termsAck input{width:20px;height:20px;margin:2px 0 0;flex:none;accent-color:var(--accent);}
 .termsAck span{font-size:16px;line-height:1.5;color:var(--ink);}
-.termsRead{display:inline-block;margin-left:34px;padding:3px 0;min-height:24px;line-height:18px;font-size:14px;color:var(--ink);text-decoration:underline;text-underline-offset:3px;}
+.termsRead{display:inline-block;min-height:24px;line-height:24px;color:var(--ink);text-decoration:underline;text-underline-offset:3px;}
 /* the door pill (DESIGN.md): two equal doors joined into one object — one grid
    of two equal tracks inside one hairline pill; the demo door is transparent at
    rest, the accent only on the one that goes on */
 .doorPill{display:inline-grid;grid-template-columns:1fr 1fr;gap:6px;padding:7px;margin:6px 0 16px;border-radius:999px;border:1px solid var(--rule);background:color-mix(in srgb,var(--bg) 55%,transparent);}
 #view-new .doorPill .btn.ghost{border-color:transparent;}
 #view-new .doorPill .btn.ghost:hover{border-color:var(--rule);}
-/* the demo route (task 1004420): two screens inside the fork. Steppers on the wizard's
-   field grammar, the fit check as a hairline band, the picked defaults as a ledger, and a
-   dashed ring on the planet for the time box (the canvas's "when it closes, the demo ends") */
+/* the demo route (task 1004420): one screen inside the fork — steppers on the wizard's
+   field grammar, the fit check as one quiet line, two teammates */
 .demoSteppers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;}
 .demoStep{display:flex;align-items:center;gap:12px;margin-top:6px;}
 .demoStep output{min-width:2ch;text-align:center;font-family:var(--font-display);font-weight:300;font-size:28px;color:var(--ink);}
 .demoStep .btn{min-width:40px;min-height:40px;justify-content:center;}
-.demoFit{border-top:1px solid var(--rule);padding:14px 0 6px;margin:0 0 10px;max-width:62ch;}
-.demoFitLine{font-size:15.5px;line-height:1.5;color:var(--ink);margin:8px 0 12px;}
-.demoFitTry{font-size:14px;color:var(--ink-soft);margin:0 0 4px;}
-.demoTry{margin:0 0 6px;padding-left:18px;font-size:14.5px;line-height:1.6;color:var(--ink);}
-.demoLedger{display:grid;grid-template-columns:150px minmax(0,1fr);gap:0;margin:6px 0 18px;border-top:1px solid var(--rule);}
-.demoLedger dt,.demoLedger dd{margin:0;padding:11px 0;border-bottom:1px solid var(--rule-soft);}
-.demoLedger dt{font-family:var(--label-face);font-size:var(--label-size);letter-spacing:var(--label-space);text-transform:uppercase;color:var(--ink-faint);padding-top:14px;}
-.demoLedger dd{font-size:15.5px;color:var(--ink);}
-.demoLedger dd small{display:block;font-size:13.5px;color:var(--ink-soft);margin-top:2px;}
+.demoFitLine{font-size:14.5px;line-height:1.5;color:var(--ink-soft);margin:0 0 14px;max-width:62ch;}
 .demoInvites{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;}
-.demoRing{position:absolute;inset:4%;border:1px dashed color-mix(in srgb,var(--accent) 55%,transparent);border-radius:50%;}
 .demoKeep{border-top:1px solid var(--rule);padding-top:14px;margin:6px 0 10px;}
 .demoKeepH{font-family:var(--font-display);font-weight:300;font-size:24px;letter-spacing:-.02em;text-transform:lowercase;color:var(--ink);margin:0 0 10px;}
 .demoKeepCells{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;}
 .demoClock{font-size:15.5px;color:var(--ink);margin:0 0 10px;}
 .demoSoonWarn{color:var(--warn);font-weight:600;}
-.demoStageCap{position:absolute;left:16px;right:16px;bottom:14px;margin:0;font-size:13px;line-height:1.4;color:var(--ink);}
-@media (max-width:640px){ .demoSteppers,.demoInvites,.demoKeepCells{grid-template-columns:1fr;} .demoLedger{grid-template-columns:1fr;} .demoLedger dt{border-bottom:0;padding-bottom:0;} }
-/* the seed on the field plate: the world's own render, a hairline orbit and a
-   dashed one, the chrome blob cut out on top — nothing drawn but hairlines */
-.forkBody{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,380px);gap:48px;align-items:center;}
-.forkStage{position:relative;aspect-ratio:1/1;border-radius:16px;overflow:hidden;background:var(--sky-bg) var(--field-plate) center/cover no-repeat;}
-.forkOrbit{position:absolute;inset:20%;border:1px solid var(--rule);border-radius:50%;}
-.forkOrbit.forkOrbitDash{inset:9%;border-style:dashed;border-color:var(--rule-soft);}
-.forkSeed{position:absolute;left:50%;top:50%;width:44%;height:auto;transform:translate(-50%,-50%);}
-/* the two routes on one hairline band */
-.forkRoutes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;margin-top:40px;}
-.forkRoutes>div{border-top:1px solid var(--rule);padding-top:18px;}
-.routeLbl{font-family:var(--label-face);font-size:var(--label-size);letter-spacing:var(--label-space);text-transform:uppercase;color:var(--ink-faint);margin:0;}
-.routeT{font-family:var(--font-display);font-weight:300;font-size:26px;letter-spacing:-.02em;line-height:1.1;text-transform:lowercase;color:var(--ink);margin:8px 0 0;}
-.routeD{font-size:14.5px;line-height:1.5;color:var(--ink-soft);margin:8px 0 0;max-width:52ch;}
-@media (max-width:840px){
-  .forkBody,.forkRoutes{grid-template-columns:1fr;gap:28px;}
-  .forkStage{max-width:300px;}
-  .forkRoutes{margin-top:32px;}
-}
-/* planet physics (task 1004418, BV2.PS07): the fork's layout, its stage forming a
-   planet as the answers come in. The canvas's seven-question rail is a quiet
-   label-face row inside the panel; the wizard's own rail stays above it. Choices
-   are the wizard's hairline pills; the planet grows by a step size per answer. */
-.physCrumb{font-family:var(--label-face);font-size:var(--label-size);letter-spacing:var(--label-space);text-transform:uppercase;color:var(--ink-faint);margin:0 0 10px;}
-.physRail{list-style:none;display:flex;flex-wrap:wrap;gap:4px 16px;margin:0 0 22px;padding:0;font-family:var(--label-face);font-size:var(--label-size);letter-spacing:var(--label-space);text-transform:uppercase;color:var(--ink-faint);}
-.physRail li.now{color:var(--ink);}
-.physRail li.done{color:var(--ink-soft);}
-.physRail li.now::before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--accent);vertical-align:2px;}
-.physQ h1 em{font-style:italic;}
+@media (max-width:640px){ .demoSteppers,.demoInvites,.demoKeepCells{grid-template-columns:1fr;} }
+/* planet physics (task 1004418, BV2.PS07; the quick checks and the review rows since
+   task 1004504): the wizard's hairline pills, the pickers, the age tiers and the suite. */
 .physCells .tpill small{display:block;font-size:13.5px;font-weight:400;color:var(--ink-soft);line-height:1.4;}
 .physCells .tpill[disabled]{opacity:.45;cursor:default;}
 .physWhy{font-size:14px;line-height:1.5;color:var(--ink-soft);max-width:60ch;margin:0 0 14px;}
@@ -199,26 +140,9 @@ h1[tabindex="-1"]:focus:not(:focus-visible){outline:none;}
 .physTiers dd{margin:0;color:var(--ink);}
 .physGrp{font-family:var(--label-face);font-size:var(--label-size);letter-spacing:var(--label-space);text-transform:uppercase;color:var(--ink-faint);margin:12px 0 4px;}
 .physLink{background:none;border:0;padding:3px 0;min-height:24px;font:inherit;font-size:14px;color:var(--ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer;}
-.physStage .physPlanet{transition:width .6s ease;}
-.physStage .physPlanet[data-size="1"]{width:22%;}
-.physStage .physPlanet[data-size="2"]{width:28%;}
-.physStage .physPlanet[data-size="3"]{width:34%;}
-.physStage .physPlanet[data-size="4"]{width:40%;}
-.physStage .physPlanet[data-size="5"]{width:46%;}
-.physStage .physPlanet[data-size="6"]{width:50%;}
-.physGuard{position:absolute;inset:14%;border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);border-radius:50%;outline:1px dashed color-mix(in srgb,var(--accent) 30%,transparent);outline-offset:6px;}
-.physStage.physStopped{opacity:.6;}
-.physCap,.physFoot{position:absolute;left:16px;right:16px;margin:0;}
-.physFoot{bottom:14px;display:grid;gap:6px;}
-.physCap,.physCallout,.physCoords{margin:0;font-family:var(--label-face);font-size:var(--label-size);letter-spacing:var(--label-space);text-transform:uppercase;color:var(--ink-soft);}
-.physCap{top:14px;}
-.physCallout{color:var(--ink);text-transform:none;letter-spacing:0;font-family:var(--font-body);font-size:13px;}
-.physCoords{color:var(--ink-faint);}
 @media (max-width:840px){ .physRow2{grid-template-columns:1fr;} }
-/* questions 5 to 7 and the summary (task 1004419, BV2.PS11). The rail strikes a question
-   the answers skip; the options are the wizard's hairline pills in one column, the suite a
-   two-column grid; the growth guess is a ledger of three months over a range. */
-.physRail li.skipped,#view-new .steps li.skipped .slbl{text-decoration:line-through;text-decoration-color:var(--ink-faint);}
+/* questions 5 to 7 (task 1004419, BV2.PS11): the suite a two-column grid, the growth
+   guess one line over a range. */
 .typeCards.physOpts{grid-template-columns:1fr;}
 .physOpts .tpill,.physSuiteGrid .tpill{align-items:flex-start;border-left:0;padding-left:0;border-top:1px solid var(--rule-soft);}
 .physOpts .tpill:first-child{border-top:0;}
@@ -228,46 +152,144 @@ h1[tabindex="-1"]:focus:not(:focus-visible){outline:none;}
 .typeCards.physSuiteGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;}
 .physSuiteGrid .tpill:nth-child(-n+2){border-top:0;}
 .physWhyList{margin:0 0 14px;padding:0 0 0 18px;font-size:14px;line-height:1.5;color:var(--ink-soft);max-width:62ch;}
-.physGuess{margin:12px 0 10px;padding:14px 0 0;border-top:1px solid var(--rule);max-width:62ch;}
-.physGuessLine{font-size:15px;line-height:1.5;color:var(--ink);margin:0 0 12px;}
-.physMonths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto;grid-auto-flow:column;gap:2px 16px;margin:0 0 6px;padding-top:10px;border-top:1px solid var(--rule-soft);}
-.physMonths dt{font-family:var(--label-face);font-size:var(--label-size);letter-spacing:var(--label-space);text-transform:uppercase;color:var(--ink-faint);}
-.physMonths dd{margin:0;font-family:var(--font-display);font-weight:300;font-size:30px;line-height:1.1;color:var(--ink);font-variant-numeric:tabular-nums;}
 .physAdjust input[type=range]{display:block;width:100%;min-height:24px;margin:6px 0 0;accent-color:var(--accent);background:none;}
-.physLedger dd{display:flex;align-items:flex-start;gap:12px;}
-.physLedger dd>span{flex:1;min-width:0;}
-.physLedger .physLink{flex:none;}
 @media (max-width:520px){ .typeCards.physSuiteGrid{grid-template-columns:1fr;} .physSuiteGrid .tpill:nth-child(2){border-top:1px solid var(--rule-soft);} }
-/* the stage's new bodies: hairline rings, beads for moons, the platform's mark as the
-   sun the planet orbits — nearer the more the platform runs, absent for its own system */
-.physBelt{position:absolute;left:50%;top:50%;border:1px solid var(--rule);border-radius:50%;transform:translate(-50%,-50%) rotate(-16deg);}
-.physBelt[data-ring="1"]{width:76%;height:22%;}
-.physBelt[data-ring="2"]{width:84%;height:25%;}
-.physBelt[data-ring="3"]{width:92%;height:28%;border-color:var(--rule-soft);}
-.physBelt[data-ring="4"]{width:98%;height:31%;border-color:var(--rule-soft);}
-.physMoons,.physGhosts{position:absolute;border-radius:50%;}
-.physMoons{inset:20%;}
-.physGhosts{inset:9%;}
-.physMoons img,.physGhosts img{position:absolute;width:12%;height:auto;transform:translate(-50%,-50%);}
-.physGhosts img{width:8%;opacity:.45;}
-/* the first places taken are the ones clear of the caption under the planet */
-.physMoons img:nth-child(1),.physGhosts img:nth-child(1){left:50%;top:0;}
-.physMoons img:nth-child(2),.physGhosts img:nth-child(2){left:0;top:50%;}
-.physMoons img:nth-child(3),.physGhosts img:nth-child(3){left:100%;top:50%;}
-.physMoons img:nth-child(4),.physGhosts img:nth-child(4){left:85.4%;top:14.6%;}
-.physMoons img:nth-child(5){left:14.6%;top:14.6%;}
-.physMoons img:nth-child(6){left:50%;top:100%;}
-.physStage .physCap,.physStage .physFoot{z-index:2;}
-.physStage .physCap,.physStage .physCallout,.physStage .physCoords{text-shadow:var(--type-halo);}
-.physSun{position:absolute;width:15%;height:auto;left:var(--sun-x);top:var(--sun-y);transform:translate(-50%,-50%);}
-.physTether{position:absolute;left:50%;top:50%;width:var(--sun-d);height:0;border-top:1px dashed var(--rule);transform-origin:0 0;transform:rotate(-45deg);}
-#physStage[data-orbit="near"]{--sun-x:73%;--sun-y:27%;--sun-d:33%;}
-#physStage[data-orbit="mid"]{--sun-x:80%;--sun-y:20%;--sun-d:42%;}
-#physStage[data-orbit="far"]{--sun-x:87%;--sun-y:13%;--sun-d:52%;}
+/* ── the night room (task 1004504; the design of record docs/design/mocks/combined-onboarding/)
+   The studio's lofi room (modules/hall-ui/public/studio.css) behind the whole wizard: a
+   window with its moon, stars and city lights, the floor, the lamp and its glow, a mug and
+   a plant, and a soft grain. Its colours are the room's own, but each is a mix of the
+   fifteen (sea for the night, accent for the lights) with black or white, so a re-branded
+   pack re-lights the room and no literal colour is spent (C1/C2). Component-scoped tokens on
+   the room itself — never :root. Fixed under the top bar, clipped, and decoration only;
+   the words column sits above it and the window never slides under it. The chrome seed in
+   the window grows a little on each screen (show() writes data-screen). The only motion is
+   a slow twinkle, the lamp's breathe and the seed's float, and the kill switch stops all
+   three: the rest frame is the whole composition. ── */
+#view-new .wizRoom{
+  --rm-room:color-mix(in srgb,var(--sea) 4%,#000);
+  --rm-frame:color-mix(in srgb,var(--sea) 9%,#000);
+  --rm-night:color-mix(in srgb,var(--sea) 15%,#000);
+  --rm-moon:color-mix(in srgb,var(--accent) 12%,#fff);
+  --rm-halo:color-mix(in srgb,var(--accent) 12%,rgba(255,255,255,.16));
+  --rm-star:color-mix(in srgb,var(--sea) 14%,#fff);
+  --rm-tower-1:color-mix(in srgb,var(--sea) 8%,#000);
+  --rm-tower-2:color-mix(in srgb,var(--sea) 10%,#000);
+  --rm-tower-3:color-mix(in srgb,var(--sea) 7%,#000);
+  --rm-floor:color-mix(in srgb,var(--sea) 5%,#000);
+  --rm-edge:rgba(255,255,255,.06);
+  --rm-glow:color-mix(in srgb,var(--accent) 22%,transparent);
+  --rm-stem:color-mix(in srgb,var(--sea) 12%,#000);
+  --rm-shade:color-mix(in srgb,var(--sea) 16%,#000);
+  --rm-mug:color-mix(in srgb,var(--sea) 11%,#000);
+  --rm-leaf-1:color-mix(in srgb,var(--sea) 20%,#000);
+  --rm-leaf-2:color-mix(in srgb,var(--sea) 26%,#000);
+  --seed:.45;
+  position:fixed;left:0;right:0;top:var(--top-h,64px);bottom:0;z-index:0;overflow:hidden;pointer-events:none;
+  background:var(--rm-room);
+}
+#view-new .wizRoom>*,#view-new .rmWindow>*{position:absolute;}
+#view-new .rmWindow{left:max(calc(50% + 80px),700px);top:56px;width:520px;height:520px;box-sizing:border-box;border:14px solid var(--rm-frame);border-radius:6px;background:var(--rm-night);overflow:hidden;}
+#view-new .rmMoon{left:350px;top:60px;width:56px;height:56px;border-radius:50%;background:var(--rm-moon);box-shadow:0 0 60px 12px var(--rm-halo);}
+#view-new .rmStar{border-radius:50%;background:var(--rm-star);}
+#view-new .rmS1{left:70px;top:70px;width:3px;height:3px;}
+#view-new .rmS2{left:180px;top:38px;width:2px;height:2px;}
+#view-new .rmS3{left:250px;top:118px;width:3px;height:3px;opacity:.7;}
+#view-new .rmS4{left:440px;top:168px;width:2px;height:2px;}
+#view-new .rmS5{left:120px;top:186px;width:2px;height:2px;opacity:.6;}
+#view-new .rmTower{bottom:0;}
+#view-new .rmT1{left:0;width:110px;height:210px;background:var(--rm-tower-1);}
+#view-new .rmT2{left:100px;width:86px;height:290px;background:var(--rm-tower-2);}
+#view-new .rmT3{left:186px;width:130px;height:180px;background:var(--rm-tower-3);}
+#view-new .rmT4{left:306px;width:76px;height:250px;background:var(--rm-tower-2);}
+#view-new .rmT5{left:372px;width:140px;height:160px;background:var(--rm-tower-1);}
+#view-new .rmLight{width:6px;height:8px;background:var(--accent);}
+#view-new .rmL1{left:124px;bottom:232px;opacity:.7;}
+#view-new .rmL2{left:148px;bottom:196px;opacity:.5;}
+#view-new .rmL3{left:28px;bottom:140px;opacity:.55;}
+#view-new .rmL4{left:326px;bottom:204px;opacity:.65;}
+#view-new .rmL5{left:430px;bottom:100px;opacity:.55;}
+#view-new .rmL6{left:232px;bottom:110px;opacity:.45;}
+#view-new .rmMullion{left:246px;top:0;height:100%;border-left:12px solid var(--rm-frame);}
+#view-new .rmFloor{left:0;right:0;top:660px;bottom:0;background:var(--rm-floor);border-top:1px solid var(--rm-edge);}
+#view-new .rmGlow{left:calc(50% + 420px);top:430px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,var(--rm-glow) 0%,transparent 65%);}
+#view-new .rmStem{left:calc(50% + 550px);top:520px;width:6px;height:140px;background:var(--rm-stem);}
+#view-new .rmShade{left:calc(50% + 506px);top:500px;width:94px;height:46px;border-radius:48px 48px 6px 6px;background:var(--rm-shade);}
+#view-new .rmMug{left:calc(50% + 330px);top:610px;width:46px;height:52px;border-radius:0 0 10px 10px;background:var(--rm-mug);}
+#view-new .rmLeaf{border-radius:50% 50% 0 0;}
+#view-new .rmF1{left:calc(50% + 170px);top:570px;width:64px;height:90px;background:var(--rm-leaf-1);}
+#view-new .rmF2{left:calc(50% + 210px);top:550px;width:50px;height:110px;background:var(--rm-leaf-2);}
+/* the seed: the world's chrome blob, hanging in the window's sky */
+#view-new .rmSeed{left:120px;top:120px;width:120px;height:120px;transform:scale(var(--seed));transform-origin:50% 50%;}
+#view-new .rmSeed img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 22px var(--rm-glow));}
+#view-new .wizRoom[data-screen="signin"]{--seed:.3;}
+#view-new .wizRoom[data-screen="fork"]{--seed:.45;}
+#view-new .wizRoom[data-screen="what"]{--seed:.55;}
+#view-new .wizRoom[data-screen="checks"]{--seed:.65;}
+#view-new .wizRoom[data-screen="review"]{--seed:.75;}
+#view-new .wizRoom[data-screen="look"]{--seed:.85;}
+#view-new .wizRoom[data-screen="done"]{--seed:1.1;}
+/* soft film grain over the room — the lofi texture, no colour of its own */
+#view-new .rmGrain{inset:0;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");}
 @media (prefers-reduced-motion:no-preference){
-  .physMoons{animation:physOrbit 160s linear infinite;}
-  .physGhosts{animation:physOrbit 260s linear infinite reverse;}
-  @keyframes physOrbit{to{transform:rotate(360deg);}}
+  #view-new .rmSeed{transition:transform 1.2s ease;}
+  #view-new .rmStar{animation:rmTwinkle 7s ease-in-out infinite;}
+  #view-new .rmS2{animation-delay:-2s;}
+  #view-new .rmS3{animation-delay:-4s;}
+  #view-new .rmS4{animation-delay:-1s;}
+  #view-new .rmS5{animation-delay:-5s;}
+  #view-new .rmGlow{animation:rmBreathe 9s ease-in-out infinite;}
+  #view-new .rmSeed img{animation:rmFloat 8s ease-in-out infinite;}
+  @keyframes rmTwinkle{0%,100%{opacity:.9}50%{opacity:.35}}
+  @keyframes rmBreathe{0%,100%{opacity:1}50%{opacity:.7}}
+  @keyframes rmFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
+}
+/* under 900 the window steps back and dims behind the words; the lamp, mug and plant go */
+@media (max-width:900px){
+  #view-new .rmWindow{left:auto;right:-140px;top:24px;opacity:.35;}
+  #view-new .rmGlow,#view-new .rmStem,#view-new .rmShade,#view-new .rmMug,#view-new .rmLeaf{display:none;}
+  #view-new .rmFloor{top:auto;height:80px;}
+}
+/* the words column above the room, held to the mockup's measure so the window never
+   slides under it; headings in the mockup's sentence case */
+#view-new .wrap{position:relative;z-index:1;min-height:calc(100vh - var(--top-h,64px) - 120px);}
+#view-new .panel{max-width:600px;}
+.wizTop{display:flex;align-items:center;gap:16px;min-height:44px;margin:0 0 28px;max-width:600px;}
+.wizEyebrow{font-family:var(--label-face);font-size:var(--label-size);letter-spacing:var(--label-space);text-transform:uppercase;color:var(--ink-faint);}
+.wizBack{margin-left:auto;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--glass-edge);background:var(--glass);color:var(--ink-soft);font:inherit;font-size:13px;cursor:pointer;}
+.wizBack:hover{color:var(--ink);}
+.wizBack[hidden]{display:none;}
+.demoTag{display:inline-block;margin-left:12px;padding:3px 10px;border-radius:999px;font-family:var(--label-face);font-size:var(--label-size);letter-spacing:var(--label-space);text-transform:uppercase;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);vertical-align:middle;}
+.demoTag[hidden]{display:none;}
+.fillOffer{margin:0 0 12px;}
+.wizRecap{margin:22px 0 0;font-size:15px;line-height:1.5;color:var(--ink-soft);}
+#view-new .doorPill .btn[disabled]{opacity:.35;cursor:default;}
+/* the review: one hairline ledger of rows. Each row is its label, its value with one
+   plain line under it, and two actions — Looks right (the accent, softly) and Change.
+   A confirmed row settles to a quiet tick; an open row shows the old step's own controls
+   under its value, and Continue below stays locked until every row is confirmed. */
+.setRows{margin:24px 0 0;border-top:1px solid var(--rule);}
+.setRow{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:0 16px;align-items:start;padding:16px 0;border-bottom:1px solid var(--rule);}
+.setRow[hidden]{display:none;}
+.setRow .k{font-size:13px;line-height:22px;color:var(--ink-faint);padding-top:2px;}
+.setRow .v{min-width:0;}
+.setRow .rowV{display:block;font-size:15.5px;line-height:1.45;color:var(--ink);overflow-wrap:anywhere;}
+.setRow .rowS{display:block;margin-top:3px;font-size:13px;line-height:1.45;color:var(--ink-faint);overflow-wrap:anywhere;}
+.setRow .rowS:empty{display:none;}
+.setRow .acts{display:flex;gap:6px;flex:none;}
+.setRow .acts button{min-height:34px;padding:0 14px;border-radius:999px;font:inherit;font-size:13px;white-space:nowrap;cursor:pointer;}
+.setRow [data-row-ok]{border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--ink);}
+.setRow [data-row-chg]{border:1px solid var(--glass-edge);background:var(--glass);color:var(--ink-soft);}
+.setRow [data-row-chg]:hover{color:var(--ink);}
+.setRow [data-row-chg][hidden]{display:none;}
+.setRow.done .rowV{color:var(--ink-soft);}
+.setRow.done [data-row-ok]{border-color:transparent;background:none;color:var(--accent);cursor:default;}
+.setRow.done [data-row-ok]::before{content:"✓ ";}
+.setRow.open [data-row-ok]{display:none;}
+.setRow .opts{margin-top:14px;}
+.setRow .opts .rowUse{margin-top:6px;}
+@media (max-width:560px){
+  .setRow{grid-template-columns:minmax(0,1fr);gap:6px 0;}
+  .setRow .k{padding-top:0;}
 }
 /* under 520 the two doors cannot sit side by side at 48px, so they stack —
    still two equal doors in one object */
@@ -343,13 +365,6 @@ h1[tabindex="-1"]:focus:not(:focus-visible){outline:none;}
 
 /* the review: a ledger of what is about to be filed — label · value rows on
    soft hairlines, the last row closed */
-.review{list-style:none;display:grid;grid-template-columns:172px 1fr;gap:0 22px;border:0;border-radius:0;overflow:visible;margin:0 0 6px;}
-.review li{display:contents;}
-.review .k,.review .v{border-top:1px solid var(--rule-soft);padding:13px 0;min-width:0;}
-.review li:last-child .k,.review li:last-child .v{border-bottom:1px solid var(--rule-soft);}
-.review .k{font-family:var(--label-face);font-size:var(--label-size);letter-spacing:var(--label-space);text-transform:uppercase;font-weight:400;color:var(--ink-faint);padding-top:16px;}
-.review .v{font-size:15px;font-weight:400;line-height:1.5;color:var(--ink);text-align:left;overflow-wrap:anywhere;}
-.review .v code{font-family:var(--font-mono);font-size:13px;background:none;border-radius:0;padding:0;color:var(--ink-soft);}
 
 /* ── done / human steps: the tick leaves (the rail says filed), the title
    stands in the display voice, the steps only you can play are a numbered
@@ -470,11 +485,9 @@ summary{min-height:24px;padding:3px 0;}
 .addrConfirm details .inner{margin-top:6px;}
 .addrOpt{display:flex;align-items:flex-start;gap:12px;margin-top:14px;font-size:14px;font-weight:400;color:var(--warn);line-height:1.5;cursor:pointer;}
 .addrOpt input{margin-top:4px;accent-color:var(--accent);}
-/* the app step (task 1004351, ADR 0345): the hall line, then one row per place the app
+/* the app row (task 1004351, ADR 0345): one row per place the app
    can run. A radio per row so the choice is native; "soon" is a row that is shown but
    cannot be picked yet, and says so in words rather than by colour alone. */
-.appHall{font-size:14.5px;font-weight:400;color:var(--ink-soft);line-height:1.5;max-width:62ch;margin:0 0 18px;}
-.appHall b{color:var(--ink);font-weight:500;}
 .appOpts{border:0;padding:0;margin:0 0 14px;border-top:1px solid var(--rule);}
 .appOpts legend{font-family:var(--label-face);font-size:var(--label-size);letter-spacing:var(--label-space);text-transform:uppercase;font-weight:400;color:var(--ink-faint);padding:0;margin:0 0 10px;}
 .appOpt{display:flex;align-items:flex-start;gap:12px;min-height:24px;padding:14px 0;border-bottom:1px solid var(--rule);cursor:pointer;}
@@ -623,10 +636,6 @@ summary{min-height:24px;padding:3px 0;}
   .typeCards{grid-template-columns:1fr;}
   .tpill{border-left:0;padding-left:0;border-top:1px solid var(--rule-soft);}
   .tpill:first-child{border-top:0;}
-  .review{grid-template-columns:1fr;gap:0;}
-  .review .k{padding-bottom:0;}
-  .review .v{border-top:0;padding-top:6px;}
-  .review li:last-child .k{border-bottom:0;}
 }
 
 </style>
@@ -1342,50 +1351,53 @@ summary{min-height:24px;padding:3px 0;}
      The terms panel carries a static `on` so a no-script visitor still reads
      step 1 rather than an empty card. -->
 <section id="view-new" hidden>
+  <!-- the night room (task 1004504, the design of record docs/design/mocks/combined-onboarding/):
+       the studio's lofi room behind the whole wizard, in place of the nebula plate, the
+       forming planet and the bongo pair. Every colour is a mix of the fifteen (no page
+       :root, no literal); the chrome seed hangs in the window and grows a little on each
+       screen (show() writes data-screen); the only motion is a slow twinkle, the lamp's
+       breathe and the seed's float, all inside the kill switch. Decoration only. -->
+  <div class="wizRoom" id="wizRoom" data-screen="fork" aria-hidden="true">
+    <div class="rmWindow">
+      <span class="rmMoon"></span>
+      <span class="rmStar rmS1"></span><span class="rmStar rmS2"></span><span class="rmStar rmS3"></span><span class="rmStar rmS4"></span><span class="rmStar rmS5"></span>
+      <span class="rmSeed"><img src="/assets/world/r2-chrome-blob-one-cut.webp" alt=""></span>
+      <span class="rmTower rmT1"></span><span class="rmTower rmT2"></span><span class="rmTower rmT3"></span><span class="rmTower rmT4"></span><span class="rmTower rmT5"></span>
+      <span class="rmLight rmL1"></span><span class="rmLight rmL2"></span><span class="rmLight rmL3"></span><span class="rmLight rmL4"></span><span class="rmLight rmL5"></span><span class="rmLight rmL6"></span>
+      <span class="rmMullion"></span>
+    </div>
+    <span class="rmFloor"></span>
+    <span class="rmGlow"></span><span class="rmStem"></span><span class="rmShade"></span>
+    <span class="rmMug"></span><span class="rmLeaf rmF1"></span><span class="rmLeaf rmF2"></span>
+    <span class="rmGrain"></span>
+  </div>
   <div class="wrap viewWrap">
-    <div class="card wizFront">
-      <ol class="steps" aria-label="Creation steps">
-        <li class="now" data-step="3" aria-current="step"><span class="snum">1</span><span class="slbl">Physics</span></li>
-        <li data-step="4"><span class="snum">2</span><span class="slbl">Name</span></li>
-        <li data-step="5"><span class="snum">3</span><span class="slbl">Type</span></li>
-        <li data-step="6"><span class="snum">4</span><span class="slbl">About</span></li>
-        <li data-step="7"><span class="snum">5</span><span class="slbl">Modules</span></li>
-        <li data-step="8"><span class="snum">6</span><span class="slbl">Home</span></li>
-        <li data-step="9"><span class="snum">7</span><span class="slbl">Address</span></li>
-        <li data-step="10"><span class="snum">8</span><span class="slbl">App</span></li>
-        <li data-step="11"><span class="snum">9</span><span class="slbl">Look</span></li>
-        <li data-step="12"><span class="snum">10</span><span class="slbl">Create</span></li>
-      </ol>
-
+    <div class="card">
+      <!-- no progress rail (owner, 2026-10-01): the eyebrow names where you are and one
+           Back walks the screens backwards -->
+      <div class="wizTop">
+        <span class="wizEyebrow" id="wizEyebrow">New project</span>
+        <button type="button" class="wizBack" id="wizBack" hidden>← Back</button>
+      </div>
       <div class="createSplit">
         <div>
-          <!-- step 0 · sign-in gate -->
+          <!-- 0 · sign in -->
           <section class="panel" id="panel-gate" aria-labelledby="gate-h">
-            <h1 id="gate-h">Create a project</h1>
-            <p class="lede">Your own <strong data-brand-product-inline>Cloud Bongos</strong> project: its own repository, its own home on the web, and a hall of AI builders who do the building. You set the direction; agents lay down the code. Sign in with GitHub so the project belongs to <em>you</em> from the very first beat.</p>
+            <h1 id="gate-h">Make something.</h1>
+            <p class="lede">Sign in with GitHub to start your project.</p>
             <!-- The wizard's own sign-in opts into repo scope (read:user + repo, ADR 0155) up
                  front (&repos=1) — anyone here intends to create a project, which needs repo
-                 access, so we ask once at sign-in instead of a second "Connect" step at Home.
+                 access, so we ask once at sign-in instead of a second "Connect" step later.
                  Hall + CLI sign-in stay identity-only (ADR 0143 least-privilege default). -->
             <a class="btn big" id="wizSignin" href="/api/bongos/auth/web/start?return=/projects%3Fview%3Dnew&amp;repos=1">
               <svg class="gh" viewBox="0 0 16 16" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8z"/></svg>
-              Sign in with GitHub
+              Continue with GitHub
             </a>
             <!-- Informed consent BEFORE GitHub's own wording (ADR 0155): the scope the
                  button asks for reads as "all your repositories" on GitHub's screen, so
-                 the reason is stated here, on the path every founder actually takes —
-                 not only on the Home step's re-connect branch (task 1003232). -->
-            <p class="finePrint" id="wizScopeNote">Signing in asks GitHub for repository access. GitHub words this as access to <em>all</em> your repositories — that is the only permission it offers that can write to a private repo. We use it to create (or read) the one repo your project lives in and push its starting files. Nothing else is touched.</p>
-            <!-- Trust links (task 1003502, superseding task 1002705's license-only fallback).
-                 TWO links, because the sentence makes two claims: "open source" → the CODE,
-                 "(AGPL-3.0)" → the licence it is under. The code half was impossible until
-                 2026-09-13 — the old private-repo URL 404ed, both npm scopes were private,
-                 and the ADR 0099 mirror is dormant until ~2026-11, which left the licence
-                 text as the only live artifact. Task 1003872 / ADR 0283 published
-                 @bongos/core publicly, so the claim now resolves to the platform itself
-                 (npm renders a README + a browsable Code tab; verified by a tokenless
-                 `npm pack` from a clean HOME, the ADR 0283 standard). Not @cloudbongos/cli:
-                 that is the 32-file generated client, a slice of the thing being claimed. -->
+                 the reason is stated here, on the path every founder actually takes. -->
+            <p class="finePrint" id="wizScopeNote">Signing in asks GitHub for repository access. GitHub calls this access to <em>all</em> your repositories, because it is the only option that can write to a private repo. We use it only for your project’s one repo. Nothing else is touched.</p>
+            <!-- Trust links (task 1003502): "open source" → the code, "(AGPL-3.0)" → its licence. -->
             <p class="finePrint">Free while we find our feet. Your project’s repo and server are yours —
               <span data-brand-product-inline>Cloud Bongos</span> is <a href="https://www.npmjs.com/package/@bongos/core" target="_blank" rel="noopener">open source</a>
               (<a href="https://www.gnu.org/licenses/agpl-3.0.html" target="_blank" rel="noopener">AGPL-3.0</a>)
@@ -1393,735 +1405,513 @@ summary{min-height:24px;padding:3px 0;}
             <div class="alert" id="wizGateAlert" role="alert"></div>
           </section>
 
-          <!-- step 1 · the front door, part one: the terms (task 1004417, BV2.PS05; the
-               canvas's Main.dc.html, docs/design/project-startup-direction.md). Before
-               anything is asked, the founder acknowledges the terms. Sign-in stays where
-               it was: the gate above comes first. The tick rides the create request as
-               `terms_acknowledged` and the SERVER records which terms version it was
-               (modules/provisioning/terms-ack.js), so this page never names one. The rail
-               is for the numbered steps, so it steps aside on both front-door screens. -->
-          <section class="panel on" id="panel-terms" aria-labelledby="terms-h">
+          <!-- 1 · demo or real project, with the terms as its one tick (tasks 1004417 and
+               1004504). The tick rides the create as `terms_acknowledged` and the SERVER
+               records which terms version it was (modules/provisioning/terms-ack.js), so
+               this page never names one. Both doors wait for it. The demo opens one screen
+               in place (task 1004420), then joins the ordinary flow marked "demo". The panel
+               carries a static `on` so a no-script visitor reads it rather than an empty card. -->
+          <section class="panel on" id="panel-fork" aria-labelledby="fork-h">
             <!-- The standup already being watched, kept one click away (task 1003503).
-                 A deliberate "New project" click opens THIS fresh step 1 (the front door since task 1004417); the previous
-                 project's done panel is reachable here instead of taking the panel over.
                  Baked markup, hidden until enter() has a record to name. -->
             <p class="resumeOffer" id="wizResume" hidden>still watching <strong id="wizResumeName">your project</strong> — <a href="#" id="wizResumeGo">resume it</a></p>
-            <h1 id="terms-h">Anything you want to make</h1>
-            <p class="lede"><span data-brand-product-inline>Cloud Bongos</span> can be used for any project, by any kind of project entity: from a solo developer to a large corporation.</p>
-            <p class="lede">Because of the sensitive nature of this platform and its projects, we highly recommend you review the legal terms as diligently as is appropriate for your project entity type.</p>
-            <form data-next="2">
-              <label class="termsAck">
-                <input type="checkbox" id="termsAck" aria-describedby="h-terms">
-                <span>I can sign legally, or can get a signature, for the use of this platform, and I acknowledge the terms and conditions.</span>
+            <div id="forkIntro">
+              <h1 id="fork-h">You’re about to start a digital planet.</h1>
+              <p class="lede">Try a small demo first, or start your real project.</p>
+              <form data-next="2">
+                <label class="termsAck">
+                  <input type="checkbox" id="termsAck" aria-describedby="h-terms">
+                  <span>I can sign for this project, and I accept the <a class="termsRead" href="/terms" target="_blank" rel="noopener">terms</a>.</span>
+                </label>
+                <div class="hint" id="h-terms">&nbsp;</div>
+                <div class="doorPill" role="group" aria-label="How to begin">
+                  <button type="button" class="btn big ghost" id="wizDemo" aria-controls="demoSetup" aria-expanded="false" disabled>Try the demo</button>
+                  <button type="submit" class="btn big" id="wizStart" disabled>Start my project</button>
+                </div>
+              </form>
+            </div>
+            <!-- the demo route (task 1004420, BV2.PS09): one screen inside the fork, then
+                 the ordinary flow from "What are you making?": a demo is a normal project
+                 marked "demo" (D9). The fit check is a copy of modules/provisioning/demo.js
+                 fitCheck, held equal by tests/wizard_demo.mjs. -->
+            <div id="demoSetup" class="demoView" hidden>
+              <h1 id="demo-h1">Try a demo.</h1>
+              <p class="lede">A small, time-boxed project to learn by doing. You can keep it at the end.</p>
+              <div class="demoSteppers">
+                <div class="wizField"><span id="demoPeopleLbl">People, you included</span>
+                  <div class="demoStep" role="group" aria-labelledby="demoPeopleLbl">
+                    <button type="button" class="btn small ghost" data-demo-step="people" data-by="-1" aria-label="One fewer person">−</button>
+                    <output id="demoPeople" aria-live="polite">3</output>
+                    <button type="button" class="btn small ghost" data-demo-step="people" data-by="1" aria-label="One more person">+</button>
+                  </div>
+                </div>
+                <div class="wizField"><span id="demoHoursLbl">Hours each</span>
+                  <div class="demoStep" role="group" aria-labelledby="demoHoursLbl">
+                    <button type="button" class="btn small ghost" data-demo-step="hours" data-by="-1" aria-label="One hour less">−</button>
+                    <output id="demoHours" aria-live="polite">4</output>
+                    <button type="button" class="btn small ghost" data-demo-step="hours" data-by="1" aria-label="One hour more">+</button>
+                  </div>
+                </div>
+              </div>
+              <label class="wizField"><span>Your idea</span>
+                <input type="text" id="demoIdea" maxlength="600" placeholder="A voting app for movie night" autocomplete="off">
               </label>
-              <a class="termsRead" href="/terms" target="_blank" rel="noopener">Read the terms</a>
-              <div class="hint" id="h-terms">&nbsp;</div>
+              <p class="hint demoFitLine" aria-live="polite"><span id="demoFitSum">3 people × 4 hours = 12 builder-hours.</span> <span id="demoFitVerdict">Enough for a small version. Trim it to one shared list, voting and a winner reveal; accounts and notifications will not fit.</span></p>
+              <div class="demoInvites" id="demoInvites">
+                <label class="wizField"><span>Invite by GitHub handle</span>
+                  <input type="text" id="demoInvite1" placeholder="teammate’s handle" autocomplete="off" autocapitalize="off" spellcheck="false" maxlength="39">
+                </label>
+                <label class="wizField"><span>And one more</span>
+                  <input type="text" id="demoInvite2" placeholder="teammate’s handle" autocomplete="off" autocapitalize="off" spellcheck="false" maxlength="39">
+                </label>
+              </div>
+              <p class="finePrint">An unkept demo goes offline after 30 days. We warn you first, and it can come back.</p>
               <div class="nav">
                 <span></span>
-                <button type="submit" class="btn">Proceed to project creation</button>
+                <button type="button" class="btn" id="demoStart">Continue</button>
+              </div>
+            </div>
+          </section>
+
+          <!-- 2 · what are you making: the name, the kind (task 1002772 — a declaration,
+               closed vocabulary, Not sure the escape hatch) and the optional sentence that
+               puts the project on the public map (ADR 0182 D4). -->
+          <section class="panel" id="panel-what" aria-labelledby="what-h">
+            <h1 id="what-h">What are you making?<span class="demoTag" id="demoTag" hidden>demo</span></h1>
+            <form id="newForm" data-next="3">
+              <label class="wizField"><span>Name</span>
+                <input type="text" id="newName" placeholder="Moonbase" autocomplete="off" maxlength="80" aria-label="Project name">
+                <div class="hint" id="h-name">&nbsp;</div>
+              </label>
+              <div class="wizField"><span id="typeLbl">Kind</span>
+                <div class="typeCards" id="typeCards" role="group" aria-labelledby="typeLbl">
+                  <button type="button" class="tpill" data-type="game" aria-pressed="false">Game</button>
+                  <button type="button" class="tpill" data-type="research" aria-pressed="false">Research</button>
+                  <button type="button" class="tpill" data-type="business" aria-pressed="false">Business</button>
+                  <button type="button" class="tpill" data-type="non-profit" aria-pressed="false">Non-profit</button>
+                  <button type="button" class="tpill" data-type="not-sure" aria-pressed="false">Not sure</button>
+                </div>
+                <div class="hint" id="h-projtype">&nbsp;</div>
+              </div>
+              <label class="wizField"><span>In a sentence <small>(optional — puts it on the public map)</small></span>
+                <input type="text" id="f-desc" maxlength="600" placeholder="A co-op space game built by its players" autocomplete="off">
+              </label>
+              <div class="nav">
+                <span></span>
+                <button type="submit" class="btn">Continue</button>
               </div>
             </form>
           </section>
 
-          <!-- step 2 · the front door, part two: demo or create (task 1004417; the canvas's
-               Fork.dc.html). Two equal ways in, so it is the world's door pill (DESIGN.md):
-               two doors joined into one object, equal in size, the accent only on the one
-               that goes on. The seed stands on the field plate beside it. The demo door opens
-               the demo route's two screens in place (task 1004420, BV2.PS09). -->
-          <section class="panel" id="panel-fork" aria-labelledby="fork-h">
-            <div class="forkBody">
-              <div>
-                <div id="forkIntro">
-                  <h1 id="fork-h">You are now creating a digital planet</h1>
-                  <p class="lede">If that sounds like too much for now, try our demo system. Otherwise, proceed with planet initiation :)</p>
-                  <form data-next="3">
-                    <div class="doorPill" role="group" aria-label="How to begin">
-                      <button type="button" class="btn big ghost" id="wizDemo" aria-controls="demoSetup" aria-expanded="false">Try the demo</button>
-                      <button type="submit" class="btn big">Begin planet creation</button>
-                    </div>
-                    <div class="nav">
-                      <button type="button" class="btn ghost" data-back="1">← Back</button>
-                      <span></span>
-                    </div>
-                  </form>
+          <!-- 3 · a few quick checks: the planet-physics answers that change something
+               (tasks 1004418 and 1004419), under planet-physics.js's own keys. Continue asks
+               POST /provisioning/physics-check — the same screen and soft-limit table the
+               create runs — and a stop ends here, before anything exists. The age tiers are
+               described, never claimed as enforced (spec D6). A demo skips this screen. -->
+          <section class="panel" id="panel-checks" aria-labelledby="checks-h">
+            <div id="checksMain">
+              <h1 id="checks-h">A few quick checks.</h1>
+              <p class="lede">These decide which legal and payout options we can offer.</p>
+              <!-- auto-fill: the answers this account gave on its most recent project -->
+              <p class="fillOffer" id="physFillOffer" hidden><button type="button" class="linklike" id="physFromAccount">Fill these in from my last project</button></p>
+              <form data-next="4" id="checksForm">
+                <div class="physRow2">
+                  <label class="wizField"><span>Where are you?</span><select id="physCountry"><option value="">Choose…</option></select></label>
+                  <label class="wizField" id="physRegionField" hidden><span>State or province</span><select id="physRegion"><option value="">Choose…</option></select></label>
                 </div>
-                <!-- the demo route (task 1004420, BV2.PS09; the canvas's DemoSetup and DemoReady).
-                     Two screens inside the fork, then the ordinary wizard from the name step on:
-                     a demo is a normal project marked "demo" (D9). The fit check is a copy of
-                     modules/provisioning/demo.js fitCheck, held equal by tests/wizard_demo.mjs. -->
-                <div id="demoSetup" class="demoView" hidden>
-                  <h1 id="demo-h1">Training wheels</h1>
-                  <p class="lede">A small, time-boxed project to learn the platform by doing. Everyone uses their own AI plan.</p>
-                  <div class="demoSteppers">
-                    <div class="wizField"><span id="demoPeopleLbl">People, you included</span>
-                      <div class="demoStep" role="group" aria-labelledby="demoPeopleLbl">
-                        <button type="button" class="btn small ghost" data-demo-step="people" data-by="-1" aria-label="One fewer person">−</button>
-                        <output id="demoPeople" aria-live="polite">3</output>
-                        <button type="button" class="btn small ghost" data-demo-step="people" data-by="1" aria-label="One more person">+</button>
-                      </div>
-                    </div>
-                    <div class="wizField"><span id="demoHoursLbl">Hours each</span>
-                      <div class="demoStep" role="group" aria-labelledby="demoHoursLbl">
-                        <button type="button" class="btn small ghost" data-demo-step="hours" data-by="-1" aria-label="One hour less">−</button>
-                        <output id="demoHours" aria-live="polite">4</output>
-                        <button type="button" class="btn small ghost" data-demo-step="hours" data-by="1" aria-label="One hour more">+</button>
-                      </div>
-                    </div>
+                <div class="wizField"><span id="physGeoLbl">Where will builders be?</span>
+                  <div class="typeCards physCells" role="group" aria-labelledby="physGeoLbl">
+                    <button type="button" class="tpill" data-phys="builder_geography" data-val="us-only" aria-pressed="false">US only</button>
+                    <button type="button" class="tpill" data-phys="builder_geography" data-val="us-eu" aria-pressed="false">US and EU</button>
+                    <button type="button" class="tpill" data-phys="builder_geography" data-val="global" aria-pressed="false">Anywhere</button>
+                    <button type="button" class="tpill" data-phys="builder_geography" data-val="not-sure" aria-pressed="false">Not sure</button>
                   </div>
-                  <label class="wizField"><span>Your demo project idea</span>
-                    <textarea id="demoIdea" rows="3" maxlength="600" placeholder="A shared reading list for our team: everyone adds books, we vote, and the winner is next month’s read."></textarea>
-                  </label>
-                  <div class="demoFit" aria-live="polite">
-                    <p class="routeLbl">First read</p>
-                    <p class="demoFitLine"><span id="demoFitSum">3 people × 4 hours = 12 builder-hours.</span> <span id="demoFitVerdict">Enough for a small version. Trim it to one shared list, voting and a winner reveal; accounts and notifications will not fit.</span></p>
-                    <p class="demoFitTry">What you’ll get to try</p>
-                    <ul class="demoTry">
-                      <li>Claim a task and ship it</li>
-                      <li>See your work graded</li>
-                      <li>Put an idea to a vote in the Board Room</li>
-                      <li>Watch your rank grow with shipped work</li>
-                    </ul>
-                  </div>
-                  <div class="nav">
-                    <button type="button" class="btn ghost" id="demoBack1">← Back</button>
-                    <button type="button" class="btn" id="demoNext1">See the settings</button>
+                </div>
+                <div class="wizField"><span id="physAgeLbl">Will anyone under 18 build?</span>
+                  <div class="typeCards physCells" role="group" aria-labelledby="physAgeLbl">
+                    <button type="button" class="tpill" data-phys="minors_on_board" data-val="false" aria-pressed="false">No</button>
+                    <button type="button" class="tpill" data-phys="minors_on_board" data-val="true" aria-pressed="false">Yes</button>
                   </div>
                 </div>
-                <div id="demoReady" class="demoView" hidden>
-                  <h1 id="demo-h2">Your demo planet’s settings</h1>
-                  <p class="lede">We picked sensible settings so you can start straight away, and you can change any of them later. Next you name it and choose where its code lives, and then it is created.</p>
-                  <dl class="demoLedger">
-                    <dt>People</dt><dd><span id="demoLPeople">3</span><small id="demoLPeopleSub">You, plus the two people you invite below</small></dd>
-                    <dt>Time box</dt><dd><span id="demoLHours">4 hours each</span><small id="demoLTotal">12 builder-hours in total. When it runs out you are asked whether to keep your planet; your work is never stopped.</small></dd>
-                    <dt>Government</dt><dd>Monarchy / BDFL<small>One leader decides: you make the calls.</small></dd>
-                    <dt>Rewards</dt><dd>None<small>It’s a demo, for learning.</small></dd>
-                    <dt>Framing</dt><dd>All managed for you</dd>
-                    <dt>Who can see it</dt><dd>Only your team</dd>
-                    <dt>AI usage</dt><dd>Everyone uses their own AI plan</dd>
+                <div class="physNote" id="physAges" hidden>
+                  <p class="physNoteH">The age tiers young builders work under</p>
+                  <dl class="physTiers">
+                    <dt>13 to 15</dt><dd>Non-monetary tracks only</dd>
+                    <dt>16 to 17</dt><dd>Paid work, with a guardian’s co-signature and a work-permit attestation</dd>
+                    <dt>18 and over</dt><dd>Full access</dd>
                   </dl>
-                  <div class="demoInvites" id="demoInvites">
-                    <label class="wizField"><span>Invite by GitHub handle</span>
-                      <input type="text" id="demoInvite1" placeholder="teammate’s handle" autocomplete="off" autocapitalize="off" spellcheck="false" maxlength="39">
-                    </label>
-                    <label class="wizField"><span>And one more</span>
-                      <input type="text" id="demoInvite2" placeholder="teammate’s handle" autocomplete="off" autocapitalize="off" spellcheck="false" maxlength="39">
-                    </label>
+                  <p class="finePrint">A guardian signs for each young builder and controls their payouts. The platform does not check ages for you yet.</p>
+                </div>
+                <div class="wizField" id="physIntent"><span id="physWhoLbl">Who’s behind it?</span>
+                  <div class="typeCards physCells" role="group" aria-labelledby="physWhoLbl">
+                    <button type="button" class="tpill" data-phys="entity" data-val="intent-solo" aria-pressed="false">Just me</button>
+                    <button type="button" class="tpill" data-phys="entity" data-val="intent-company" aria-pressed="false">A company</button>
+                    <button type="button" class="tpill" data-phys="entity" data-val="intent-nonprofit" aria-pressed="false">A nonprofit</button>
+                    <button type="button" class="tpill" data-phys="entity" data-val="intent-unsure" aria-pressed="false">Not sure yet</button>
                   </div>
-                  <p class="finePrint">A demo nobody keeps goes offline 30 days after it starts. You are told before, and it can be brought back.</p>
-                  <div class="nav">
-                    <button type="button" class="btn ghost" id="demoBack2">← Back</button>
-                    <button type="button" class="btn" id="demoStart">Name my demo planet</button>
+                  <button type="button" class="physLink" id="physHaveEntity">We already have a legal entity</button>
+                </div>
+                <div class="wizField" id="physForms" hidden><span>Your legal entity</span>
+                  <p class="physGrp">Organization</p>
+                  <div class="typeCards physCells" role="group" aria-label="Organization">
+                    <button type="button" class="tpill" data-phys="entity" data-val="nonprofit" aria-pressed="false">Nonprofit</button>
+                    <button type="button" class="tpill" data-phys="entity" data-val="for-profit" aria-pressed="false">For-profit company</button>
+                    <button type="button" class="tpill" data-phys="entity" data-val="corporate-division" aria-pressed="false">Division of a corporation</button>
+                    <button type="button" class="tpill" data-phys="entity" data-val="research" aria-pressed="false">Research entity</button>
+                  </div>
+                  <p class="physGrp">Group</p>
+                  <div class="typeCards physCells" role="group" aria-label="Group">
+                    <button type="button" class="tpill" data-phys="entity" data-val="university-project" aria-pressed="false">University project</button>
+                    <button type="button" class="tpill" data-phys="entity" data-val="social-group" aria-pressed="false">Social group</button>
+                  </div>
+                  <p class="physGrp">Individual</p>
+                  <div class="typeCards physCells" role="group" aria-label="Individual">
+                    <button type="button" class="tpill" data-phys="entity" data-val="single-owner-llc" aria-pressed="false">Single-owner LLC</button>
+                    <button type="button" class="tpill" data-phys="entity" data-val="private-individual" aria-pressed="false">Private individual</button>
                   </div>
+                  <button type="button" class="physLink" id="physNoEntity">We don’t have one yet</button>
                 </div>
-              </div>
-              <div class="forkStage" id="forkStage" aria-hidden="true">
-                <span class="forkOrbit"></span>
-                <span class="forkOrbit forkOrbitDash"></span>
-                <span class="demoRing" id="demoRing" hidden></span>
-                <img class="forkSeed" src="/assets/world/r2-chrome-blob-one-cut.webp" alt="">
-                <p class="demoStageCap" id="demoStageCap" hidden>time box · <span id="demoStageHours">12</span> builder-hours · when the dashed ring closes, the demo asks whether to keep your planet</p>
-              </div>
+                <div class="hint" id="h-phys">&nbsp;</div>
+                <div class="nav">
+                  <span></span>
+                  <button type="submit" class="btn" id="physNext">Continue</button>
+                </div>
+              </form>
             </div>
-            <div class="forkRoutes">
-              <div>
-                <p class="routeLbl">Route 1 · demo</p>
-                <p class="routeT">Training wheels</p>
-                <p class="routeD">Pick how many people, how many hours each, and an idea. The platform checks that it fits, picks the settings, and you learn by building something small. Keep your planet at the end if you like it.</p>
-              </div>
-              <div>
-                <p class="routeLbl">Route 2 · planet creation</p>
-                <p class="routeT">Create your planet</p>
-                <p class="routeD">Answer a few questions about your project, choose where its code and its app live, and it stands up as yours.</p>
+            <!-- the screening stop: nothing is created -->
+            <div id="checksStop" hidden>
+              <h1 id="phys-hstop">This can’t be built <em>on <span data-brand-product-inline>Cloud Bongos</span></em></h1>
+              <p class="lede" id="physStopMsg"></p>
+              <div class="nav">
+                <button type="button" class="btn ghost" id="physStartOver">Start over</button>
+                <a class="btn" href="/contact">Contact us</a>
               </div>
             </div>
           </section>
 
-          <!-- step 3 · planet physics, questions 1 to 4 (task 1004418, BV2.PS07; the canvas's
-               Autofill, State, StateExisting, NotPossible, Geography, Ages, Entity and
-               EntityExisting frames, docs/design/project-startup-direction.md). ONE rail step
-               with its own inner sequence, so the wizard's numbering moved by one and the
-               canvas's seven-question rail lives inside the panel (questions 5 to 7 and the
-               summary joined it in BV2.PS11, task 1004419). Left: the question, its choices and the doors. Right: the field plate
-               with the planet forming from the world's own plates as the answers come in.
-               Every answer rides the create request's `detail` (planet-physics.js); the stop
-               screen and the soft-limit table come from POST /provisioning/physics-check, the
-               same screen and table the create runs. The age tiers are described, never
-               claimed as enforced (spec D6). -->
-          <section class="panel" id="panel-physics" aria-labelledby="phys-h0">
-            <div class="forkBody physBody">
-              <div>
-                <!-- the voice (spec D5, task 1004419): a formed organization reads the plain
-                     professional copy, everyone else the planet's. Both variants are baked;
-                     physPaintVoice() shows one. -->
-                <p class="physCrumb"><span data-voice="planet">planet creation · part 1 of 2 · planet physics</span><span data-voice="pro" hidden>project setup · part 1 of 2 · project profile</span></p>
-                <ol class="physRail" id="physRail" aria-label="Planet physics questions">
-                  <li data-q="1">state</li><li data-q="2">geography</li><li data-q="3">ages</li><li data-q="4">entity</li><li data-q="5"><span data-voice="planet">builders</span><span data-voice="pro" hidden>team</span></li><li data-q="6">rewards</li><li data-q="7">framing</li>
-                </ol>
-                <form data-next="4" id="physForm">
-                  <div class="physQ" data-q="0">
-                    <h1 id="phys-h0">Start from your account, <em>or from scratch?</em></h1>
-                    <p class="lede">Seven questions set your planet’s physics: the rules it will live by. We can fill in what your account already knows from your last project, and you check every answer before it counts.</p>
-                    <div class="typeCards physCells" role="group" aria-label="How to start">
-                      <button type="button" class="tpill" data-phys-start="account" aria-pressed="false" id="physFromAccount">Auto-fill from my account</button>
-                      <button type="button" class="tpill" data-phys-start="scratch" aria-pressed="false">Fill it in myself</button>
-                    </div>
-                    <p class="physWhy" id="physAccountWhy" hidden></p>
-                  </div>
-
-                  <div class="physQ" data-q="1" hidden>
-                    <h1 id="phys-h1">Is your planet new, <em>or already started?</em></h1>
-                    <div class="typeCards physCells" role="group" aria-label="Your project’s state">
-                      <button type="button" class="tpill" data-phys="project_state" data-val="new" aria-pressed="false">New <small>Starting from zero.</small></button>
-                      <button type="button" class="tpill" data-phys="project_state" data-val="existing" aria-pressed="false">Existing <small>My project has already been started.</small></button>
+          <!-- 4 · check what we set up: every prefilled answer is a row the founder
+               confirms ("Looks right") or changes in place. Change opens the step's own
+               controls, moved here whole, so every handler and id is the one it always was;
+               "Use this" checks the row the way its old step did and confirms it. Continue
+               stays locked until every row that applies is confirmed. -->
+          <section class="panel" id="panel-review" aria-labelledby="rev-h">
+            <h1 id="rev-h">Check what we set up.</h1>
+            <p class="lede">We filled these in from your answers. Confirm each one, or change it.</p>
+            <form data-next="5" id="reviewForm">
+              <div class="setRows" id="reviewRows">
+
+                <div class="setRow" data-row="code">
+                  <span class="k">Code</span>
+                  <div class="v"><span class="rowV" data-row-v></span><small class="rowS" data-row-s></small>
+                    <div class="opts" hidden>
+                      <div class="typeCards physCells" role="group" aria-label="Your project’s state">
+                        <button type="button" class="tpill" data-phys="project_state" data-val="new" aria-pressed="false">Starting from zero</button>
+                        <button type="button" class="tpill" data-phys="project_state" data-val="existing" aria-pressed="false">Already started</button>
+                      </div>
+                      <fieldset class="physExisting" id="physExisting" data-limit="existing_work" hidden>
+                        <legend>What already exists? Pick all that apply, then your main one.</legend>
+                        <label class="physCheck"><input type="checkbox" data-work="code"> <span>Code files</span> <span class="physMain"><input type="radio" name="physMain" value="code" aria-label="Code files is the main one"> main</span></label>
+                        <label class="physCheck"><input type="checkbox" data-work="digital-files"> <span>Digital files <small>Word documents, spreadsheets, other software.</small></span> <span class="physMain"><input type="radio" name="physMain" value="digital-files" aria-label="Digital files is the main one"> main</span></label>
+                        <label class="physCheck"><input type="checkbox" data-work="physical-work"> <span>Physical files or work <small>You’ll describe it later, in words or a document.</small></span> <span class="physMain"><input type="radio" name="physMain" value="physical-work" aria-label="Physical files or work is the main one"> main</span></label>
+                      </fieldset>
+                      <p class="physWhy" data-why="existing_work" hidden></p>
+                      <div class="choices" role="group" aria-label="Starting point">
+                        <button type="button" class="choice" id="c-green" aria-pressed="true">
+                          <b>A new GitHub repo</b>
+                          <p>An empty <strong>public</strong> repo, set up for you.</p>
+                        </button>
+                        <button type="button" class="choice" id="c-adopt" aria-pressed="false">
+                          <b>A repo I already have</b>
+                          <p>Public or private, we never change it.</p>
+                        </button>
+                      </div>
+                      <div class="reassure" id="adoptNote">Nothing is overwritten. You see any conflicts first, and your open issues become tasks.</div>
+                      <!-- GitHub-integrated repo picker (adopt) + auto-create (fresh) — task 1002099.
+                           Without repo access we fall back to the manual owner/repo inputs
+                           (#manualHome), which stay authoritative. -->
+                      <div id="ghConnect" class="reassure">
+                        <p id="ghConnectMsg">&nbsp;</p>
+                        <button type="button" class="btn" id="ghConnectBtn">Allow repo access</button>
+                        <button type="button" class="linklike" id="ghManualToggle">or enter it manually</button>
+                      </div>
+                      <div id="ghBusy" class="hint" hidden>Reading your GitHub repositories…</div>
+                      <div id="ghAdopt" class="wizField" hidden>
+                        <span>Pick one of your repositories</span>
+                        <input type="text" id="ghSearch" placeholder="Search your repos…" autocomplete="off" aria-label="Search your repositories">
+                        <div id="ghList" class="ghlist" role="group" aria-label="Your repositories"></div>
+                        <div class="hint" id="ghAdoptHint">&nbsp;</div>
+                        <!-- visibility stated on EVERY repo path (task 1002721) -->
+                        <div class="hint">We never change a repo’s visibility — public stays public, private stays private.</div>
+                      </div>
+                      <div id="ghFresh" class="wizField" hidden>
+                        <span>New repository name</span>
+                        <input type="text" id="ghNewName" placeholder="moonbase" autocomplete="off" maxlength="100" aria-label="New repository name">
+                        <!-- visibility is stated on EVERY repo path (task 1002721); updateFreshPreview()
+                             replaces this floor with the same claim plus the resolved repo URL -->
+                        <div class="hint" id="ghFreshHint">We’ll create an empty <strong>public</strong> repo — projects here are open by design. Want private code? Create the repo yourself on GitHub and “adopt” it instead — a private repository gets its own read-only deploy key automatically.</div>
+                      </div>
+                      <div class="row2" id="manualHome">
+                        <label class="wizField"><span>GitHub owner <small>(user or org)</small></span>
+                          <input type="text" id="f-owner" placeholder="acme" autocomplete="off" maxlength="60">
+                        </label>
+                        <label class="wizField"><span>Repository name</span>
+                          <input type="text" id="f-repo" placeholder="moonbase" autocomplete="off" maxlength="120">
+                        </label>
+                        <!-- visibility stated BEFORE GitHub's own radio is the first place it appears (task 1002721) -->
+                        <div class="hint" style="grid-column:1 / -1;">Creating the repo yourself on GitHub? Public or private is your choice there — both work here, and we never change it.</div>
+                        <!-- the way back from the manual fallback (task 1003683) -->
+                        <button type="button" class="linklike" id="ghManualBack" style="grid-column:1 / -1;" hidden>Use my GitHub repositories instead</button>
+                      </div>
+                      <div class="hint" id="h-home">&nbsp;</div>
+                      <button type="button" class="btn small rowUse" data-row-use>Use this</button>
                     </div>
-                    <fieldset class="physExisting" id="physExisting" data-limit="existing_work" hidden>
-                      <legend>What already exists? Pick all that apply, then your main one.</legend>
-                      <label class="physCheck"><input type="checkbox" data-work="code"> <span>Code files</span> <span class="physMain"><input type="radio" name="physMain" value="code" aria-label="Code files is the main one"> main</span></label>
-                      <label class="physCheck"><input type="checkbox" data-work="digital-files"> <span>Digital files <small>Word documents, spreadsheets, other software.</small></span> <span class="physMain"><input type="radio" name="physMain" value="digital-files" aria-label="Digital files is the main one"> main</span></label>
-                      <label class="physCheck"><input type="checkbox" data-work="physical-work"> <span>Physical files or work <small>You’ll describe it in words, or upload a document, during genesis.</small></span> <span class="physMain"><input type="radio" name="physMain" value="physical-work" aria-label="Physical files or work is the main one"> main</span></label>
-                    </fieldset>
-                    <p class="physWhy" data-why="existing_work" hidden></p>
-                    <label class="wizField"><span>What is your project, and what do you want <span data-brand-product-inline>Cloud Bongos</span> to do for you?</span>
-                      <textarea id="physDesc" rows="3" maxlength="600" placeholder="A co-op farming game where the seasons never repeat."></textarea>
-                    </label>
                   </div>
+                  <span class="acts"><button type="button" class="rowOk" data-row-ok>Looks right</button><button type="button" class="rowChg" data-row-chg aria-expanded="false">Change</button></span>
+                </div>
 
-                  <div class="physQ" data-q="2" hidden>
-                    <h1 id="phys-h2">Where is <em>everyone?</em></h1>
-                    <p class="lede">Where you are, and where your builders will be, decides which payout and legal options we can offer. You can change it later.</p>
-                    <div class="physRow2">
-                      <label class="wizField"><span>Your country</span><select id="physCountry"><option value="">Choose…</option></select></label>
-                      <label class="wizField" id="physRegionField" hidden><span>State or province</span><select id="physRegion"><option value="">Choose…</option></select></label>
-                    </div>
-                    <div class="wizField"><span id="physGeoLbl">Where do you expect builders to be?</span>
-                      <div class="typeCards physCells" role="group" aria-labelledby="physGeoLbl">
-                        <button type="button" class="tpill" data-phys="builder_geography" data-val="us-only" aria-pressed="false">US only</button>
-                        <button type="button" class="tpill" data-phys="builder_geography" data-val="us-eu" aria-pressed="false">US and EU</button>
-                        <button type="button" class="tpill" data-phys="builder_geography" data-val="global" aria-pressed="false">Global</button>
-                        <button type="button" class="tpill" data-phys="builder_geography" data-val="not-sure" aria-pressed="false">Not sure yet</button>
+                <!-- the address (tasks 1002704, 1002898 N8, PS19): the assigned address is
+                     stated, and both alternatives sit under it. It is shown and confirmed on
+                     every path, the demo's too — nothing is created before it is chosen. -->
+                <div class="setRow" data-row="address">
+                  <span class="k">Address</span>
+                  <div class="v"><span class="rowV" data-row-v></span><small class="rowS" data-row-s></small>
+                    <div class="opts" hidden>
+                      <label class="wizField"><span>Project handle</span>
+                        <input type="text" id="f-slug" placeholder="moonbase" autocomplete="off" maxlength="40" spellcheck="false">
+                        <div class="hint" id="h-slug">&nbsp;</div>
+                      </label>
+                      <div class="addrConfirm" id="addrConfirm">
+                        <div class="addrBig" id="addrAssigned"></div>
+                        <p id="addrAssignedNote">Yours once it’s set up. You can add your own domain any time.</p>
+                        <details id="addrCustom">
+                          <summary>A domain I own</summary>
+                          <div class="inner">
+                            <label class="wizField"><span>Domain you own</span>
+                              <input type="text" id="f-domain" placeholder="moonbase.example.com" autocomplete="off" maxlength="253" spellcheck="false">
+                              <div class="hint" id="h-domain">&nbsp;</div>
+                            </label>
+                          </div>
+                        </details>
+                        <label class="addrOpt"><input type="checkbox" id="f-noaddr">
+                          <span>No address yet. Sign-in can’t be switched on until it has one.</span>
+                        </label>
                       </div>
+                      <button type="button" class="btn small rowUse" data-row-use>Use this</button>
                     </div>
                   </div>
+                  <span class="acts"><button type="button" class="rowOk" data-row-ok>Looks right</button><button type="button" class="rowChg" data-row-chg aria-expanded="false">Change</button></span>
+                </div>
 
-                  <div class="physQ" data-q="3" hidden>
-                    <h1 id="phys-h3">Will anyone under 18 <em>be building?</em></h1>
-                    <div class="typeCards physCells" role="group" aria-label="Builders under 18">
-                      <button type="button" class="tpill" data-phys="minors_on_board" data-val="false" aria-pressed="false">No <small>Everyone building is an adult.</small></button>
-                      <button type="button" class="tpill" data-phys="minors_on_board" data-val="true" aria-pressed="false">Yes <small>Some builders are under 18.</small></button>
-                    </div>
-                    <div class="physNote" id="physAges" hidden>
-                      <p class="physNoteH">The age tiers young builders work under</p>
-                      <dl class="physTiers">
-                        <dt>13 to 15</dt><dd>Non-monetary tracks only</dd>
-                        <dt>16 to 17</dt><dd>Paid work, with a guardian’s co-signature and a work-permit attestation</dd>
-                        <dt>18 and over</dt><dd>Full access</dd>
-                      </dl>
-                      <p class="finePrint">Each young builder’s guardian signs for them, and their payouts go to an account the guardian controls. These are the rules your project is set up to follow; the platform does not check ages for you yet.</p>
+                <!-- where the app runs (tasks 1004351, 1004352; ADR 0345): the hall is ours to
+                     host, so this row is only the owner's APP. "Decide later" is the default.
+                     The Render key lives in a variable only: never the draft, a URL or a log. -->
+                <div class="setRow" data-row="app">
+                  <span class="k">App hosting</span>
+                  <div class="v"><span class="rowV" data-row-v></span><small class="rowS" data-row-s></small>
+                    <div class="opts" hidden>
+                      <fieldset class="appOpts" id="appOpts">
+                        <legend>Where your app runs</legend>
+                        <label class="appOpt">
+                          <input type="radio" name="appPlatform" value="later" checked>
+                          <span><b>Decide later</b>
+                            <span>There’s no app to host until your builders write one.</span></span>
+                        </label>
+                        <label class="appOpt" id="appOptRender">
+                          <input type="radio" name="appPlatform" value="render" aria-describedby="appRenderWhat">
+                          <span><b>Render</b>
+                            <span id="appRenderWhat">We set it up on your own Render account. Render bills you directly.</span></span>
+                        </label>
+                      </fieldset>
+                      <p class="renderWhy" id="renderLater" role="status" hidden>Your new repo has no app yet, so there is nothing for Render to run. Once your builders write it, set it up from your project’s page. Nothing is created on Render now.</p>
+                      <div class="renderSetup" id="renderSetup" hidden>
+                        <p class="renderWhy">Your Render key is used once, to create your app on your own Render account, and then thrown away — it is not kept, not even in this browser. Render bills you directly. A key can act on your whole Render account, so only paste it here. <a href="https://dashboard.render.com/u/settings#api-keys" target="_blank" rel="noopener noreferrer">Create a key in Render</a></p>
+                        <div class="renderKeyRow">
+                          <label class="wizField"><span>Render API key</span>
+                            <input type="password" id="f-renderKey" autocomplete="off" spellcheck="false" maxlength="200" placeholder="rnd_…" aria-describedby="h-renderKey">
+                          </label>
+                          <button type="button" class="btn ghost small" id="renderCheck">Check key</button>
+                        </div>
+                        <div class="hint" id="h-renderKey" role="status">&nbsp;</div>
+                        <fieldset class="appOpts" id="renderWs" hidden>
+                          <legend>Which Render workspace</legend>
+                          <div id="renderWsList"></div>
+                        </fieldset>
+                        <fieldset class="appOpts" id="renderSvc" hidden>
+                          <legend>A new app, or one you already run</legend>
+                          <div id="renderSvcList"></div>
+                        </fieldset>
+                        <div class="renderNew" id="renderNew" hidden>
+                          <label class="wizField"><span>Your app is built with</span>
+                            <select id="f-renderRuntime">
+                              <option value="node">Node.js</option><option value="python">Python</option><option value="ruby">Ruby</option>
+                              <option value="go">Go</option><option value="rust">Rust</option><option value="elixir">Elixir</option>
+                              <option value="docker">Docker — use my repository’s Dockerfile</option>
+                            </select>
+                          </label>
+                          <label class="wizField" id="renderBuildWrap"><span>Build command <small>— Render needs one; the usual one is filled in</small></span>
+                            <input type="text" id="f-renderBuild" autocomplete="off" spellcheck="false" maxlength="500" placeholder="for example: npm ci">
+                          </label>
+                          <label class="wizField" id="renderStartWrap"><span>Start command</span>
+                            <input type="text" id="f-renderStart" autocomplete="off" spellcheck="false" maxlength="500" placeholder="for example: npm start">
+                          </label>
+                          <label class="wizField"><span>Plan</span>
+                            <select id="f-renderPlan"></select>
+                          </label>
+                          <label class="addrOpt"><input type="checkbox" id="f-renderDb">
+                            <span>My app needs a database (Render Postgres)</span>
+                          </label>
+                          <label class="wizField" id="renderDbPlanWrap" hidden><span>Database plan</span>
+                            <select id="f-renderDbPlan"></select>
+                          </label>
+                        </div>
+                        <div class="hint" id="h-render" role="status">&nbsp;</div>
+                      </div>
+                      <button type="button" class="btn small rowUse" data-row-use>Use this</button>
                     </div>
                   </div>
+                  <span class="acts"><button type="button" class="rowOk" data-row-ok>Looks right</button><button type="button" class="rowChg" data-row-chg aria-expanded="false">Change</button></span>
+                </div>
 
-                  <div class="physQ" data-q="4" hidden>
-                    <h1 id="phys-h4">What <em>are you?</em></h1>
-                    <div id="physIntent">
-                      <p class="lede">Your planet is new, so there’s nothing to sign yet. Tell us roughly where you’re heading. You’ll make the binding choice later, once you know what you’re building.</p>
-                      <div class="typeCards physCells" role="group" aria-label="Where you are heading">
-                        <button type="button" class="tpill" data-phys="entity" data-val="intent-company" aria-pressed="false">Probably a company</button>
-                        <button type="button" class="tpill" data-phys="entity" data-val="intent-nonprofit" aria-pressed="false">Probably a nonprofit</button>
-                        <button type="button" class="tpill" data-phys="entity" data-val="intent-solo" aria-pressed="false">Just me for now</button>
-                        <button type="button" class="tpill" data-phys="entity" data-val="intent-unsure" aria-pressed="false">Don’t know yet</button>
-                      </div>
-                      <button type="button" class="physLink" id="physHaveEntity">I already have a legal entity</button>
-                    </div>
-                    <div id="physForms" hidden>
-                      <p class="lede">Pick the legal entity behind your project. The laws that apply, and the ways you can reward builders, depend on it.</p>
-                      <p class="physGrp">Organization</p>
-                      <div class="typeCards physCells" role="group" aria-label="Organization">
-                        <button type="button" class="tpill" data-phys="entity" data-val="nonprofit" aria-pressed="false">Nonprofit</button>
-                        <button type="button" class="tpill" data-phys="entity" data-val="for-profit" aria-pressed="false">For-profit company</button>
-                        <button type="button" class="tpill" data-phys="entity" data-val="corporate-division" aria-pressed="false">Division of a corporation</button>
-                        <button type="button" class="tpill" data-phys="entity" data-val="research" aria-pressed="false">Research entity</button>
-                      </div>
-                      <p class="physGrp">Group</p>
-                      <div class="typeCards physCells" role="group" aria-label="Group">
-                        <button type="button" class="tpill" data-phys="entity" data-val="university-project" aria-pressed="false">University project</button>
-                        <button type="button" class="tpill" data-phys="entity" data-val="social-group" aria-pressed="false">Social group</button>
+                <!-- the extras (tasks 1002339, 1002340): the type's suggested set until the
+                     owner says otherwise; the server resolves the same bundle from the same
+                     declaration (ADR 0237), so accepting and changing nothing are one answer.
+                     The always-on core is stated as a clause, never as dead toggles. -->
+                <div class="setRow" data-row="extras">
+                  <span class="k">Extras</span>
+                  <div class="v"><span class="rowV" data-row-v></span><small class="rowS" data-row-s></small>
+                    <div class="opts" hidden>
+                      <div class="wizField"><span id="modLbl">Extras for this project</span>
+                        <input type="text" id="modQ" placeholder="Search extras…" autocomplete="off" aria-label="Search the extras by name" aria-describedby="modFilterNote">
+                        <div class="hint" id="modFilterNote" aria-live="polite"></div>
+                        <div class="typeCards" id="modCards" role="group" aria-labelledby="modLbl"></div>
                       </div>
-                      <p class="physGrp">Individual</p>
-                      <div class="typeCards physCells" role="group" aria-label="Individual">
-                        <button type="button" class="tpill" data-phys="entity" data-val="single-owner-llc" aria-pressed="false">Single-owner LLC</button>
-                        <button type="button" class="tpill" data-phys="entity" data-val="private-individual" aria-pressed="false">Private individual</button>
-                      </div>
-                      <button type="button" class="physLink" id="physNoEntity">We don’t have one yet</button>
+                      <div class="modWhy" id="modWhy" aria-live="polite"></div>
+                      <div class="reassure" id="modCoreNote"></div>
+                      <button type="button" class="btn small rowUse" data-row-use>Use this</button>
                     </div>
                   </div>
+                  <span class="acts"><button type="button" class="rowOk" data-row-ok>Looks right</button><button type="button" class="rowChg" data-row-chg aria-expanded="false">Change</button></span>
+                </div>
 
-                  <!-- questions 5 to 7 and the summary (task 1004419, BV2.PS11; the canvas's
-                       Builders, BuildersPro, Rewards, Framing and Physics frames). Further
-                       screens of this same step, so the wizard is not renumbered. -->
-                  <div class="physQ" data-q="5" hidden>
-                    <h1 id="phys-h5"><span data-voice="planet">Who will live <em>on your planet?</em></span><span data-voice="pro" hidden>How many people <em>will work on this?</em></span></h1>
-                    <p class="lede"><span data-voice="planet">One builder, or many? This can always change.</span><span data-voice="pro" hidden>One person or a team. You can change this at any time.</span></p>
-                    <div class="typeCards physCells" role="group" aria-label="One or many">
-                      <button type="button" class="tpill" data-phys-solo="one" aria-pressed="false"><span><span data-voice="planet">One</span><span data-voice="pro" hidden>One person</span> <small><span data-voice="planet">Just me, building solo.</span><span data-voice="pro" hidden>A single contributor.</span></small></span></button>
-                      <button type="button" class="tpill" data-phys-solo="many" aria-pressed="false"><span><span data-voice="planet">Many</span><span data-voice="pro" hidden>A team</span> <small><span data-voice="planet">A team, now or soon.</span><span data-voice="pro" hidden>Several contributors, now or soon.</span></small></span></button>
-                    </div>
-                    <div id="physTeam" hidden>
-                      <div class="wizField"><span id="physStartLbl"><span data-voice="planet">Builders at the start, you included</span><span data-voice="pro" hidden>Contributors at the start</span></span>
-                        <div class="demoStep" role="group" aria-labelledby="physStartLbl">
-                          <button type="button" class="btn small ghost" data-phys-count="-1" aria-label="One fewer">−</button>
-                          <output id="physStartN" aria-live="polite">2</output>
-                          <button type="button" class="btn small ghost" data-phys-count="1" aria-label="One more">+</button>
-                        </div>
+                <!-- team size (question 5, task 1004419): one person, or a team with a count
+                     and the month-three guess the founder corrects; who can join a team is the
+                     team shape the extras' preselect reads (task 1002341) -->
+                <div class="setRow" data-row="team">
+                  <span class="k">Team size</span>
+                  <div class="v"><span class="rowV" data-row-v></span><small class="rowS" data-row-s></small>
+                    <div class="opts" hidden>
+                      <div class="typeCards physCells" role="group" aria-label="One or many">
+                        <button type="button" class="tpill" data-phys-solo="one" aria-pressed="false">One person</button>
+                        <button type="button" class="tpill" data-phys-solo="many" aria-pressed="false">A team</button>
                       </div>
-                      <div class="physGuess">
-                        <p class="physNoteH"><span data-voice="planet">A growth guess</span><span data-voice="pro" hidden>Our estimate</span></p>
+                      <div id="physTeam" hidden>
+                        <div class="wizField"><span id="physStartLbl">People at the start, you included</span>
+                          <div class="demoStep" role="group" aria-labelledby="physStartLbl">
+                            <button type="button" class="btn small ghost" data-phys-count="-1" aria-label="One fewer">−</button>
+                            <output id="physStartN" aria-live="polite">2</output>
+                            <button type="button" class="btn small ghost" data-phys-count="1" aria-label="One more">+</button>
+                          </div>
+                        </div>
                         <p class="physGuessLine" id="physGuessLine" aria-live="polite"></p>
-                        <dl class="physMonths">
-                          <dt>Month 1</dt><dd id="physM1">2</dd>
-                          <dt>Month 2</dt><dd id="physM2">4</dd>
-                          <dt>Month 3</dt><dd id="physM3">5</dd>
-                        </dl>
                         <label class="wizField physAdjust"><span>Adjust month three</span>
                           <input type="range" id="physExpected" min="2" max="30" step="1" value="5">
                         </label>
+                        <div class="wizField"><span id="teamLbl">Who can join?</span>
+                          <div class="typeCards" id="teamCards" role="group" aria-labelledby="teamLbl">
+                            <button type="button" class="tpill" data-team="small-team" aria-pressed="false">People I invite</button>
+                            <button type="button" class="tpill" data-team="community" aria-pressed="false">Anyone can apply</button>
+                          </div>
+                        </div>
                       </div>
+                      <button type="button" class="btn small rowUse" data-row-use>Use this</button>
                     </div>
                   </div>
+                  <span class="acts"><button type="button" class="rowOk" data-row-ok>Looks right</button><button type="button" class="rowChg" data-row-chg aria-expanded="false">Change</button></span>
+                </div>
 
-                  <div class="physQ" data-q="6" hidden>
-                    <h1 id="phys-h6"><span data-voice="planet">How will builders <em>be rewarded?</em></span><span data-voice="pro" hidden>How will contributors <em>be rewarded?</em></span></h1>
-                    <p class="lede"><span data-voice="planet">Pick everything you’re considering. This is intent only: you’ll design the binding rewards later, once your entity is settled.</span><span data-voice="pro" hidden>Select every option you are considering. Nothing here is binding: the reward terms are set later, once the entity is settled.</span></p>
-                    <div class="typeCards physCells physOpts" role="group" aria-label="Rewards being considered">
-                      <button type="button" class="tpill" data-phys="reward_intents" data-val="non-monetary" aria-pressed="false"><span>Non-monetary <small>Entertainment, learning, experience, volunteering.</small></span></button>
-                      <button type="button" class="tpill" data-phys="reward_intents" data-val="cash" aria-pressed="false"><span>Cash for work <small>Paid in money for the work done.</small></span></button>
-                      <button type="button" class="tpill" data-phys="reward_intents" data-val="equity" aria-pressed="false"><span>Equity or shares <small>A stake in the entity.</small></span></button>
-                      <button type="button" class="tpill" data-phys="reward_intents" data-val="future-payouts" aria-pressed="false"><span>Future profits or payouts <small>Paid later, tied to conditions you set.</small></span></button>
-                    </div>
-                    <ul class="physWhyList" data-why-list="reward_intents" hidden></ul>
-                  </div>
-
-                  <div class="physQ" data-q="7" hidden>
-                    <h1 id="phys-h7">How much should <em><span data-brand-product-inline>Cloud Bongos</span> run for you?</em></h1>
-                    <p class="lede">Not binding. It just speeds up your setup.</p>
-                    <div class="typeCards physCells physOpts" role="group" aria-label="How much is run for you">
-                      <button type="button" class="tpill" data-phys="framing" data-val="managed" aria-pressed="false"><span>A · All managed <small>The full suite, run for you.</small></span></button>
-                      <button type="button" class="tpill" data-phys="framing" data-val="hybrid" aria-pressed="false"><span>B · Hybrid <small>Choose what you want from the full suite.</small></span></button>
-                      <button type="button" class="tpill" data-phys="framing" data-val="local" aria-pressed="false"><span>C · Local or internal <small>Choose from the suite, and keep your data on your own machines.</small></span></button>
-                      <button type="button" class="tpill" data-phys="framing" data-val="open-source" aria-pressed="false"><span>D · Open source, local <small>Just the free core. Build on your own machines and pay only for what you add.</small></span></button>
-                    </div>
-                    <p class="physWhy" data-why="services" hidden></p>
-                    <fieldset class="physSuite" id="physSuite" hidden>
-                      <legend id="physSuiteLbl">Your hybrid suite</legend>
-                      <div class="typeCards physCells physSuiteGrid">
-                        <button type="button" class="tpill" data-phys="services" data-val="hosting" aria-pressed="false">Hosting</button>
-                        <button type="button" class="tpill" data-phys="services" data-val="labor-payment" aria-pressed="false">Labor payment and HR</button>
-                        <button type="button" class="tpill" data-phys="services" data-val="starter-kit" aria-pressed="false">Starting module kit</button>
-                        <button type="button" class="tpill" data-phys="services" data-val="marketplace-buy" aria-pressed="false">Module marketplace: buy</button>
-                        <button type="button" class="tpill" data-phys="services" data-val="marketplace-sell" aria-pressed="false">Module marketplace: sell</button>
-                        <button type="button" class="tpill" data-phys="services" data-val="guild-access" aria-pressed="false">Builder guild access</button>
-                        <button type="button" class="tpill" data-phys="services" data-val="guild-create" aria-pressed="false">Create a builder guild</button>
-                        <button type="button" class="tpill" data-phys="services" data-val="company-creation" aria-pressed="false">Company creation</button>
-                        <button type="button" class="tpill" data-phys="services" data-val="cbaas-consulting" aria-pressed="false">Expert consulting</button>
-                        <button type="button" class="tpill" data-phys="services" data-val="public-marketing" aria-pressed="false">Public marketed project</button>
+                <!-- rewards (question 6): intent only, never asked of a founder building
+                     alone (the table hides it, and this row goes with it) -->
+                <div class="setRow" data-row="rewards">
+                  <span class="k">Rewards</span>
+                  <div class="v"><span class="rowV" data-row-v></span><small class="rowS" data-row-s></small>
+                    <div class="opts" hidden>
+                      <div class="typeCards physCells" role="group" aria-label="Rewards being considered">
+                        <button type="button" class="tpill" data-phys="reward_intents" data-val="non-monetary" aria-pressed="false">Learning and fun</button>
+                        <button type="button" class="tpill" data-phys="reward_intents" data-val="cash" aria-pressed="false">Cash for work</button>
+                        <button type="button" class="tpill" data-phys="reward_intents" data-val="equity" aria-pressed="false">Equity</button>
+                        <button type="button" class="tpill" data-phys="reward_intents" data-val="future-payouts" aria-pressed="false">Future payouts</button>
                       </div>
-                      <ul class="physWhyList" data-why-list="services" hidden></ul>
-                    </fieldset>
-                  </div>
-
-                  <div class="physQ" data-q="sum" hidden>
-                    <h1 id="phys-hsum"><span data-voice="planet">Your planet’s <em>physics</em></span><span data-voice="pro" hidden>Your project’s <em>profile</em></span></h1>
-                    <p class="lede"><span data-voice="planet">This is what shapes your planet. Change any answer before it’s born.</span><span data-voice="pro" hidden>This is what shapes your project. Change any answer before it is created.</span></p>
-                    <dl class="demoLedger physLedger" id="physSummary"></dl>
-                  </div>
-
-                  <div class="physQ" data-q="stop" hidden>
-                    <h1 id="phys-hstop">This can’t be built <em>on <span data-brand-product-inline>Cloud Bongos</span></em></h1>
-                    <p class="lede" id="physStopMsg"></p>
-                    <div class="nav">
-                      <button type="button" class="btn ghost" id="physStartOver">Start over</button>
-                      <a class="btn" href="/contact">Contact us</a>
+                      <ul class="physWhyList" data-why-list="reward_intents" hidden></ul>
+                      <button type="button" class="btn small rowUse" data-row-use>Use this</button>
                     </div>
                   </div>
-
-                  <div class="hint" id="h-phys">&nbsp;</div>
-                  <div class="nav" id="physNav">
-                    <button type="button" class="btn ghost" id="physBack">← Back</button>
-                    <button type="submit" class="btn" id="physNext">Continue →</button>
-                  </div>
-                </form>
-              </div>
-              <div class="forkStage physStage" id="physStage" aria-hidden="true">
-                <span class="forkOrbit"></span>
-                <span class="forkOrbit forkOrbitDash"></span>
-                <!-- task 1004419: rings for the rewards being considered, moons for the
-                     builders (the faint ones on the dashed orbit are the expected growth), and
-                     the planet's orbit around the platform's mark, set by the framing -->
-                <span class="physBelt" data-ring="1" hidden></span><span class="physBelt" data-ring="2" hidden></span><span class="physBelt" data-ring="3" hidden></span><span class="physBelt" data-ring="4" hidden></span>
-                <span class="physGhosts" id="physGhosts" hidden><img src="/assets/world/r3-frost-bead-cut.webp" alt=""><img src="/assets/world/r3-frost-bead-cut.webp" alt=""><img src="/assets/world/r3-frost-bead-cut.webp" alt=""><img src="/assets/world/r3-frost-bead-cut.webp" alt=""></span>
-                <span class="physMoons" id="physMoons" hidden><img src="/assets/world/r3-frost-bead-cut.webp" alt=""><img src="/assets/world/r3-frost-bead-cut.webp" alt=""><img src="/assets/world/r3-frost-bead-cut.webp" alt=""><img src="/assets/world/r3-frost-bead-cut.webp" alt=""><img src="/assets/world/r3-frost-bead-cut.webp" alt=""><img src="/assets/world/r3-frost-bead-cut.webp" alt=""></span>
-                <span class="physTether" id="physTether" hidden></span>
-                <span class="physGuard" id="physGuard" hidden></span>
-                <img class="forkSeed physPlanet" id="physPlanet" src="/assets/world/r2-chrome-blob-one-cut.webp" alt="">
-                <img class="physSun" id="physSun" src="/assets/world/r2-bongos-chrome-a-cut.webp" alt="" hidden>
-                <p class="physCap"><span id="physCapLbl">planet physics</span> · <span id="physCapN">0 of 7</span></p>
-                <div class="physFoot"><p class="physCallout" id="physCallout">physics · the rules it lives by · each answer shapes your planet here</p>
-                <p class="physCoords" id="physCoords"></p></div>
-              </div>
-            </div>
-          </section>
-
-          <!-- step 4 · name (the hub's original step-1 form, now the wizard's) -->
-          <section class="panel" id="panel-name" aria-labelledby="name-h">
-            <h1 id="name-h">Start a project</h1>
-            <p class="lede">Your own project: its own repository, its own home on the web, and a hall of AI builders
-              who do the building. You set the direction; agents lay down the code.</p>
-            <form id="newForm" data-next="5">
-              <label class="wizField"><span>Project name</span>
-                <input type="text" id="newName" placeholder="What should it be called?" autocomplete="off" maxlength="80" aria-label="Project name">
-                <div class="hint" id="h-name">&nbsp;</div>
-              </label>
-              <div class="nav">
-                <span></span>
-                <button type="submit" class="btn">Continue →</button>
-              </div>
-            </form>
-            <p class="finePrint">Free while we find our feet. Your project’s repo and server are yours —
-              <span data-brand-product-inline>Cloud Bongos</span> is <a href="https://www.npmjs.com/package/@bongos/core" target="_blank" rel="noopener">open source</a>
-              (<a href="https://www.gnu.org/licenses/agpl-3.0.html" target="_blank" rel="noopener">AGPL-3.0</a>)
-              and capture-resistant by design.</p>
-          </section>
-
-          <!-- step 2 · type (task 1002772) — a DECLARATION, closed vocabulary
-               (owner decision 2026-08-13): Game / Research / Business /
-               Non-Profit / Not Sure, selectable buttons with a themed
-               description card. Not Sure is the escape hatch — nobody is
-               forced into a wrong answer, and it can change later. -->
-          <section class="panel" id="panel-type" aria-labelledby="type-h">
-            <h1 id="type-h">What kind of project is it?</h1>
-            <p class="lede">Pick the shape that fits best — it’s how the project is listed on the map, and you can change it later from the project’s own page. Not sure is a fine answer.</p>
-            <form data-next="6">
-              <div class="typeCards" id="typeCards" role="group" aria-label="Project type">
-                <button type="button" class="tpill" data-type="game" aria-pressed="false">Game</button>
-                <button type="button" class="tpill" data-type="research" aria-pressed="false">Research</button>
-                <button type="button" class="tpill" data-type="business" aria-pressed="false">Business</button>
-                <button type="button" class="tpill" data-type="non-profit" aria-pressed="false">Non-Profit</button>
-                <button type="button" class="tpill" data-type="not-sure" aria-pressed="false">Not Sure</button>
-              </div>
-              <div class="typeCard" id="typeCard" hidden aria-live="polite">
-                <b id="typeCardName"></b>
-                <p id="typeCardDesc"></p>
-              </div>
-              <!-- pre-filled from the planet-physics answers (task 1004419), and says so -->
-              <p class="physWhy" id="typePrefill" hidden></p>
-              <div class="hint" id="h-projtype">&nbsp;</div>
-              <div class="nav">
-                <button type="button" class="btn ghost" data-back="4">← Back</button>
-                <button type="submit" class="btn">Next →</button>
-              </div>
-            </form>
-          </section>
-
-          <!-- step 3 · about (task 1002334) — the OPTIONAL project-detail step.
-               The one panel in the wizard that can be walked past without an
-               answer, so the skip is a real button of its own, sitting beside
-               Next rather than hidden as "leave it blank and press Next" — an
-               optional step whose escape hatch has to be inferred is not
-               optional in practice. What skipping costs is stated ON the panel
-               (ADR 0182 D4: no description ⇒ the project is off the public map
-               until it has one), because a consequence discovered afterwards is
-               not a choice the owner made. -->
-          <section class="panel" id="panel-detail" aria-labelledby="detail-h">
-            <h1 id="detail-h">Tell us about it</h1>
-            <p class="lede">Optional — skip it and nothing about your project changes. Answering shapes what we set up for you, and a description is what puts the project on the public map.</p>
-            <form data-next="7">
-              <label class="wizField"><span>What are you building? <small>(a sentence or two)</small></span>
-                <textarea id="f-desc" rows="3" maxlength="600" placeholder="A co-op farming game where the seasons never repeat."></textarea>
-              </label>
-              <div class="wizField"><span id="teamLbl">Who’s building it?</span>
-                <div class="typeCards" id="teamCards" role="group" aria-labelledby="teamLbl">
-                  <button type="button" class="tpill" data-team="solo" aria-pressed="false">Just me</button>
-                  <button type="button" class="tpill" data-team="small-team" aria-pressed="false">A small team</button>
-                  <button type="button" class="tpill" data-team="community" aria-pressed="false">An open community</button>
+                  <span class="acts"><button type="button" class="rowOk" data-row-ok>Looks right</button><button type="button" class="rowChg" data-row-chg aria-expanded="false">Change</button></span>
                 </div>
-              </div>
-              <div class="reassure" id="detailSkipNote"></div>
-              <div class="nav">
-                <button type="button" class="btn ghost" data-back="5">← Back</button>
-                <span class="navPair">
-                  <button type="button" class="btn ghost" id="skipDetail">Skip for now</button>
-                  <button type="submit" class="btn">Next →</button>
-                </span>
-              </div>
-            </form>
-          </section>
-
-          <!-- step 4 · modules (task 1002339, BV1.R20) — the picker. Skippable
-               like About, and for the same reason: an owner who has met none of
-               these modules should not have to audit a list to get a project.
-               What Skip means here is spelled out on the panel and is TRUE by
-               construction — the request omits the field, and the server resolves
-               the same starter bundle this panel preselected (ADR 0237), so the
-               set is the one they were shown either way.
-
-               The always-on core is stated as a clause, never as a row of dead
-               toggles: sixteen disabled controls read as choices the owner failed
-               to make, when in fact they were never choices. -->
-          <section class="panel" id="panel-modules" aria-labelledby="mod-h">
-            <h1 id="mod-h">What it comes with</h1>
-            <p class="lede">Optional — skip it and you get the suggested set below, shaped by what you just told us. These are extras on top of everything every project already has, and you can switch any of them on or off later.</p>
-            <form data-next="8">
-              <div class="wizField"><span id="modLbl">Extras for this project</span>
-                <!-- the catalog search (task 1002340, BV1.R21). The wizard's own
-                     search idiom (#ghSearch): a plain field on one hairline, no
-                     new class and no icon. It filters the band below and NOTHING
-                     else — what is switched on is unaffected by what is on
-                     screen, and the line under it counts the ones it is hiding
-                     (ADR 0245). -->
-                <input type="text" id="modQ" placeholder="Search extras…" autocomplete="off" aria-label="Search the extras by name" aria-describedby="modFilterNote">
-                <div class="hint" id="modFilterNote" aria-live="polite"></div>
-                <div class="typeCards" id="modCards" role="group" aria-labelledby="modLbl"></div>
-              </div>
-              <div class="modWhy" id="modWhy" aria-live="polite"></div>
-              <div class="reassure" id="modCoreNote"></div>
-              <div class="hint" id="h-modules">&nbsp;</div>
-              <div class="nav">
-                <button type="button" class="btn ghost" data-back="6">← Back</button>
-                <span class="navPair">
-                  <button type="button" class="btn ghost" id="skipModules">Skip for now</button>
-                  <button type="submit" class="btn">Next →</button>
-                </span>
-              </div>
-            </form>
-          </section>
 
-          <!-- step 5 · home (repo + mode) -->
-          <section class="panel" id="panel-home" aria-labelledby="home-h">
-            <h1 id="home-h">Where the code lives</h1>
-            <p class="lede">Every project is a real GitHub repository that you own. Start from a clean slate, or bring a repo you already have.</p>
-            <form data-next="9">
-              <div class="choices" role="group" aria-label="Starting point">
-                <button type="button" class="choice" id="c-green" aria-pressed="true">
-                  <!-- token-built, not platform orange — public-landing/ ships wholesale to
-                       every instance (C5), so a re-branded accent must carry these too -->
-                  <svg width="30" height="30" viewBox="0 0 30 30" fill="none" aria-hidden="true"><path d="M15 26V14" stroke="var(--accent)" stroke-width="2.6" stroke-linecap="round"/><path d="M15 15c0-5 3.5-8.5 9-8.5 0 5.5-3.5 8.5-9 8.5Z" fill="color-mix(in srgb,var(--accent) 45%,var(--bg-card))" stroke="var(--accent)" stroke-width="2"/><path d="M15 18c0-3.8-2.6-6.5-7-6.5 0 4.3 2.7 6.5 7 6.5Z" fill="color-mix(in srgb,var(--accent) 22%,var(--bg-card))" stroke="var(--accent)" stroke-width="2"/></svg>
-                  <b>Start fresh</b>
-                  <p>A new, empty <strong>public</strong> repo. We scaffold everything: config, first version, kickoff tasks.</p>
-                </button>
-                <button type="button" class="choice" id="c-adopt" aria-pressed="false">
-                  <svg width="30" height="30" viewBox="0 0 30 30" fill="none" aria-hidden="true"><rect x="4" y="9" width="22" height="16" rx="3" fill="color-mix(in srgb,var(--accent) 22%,var(--bg-card))" stroke="var(--accent)" stroke-width="2"/><path d="M4 13h22" stroke="var(--accent)" stroke-width="2"/><path d="M10 9V6.5A1.5 1.5 0 0 1 11.5 5h7A1.5 1.5 0 0 1 20 6.5V9" stroke="var(--accent)" stroke-width="2"/><path d="M12 19h6" stroke="var(--accent-deep)" stroke-width="2.4" stroke-linecap="round"/></svg>
-                  <b>Adopt a repo I have</b>
-                  <p>Layer <span data-brand-product-inline>Cloud Bongos</span> onto an existing repository — history, code, and backlog intact. Public or private, we never change it.</p>
-                </button>
-              </div>
-              <!-- pre-filled from the planet-physics answers (task 1004419), and says so -->
-              <p class="physWhy" id="homePrefill" hidden></p>
-              <div class="reassure" id="adoptNote">Adopting never overwrites your files: you get a conflict pre-flight first, nothing is written until you accept, and your existing backlog (issues, TODOs) is imported as real tasks.</div>
-
-              <!-- GitHub-integrated repo picker (adopt) + auto-create (fresh) — task 1002099.
-                   Progressive enhancement: when the signed-in user grants repo access we let
-                   them PICK a repo (adopt) or NAME one we auto-create (fresh). Without that
-                   access — not granted yet, or the server can't store the token — we fall back
-                   to the manual owner/repo inputs below (#manualHome), which stay authoritative. -->
-              <div id="ghConnect" class="reassure">
-                <p id="ghConnectMsg">&nbsp;</p>
-                <button type="button" class="btn" id="ghConnectBtn">Allow repo access</button>
-                <button type="button" class="linklike" id="ghManualToggle">or enter it manually</button>
-              </div>
-              <div id="ghBusy" class="hint" hidden>Reading your GitHub repositories…</div>
-              <div id="ghAdopt" class="wizField" hidden>
-                <span>Pick one of your repositories</span>
-                <input type="text" id="ghSearch" placeholder="Search your repos…" autocomplete="off" aria-label="Search your repositories">
-                <div id="ghList" class="ghlist" role="group" aria-label="Your repositories"></div>
-                <div class="hint" id="ghAdoptHint">&nbsp;</div>
-                <!-- visibility stated on EVERY repo path (task 1002721) — the picker
-                     marks private repos, and this says what adoption does about it -->
-                <div class="hint">We never change a repo’s visibility — public stays public, private stays private.</div>
-              </div>
-              <div id="ghFresh" class="wizField" hidden>
-                <span>New repository name</span>
-                <input type="text" id="ghNewName" placeholder="mercury" autocomplete="off" maxlength="100" aria-label="New repository name">
-                <!-- visibility is stated on EVERY repo path (task 1002721) — this baked
-                     line is the floor; updateFreshPreview() replaces it with the same
-                     claim plus the resolved repo URL once a name is typed -->
-                <div class="hint" id="ghFreshHint">We’ll create an empty <strong>public</strong> repo — projects here are open by design. Want private code? Create the repo yourself on GitHub and “adopt” it instead — a private repository gets its own read-only deploy key automatically.</div>
-              </div>
-
-              <div class="row2" id="manualHome">
-                <label class="wizField"><span>GitHub owner <small>(user or org)</small></span>
-                  <input type="text" id="f-owner" placeholder="acme" autocomplete="off" maxlength="60">
-                </label>
-                <label class="wizField"><span>Repository name</span>
-                  <input type="text" id="f-repo" placeholder="mercury" autocomplete="off" maxlength="120">
-                </label>
-                <!-- visibility stated BEFORE GitHub's own radio is the first place it
-                     appears (task 1002721, owner firsthand in the QA walk) -->
-                <div class="hint" style="grid-column:1 / -1;">Creating the repo yourself on GitHub? Public or private is your choice there — both work here, and we never change it.</div>
-                <!-- the way back from the manual fallback (task 1003683). Choosing "or enter
-                     it manually" used to hide the connect offer for good: #ghConnect renders
-                     only while repoAccess is 'need-connect', and nothing ever set it back, so
-                     a full reload was the only route to the button. Stays hidden when the
-                     fallback was FORCED (repoAccess 'unavailable'), where connecting cannot
-                     help and the offer would be a lie. -->
-                <button type="button" class="linklike" id="ghManualBack" style="grid-column:1 / -1;" hidden>Use my GitHub repositories instead</button>
-              </div>
-              <div class="hint" id="h-home">&nbsp;</div>
-              <div class="nav">
-                <button type="button" class="btn ghost" data-back="7">← Back</button>
-                <button type="submit" class="btn">Next →</button>
-              </div>
-            </form>
-          </section>
-
-          <!-- step 6 · address — a CONFIRMATION, not a form (task 1002704: every project
-               gets its slug subdomain assigned up front). The domainless default was a
-               proven dead-end (QA walk, task 1002702).
-               Three choices, all legible without opening anything (task 1002898 N8):
-               the assigned address is stated, and BOTH alternatives sit under it — the
-               bring-your-own domain behind its disclosure, the no-address opt-out in the
-               open. The opt-out used to live INSIDE the "domain I own" fold, i.e. the
-               choice for NO address was hidden under a fold labelled the opposite
-               choice; the owner read the step as "weird" and never found it. -->
-          <section class="panel" id="panel-address" aria-labelledby="addr-h">
-            <h1 id="addr-h">Its address in the sky</h1>
-            <p class="lede">The handle names your project on the platform — and its address comes with it. Once it stands up, a few GitHub steps (the next screen walks you through them) switch sign-in on.</p>
-            <form data-next="10">
-              <label class="wizField"><span>Project handle</span>
-                <input type="text" id="f-slug" placeholder="mercury" autocomplete="off" maxlength="40" spellcheck="false">
-                <div class="hint" id="h-slug">&nbsp;</div>
-              </label>
-              <div class="addrConfirm" id="addrConfirm">
-                <div class="addrBig" id="addrAssigned"></div>
-                <p id="addrAssignedNote">Yours from the moment it stands up. You can point a domain you own at it any time.</p>
-                <details id="addrCustom">
-                  <summary>Use a domain I own instead</summary>
-                  <div class="inner">
-                    <label class="wizField"><span>Domain you own</span>
-                      <input type="text" id="f-domain" placeholder="mercury.example.com" autocomplete="off" maxlength="253" spellcheck="false">
-                      <div class="hint" id="h-domain">&nbsp;</div>
-                    </label>
+                <!-- how much we run (question 7): a hybrid or local framing opens its suite -->
+                <div class="setRow" data-row="run">
+                  <span class="k">We run</span>
+                  <div class="v"><span class="rowV" data-row-v></span><small class="rowS" data-row-s></small>
+                    <div class="opts" hidden>
+                      <div class="typeCards physCells" role="group" aria-label="How much is run for you">
+                        <button type="button" class="tpill" data-phys="framing" data-val="managed" aria-pressed="false">Everything, for you</button>
+                        <button type="button" class="tpill" data-phys="framing" data-val="hybrid" aria-pressed="false">Some of it</button>
+                        <button type="button" class="tpill" data-phys="framing" data-val="local" aria-pressed="false">On my machines</button>
+                        <button type="button" class="tpill" data-phys="framing" data-val="open-source" aria-pressed="false">Free core only</button>
+                      </div>
+                      <p class="physWhy" data-why="services" hidden></p>
+                      <fieldset class="physSuite" id="physSuite" hidden>
+                        <legend id="physSuiteLbl">Your hybrid suite</legend>
+                        <div class="typeCards physCells physSuiteGrid">
+                          <button type="button" class="tpill" data-phys="services" data-val="hosting" aria-pressed="false">Hosting</button>
+                          <button type="button" class="tpill" data-phys="services" data-val="labor-payment" aria-pressed="false">Labor payment and HR</button>
+                          <button type="button" class="tpill" data-phys="services" data-val="starter-kit" aria-pressed="false">Starting module kit</button>
+                          <button type="button" class="tpill" data-phys="services" data-val="marketplace-buy" aria-pressed="false">Module marketplace: buy</button>
+                          <button type="button" class="tpill" data-phys="services" data-val="marketplace-sell" aria-pressed="false">Module marketplace: sell</button>
+                          <button type="button" class="tpill" data-phys="services" data-val="guild-access" aria-pressed="false">Builder guild access</button>
+                          <button type="button" class="tpill" data-phys="services" data-val="guild-create" aria-pressed="false">Create a builder guild</button>
+                          <button type="button" class="tpill" data-phys="services" data-val="company-creation" aria-pressed="false">Company creation</button>
+                          <button type="button" class="tpill" data-phys="services" data-val="cbaas-consulting" aria-pressed="false">Expert consulting</button>
+                          <button type="button" class="tpill" data-phys="services" data-val="public-marketing" aria-pressed="false">Public marketed project</button>
+                        </div>
+                        <ul class="physWhyList" data-why-list="services" hidden></ul>
+                      </fieldset>
+                      <button type="button" class="btn small rowUse" data-row-use>Use this</button>
+                    </div>
                   </div>
-                </details>
-                <label class="addrOpt"><input type="checkbox" id="f-noaddr">
-                  <span>Start without an address — possible, but sign-in on your project can’t be set up until it has one.</span>
-                </label>
-              </div>
-              <div class="nav">
-                <button type="button" class="btn ghost" data-back="8">← Back</button>
-                <button type="submit" class="btn">Next →</button>
-              </div>
-            </form>
-          </section>
-
-          <!-- step 7 · where the app runs (task 1004351, ADR 0345). The hall is ours to
-               host, so this step is only about the owner's APP. "Decide later" is the
-               owner's ruling and is always the default. Render (task 1004352) asks for
-               the owner's key, checks it, and makes them CHOOSE the workspace — a
-               Render key reaches every workspace its user is in, so nothing is
-               pre-picked. The key lives in a variable only: never in the draft, a
-               URL, a log or any browser store. -->
-          <section class="panel" id="panel-app" aria-labelledby="app-h">
-            <h1 id="app-h">Where your app will run</h1>
-            <p class="appHall"><b>We host your Builders' hall</b> — the place where the project gets built — at the address you just chose. There is nothing for you to set up.</p>
-            <p class="lede">Your app is the thing the project builds. Choose where it should run, or decide later.</p>
-            <form data-next="11">
-              <fieldset class="appOpts" id="appOpts">
-                <legend>Where your app runs</legend>
-                <label class="appOpt" id="appOptRender">
-                  <input type="radio" name="appPlatform" value="render" aria-describedby="appRenderWhat">
-                  <span><b>Render</b>
-                    <span id="appRenderWhat">We set your app up on your own Render account. You lend us your Render key once, and Render bills you directly.</span></span>
-                </label>
-                <label class="appOpt">
-                  <input type="radio" name="appPlatform" value="later" checked>
-                  <span><b>Decide later</b>
-                    <span>Create the project now. You can choose where your app runs afterwards.</span></span>
-                </label>
-              </fieldset>
-              <p class="renderWhy" id="renderLater" role="status" hidden>Your new repository has no app in it yet, so there is nothing for Render to run today. Once your builders have written the app, set it up on Render from your project’s page — it takes a minute, and asks for your Render key once. Nothing is created on Render now.</p>
-              <div class="renderSetup" id="renderSetup" hidden>
-                <p class="renderWhy">Your Render key is used once, to create your app on your own Render account, and then thrown away — it is not kept, not even in this browser. Render bills you directly. A key can act on your whole Render account, so only paste it here. <a href="https://dashboard.render.com/u/settings#api-keys" target="_blank" rel="noopener noreferrer">Create a key in Render</a></p>
-                <div class="renderKeyRow">
-                  <label class="wizField"><span>Render API key</span>
-                    <input type="password" id="f-renderKey" autocomplete="off" spellcheck="false" maxlength="200" placeholder="rnd_…" aria-describedby="h-renderKey">
-                  </label>
-                  <button type="button" class="btn ghost small" id="renderCheck">Check key</button>
+                  <span class="acts"><button type="button" class="rowOk" data-row-ok>Looks right</button><button type="button" class="rowChg" data-row-chg aria-expanded="false">Change</button></span>
                 </div>
-                <div class="hint" id="h-renderKey" role="status">&nbsp;</div>
-                <fieldset class="appOpts" id="renderWs" hidden>
-                  <legend>Which Render workspace</legend>
-                  <div id="renderWsList"></div>
-                </fieldset>
-                <fieldset class="appOpts" id="renderSvc" hidden>
-                  <legend>A new app, or one you already run</legend>
-                  <div id="renderSvcList"></div>
-                </fieldset>
-                <div class="renderNew" id="renderNew" hidden>
-                  <label class="wizField"><span>Your app is built with</span>
-                    <select id="f-renderRuntime">
-                      <option value="node">Node.js</option><option value="python">Python</option><option value="ruby">Ruby</option>
-                      <option value="go">Go</option><option value="rust">Rust</option><option value="elixir">Elixir</option>
-                      <option value="docker">Docker — use my repository’s Dockerfile</option>
-                    </select>
-                  </label>
-                  <label class="wizField" id="renderBuildWrap"><span>Build command <small>— Render needs one; the usual one is filled in</small></span>
-                    <input type="text" id="f-renderBuild" autocomplete="off" spellcheck="false" maxlength="500" placeholder="for example: npm ci">
-                  </label>
-                  <label class="wizField" id="renderStartWrap"><span>Start command</span>
-                    <input type="text" id="f-renderStart" autocomplete="off" spellcheck="false" maxlength="500" placeholder="for example: npm start">
-                  </label>
-                  <label class="wizField"><span>Plan</span>
-                    <select id="f-renderPlan"></select>
-                  </label>
-                  <label class="addrOpt"><input type="checkbox" id="f-renderDb">
-                    <span>My app needs a database (Render Postgres)</span>
-                  </label>
-                  <label class="wizField" id="renderDbPlanWrap" hidden><span>Database plan</span>
-                    <select id="f-renderDbPlan"></select>
-                  </label>
-                </div>
-                <div class="hint" id="h-render" role="status">&nbsp;</div>
               </div>
+              <div class="hint" id="h-review">&nbsp;</div>
               <div class="nav">
-                <button type="button" class="btn ghost" data-back="9">← Back</button>
-                <button type="submit" class="btn">Next →</button>
+                <span></span>
+                <button type="submit" class="btn" id="reviewGo" disabled>Confirm 7 more</button>
               </div>
             </form>
           </section>
 
-          <!-- step 8 · a look (task 1004421, ADR 0358): colours for light and dark, the
-               night tint and a logo, so builders in several projects always know which hall
-               they are in. lookKit.buildLookPicker fills it — the same picker the manage
-               page's "Its look" uses — and the choice is sent right after Create (sendLook). -->
+          <!-- 5 · a look, then Create (task 1004421, ADR 0358): colours and a logo so builders
+               in several projects always know which hall they are in. lookKit.buildLookPicker
+               fills it — the same picker the manage page's "Its look" uses — and the choice is
+               sent right after Create (sendLook). -->
           <section class="panel" id="panel-look" aria-labelledby="look-h">
-            <h1 id="look-h">Give it a look</h1>
-            <p class="lede">Colours for light and dark mode, and a logo, so builders who work in several projects always know which hall they’re in.</p>
-            <form data-next="12">
-              <div class="lookPick" id="wizLook"></div>
-              <div class="nav">
-                <button type="button" class="btn ghost" data-back="10">← Back</button>
-                <button type="submit" class="btn">Next →</button>
-              </div>
-            </form>
-          </section>
-
-          <!-- step 9 · review + create -->
-          <section class="panel" id="panel-review" aria-labelledby="rev-h">
-            <h1 id="rev-h">Ready to roll</h1>
-            <p class="lede">One tap files the request and the platform starts standing your project up — server, database, address. Here's the beat you're about to drop:</p>
-            <ul class="review" id="reviewList"></ul>
+            <h1 id="look-h">Give it a look.</h1>
+            <p class="lede">So builders always know which project they’re in.</p>
+            <div class="lookPick" id="wizLook"></div>
+            <p class="wizRecap" id="wizRecap"></p>
             <div class="alert" id="createAlert" role="alert"></div>
             <div class="nav">
-              <button type="button" class="btn ghost" data-back="11">← Back</button>
+              <span></span>
               <button type="button" class="btn big" id="doCreate">Create my project</button>
             </div>
-            <p class="finePrint">This files the request; the control plane does the real standup and nothing touches servers from this page. You'll get the few steps only you can do right after.</p>
+            <p class="finePrint">Right after, you’ll get the few steps only you can do.</p>
           </section>
 
-          <!-- done · the human steps -->
+          <!-- 6 · done · the human steps -->
           <section class="panel" id="panel-done" aria-labelledby="done-h">
             <div class="doneHead">
               <span class="tick" aria-hidden="true"><svg width="22" height="22" viewBox="0 0 22 22" fill="none"><path d="M4 11.5 9 16.5 18 6" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
-              <h1 id="done-h">The drums are rolling</h1>
+              <h1 id="done-h">Setting up your project</h1>
             </div>
             <p class="lede" id="doneLede"></p>
             <p class="hint" id="doneRender" role="status" hidden></p>
@@ -2130,16 +1920,13 @@ summary{min-height:24px;padding:3px 0;}
             <!-- the STABLE live region: the strip inside is rebuilt every 5s tick,
                  and a live region that is itself replaced never announces -->
             <div id="liveProgress" role="status" aria-live="polite"></div>
-            <!-- the invite step (task 1002346, BV1.R27) — OPTIONAL, and it stands HERE
-                 rather than in the numbered rail because an invite needs a project that
-                 already exists: the catalog row a client_id resolves is projected at
-                 create (ADR 0246), so before the Create step there is nothing to invite
-                 anyone TO. The whole reasoning is ADR 0249. Hidden until the created
-                 record carries an id and a slug; the script is the only thing that
+            <!-- the invite step (task 1002346, BV1.R27; ADR 0249) — OPTIONAL, and it stands
+                 HERE because an invite needs a project that already exists. Hidden until the
+                 created record carries an id and a slug; the script is the only thing that
                  shows it. -->
             <div class="inviteBox" id="wizInvite" hidden>
               <h2 class="stepsHead">Invite builders</h2>
-              <p class="finePrint">Optional — invite people by GitHub username. Each invite is sent from your project’s own hall, which is what lets them in, and they see it on their projects page here too. Skip this and invite anyone later; nothing about your project waits on it.</p>
+              <p class="finePrint">Optional. Invite people by GitHub username. The invite comes from your project’s hall, and you can invite anyone later.</p>
               <div class="attach">
                 <label class="vh" for="wizInviteWho">GitHub username</label>
                 <input type="text" id="wizInviteWho" placeholder="GitHub username" autocomplete="off" autocapitalize="off" spellcheck="false" maxlength="200">
@@ -2157,76 +1944,12 @@ summary{min-height:24px;padding:3px 0;}
             <p class="samePath" id="wizInviteLater"></p>
             <h2 class="stepsHead" id="doneStepsHead">Your steps — the parts only you can play</h2>
             <ol class="humanSteps" id="humanSteps"></ol>
-            <!-- the modules step was optional (task 1002342, BV1.R23) — one line
-                 saying where it lives afterwards, so a skip is never a dead end -->
+            <!-- the extras row was a default (task 1002342, BV1.R23) — one line saying
+                 where they live afterwards, so accepting them is never a dead end -->
             <p class="samePath" id="doneModules"></p>
-            <p class="samePath">These are the same steps however a project is created — nothing here is special to this page.</p>
+            <p class="samePath">These steps are the same however a project is created.</p>
           </section>
         </div>
-
-        <!-- the bongo pair — one mark on every surface (owner, 2026-08-13).
-             The drum head is SKIN, never --bg-card, or it turns black in dark
-             mode; --drum-shadow is ink in light and plain black in dark, the
-             same move cosmos.css already makes for --shadow-card. -->
-        <div class="bongoCell">
-          <svg class="bongos" viewBox="0 0 440 320" role="img" aria-label="A pair of bongo drums">
-            <defs>
-              <linearGradient id="shellBig" x1="0" y1="0" x2="1" y2="0.35">
-                <stop offset="0%" stop-color="var(--accent-deep)"/><stop offset="16%" stop-color="var(--accent)"/>
-                <stop offset="48%" stop-color="var(--accent)"/><stop offset="86%" stop-color="var(--accent-deep)"/>
-                <stop offset="100%" stop-color="var(--accent-deep)"/>
-              </linearGradient>
-              <linearGradient id="shellSml" x1="0" y1="0" x2="1" y2="0.35">
-                <stop offset="0%" stop-color="var(--accent-deep)"/><stop offset="18%" stop-color="var(--terracotta)"/>
-                <stop offset="55%" stop-color="var(--terracotta)"/><stop offset="100%" stop-color="var(--accent-deep)"/>
-              </linearGradient>
-              <radialGradient id="skin" cx="0.36" cy="0.26" r="0.9">
-                <stop offset="0%" stop-color="var(--skin-hi)"/><stop offset="58%" stop-color="var(--skin-mid)"/>
-                <stop offset="100%" stop-color="var(--skin-lo)"/>
-              </radialGradient>
-              <radialGradient id="halo" cx="0.5" cy="0.5" r="0.5">
-                <stop offset="0%" stop-color="var(--accent)" stop-opacity="0.30"/>
-                <stop offset="48%" stop-color="var(--accent)" stop-opacity="0.13"/>
-                <stop offset="100%" stop-color="var(--accent)" stop-opacity="0"/>
-              </radialGradient>
-              <filter id="soft" x="-60%" y="-160%" width="220%" height="420%"><feGaussianBlur stdDeviation="9"/></filter>
-            </defs>
-            <ellipse class="glow" cx="222" cy="170" rx="215" ry="140" fill="url(#halo)"/>
-            <ellipse class="bshadow" cx="220" cy="286" rx="142" ry="14" fill="var(--drum-shadow)" opacity=".22" filter="url(#soft)"/>
-            <path d="M 214,196 C 232,188 250,188 264,196 L 258,232 C 244,225 230,225 219,232 Z" fill="var(--accent-deep)"/>
-            <path d="M 214,196 C 232,188 250,188 264,196 L 262,205 C 247,197 231,197 216,205 Z" fill="var(--ink)" opacity=".22"/>
-            <g class="drumBig">
-              <path d="M 74,118 C 76,166 90,228 98,266 A 52,17 0 0 0 202,266 C 210,228 224,166 226,118 Z" fill="url(#shellBig)"/>
-              <path d="M 172,124 C 174,176 186,232 192,268 A 52,17 0 0 0 202,266 C 210,228 224,166 226,118 Z" fill="var(--ink)" opacity=".17"/>
-              <path d="M 92,126 C 94,174 104,230 110,266 A 52,17 0 0 1 100,267 C 92,230 78,172 76,124 Z" fill="#fff" opacity=".20"/>
-              <ellipse cx="150" cy="121" rx="80" ry="29" fill="var(--accent-deep)"/>
-              <ellipse cx="150" cy="117" rx="80" ry="29" fill="var(--accent)"/>
-              <ellipse cx="150" cy="117" rx="80" ry="29" fill="#fff" opacity=".13"/>
-              <ellipse cx="150" cy="118" rx="70" ry="24" fill="url(#skin)"/>
-              <ellipse cx="150" cy="118" rx="70" ry="24" fill="none" stroke="var(--ink)" stroke-opacity=".09" stroke-width="1.4"/>
-              <ellipse cx="150" cy="118" rx="55" ry="18" fill="none" stroke="var(--ink)" stroke-opacity=".045" stroke-width="1"/>
-              <g fill="var(--accent-deep)">
-                <path d="M 78,138 l 9,0 -1.5,20 -6,0 z"/><path d="M 120,148 l 9,0 -1,21 -7,0 z"/>
-                <path d="M 172,148 l 9,0 -1,21 -7,0 z"/><path d="M 214,138 l 9,0 -1.5,20 -6,0 z"/>
-              </g>
-            </g>
-            <g class="drumSml">
-              <path d="M 240,134 C 242,178 252,230 258,266 A 40,13 0 0 0 338,266 C 344,230 354,178 356,134 Z" fill="url(#shellSml)"/>
-              <path d="M 314,140 C 316,186 324,234 328,268 A 40,13 0 0 0 338,266 C 344,230 354,178 356,134 Z" fill="var(--ink)" opacity=".19"/>
-              <path d="M 254,140 C 256,182 264,232 268,266 A 40,13 0 0 1 260,267 C 254,232 244,182 242,138 Z" fill="#fff" opacity=".17"/>
-              <ellipse cx="296" cy="137" rx="60" ry="22" fill="var(--accent-deep)"/>
-              <ellipse cx="296" cy="133" rx="60" ry="22" fill="var(--terracotta)"/>
-              <ellipse cx="296" cy="133" rx="60" ry="22" fill="#fff" opacity=".13"/>
-              <ellipse cx="296" cy="134" rx="51" ry="18" fill="url(#skin)"/>
-              <ellipse cx="296" cy="134" rx="51" ry="18" fill="none" stroke="var(--ink)" stroke-opacity=".09" stroke-width="1.4"/>
-              <ellipse cx="296" cy="134" rx="39" ry="13" fill="none" stroke="var(--ink)" stroke-opacity=".045" stroke-width="1"/>
-              <g fill="var(--accent-deep)">
-                <path d="M 243,152 l 8,0 -1,17 -6,0 z"/><path d="M 276,160 l 8,0 -1,18 -6,0 z"/>
-                <path d="M 312,160 l 8,0 -1,18 -6,0 z"/><path d="M 345,152 l 8,0 -1,17 -6,0 z"/>
-              </g>
-            </g>
-          </svg>
-        </div>
       </div>
     </div>
 
@@ -4772,11 +4495,14 @@ summary{min-height:24px;padding:3px 0;}
        and replaying it would land on the wrong panel with the rail already
        marking the skipped ones done. Bump this key on EVERY renumbering
        (-v6: the front door's two screens took steps 1 and 2, task 1004417;
-       -v7: the Look step took 10, so review is 11 and done 12, task 1004421). */
+       -v7: the Look step took 10, so review is 11 and done 12, task 1004421;
+       -v9: the six blended screens, task 1004504). */
     /* `termsAck` is the front door's one tick (task 1004417). It is the founder's
        own answer, so it lives in the draft like every other one and survives the
        GitHub round-trip; the server, not this page, names the terms version. */
-    var DRAFT_KEY = 'cb-create-draft-v8';
+    /* `confirmed` is the review screen's own answer (task 1004504): which prefilled rows
+       the founder has looked at and accepted or changed. Create waits for all of them. */
+    var DRAFT_KEY = 'cb-create-draft-v9';
     var CREATED_KEY = 'cb-created-instance';
     /* `description` + `teamShape` are the optional About step (task 1002334) —
        both legitimately stay empty, and empty is what the create request omits. */
@@ -4785,7 +4511,7 @@ summary{min-height:24px;padding:3px 0;}
        request omits the field), [] = the owner switched them all off, [...] =
        what they picked. Never seed it with the preselect — that would store an
        answer nobody gave. */
-    var state = { step: 0, name: '', projType: null, description: '', teamShape: null, modules: null, mode: 'greenfield', owner: '', ownerTouched: false, repo: '', repoTouched: false, slug: '', slugTouched: false, domain: '', noAddress: false, appPlatform: 'later', physics: null, demo: null, look: null, termsAck: false };
+    var state = { step: 0, name: '', projType: null, description: '', teamShape: null, modules: null, mode: 'greenfield', owner: '', ownerTouched: false, repo: '', repoTouched: false, slug: '', slugTouched: false, domain: '', noAddress: false, appPlatform: 'later', physics: null, demo: null, look: null, termsAck: false, confirmed: {} };
     try { Object.assign(state, JSON.parse(sessionStorage.getItem(DRAFT_KEY) || '{}')); } catch (e) {}
     var authKnown = false;   /* flips true when the boot's /me settles, either way */
 
@@ -4799,7 +4525,7 @@ summary{min-height:24px;padding:3px 0;}
         state.name = handedName.trim().slice(0, 80);
         state.slug = deriveSlug(state.name); state.slugTouched = false;
         state.repo = deriveRepo(state.name); state.repoTouched = false;
-        state.step = state.step >= 1 && state.step <= 12 ? state.step : 1;
+        state.step = state.step >= 1 && state.step <= 5 ? state.step : 1;
         try { sessionStorage.setItem(DRAFT_KEY, JSON.stringify(state)); } catch (e) {}
       }
     } catch (e) {}
@@ -4923,13 +4649,13 @@ summary{min-height:24px;padding:3px 0;}
       if (avail === 'taken' || avail === 'yours' || avail === 'reserved') { var hs = $('h-slug'); hs.innerHTML = '&nbsp;'; hs.className = 'hint'; }
       if (custom) {
         big.innerHTML = '<code>' + esc(custom) + '</code> — your own domain, wired up for you.';
-        note.textContent = 'DNS pointing happens after the standup; the card on your projects page walks you through it.';
+        note.textContent = 'You point it here after setup; your projects page walks you through it.';
       } else if (state.noAddress) {
         big.textContent = 'Starting without an address.';
         note.textContent = 'Sign-in on your project can’t be set up until it has one — add it any time from your projects page.';
       } else if (assigned && avail === 'free') {
         big.innerHTML = '<code>' + esc(assigned) + '</code> — yours from the moment it stands up.';
-        note.textContent = 'Sharing works from the moment it stands up; sign-in switches on after the GitHub steps. You can point a domain you own at it any time.';
+        note.textContent = 'Sign-in switches on after the GitHub steps. You can add your own domain any time.';
       } else if (assigned && avail === 'taken') {
         big.innerHTML = '<code>' + esc(assigned) + '</code> — already taken.';
         note.textContent = 'Another project on the platform holds that handle. Pick a different one.';
@@ -4991,115 +4717,89 @@ summary{min-height:24px;padding:3px 0;}
     }
 
     /* ── step navigation ──
-       Since task 1004417 the front door comes first: gate 0 · terms 1 · fork 2 ·
-       name 3 · type 4 · about 5 · modules 6 · home 7 · address 8 · app 9 · look 10 ·
-       review 11 · done 12 (the Look step joined at 10, task 1004421). The rail numbers
-       3-11 as its 1-9 and steps aside on 1 and 2; done marks it all. About, Modules and
-       Look are the steps Next can pass with nothing changed — Look has a default. */
-    var panels = { 0: 'panel-gate', 1: 'panel-terms', 2: 'panel-fork', 3: 'panel-physics', 4: 'panel-name', 5: 'panel-type', 6: 'panel-detail', 7: 'panel-modules', 8: 'panel-home', 9: 'panel-address', 10: 'panel-app', 11: 'panel-look', 12: 'panel-review', 13: 'panel-done' };
-    /* the rail at the done panel (task 1003244): "done" is the Create step
-       still running — the marker stays on 5 until the project actually
-       answers, and only then does the whole rail read finished. aria-current
-       tells a screen reader the same thing. */
-    function paintRail(step) {
-      var landed = step === 13 && !!(live && live.instStatus === 'active');
-      var cur = step === 13 ? 12 : step;
-      root.querySelectorAll('.steps li').forEach(function (li) {
-        var n = Number(li.getAttribute('data-step'));
-        var now = !landed && n === cur;
-        li.classList.toggle('now', now);
-        li.classList.toggle('done', landed || n < cur);
-        /* a step the planet-physics answers skip (task 1004419); still reachable */
-        li.classList.toggle('skipped', step < 13 && physStepSkipped(n));
-        if (now) li.setAttribute('aria-current', 'step'); else li.removeAttribute('aria-current');
-        /* a step already answered is a way BACK (task 1003246): only those take
-           the button role, the tab stop and the data-goto the delegated handler
-           below reads. The done panel offers none — the project is filed, and
-           there is nothing behind it to change. */
-        if (step < 13 && n < cur) {
-          li.setAttribute('role', 'button');
-          li.setAttribute('tabindex', '0');
-          li.setAttribute('data-goto', String(n));
-        } else {
-          li.removeAttribute('role');
-          li.removeAttribute('tabindex');
-          li.removeAttribute('data-goto');
-        }
-      });
+       The six blended screens (task 1004504, the design of record
+       docs/design/mocks/combined-onboarding/): gate 0 · fork 1 (demo or real, the terms
+       as its one tick) · what 2 (name, kind, a sentence) · checks 3 (the planet-physics
+       answers that change something) · review 4 (every prefilled answer, confirmed row by
+       row) · look 5 (then Create) · done 6. No rail: the eyebrow names the screen and one
+       Back walks backwards. A demo skips the checks — its answers are the demo's own. */
+    var panels = { 0: 'panel-gate', 1: 'panel-fork', 2: 'panel-what', 3: 'panel-checks', 4: 'panel-review', 5: 'panel-look', 6: 'panel-done' };
+    var SCREEN = { 0: 'signin', 1: 'fork', 2: 'what', 3: 'checks', 4: 'review', 5: 'look', 6: 'done' };
+    function eyebrowFor(step) {
+      if (step === 0) return 'Sign in';
+      if (step === 6) return 'Founding';
+      if (step === 1 && !$('demoSetup').hidden) return 'Demo';
+      return state.demo && step > 1 ? 'New demo' : 'New project';
+    }
+    /* where Back goes from each screen: the demo's own screen first, then the one before */
+    function prevStep(step) {
+      if (step === 4 && state.demo) return 2;
+      return step - 1;
     }
     function show(step, moveFocus) {
       state.step = step;
       Object.keys(panels).forEach(function (k) {
         $(panels[k]).classList.toggle('on', Number(k) === step);
       });
-      paintRail(step);
       saveDraft();
-      /* the done step takes the whole card — the bongo pair steps aside */
-      root.querySelector('.createSplit').classList.toggle('wizDone', step === 13);
-      /* the front door (task 1004417): no rail on its two screens, and the fork
-         takes the whole card for the seed on its plate */
-      root.querySelector('.card').classList.toggle('wizFront', step === 1 || step === 2);
-      root.querySelector('.createSplit').classList.toggle('wizFork', step === 2 || step === 3);
+      /* the room's seed grows a little on each screen (CSS reads data-screen) */
+      $('wizRoom').setAttribute('data-screen', SCREEN[step]);
+      $('wizEyebrow').textContent = eyebrowFor(step);
+      $('wizBack').hidden = step === 0 || step === 6 || (step === 1 && $('demoSetup').hidden);
+      $('demoTag').hidden = !state.demo;
       /* focus moves ONLY on a deliberate step (the hub rule setView already
          applies to this view: never on boot, never on a background settle) */
       if (moveFocus) {
         var h = $(panels[step]).querySelector('h1');
         if (h) { h.setAttribute('tabindex', '-1'); h.focus({ preventScroll: false }); }
       }
-      /* the repo probe is authenticated — never fire it before /me settles
-         (a pre-auth probe 401s for strangers and, worse, could seed the
-         draft's owner with myLogin()'s placeholder) */
-      /* the picker repaints on entry, not once at boot: the owner can walk back
-         to the Type step and change the answer the preselect is keyed to */
-      if (step === 3) paintPhysics();
-      if (step === 5 || step === 8) physPaintPrefillNotes();
-      if (step === 7) renderModules();
-      if (step === 8) { syncHome(); if (authKnown) ensureRepoAccess(); }
-      /* a resumed draft can land PAST the Home step with the probe never run —
-         Create would then file a repo it promised to make but never did */
-      else if (step > 8 && step < 13 && authKnown && repoAccess === null) ensureRepoAccess();
-      /* re-check on every entry, not just on typing: a resumed draft arrives here with
-         a handle nobody has asked the server about, and a handle free ten minutes ago
-         may not be now (task 1002898 N10) */
-      if (step === 9) { checkSlugAvailable(); renderAddrPanel(); }
-      if (step === 10) { syncAppStep(); syncRenderSetup(); }
-      if (step === 11) renderLook();
-      if (step === 12) renderReview();
-    }
-
-    /* One delegated pair on the rail, so paintRail can add and drop data-goto
-       freely (task 1003246). Enter and Space are the contract role="button"
-       makes; Space must not scroll the card while it keeps it. */
-    var railEl = root.querySelector('.steps');
-    if (railEl) {
-      railEl.addEventListener('click', function (ev) {
-        var li = ev.target.closest && ev.target.closest('li[data-goto]');
-        if (li) show(Number(li.getAttribute('data-goto')), true);
-      });
-      railEl.addEventListener('keydown', function (ev) {
-        if (ev.key !== 'Enter' && ev.key !== ' ' && ev.key !== 'Spacebar') return;
-        var li = ev.target.closest && ev.target.closest('li[data-goto]');
-        if (!li) return;
-        ev.preventDefault();
-        show(Number(li.getAttribute('data-goto')), true);
-      });
-    }
+      if (step === 1) paintDoors();
+      if (step === 3) { physLoadAccountOnce(); paintChecks(); }
+      /* the review hosts the old steps' own controls, so it repaints them on entry.
+         The repo probe is authenticated — never fire it before /me settles (a pre-auth
+         probe 401s for strangers and could seed the draft's owner with a placeholder) */
+      if (step === 4) {
+        physDefaults();
+        renderModules();
+        syncHome();
+        if (authKnown) ensureRepoAccess();
+        /* re-check on every entry: a handle free ten minutes ago may not be now (N10) */
+        checkSlugAvailable(); renderAddrPanel();
+        syncAppStep(); syncRenderSetup();
+        paintSetup();
+      }
+      /* a resumed draft can land PAST the review with the repo probe never run — Create
+         would then file a repo it promised to make but never did */
+      else if (step > 4 && step < 6 && authKnown && repoAccess === null) ensureRepoAccess();
+      if (step === 5) { renderLook(); renderRecap(); }
+    }
+    $('wizBack').addEventListener('click', function () {
+      if (state.step === 1 && !$('demoSetup').hidden) { demoShow('intro'); $('wizDemo').focus(); return; }
+      if (state.step === 3 && !$('checksStop').hidden) { checksShow('main'); return; }
+      if (state.step > 1 && state.step < 6) show(prevStep(state.step), true);
+    });
 
-    /* ── the front door (task 1004417) ── the tick mirrors into the draft; the
-       demo door opens the demo route (task 1004420, below) */
+    /* ── the front door (tasks 1004417 and 1004504) ── the tick mirrors into the draft,
+       and both doors wait for it: nothing past the fork until the terms are accepted */
+    function paintDoors() {
+      $('wizDemo').disabled = !state.termsAck;
+      $('wizStart').disabled = !state.termsAck;
+    }
     $('termsAck').checked = !!state.termsAck;
     $('termsAck').addEventListener('change', function () {
       state.termsAck = !!this.checked;
-      if (state.termsAck) { $('h-terms').textContent = '\u00a0'; $('h-terms').className = 'hint'; }
+      if (state.termsAck) { $('h-terms').textContent = ' '; $('h-terms').className = 'hint'; }
+      paintDoors();
       saveDraft();
     });
+    paintDoors();
     /* ── the demo route (task 1004420, BV2.PS09) ──
-       "Try the demo" opens two screens inside the fork: set up (people, hours each, the
-       idea, and a first read of what fits) and the picked defaults with two invites.
-       "Start the demo" goes on through the ordinary wizard from the name step: a demo is
-       a normal project marked "demo" (D9), so the create carries `demo` and the server
-       applies the demo's picked answers and makes it private to the team. The time box
-       is soft (D3). The limits and the fit sentences are copies of
+       "Try the demo" opens one screen inside the fork: the people, the hours each, the
+       idea, a first read of what fits, and up to two teammates. Continue goes on through
+       the ordinary flow from "What are you making?": a demo is a normal project marked
+       "demo" (D9), so the create carries `demo` and the server applies the demo's picked
+       answers and makes it private to the team — which is why it skips the checks. The
+       time box is soft (D3). The limits and the fit sentences are copies of
        modules/provisioning/demo.js, held equal by tests/wizard_demo.mjs. */
     var DEMO_LIMITS = { people: [1, 12], hours: [1, 40] };
     var demoDraft = state.demo
@@ -5125,32 +4825,26 @@ summary{min-height:24px;padding:3px 0;}
       $('demoHours').textContent = String(demoDraft.hours);
       $('demoFitSum').textContent = demoDraft.people + (demoDraft.people === 1 ? ' person' : ' people') + ' × ' + demoDraft.hours + (demoDraft.hours === 1 ? ' hour' : ' hours') + ' = ' + fit.total + ' builder-hours.';
       $('demoFitVerdict').textContent = fit.sentence;
-      $('demoLPeople').textContent = String(demoDraft.people);
       var others = demoDraft.people - 1;
-      $('demoLPeopleSub').textContent = others === 0 ? 'Just you' : others === 1 ? 'You, plus the person you invite below' : others === 2 ? 'You, plus the two people you invite below' : 'You, plus ' + others + ' people: invite two below, and the rest from your hall';
-      $('demoLHours').textContent = demoDraft.hours + (demoDraft.hours === 1 ? ' hour each' : ' hours each');
-      $('demoLTotal').textContent = fit.total + ' builder-hours in total. When it runs out you are asked whether to keep your planet; your work is never stopped.';
-      $('demoStageHours').textContent = String(fit.total);
       $('demoInvites').hidden = others === 0;
       $('demoInvite2').closest('label').hidden = others < 2;
     }
     function demoShow(which) {
       $('forkIntro').hidden = which !== 'intro';
       $('demoSetup').hidden = which !== 'setup';
-      $('demoReady').hidden = which !== 'ready';
-      $('demoRing').hidden = which === 'intro';
-      $('demoStageCap').hidden = which === 'intro';
       $('wizDemo').setAttribute('aria-expanded', which === 'intro' ? 'false' : 'true');
+      $('wizEyebrow').textContent = eyebrowFor(state.step);
+      $('wizBack').hidden = which === 'intro';
       if (which !== 'intro') {
         paintDemo();
-        var h = $(which === 'setup' ? 'demo-h1' : 'demo-h2');
+        var h = $('demo-h1');
         h.setAttribute('tabindex', '-1'); h.focus({ preventScroll: false });
       }
     }
     $('demoIdea').value = demoDraft.idea;
     $('demoInvite1').value = demoDraft.invites[0] || '';
     $('demoInvite2').value = demoDraft.invites[1] || '';
-    $('wizDemo').addEventListener('click', function () { demoShow('setup'); });
+    $('wizDemo').addEventListener('click', function () { if (state.termsAck) demoShow('setup'); });
     root.querySelectorAll('[data-demo-step]').forEach(function (b) {
       b.addEventListener('click', function () {
         var key = b.getAttribute('data-demo-step');
@@ -5161,9 +4855,6 @@ summary{min-height:24px;padding:3px 0;}
       });
     });
     $('demoIdea').addEventListener('input', function () { demoDraft.idea = this.value; });
-    $('demoNext1').addEventListener('click', function () { demoShow('ready'); });
-    $('demoBack1').addEventListener('click', function () { demoShow('intro'); $('wizDemo').focus(); });
-    $('demoBack2').addEventListener('click', function () { demoShow('setup'); });
     $('demoStart').addEventListener('click', function () {
       var invites = [demoHandle($('demoInvite1').value), demoHandle($('demoInvite2').value)]
         .filter(function (h, i, all) { return h && all.indexOf(h) === i; })
@@ -5176,9 +4867,10 @@ summary{min-height:24px;padding:3px 0;}
         $('f-desc').value = state.description;
       }
       state.teamShape = demoDraft.people > 1 ? 'small-team' : 'solo';
+      /* the demo's own rows are the demo's answers, so the review asks again */
+      state.confirmed = {};
       saveDraft();
-      /* the name step: a demo skips planet physics (task 1004418) */
-      show(4, true);
+      show(2, true);
     });
     /* the done panel's invite step names the demo's teammates (task 1004420): the hub
        holds no invite of its own, so the founder sends each from the project's own box */
@@ -5220,6 +4912,8 @@ summary{min-height:24px;padding:3px 0;}
       var h = $('h-name');
       if (state.slug) { h.innerHTML = 'its handle on the platform: <code>' + esc(state.slug) + '</code>'; h.className = 'hint'; }
       else { h.innerHTML = '&nbsp;'; }
+      /* the repo and the address follow the name, so the review asks about them again */
+      unconfirm(['code', 'address']);
       saveDraft();
     });
     if (state.name && state.slug) $('h-name').innerHTML = 'its handle on the platform: <code>' + esc(state.slug) + '</code>';
@@ -5231,53 +4925,35 @@ summary{min-height:24px;padding:3px 0;}
       $('adoptNote').classList.toggle('on', mode === 'adopt');
       saveDraft();
       syncHome();
-      physPaintPrefillNotes();
+      if (typeof paintSetup === 'function') paintSetup();
     }
     $('c-green').addEventListener('click', function () { setMode('greenfield'); });
     $('c-adopt').addEventListener('click', function () { setMode('adopt'); });
     setMode(state.mode);
 
-    /* ── the type declaration (task 1002772) ── selecting a pill fills the
-       description card, themed per type via --type-acc (component-scoped, C1) */
+    /* ── the kind (task 1002772) ── a declaration: the pill is the answer */
     function paintType(t) {
       root.querySelectorAll('#typeCards .tpill').forEach(function (b) {
         b.setAttribute('aria-pressed', String(b.getAttribute('data-type') === t));
       });
-      var card = $('typeCard');
-      var m = t && TYPE_META[t];
-      if (m) {
-        card.hidden = false;
-        card.style.setProperty('--type-acc', m.acc);
-        $('typeCardName').textContent = m.label;
-        $('typeCardDesc').textContent = m.desc;
-      } else {
-        card.hidden = true;
-      }
     }
     root.querySelectorAll('#typeCards .tpill').forEach(function (b) {
       b.addEventListener('click', function () {
         state.projType = b.getAttribute('data-type');
         $('h-projtype').innerHTML = '&nbsp;'; $('h-projtype').className = 'hint';
         paintType(state.projType);
-        physPaintPrefillNotes();
+        /* the suggested extras follow the kind, so the review asks about them again */
+        unconfirm(['extras']);
         saveDraft();
       });
     });
     paintType(state.projType || null);
 
-    /* ── the OPTIONAL About step (task 1002334) ──
-       Two answers, both skippable. The description is half the publish gate
-       (ADR 0182 D4) and the team shape is what the setup recommendations read;
-       neither gates the standup, and neither is ever guessed on the owner's
-       behalf. paintDetail keeps the consequence visible while they are still on
-       the panel — it flips between "here's what you'll get" and "here's what
-       skipping costs", so pressing Skip is an informed choice rather than a
-       discovery made three screens later. */
-    var TEAM_META = {
-      'solo': 'Just you. We keep the setup light and skip the joining machinery.',
-      'small-team': 'A handful of people you know. We suggest a setup built around invites.',
-      'community': 'Open to whoever turns up. We suggest a setup built for people applying to join.'
-    };
+    /* ── the sentence and the team shape (task 1002334) ──
+       The sentence is optional and half the publish gate (ADR 0182 D4): it is what puts
+       the project on the public map, which the field's own label says. The team shape is
+       what the extras' preselect reads: "solo" follows a team of one, and a team says who
+       can join (people invited, or anyone applying) on the review's Team size row. */
     function teamLabel(t) {
       var b = t && root.querySelector('#teamCards .tpill[data-team="' + t + '"]');
       return b ? b.textContent : '';
@@ -5287,42 +4963,21 @@ summary{min-height:24px;padding:3px 0;}
         b.setAttribute('aria-pressed', String(b.getAttribute('data-team') === t));
       });
     }
-    function paintDetail() {
-      var note = $('detailSkipNote');
-      var told = String(state.description || '').trim();
-      var parts = [];
-      if (!told) {
-        parts.push('No description yet — your project still stands up, it just stays off the public map until it has one. You can add it any time from its page.');
-      } else {
-        parts.push('That description is what puts your project on the public map.');
-      }
-      if (state.teamShape && TEAM_META[state.teamShape]) parts.push(TEAM_META[state.teamShape]);
-      note.textContent = parts.join(' ');
-      note.classList.add('on');
-    }
     $('f-desc').value = state.description || '';
     $('f-desc').addEventListener('input', function () {
       state.description = this.value.slice(0, 600);
-      paintDetail();
       saveDraft();
     });
     root.querySelectorAll('#teamCards .tpill').forEach(function (b) {
       b.addEventListener('click', function () {
-        /* clicking the chosen pill again UNSAYS it — the only way back to "I did
-           not answer", which an optional question has to keep offering */
-        var pick = b.getAttribute('data-team');
-        state.teamShape = state.teamShape === pick ? null : pick;
+        state.teamShape = b.getAttribute('data-team');
         paintTeam(state.teamShape);
-        paintDetail();
+        unconfirm(['extras']);
         saveDraft();
+        paintSetup();
       });
     });
     paintTeam(state.teamShape || null);
-    paintDetail();
-    /* Skip = go on with whatever is (or isn't) filled in. It deliberately does
-       NOT erase an answer already given: a visitor who typed a description and
-       then pressed Skip meant "I'm done here", not "throw that away". */
-    $('skipDetail').addEventListener('click', function () { show(7, true); });
 
     /* ── the module picker (task 1002339, BV1.R20) ──
        ONE public read gives the panel both halves it needs: `optional` is the
@@ -5365,8 +5020,7 @@ summary{min-height:24px;padding:3px 0;}
        exact dishonesty the About row's "off the public map" clause exists to
        prevent, one screen before Create. */
     function repaintForBundles() {
-      if (state.step === 7) renderModules();
-      else if (state.step === 12) renderReview();
+      if (state.step === 4) { renderModules(); paintSetup(); }
     }
     /* The row for the declared type, or null before the read lands / for a type
        the table has no row for (including no type at all). */
@@ -5527,7 +5181,7 @@ summary{min-height:24px;padding:3px 0;}
       why.classList.toggle('on', reasons.length > 0);
       var core = (starterBundles.core || []).length;
       note.textContent = core
-        ? 'Every project also starts with the same ' + core + ' core parts — the platform itself, the way it tracks work, and the builders’ hall. They are always on, so they are not part of this choice.'
+        ? 'Every project also has the same ' + core + ' core parts, always on: the platform, its work tracking and the builders’ hall.'
         : '';
       note.classList.toggle('on', core > 0);
     }
@@ -5553,12 +5207,6 @@ summary{min-height:24px;padding:3px 0;}
       moduleQuery = (ev && ev.target && ev.target.value) || '';
       renderModules();
     });
-    /* Next off this panel CONFIRMS what is on screen — the owner looked at the
-       set and accepted it, which is a different fact from never being asked. */
-    root.querySelector('#panel-modules form').addEventListener('submit', function () {
-      state.modules = pickedModules();
-      saveDraft();
-    });
     /* What the review ledger names. Three cases, and the third is the one worth
        writing down: with nothing said and the catalog not (yet) loaded we do not
        know the module NAMES, but we do know the owner will get the type's
@@ -5575,14 +5223,9 @@ summary{min-height:24px;padding:3px 0;}
           : 'The extras you picked';
       }
       var picked = pickedModules();
-      return picked.length ? esc(picked.map(moduleLabel).join(', ')) : 'None — just the core';
+      return picked.length ? picked.map(moduleLabel).join(', ') : 'None — just the core';
     }
 
-    /* Skip = walk past without answering. It does NOT erase a toggle already
-       made (the About step's rule), and with nothing said it leaves state.modules
-       null so the server applies the bundle this panel was showing. */
-    $('skipModules').addEventListener('click', function () { show(8, true); });
-
     /* ── GitHub-integrated repo picker (adopt) + auto-create (fresh) — task 1002099 / ADR 0143.
           Progressive enhancement: probe GET /github/repos once we reach the Home step.
             200 → we hold repo access → show the picker (adopt) / name field (fresh);
@@ -5759,7 +5402,7 @@ summary{min-height:24px;padding:3px 0;}
       var h = $('h-domain');
       if (!state.domain) { h.innerHTML = '&nbsp;'; h.className = 'hint'; this.classList.remove('bad'); }
       else if (looksLikeDomain(state.domain)) { h.textContent = 'Looks like a domain.'; h.className = 'hint ok'; this.classList.remove('bad'); }
-      else { h.textContent = 'That doesn’t look like a domain yet (e.g. mercury.example.com).'; h.className = 'hint err'; this.classList.add('bad'); }
+      else { h.textContent = 'That doesn’t look like a domain yet (e.g. moonbase.example.com).'; h.className = 'hint err'; this.classList.add('bad'); }
       renderAddrPanel();
       saveDraft();
     });
@@ -5769,10 +5412,10 @@ summary{min-height:24px;padding:3px 0;}
       saveDraft();
     });
 
-    /* ── planet physics, questions 1 to 7 (tasks 1004418 and 1004419, BV2.PS07 + PS11) ──
-       One wizard step with its own inner sequence: 0 account-or-scratch, 1 state,
-       2 geography, 3 ages, 4 entity, 5 builders, 6 rewards, 7 framing, the summary
-       ('sum') and the stop screen. The answers live in state.physics.answers under
+    /* ── planet physics (tasks 1004418 and 1004419, BV2.PS07 + PS11; regrouped by task 1004504) ──
+       Geography, ages and entity are the quick checks (screen 3); the project's state,
+       the builders, the rewards and the framing are rows of the review (screen 4), each
+       prefilled and confirmed there. The answers live in state.physics.answers under
        planet-physics.js's own keys, so the create sends them as `detail` untouched.
        The vocabularies below are COPIES of that file's (a page cannot require a
        module), held equal by tests/wizard_physics.mjs and wizard_physics_more.mjs. */
@@ -5803,32 +5446,14 @@ summary{min-height:24px;padding:3px 0;}
       'CA-ON': 'Ontario', 'CA-PE': 'Prince Edward Island', 'CA-QC': 'Quebec', 'CA-SK': 'Saskatchewan', 'CA-YT': 'Yukon'
     };
     var PHYS_ENTITY_FORMS = ['nonprofit', 'for-profit', 'corporate-division', 'research', 'university-project', 'social-group', 'single-owner-llc', 'private-individual'];
-    /* The core material the entity gives the planet (the direction doc's placeholder
-       art direction): frost for one person, chrome for a group, gold for an
-       organization, obsidian for a nonprofit. */
-    var PHYS_MATERIAL = {
-      'intent-solo': 'frost', 'single-owner-llc': 'frost', 'private-individual': 'frost',
-      'university-project': 'chrome', 'social-group': 'chrome', 'intent-unsure': 'chrome',
-      'intent-company': 'gold', 'for-profit': 'gold', 'corporate-division': 'gold', 'research': 'gold',
-      'intent-nonprofit': 'obsidian', 'nonprofit': 'obsidian'
-    };
-    var PHYS_CORE_WORD = { frost: 'individual', chrome: 'group', gold: 'organization', obsidian: 'nonprofit' };
-    var PHYS_GEO_WORD = { 'us-only': 'us only', 'us-eu': 'us + eu', 'global': 'global', 'not-sure': 'not sure yet' };
-    /* Questions 5 to 7 (task 1004419). The voice (spec D5): a formed organization
-       reads the plain professional copy; individuals, groups and every "not yet" read
-       the planet's. The lists are planet-physics.js's, in its order. */
-    var PHYS_ORGS = ['nonprofit', 'for-profit', 'corporate-division', 'research'];
+    /* Questions 5 to 7 (task 1004419). The lists are planet-physics.js's, in its order. */
     var PHYS_REWARDS = ['non-monetary', 'cash', 'equity', 'future-payouts'];
     var PHYS_FRAMINGS = ['managed', 'hybrid', 'local', 'open-source'];
     var PHYS_SERVICES = ['hosting', 'labor-payment', 'starter-kit', 'marketplace-buy', 'marketplace-sell', 'guild-access', 'guild-create', 'company-creation', 'cbaas-consulting', 'public-marketing'];
     var PHYS_MANY = ['reward_intents', 'services'];
     /* the suite a hybrid or local framing starts from (the canvas's Framing frame) */
     var PHYS_SUITE_START = { hybrid: ['hosting', 'starter-kit', 'marketplace-buy', 'guild-access'], local: ['starter-kit', 'marketplace-buy', 'guild-access'] };
-    /* the framing is the planet's orbit around the platform: all managed is close,
-       hybrid the middle, local far, and open source a system of its own */
-    var PHYS_ORBIT = { managed: 'near', hybrid: 'mid', local: 'far', 'open-source': 'own' };
-    var PHYS_ORBIT_WORD = { managed: 'a close orbit around the platform', hybrid: 'a middle orbit around the platform', local: 'a far orbit around the platform', 'open-source': 'a system of its own' };
-    /* what the summary says for each answer */
+    /* what the review and the reasons say for each answer */
     var PHYS_SAY = {
       project_state: { 'new': 'New', existing: 'Existing' },
       builder_geography: { 'us-only': 'Builders in the US only', 'us-eu': 'Builders in the US and EU', global: 'Builders anywhere', 'not-sure': 'Not sure yet where builders will be' },
@@ -5837,7 +5462,7 @@ summary{min-height:24px;padding:3px 0;}
         nonprofit: 'Nonprofit', 'for-profit': 'For-profit company', 'corporate-division': 'Division of a corporation', research: 'Research entity',
         'university-project': 'University project', 'social-group': 'Social group', 'single-owner-llc': 'Single-owner LLC', 'private-individual': 'Private individual'
       },
-      reward_intents: { 'non-monetary': 'Non-monetary', cash: 'Cash for work', equity: 'Equity or shares', 'future-payouts': 'Future profits or payouts' },
+      reward_intents: { 'non-monetary': 'Learning and fun', cash: 'Cash for work', equity: 'Equity', 'future-payouts': 'Future payouts' },
       framing: { managed: 'All managed', hybrid: 'Hybrid', local: 'Local or internal', 'open-source': 'Open source, local' },
       services: {
         hosting: 'Hosting', 'labor-payment': 'Labor payment and HR', 'starter-kit': 'Starting module kit', 'marketplace-buy': 'Module marketplace: buy',
@@ -5845,16 +5470,10 @@ summary{min-height:24px;padding:3px 0;}
         'company-creation': 'Company creation', 'cbaas-consulting': 'Expert consulting', 'public-marketing': 'Public marketed project'
       }
     };
-    /* the project type the entity suggests for the Type step (a pre-fill the founder sees and can change) */
-    var PHYS_TYPE = {
-      'intent-company': 'business', 'for-profit': 'business', 'corporate-division': 'business', 'single-owner-llc': 'business',
-      'intent-nonprofit': 'non-profit', nonprofit: 'non-profit', research: 'research', 'university-project': 'research'
-    };
-    var PHYS_LAST = 7;
     var physLimits = [];
 
     function phys() {
-      if (!state.physics || typeof state.physics !== 'object') state.physics = { q: 0, start: null, answers: {} };
+      if (!state.physics || typeof state.physics !== 'object') state.physics = { answers: {} };
       if (!state.physics.answers || typeof state.physics.answers !== 'object') state.physics.answers = {};
       return state.physics;
     }
@@ -5879,11 +5498,11 @@ summary{min-height:24px;padding:3px 0;}
       if ((a.framing === 'hybrid' || a.framing === 'local') && Array.isArray(a.services)) {
         out.services = PHYS_SERVICES.filter(function (s) { return a.services.indexOf(s) !== -1; });
       }
-      /* the voice follows the entity (spec D5), stored so settings can switch it later */
-      if (a.entity) out.voice = physVoice();
+      /* the voice (spec D5) is the plain one for every founder since task 1004504;
+         still stored, so settings can switch it later */
+      if (a.entity) out.voice = 'professional';
       return out;
     }
-    function physVoice() { return PHYS_ORGS.indexOf(phys().answers.entity) !== -1 ? 'professional' : 'planet'; }
     function physSolo() { var a = phys().answers; return a.builders_at_start === 1 && a.builders_expected === 1; }
     function physHidden(option) { return physLimits.some(function (l) { return l && l.option === option && l.effect === 'hide'; }); }
     /* a question the answers skip: rewards, when the table hides them (building alone) */
@@ -5901,88 +5520,34 @@ summary{min-height:24px;padding:3px 0;}
       if (q === 7) return !!a.framing;
       return false;
     }
-    /* Where Continue goes from question q: the next one that applies — or, once the
-       founder came here from the summary's "change", straight back to the summary
-       unless a later question still needs an answer. */
-    function physNextQ(q) {
-      var p = phys();
-      for (var n = q + 1; n <= PHYS_LAST; n++) {
-        if (physSkips(n)) continue;
-        if (!p.fromSum || !physAnswered(n)) return n;
-      }
-      return 'sum';
-    }
-    function physPrevQ(q) {
-      var from = q === 'sum' ? PHYS_LAST + 1 : q;
-      for (var n = from - 1; n >= 1; n--) if (!physSkips(n)) return n;
-      return 0;
-    }
-
-    /* ── the technical steps, pre-filled from the answers (task 1004419) ──
-       What the answers suggest, applied only where the founder has not chosen for
-       themselves (the field still holds its default, or what we filled last time), so
-       walking back to change an answer moves the suggestion and never their choice. */
-    var PHYS_PREFILL_DEFAULT = { projType: null, teamShape: null, mode: 'greenfield' };
-    function physPrefillFor() {
-      var a = phys().answers, out = {};
-      if (PHYS_TYPE[a.entity]) out.projType = PHYS_TYPE[a.entity];
-      if (physSolo()) out.teamShape = 'solo';
-      if (a.project_state) out.mode = a.project_state === 'existing' && Array.isArray(a.existing_work) && a.existing_work.indexOf('code') !== -1 ? 'adopt' : 'greenfield';
-      return out;
-    }
-    function physPrefill() {
-      var want = physPrefillFor(), was = state.prefilled || {}, now = {};
-      Object.keys(PHYS_PREFILL_DEFAULT).forEach(function (k) {
-        var cur = state[k] === undefined ? PHYS_PREFILL_DEFAULT[k] : state[k];
-        var untouched = cur === PHYS_PREFILL_DEFAULT[k] || (was[k] !== undefined && cur === was[k]);
-        if (!untouched) return;
-        if (want[k] !== undefined) { state[k] = want[k]; now[k] = want[k]; } else state[k] = PHYS_PREFILL_DEFAULT[k];
-      });
-      state.prefilled = now;
-      /* a step the answers skip keeps its default answer */
-      if (physStepSkipped(10)) state.appPlatform = 'later';
-      if (typeof setMode === 'function') setMode(state.mode);
-      if (typeof paintType === 'function') paintType(state.projType || null);
-      if (typeof paintTeam === 'function') paintTeam(state.teamShape || null);
-      saveDraft();
-      return now;
-    }
-    /* The technical steps that do not apply to these answers: a planet built on its
-       own machines (framing local, or open source) has no app platform to pick. A demo
-       is all managed, whatever an abandoned walk through the questions left behind. */
-    function physStepSkipped(n) {
+    /* A planet built on its own machines (framing local, or open source) has no app
+       platform to pick, so the review's App hosting row only says so. A demo is all
+       managed, whatever an abandoned walk through the questions left behind. */
+    function appSkipped() {
       if (state.demo) return false;
       var a = (state.physics && state.physics.answers) || {};
-      return n === 10 && (a.framing === 'local' || a.framing === 'open-source');
-    }
-    /* the wizard's Next and Back step over a skipped step; the rail still reaches it */
-    function physPastSkips(n, dir) {
-      while (n > 0 && n < 13 && physStepSkipped(n)) n += dir;
-      return n;
-    }
-    /* the line on the Type and Home steps saying the answer came from the questions */
-    function physPaintPrefillNotes() {
-      if (!PHYS_SAY) return;   /* setMode runs once at boot, above where these are set */
-      var pf = state.prefilled || {}, a = (state.physics && state.physics.answers) || {};
-      var whose = PHYS_ORGS.indexOf(a.entity) !== -1 ? 'your project' : 'your planet';
-      var t = $('typePrefill');
-      var tOn = !!pf.projType && state.projType === pf.projType && !!PHYS_SAY.entity[a.entity];
-      t.hidden = !tOn;
-      t.textContent = tOn ? 'Picked from your answer “' + PHYS_SAY.entity[a.entity] + '”. Change it if another fits better.' : '';
-      var h = $('homePrefill');
-      var hOn = !!pf.mode && state.mode === pf.mode;
-      h.hidden = !hOn;
-      h.textContent = !hOn ? '' : pf.mode === 'adopt'
-        ? 'Adopt is picked because ' + whose + ' already has code. Choose Start fresh if it should begin again.'
-        : a.project_state === 'existing'
-          ? 'Start fresh is picked because what ' + whose + ' has so far is not code.'
-          : 'Start fresh is picked because ' + whose + ' is new.';
+      return a.framing === 'local' || a.framing === 'open-source';
     }
+    /* What the create sends as `detail`. A demo sends only its team shape: the server
+       applies the demo's own picked answers (task 1004420), as it always has. */
     function createDetail() {
-      var d = physDetail();
+      var d = state.demo ? {} : physDetail();
       if (state.teamShape) d.team_shape = state.teamShape;
       return Object.keys(d).length ? d : undefined;
     }
+    /* The review's prefilled answers, written once on the way in and never over a
+       founder's own: a new project, all managed, one person. Each still has to be
+       confirmed on its row before Create — confirming is the answer. */
+    function physDefaults() {
+      var a = phys().answers;
+      if (!a.project_state) a.project_state = 'new';
+      if (!a.framing) a.framing = 'managed';
+      if (!Number.isInteger(a.builders_at_start)) { a.builders_at_start = 1; a.builders_expected = 1; }
+      if (physSolo()) state.teamShape = 'solo';
+      else if (!state.teamShape || state.teamShape === 'solo') state.teamShape = 'small-team';
+      if (state.mode === 'greenfield' && a.project_state === 'existing' && Array.isArray(a.existing_work) && a.existing_work.indexOf('code') !== -1 && !(state.confirmed || {}).code) setMode('adopt');
+      saveDraft();
+    }
 
     function physFillSelects() {
       var c = $('physCountry'), r = $('physRegion');
@@ -6003,100 +5568,30 @@ summary{min-height:24px;padding:3px 0;}
       r.value = a.home_region || '';
     }
 
-    /* The stage: the planet forming from the world's own plates. A seed for a new
-       planet, a formed one for an existing; the core material once the entity is
-       known; a protective ring when young builders are on board. */
-    function physPaintStage() {
-      var p = phys(), a = p.answers;
-      var mat = PHYS_MATERIAL[a.entity] || null;
-      var src = mat && mat !== 'chrome' ? '/assets/world/r3-' + mat + '-blob-cut.webp'
-        : a.project_state === 'existing' ? '/assets/world/r2-chrome-blobs-set-cut.webp'
-          : '/assets/world/r2-chrome-blob-one-cut.webp';
-      var img = $('physPlanet');
-      if (img.getAttribute('src') !== src) img.setAttribute('src', src);
-      var size = p.q === 'stop' ? 0 : p.q === 'sum' ? 6
-        : Math.min(6, Math.max(1, Math.min(typeof p.q === 'number' ? p.q : 0, PHYS_LAST) + (a.project_state === 'existing' ? 2 : 1)));
-      img.setAttribute('data-size', String(size));
-      img.hidden = p.q === 'stop';
-      $('physGuard').hidden = a.minors_on_board !== true || p.q === 'stop';
-      $('physStage').classList.toggle('physStopped', p.q === 'stop');
-      var pro = physVoice() === 'professional';
-      $('physCapLbl').textContent = pro ? 'project profile' : 'planet physics';
-      $('physCapN').textContent = p.q === 'stop' ? 'stopped' : p.q === 'sum' ? 'complete' : (typeof p.q === 'number' ? p.q : 0) + ' of 7';
-      /* task 1004419: moons for the builders now (beads of the core's material), faint
-         ones on the dashed orbit for the expected growth, a ring per reward being
-         considered, and the orbit around the platform's mark the framing sets */
-      var live = p.q !== 'stop';
-      var at = live && Number.isInteger(a.builders_at_start) ? a.builders_at_start : 0;
-      var exp = live && Number.isInteger(a.builders_expected) ? a.builders_expected : 0;
-      var bead = '/assets/world/r3-' + (mat && mat !== 'chrome' ? mat : 'frost') + '-bead-cut.webp';
-      var nMoons = Math.min(at, 6), nGhosts = Math.min(Math.max(exp - at, 0), 4);
-      root.querySelectorAll('#physMoons img, #physGhosts img').forEach(function (m) { if (m.getAttribute('src') !== bead) m.setAttribute('src', bead); });
-      root.querySelectorAll('#physMoons img').forEach(function (m, i) { m.hidden = i >= nMoons; });
-      root.querySelectorAll('#physGhosts img').forEach(function (m, i) { m.hidden = i >= nGhosts; });
-      $('physMoons').hidden = nMoons === 0;
-      $('physGhosts').hidden = nGhosts === 0;
-      var rewards = live && Array.isArray(a.reward_intents) && !physSolo() && !physHidden('reward_intents') ? a.reward_intents : [];
-      root.querySelectorAll('#physStage .physBelt').forEach(function (b, i) { b.hidden = i >= rewards.length; });
-      var orbit = live && a.framing ? PHYS_ORBIT[a.framing] : 'none';
-      $('physStage').setAttribute('data-orbit', orbit);
-      $('physSun').hidden = orbit === 'none' || orbit === 'own';
-      $('physTether').hidden = orbit === 'none' || orbit === 'own';
-      var rewardWords = rewards.map(function (r) { return PHYS_SAY.reward_intents[r].toLowerCase(); }).join(', ');
-      var call = pro ? 'profile · each answer shapes your project here' : 'physics · the rules it lives by · each answer shapes your planet here';
-      if (p.q === 'stop') call = 'no planet forms · stopped at state · nothing was created';
-      else if (p.q === 'sum') call = pro ? 'profile · seven answers · ready for setup' : 'physics · seven answers, one planet · ready for its coordinates';
-      else if (p.q === 7 && a.framing) call = pro
-        ? 'framing · ' + PHYS_SAY.framing[a.framing].toLowerCase()
-        : 'orbit · ' + PHYS_SAY.framing[a.framing].toLowerCase() + ' · ' + PHYS_ORBIT_WORD[a.framing];
-      else if (p.q === 6 && rewards.length) call = pro
-        ? 'rewards · ' + rewards.length + ' being considered · ' + rewardWords
-        : 'rings · ' + rewards.length + (rewards.length === 1 ? ' current of value · ' : ' currents of value · ') + rewardWords;
-      else if (p.q === 5 && at) call = physSolo()
-        ? (pro ? 'team · one person' : 'moons · just you · one moon')
-        : (pro ? 'team · ' + at + (at === 1 ? ' contributor' : ' contributors') + ' · estimated ' + exp + ' by month three'
-          : 'moons · ' + at + (at === 1 ? ' builder now' : ' builders now') + ' · the dashed orbit holds about ' + exp + ' by month three');
-      else if (p.q === 4 && mat) call = 'core · ' + PHYS_CORE_WORD[mat] + ' · a ' + mat + ' core';
-      else if (p.q === 3 && a.minors_on_board === true) call = 'protective ring · under 18s on board · the age tiers apply';
-      else if (p.q === 2 && a.home_country) call = 'coordinates · ' + (a.home_region || a.home_country).toLowerCase() + (a.builder_geography ? ' · builders ' + PHYS_GEO_WORD[a.builder_geography] : '');
-      else if (p.q === 1 && a.project_state) call = a.project_state === 'existing' ? 'state · existing · terrain already formed' : 'state · new · a seed: nothing built yet';
-      $('physCallout').textContent = call;
-      var coords = [];
-      if (a.project_state) coords.push('state ' + a.project_state);
-      if (a.home_country) coords.push('home ' + (a.home_region || a.home_country).toLowerCase());
-      if (a.builder_geography) coords.push('builders ' + PHYS_GEO_WORD[a.builder_geography]);
-      if (a.minors_on_board !== undefined && a.minors_on_board !== null) coords.push(a.minors_on_board ? 'ages 13+' : 'ages 18+');
-      if (mat) coords.push('core ' + PHYS_CORE_WORD[mat]);
-      if (at) coords.push((pro ? 'team ' : 'builders ') + (physSolo() ? '1' : at + ' → ' + exp));
-      if (rewards.length) coords.push('rewards ' + rewards.map(function (r) { return r === 'future-payouts' ? 'future' : r; }).join(', '));
-      if (live && a.framing) coords.push((pro ? 'framing ' : 'orbit ') + a.framing);
-      $('physCoords').textContent = coords.join(' · ');
-    }
-
     /* The soft-limit table's verdicts (spec D6): an option it hides is hidden and
        one it greys is disabled, each with its reason beside it. */
     /* Task 1004419 widened it to the list questions: a member the table hides is
        hidden and one it greys disabled, and either leaves the founder's list (it can
        no longer be chosen); a member's reasons gather once each in its question's
        why list, naming the options they are about. A whole question it hides, the
-       flow skips (physSkips) or hides (data-limit). */
+       review hides with its row (physSkips) or hides in place (data-limit). */
     function physApplyLimits() {
       var a = phys().answers;
-      root.querySelectorAll('#panel-physics [data-why]').forEach(function (el) { el.hidden = true; el.textContent = ''; });
-      root.querySelectorAll('#panel-physics [data-limit-grey]').forEach(function (el) { el.removeAttribute('data-limit-grey'); el.disabled = false; el.title = ''; });
-      root.querySelectorAll('#panel-physics [data-limit-hide]').forEach(function (el) { el.removeAttribute('data-limit-hide'); el.hidden = false; });
+      root.querySelectorAll('#view-new [data-why]').forEach(function (el) { el.hidden = true; el.textContent = ''; });
+      root.querySelectorAll('#view-new [data-limit-grey]').forEach(function (el) { el.removeAttribute('data-limit-grey'); el.disabled = false; el.title = ''; });
+      root.querySelectorAll('#view-new [data-limit-hide]').forEach(function (el) { el.removeAttribute('data-limit-hide'); el.hidden = false; });
       var lists = {};
       physLimits.forEach(function (l) {
         var key = String((l && l.option) || '');
         var parts = key.split(':');
-        var why = root.querySelector('#panel-physics [data-why="' + key + '"]');
+        var why = root.querySelector('#view-new [data-why="' + key + '"]');
         if (why && l.reason) { why.textContent = why.textContent ? why.textContent + ' ' + l.reason : l.reason; why.hidden = false; }
         if (!parts[1]) {
-          if (l.effect === 'hide') root.querySelectorAll('#panel-physics [data-limit="' + key + '"]').forEach(function (el) { el.hidden = true; });
+          if (l.effect === 'hide') root.querySelectorAll('#view-new [data-limit="' + key + '"]').forEach(function (el) { el.hidden = true; });
           return;
         }
         /* a note is offered as it is, with its reason in the list below */
-        root.querySelectorAll('#panel-physics [data-phys="' + parts[0] + '"][data-val="' + parts[1] + '"]').forEach(function (b) {
+        root.querySelectorAll('#view-new [data-phys="' + parts[0] + '"][data-val="' + parts[1] + '"]').forEach(function (b) {
           if (l.effect === 'grey') { b.disabled = true; b.setAttribute('data-limit-grey', '1'); b.title = l.reason || ''; }
           if (l.effect === 'hide') { b.hidden = true; b.setAttribute('data-limit-hide', '1'); }
         });
@@ -6107,7 +5602,7 @@ summary{min-height:24px;padding:3px 0;}
         var byReason = lists[parts[0]] = lists[parts[0]] || {};
         (byReason[l.reason] = byReason[l.reason] || []).push(PHYS_SAY[parts[0]][parts[1]] || parts[1]);
       });
-      root.querySelectorAll('#panel-physics [data-why-list]').forEach(function (ul) {
+      root.querySelectorAll('#view-new [data-why-list]').forEach(function (ul) {
         while (ul.firstChild) ul.removeChild(ul.firstChild);
         var byReason = lists[ul.getAttribute('data-why-list')] || {};
         Object.keys(byReason).forEach(function (reason) {
@@ -6119,59 +5614,37 @@ summary{min-height:24px;padding:3px 0;}
       });
     }
 
-    function paintPhysics() {
-      var p = phys(), a = p.answers;
-      root.querySelectorAll('#panel-physics .physQ').forEach(function (el) {
-        el.hidden = String(el.getAttribute('data-q')) !== String(p.q);
-      });
-      root.querySelectorAll('#physRail li').forEach(function (li) {
-        var n = Number(li.getAttribute('data-q'));
-        li.classList.toggle('now', n === p.q);
-        li.classList.toggle('done', !!n && (p.q === 'sum' || (typeof p.q === 'number' && n < p.q)) && !physSkips(n));
-        li.classList.toggle('skipped', physSkips(n));
-      });
-      $('physRail').hidden = p.q === 'stop' || p.q === 0;
-      $('physNav').hidden = p.q === 'stop';
-      physPaintVoice();
-      root.querySelectorAll('[data-phys-start]').forEach(function (b) { b.setAttribute('aria-pressed', String(b.getAttribute('data-phys-start') === p.start)); });
-      root.querySelectorAll('#panel-physics [data-phys]').forEach(function (b) {
+    /* every [data-phys] pill, pressed or not, from the answers — on both screens */
+    function physPaintPills() {
+      var a = phys().answers;
+      root.querySelectorAll('#view-new [data-phys]').forEach(function (b) {
         var v = a[b.getAttribute('data-phys')], val = b.getAttribute('data-val');
         var on = Array.isArray(v) ? v.indexOf(val) !== -1 : v !== undefined && v !== null && String(v) === val;
         b.setAttribute('aria-pressed', String(on));
       });
-      physPaintTeam();
-      var suite = a.framing === 'hybrid' || a.framing === 'local';
-      $('physSuite').hidden = !suite;
-      $('physSuiteLbl').textContent = a.framing === 'local' ? 'Your local suite' : 'Your hybrid suite';
-      if (p.q === 'sum') physPaintSummary();
-      $('physNext').textContent = p.q !== 'sum' ? 'Continue →'
-        : physVoice() === 'professional' ? 'Continue to setup →' : 'Create my planet →';
-      var existing = a.project_state === 'existing';
-      $('physExisting').hidden = !existing;
-      var works = Array.isArray(a.existing_work) ? a.existing_work : [];
-      root.querySelectorAll('#physExisting [data-work]').forEach(function (cb) { cb.checked = works.indexOf(cb.getAttribute('data-work')) !== -1; });
-      root.querySelectorAll('#physExisting input[name="physMain"]').forEach(function (r) {
-        r.checked = a.main_work === r.value;
-        r.disabled = works.indexOf(r.value) === -1;
-      });
-      $('physDesc').value = state.description || '';
+    }
+    /* screen 3, the quick checks: country and region, where builders will be, anyone
+       under 18 (the tiers shown for a yes), and who is behind it (the full list of legal
+       entities for someone who already has one) */
+    function paintChecks() {
+      var p = phys(), a = p.answers;
+      physPaintPills();
       $('physAges').hidden = a.minors_on_board !== true;
-      var forms = existing || PHYS_ENTITY_FORMS.indexOf(a.entity) !== -1 || p.entityForms === true;
+      var forms = PHYS_ENTITY_FORMS.indexOf(a.entity) !== -1 || p.entityForms === true;
       $('physForms').hidden = !forms;
       $('physIntent').hidden = forms;
-      if (p.q === 0 && !physAccountLoaded) { physAccountLoaded = true; physLoadAccount(); }
       physFillSelects();
       physApplyLimits();
-      physPaintStage();
     }
-
-    /* the voice (spec D5): show the baked variant the entity answer picks */
-    function physPaintVoice() {
-      var v = physVoice() === 'professional' ? 'pro' : 'planet';
-      root.querySelectorAll('#panel-physics [data-voice]').forEach(function (el) { el.hidden = el.getAttribute('data-voice') !== v; });
+    function checksShow(which) {
+      $('checksMain').hidden = which !== 'main';
+      $('checksStop').hidden = which !== 'stop';
+      $('wizBack').hidden = false;
+      var h = which === 'stop' ? $('phys-hstop') : $('checks-h');
+      h.setAttribute('tabindex', '-1'); h.focus({ preventScroll: false });
     }
 
-    /* question 5: one or many, the start count, and the month-three guess */
+    /* the Team size row's controls: one or many, the start count, and the month-three guess */
     function physPaintTeam() {
       var a = phys().answers, many = Number.isInteger(a.builders_at_start) && !physSolo();
       root.querySelectorAll('[data-phys-solo]').forEach(function (b) {
@@ -6179,85 +5652,23 @@ summary{min-height:24px;padding:3px 0;}
         b.setAttribute('aria-pressed', String(on));
       });
       $('physTeam').hidden = !many;
+      paintTeam(state.teamShape || null);
       if (!many) return;
       var start = a.builders_at_start, exp = a.builders_expected;
-      var pro = physVoice() === 'professional';
       $('physStartN').textContent = String(start);
-      $('physM1').textContent = String(start);
-      $('physM2').textContent = String(Math.round(Math.sqrt(start * exp)));
-      $('physM3').textContent = String(exp);
       var range = $('physExpected');
       range.setAttribute('min', String(Math.max(2, start)));
       range.setAttribute('max', String(Math.min(100000, Math.max(30, physGuess(start) * 3, exp))));
       range.value = String(exp);
-      range.setAttribute('aria-valuetext', exp + (pro ? ' contributors' : ' builders') + ' by month three');
-      $('physGuessLine').textContent = pro
-        ? 'Based on your project, we estimate ' + exp + ' contributors by month three. Adjust it if you know better.'
-        : 'From what you’re building, we’d expect about ' + exp + ' builders by month three. Nobody can estimate builder growth cold, so we guess first and you correct.';
+      range.setAttribute('aria-valuetext', exp + ' people by month three');
+      $('physGuessLine').textContent = 'We guess about ' + exp + ' people by month three. Adjust it if you know better.';
     }
 
-    /* the summary: every answer, each with a way back to its question */
     function physCountryName(code) {
       try { return new Intl.DisplayNames(['en'], { type: 'region' }).of(code) || code; } catch (e) { return code; }
     }
-    function physSummaryRows() {
-      var a = phys().answers, pro = physVoice() === 'professional';
-      var rows = [];
-      var told = String(state.description || '').trim();
-      rows.push({ q: 1, k: 'State', v: PHYS_SAY.project_state[a.project_state] || 'Not answered', s: told });
-      rows.push({ q: 2, k: 'Geography', v: a.home_country ? physCountryName(a.home_country) + (a.home_region && PHYS_REGIONS[a.home_region] ? ' (' + PHYS_REGIONS[a.home_region] + ')' : '') : 'Not answered',
-        s: PHYS_SAY.builder_geography[a.builder_geography] || '' });
-      rows.push({ q: 3, k: 'Under 18', v: a.minors_on_board === true ? 'Yes' : a.minors_on_board === false ? 'No' : 'Not answered',
-        s: a.minors_on_board === true ? 'The age tiers apply, and a guardian signs for each young builder' : a.minors_on_board === false ? 'Everyone building is an adult' : '' });
-      rows.push({ q: 4, k: pro ? 'Entity' : 'You are', v: PHYS_SAY.entity[a.entity] || 'Not answered',
-        s: PHYS_ENTITY_FORMS.indexOf(a.entity) !== -1 ? 'An entity already formed' : a.entity ? 'The binding choice comes later' : '' });
-      var solo = physSolo();
-      rows.push({ q: 5, k: pro ? 'Team' : 'Builders', v: solo ? 'Just you' : Number.isInteger(a.builders_at_start) ? a.builders_at_start + ' now' : 'Not answered',
-        s: solo ? (pro ? 'A single contributor' : 'Building solo') : Number.isInteger(a.builders_expected) ? 'About ' + a.builders_expected + ' by month three' : '' });
-      var hiddenWhy = physLimits.filter(function (l) { return l && l.option === 'reward_intents' && l.effect === 'hide'; })[0];
-      var rewards = Array.isArray(a.reward_intents) ? a.reward_intents : [];
-      if (physSkips(6)) rows.push({ q: 5, k: 'Rewards', v: 'Not asked', s: hiddenWhy ? hiddenWhy.reason : '' });
-      else rows.push({ q: 6, k: 'Rewards', v: rewards.length ? PHYS_REWARDS.filter(function (r) { return rewards.indexOf(r) !== -1; }).map(function (r) { return PHYS_SAY.reward_intents[r]; }).join(', ') : 'Not answered',
-        s: rewards.length ? 'Intent only' : '' });
-      var services = Array.isArray(a.services) ? a.services : [];
-      rows.push({ q: 7, k: 'Framing', v: PHYS_SAY.framing[a.framing] || 'Not answered',
-        s: a.framing === 'managed' ? 'The whole suite, run for you'
-          : a.framing === 'open-source' ? 'The free core, on your own machines'
-            : (a.framing === 'hybrid' || a.framing === 'local') ? (services.length ? PHYS_SERVICES.filter(function (x) { return services.indexOf(x) !== -1; }).map(function (x) { return PHYS_SAY.services[x]; }).join(', ') : 'No services picked yet') : '' });
-      return rows;
-    }
-    function physPaintSummary() {
-      var dl = $('physSummary');
-      while (dl.firstChild) dl.removeChild(dl.firstChild);
-      physSummaryRows().forEach(function (r) {
-        var dt = document.createElement('dt');
-        dt.textContent = r.k;
-        var dd = document.createElement('dd');
-        var body = document.createElement('span');
-        body.textContent = r.v;
-        if (r.s) { var sm = document.createElement('small'); sm.textContent = r.s; body.appendChild(sm); }
-        var change = document.createElement('button');
-        change.type = 'button';
-        change.className = 'physLink';
-        change.textContent = 'change';
-        change.setAttribute('data-phys-goto', String(r.q));
-        change.setAttribute('aria-label', 'Change ' + r.k.toLowerCase());
-        change.addEventListener('click', function () { physChange(r.q); });
-        dd.appendChild(body);
-        dd.appendChild(change);
-        dl.appendChild(dt);
-        dl.appendChild(dd);
-      });
-    }
-    /* "change": back to that question; Continue from it returns to the summary */
-    function physChange(q) {
-      phys().fromSum = true;
-      physHint('');
-      physGo(q);
-    }
-
     function physHint(msg) {
-      $('h-phys').textContent = msg || ' ';
+      $('h-phys').textContent = msg || ' ';
       $('h-phys').className = msg ? 'hint err' : 'hint';
     }
     function physCheck() {
@@ -6266,101 +5677,50 @@ summary{min-height:24px;padding:3px 0;}
         body: JSON.stringify({ description: String(state.description || '').trim() || undefined, detail: physDetail() })
       }).then(function (r) { return r.ok ? r.json() : null; }).catch(function () { return null; });
     }
-    function physGo(q) {
-      phys().q = q;
-      if (q === 'sum') phys().fromSum = false;
-      saveDraft();
-      paintPhysics();
-      var h = root.querySelector('#panel-physics .physQ[data-q="' + q + '"] h1');
-      if (h) { h.setAttribute('tabindex', '-1'); h.focus({ preventScroll: false }); }
+    /* What the table hides follows the team and the framing, so a change to either on
+       the review asks it again and repaints the rows it touches. */
+    function physRecheck() {
+      physCheck().then(function (res) {
+        if (!res || !res.soft_limits) return;
+        physLimits = res.soft_limits.limits || [];
+        physApplyLimits();
+        paintSetup();
+      });
     }
 
-    /* Continue: check this question, then move on. Question 1 asks the server's
-       screen first — a description it stops ends here, before anything exists. */
+    /* Continue on the quick checks: every answer given, then the server's screen — the
+       one the create runs — with the description from screen 2. A stop ends here,
+       before anything exists; otherwise its soft limits shape the review. */
     var physBusy = false;
-    function physAdvance() {
-      var p = phys(), a = p.answers;
+    function checksAdvance() {
+      var a = phys().answers;
       physHint('');
-      if (p.q === 0) { if (!p.start) p.start = 'scratch'; physGo(1); return false; }
-      if (p.q === 1) {
-        if (!a.project_state) { physHint('Pick new or existing to go on.'); return false; }
-        if (a.project_state === 'existing') {
-          var works = Array.isArray(a.existing_work) ? a.existing_work : [];
-          if (!works.length) { physHint('Pick what already exists, then your main one.'); return false; }
-          if (works.indexOf(a.main_work) === -1) { physHint('Mark which of them is your main one.'); return false; }
-        }
-        if (physBusy) return false;
-        physBusy = true;
-        physCheck().then(function (res) {
-          physBusy = false;
-          if (res && res.stop) { $('physStopMsg').textContent = res.message || ''; physGo('stop'); return; }
-          physLimits = (res && res.soft_limits && res.soft_limits.limits) || [];
-          physGo(physNextQ(1));
-        });
-        return false;
-      }
-      if (p.q === 2) {
-        if (!a.home_country) { physHint('Pick your country.'); return false; }
-        if (!a.builder_geography) { physHint('Say where you expect builders to be. Not sure yet is a fine answer.'); return false; }
-        physGo(physNextQ(2)); return false;
-      }
-      if (p.q === 3) {
-        if (a.minors_on_board !== true && a.minors_on_board !== false) { physHint('Answer yes or no to go on.'); return false; }
-        physGo(physNextQ(3)); return false;
-      }
-      /* from question 4 on, the table is asked again on every Continue: what it hides
-         or greys on the next screens depends on the answers just given */
-      if (p.q >= 4 && p.q <= PHYS_LAST) {
-        if (!physAnswered(p.q)) {
-          physHint(p.q === 4 ? 'Pick the one that fits best. Don’t know yet is a fine answer.'
-            : p.q === 5 ? 'Say one or many to go on.'
-              : p.q === 6 ? 'Pick at least one. Non-monetary is a fine answer.'
-                : 'Pick how much should be run for you to go on.');
-          return false;
-        }
-        if (physBusy) return false;
-        physBusy = true;
-        var from = p.q;
-        physCheck().then(function (res) {
-          physBusy = false;
-          if (res && res.soft_limits) physLimits = res.soft_limits.limits || [];
-          physGo(physNextQ(from));
-        });
-        return false;
-      }
-      /* the summary's Create my planet: the answers pre-fill the technical steps,
-         and the wizard moves on to the first of them, the name */
-      if (p.q === 'sum') {
-        physPrefill();
+      if (!a.home_country) { physHint('Pick your country.'); return false; }
+      if (!a.builder_geography) { physHint('Say where builders will be. Not sure is a fine answer.'); return false; }
+      if (a.minors_on_board !== true && a.minors_on_board !== false) { physHint('Answer yes or no for builders under 18.'); return false; }
+      if (!a.entity) { physHint('Say who’s behind it. Not sure yet is a fine answer.'); return false; }
+      if (physBusy) return false;
+      physBusy = true;
+      physDefaults();
+      physCheck().then(function (res) {
+        physBusy = false;
+        if (res && res.stop) { $('physStopMsg').textContent = res.message || ''; checksShow('stop'); return; }
+        physLimits = (res && res.soft_limits && res.soft_limits.limits) || [];
         show(4, true);
-        return false;
-      }
+      });
       return false;
     }
 
-    $('physBack').addEventListener('click', function () {
-      var p = phys();
-      physHint('');
-      p.fromSum = false;
-      if (p.q === 'sum' || (typeof p.q === 'number' && p.q > 0)) physGo(physPrevQ(p.q)); else show(2, true);
-    });
     $('physStartOver').addEventListener('click', function () {
       state.description = '';
       if ($('f-desc')) $('f-desc').value = '';
       phys().answers = {};
-      physGo(1);
-    });
-    root.querySelectorAll('[data-phys-start]').forEach(function (b) {
-      b.addEventListener('click', function () {
-        var p = phys();
-        p.start = b.getAttribute('data-phys-start');
-        if (p.start === 'account' && physAccountAnswers) {
-          Object.keys(physAccountAnswers).forEach(function (k) { p.answers[k] = physAccountAnswers[k]; });
-        }
-        saveDraft(); paintPhysics();
-      });
+      state.confirmed = {};
+      saveDraft();
+      show(2, true);
+      checksShow('main');
     });
-    root.querySelectorAll('#panel-physics [data-phys]').forEach(function (b) {
+    root.querySelectorAll('#view-new [data-phys]').forEach(function (b) {
       b.addEventListener('click', function () {
         var k = b.getAttribute('data-phys'), raw = b.getAttribute('data-val');
         var v = raw === 'true' ? true : raw === 'false' ? false : raw;
@@ -6377,7 +5737,9 @@ summary{min-height:24px;padding:3px 0;}
         }
         if (k === 'project_state' && a[k] !== 'existing') { delete a.existing_work; delete a.main_work; }
         if (k === 'framing') physFramingChanged();
-        physHint(''); saveDraft(); paintPhysics();
+        physHint(''); saveDraft();
+        paintChecks();
+        paintSetup();
       });
     });
     /* A hybrid or local framing starts from the canvas's suite until the founder picks
@@ -6385,22 +5747,22 @@ summary{min-height:24px;padding:3px 0;}
     function physFramingChanged() {
       var p = phys(), a = p.answers;
       if ((a.framing === 'hybrid' || a.framing === 'local') && !p.suiteTouched) a.services = PHYS_SUITE_START[a.framing].slice();
-      physCheck().then(function (res) {
-        if (!res || !res.soft_limits) return;
-        physLimits = res.soft_limits.limits || [];
-        paintPhysics();
-      });
+      unconfirm(['app']);
+      physRecheck();
     }
-    /* question 5's controls: one or many, the start count, the guess */
+    /* the Team size row's controls: one or many, the start count, the guess */
     root.querySelectorAll('[data-phys-solo]').forEach(function (b) {
       b.addEventListener('click', function () {
         var p = phys(), a = p.answers;
         if (b.getAttribute('data-phys-solo') === 'one') {
           a.builders_at_start = 1; a.builders_expected = 1; p.guessTouched = false;
+          state.teamShape = 'solo';
         } else if (physSolo() || !Number.isInteger(a.builders_at_start)) {
           a.builders_at_start = 2; a.builders_expected = physGuess(2); p.guessTouched = false;
+          state.teamShape = 'small-team';
         }
-        physHint(''); saveDraft(); paintPhysics();
+        unconfirm(['rewards', 'extras']);
+        saveDraft(); paintSetup(); physRecheck();
       });
     });
     root.querySelectorAll('[data-phys-count]').forEach(function (b) {
@@ -6412,7 +5774,7 @@ summary{min-height:24px;padding:3px 0;}
            expects company, or it would read as building alone */
         if (!p.guessTouched) a.builders_expected = physGuess(start);
         a.builders_expected = Math.max(a.builders_expected || 0, start, 2);
-        saveDraft(); paintPhysics();
+        saveDraft(); paintSetup();
       });
     });
     $('physExpected').addEventListener('input', function () {
@@ -6420,7 +5782,7 @@ summary{min-height:24px;padding:3px 0;}
       if (!Number.isFinite(n)) return;
       a.builders_expected = Math.max(n, a.builders_at_start || 1, 2);
       p.guessTouched = true;
-      saveDraft(); physPaintTeam(); physPaintStage();
+      saveDraft(); paintSetup();
     });
     root.querySelectorAll('#physExisting [data-work]').forEach(function (cb) {
       cb.addEventListener('change', function () {
@@ -6431,35 +5793,30 @@ summary{min-height:24px;padding:3px 0;}
         a.existing_work = list;
         if (list.length === 1) a.main_work = list[0];
         if (list.indexOf(a.main_work) === -1) a.main_work = list.length ? list[0] : null;
-        saveDraft(); paintPhysics();
+        saveDraft(); paintSetup();
       });
     });
     root.querySelectorAll('#physExisting input[name="physMain"]').forEach(function (r) {
-      r.addEventListener('change', function () { if (r.checked) { phys().answers.main_work = r.value; saveDraft(); paintPhysics(); } });
-    });
-    $('physDesc').addEventListener('input', function () {
-      state.description = $('physDesc').value;
-      if ($('f-desc')) $('f-desc').value = state.description;
-      saveDraft();
+      r.addEventListener('change', function () { if (r.checked) { phys().answers.main_work = r.value; saveDraft(); paintSetup(); } });
     });
     $('physCountry').addEventListener('change', function () {
       var a = phys().answers;
       a.home_country = $('physCountry').value || null;
       if (a.home_region && a.home_region.indexOf((a.home_country || '') + '-') !== 0) a.home_region = null;
-      saveDraft(); paintPhysics();
+      physHint(''); saveDraft(); paintChecks();
     });
-    $('physRegion').addEventListener('change', function () { phys().answers.home_region = $('physRegion').value || null; saveDraft(); physPaintStage(); });
-    $('physHaveEntity').addEventListener('click', function () { phys().entityForms = true; saveDraft(); paintPhysics(); });
+    $('physRegion').addEventListener('change', function () { phys().answers.home_region = $('physRegion').value || null; saveDraft(); });
+    $('physHaveEntity').addEventListener('click', function () { phys().entityForms = true; saveDraft(); paintChecks(); });
     $('physNoEntity').addEventListener('click', function () {
       var p = phys();
       p.entityForms = false;
       if (PHYS_ENTITY_FORMS.indexOf(p.answers.entity) !== -1) p.answers.entity = null;
-      saveDraft(); paintPhysics();
+      saveDraft(); paintChecks();
     });
 
     /* Auto-fill: the answers this account already gave on its most recent project —
-       the only details the platform holds about a founder. With none, the door says so
-       and stays shut. The state of the planet is never copied: it is this project's. */
+       the only details the platform holds about a founder. With none, the offer stays
+       hidden. The state of the project is never copied: it is this project's. */
     var physAccountAnswers = null;
     var physAccountLoaded = false;
     function physLoadAccount() {
@@ -6475,101 +5832,114 @@ summary{min-height:24px;padding:3px 0;}
             if (withDetail.detail[k] !== undefined && withDetail.detail[k] !== null) pick[k] = withDetail.detail[k];
           });
           physAccountAnswers = Object.keys(pick).length ? pick : null;
-          $('physFromAccount').disabled = !physAccountAnswers;
-          var why = $('physAccountWhy');
-          why.hidden = !!physAccountAnswers;
-          why.textContent = physAccountAnswers ? '' : 'Nothing to fill from yet: your account has no other project with these answers.';
+          $('physFillOffer').hidden = !physAccountAnswers;
         })
         .catch(function () {});
     }
+    function physLoadAccountOnce() {
+      if (physAccountLoaded || !authKnown) return;
+      physAccountLoaded = true;
+      physLoadAccount();
+    }
+    $('physFromAccount').addEventListener('click', function () {
+      if (!physAccountAnswers) return;
+      var a = phys().answers;
+      Object.keys(physAccountAnswers).forEach(function (k) { a[k] = physAccountAnswers[k]; });
+      physHint(''); saveDraft(); paintChecks();
+    });
 
-    /* per-panel validation on Next */
+    /* ── checks the old steps made on Next, now made by their rows ── */
+    function validateCode() {
+      var a = phys().answers;
+      var homeErr = function (msg) { $('h-home').textContent = msg; $('h-home').className = 'hint err'; return false; };
+      if (a.project_state === 'existing') {
+        var works = Array.isArray(a.existing_work) ? a.existing_work : [];
+        if (!works.length) return homeErr('Pick what already exists, then your main one.');
+        if (works.indexOf(a.main_work) === -1) return homeErr('Mark which of them is your main one.');
+      }
+      if (repoAccess === 'need-connect') return homeErr('Allow GitHub repo access to pick or create your repository — or choose “enter it manually”.');
+      if (repoAccess === true && state.mode !== 'adopt') {
+        /* Fresh with access: just the new repo NAME (owner is the signed-in account). */
+        if (!validRepoName(state.repo)) return homeErr('Name the new repository (letters, numbers, and . _ -).');
+      } else {
+        /* Adopt (picker or manual) and the manual fallback: need a concrete owner + repo. */
+        if (!state.owner || !state.repo) {
+          return homeErr(state.mode === 'adopt' && repoAccess === true ? 'Pick one of your repositories.' : 'Both owner and repository name are needed.');
+        }
+      }
+      $('h-home').innerHTML = '&nbsp;'; $('h-home').className = 'hint';
+      return true;
+    }
+    function validateAddress() {
+      if (!validSlug(state.slug)) {
+        $('h-slug').textContent = '2–40 lowercase letters, numbers, or dashes; no leading/trailing/double dash.';
+        $('h-slug').className = 'hint err'; $('f-slug').classList.add('bad');
+        return false;
+      }
+      if (state.domain && !looksLikeDomain(state.domain)) {
+        $('addrCustom').open = true;
+        var hd0 = $('h-domain');
+        hd0.textContent = 'That doesn’t look like a domain yet (e.g. moonbase.example.com) — fix it, or clear the field to use the address above.';
+        hd0.className = 'hint err';
+        return false;
+      }
+      /* A handle the server has already said is not free would only 409 at Create —
+         stop here instead (task 1002898 N10). ONLY a definite negative blocks:
+         'unknown' and 'checking' must never gate it, because the check is advisory
+         and the 409 remains the authority. A chosen domain or the opt-out settles the
+         address another way, so the block does not apply there. */
+      if (!state.domain && !state.noAddress) {
+        var av = slugAvailState();
+        if (av === 'taken' || av === 'yours' || av === 'reserved') {
+          $('h-slug').textContent = av === 'taken'
+            ? 'That handle is already taken — pick a different one.'
+            : av === 'yours'
+              ? 'You already have a project with that handle — pick a different one.'
+              : 'That handle is reserved by the platform — pick a different one.';
+          $('h-slug').className = 'hint err'; $('f-slug').classList.add('bad');
+          return false;
+        }
+      }
+      /* no auto-assigned address (dotless host): going domainless must be an
+         EXPLICIT choice — a domain, or the opt-out box. Never silent. */
+      if (!resolvedDomain() && !state.noAddress) {
+        $('addrCustom').open = true;
+        var hd = $('h-domain');
+        hd.textContent = 'Add a domain you own — or tick “no address yet” to go without one.';
+        hd.className = 'hint err';
+        return false;
+      }
+      return true;
+    }
+
+    /* per-screen validation on Continue */
     function validateStep(step) {
-      if (step === 10) return validateRender();
-      /* planet physics (task 1004418): Continue walks the questions inside the step,
-         and only the last one moves the wizard on, so this never says yes itself */
-      if (step === 3) return physAdvance();
-      /* the fork's own door is "Begin planet creation": a real project, not the demo */
-      if (step === 2) { state.demo = null; return true; }
-      /* the front door's one tick (task 1004417): nothing past it until it is given */
+      /* the front door's one tick (task 1004417): nothing past it until it is given.
+         The fork's own submit door is "Start my project": a real project, not the demo. */
       if (step === 1) {
         if (!state.termsAck) {
-          $('h-terms').textContent = 'Tick the box to go on. It’s how your project records that you acknowledged the terms.';
+          $('h-terms').textContent = 'Tick the box to go on. It’s how your project records that you accepted the terms.';
           $('h-terms').className = 'hint err';
           return false;
         }
+        if (state.demo) { state.demo = null; state.confirmed = {}; }
         return true;
       }
-      if (step === 4) {
+      if (step === 2) {
         if (!state.name.trim()) { $('h-name').textContent = 'Give it a name to start.'; $('h-name').className = 'hint err'; return false; }
-        return true;
-      }
-      if (step === 5) {
         if (!state.projType) {
-          $('h-projtype').textContent = 'Pick one — Not Sure is a fine answer.';
+          $('h-projtype').textContent = 'Pick one — Not sure is a fine answer.';
           $('h-projtype').className = 'hint err';
           return false;
         }
         return true;
       }
-      /* steps 6 (About) and 7 (Modules) have no clause: they are the optional
-         ones, and Next past an empty answer is the whole point (tasks 1002334,
-         1002339). Step 2 (the fork) has none either: its doors are the answer. */
-      if (step === 8) {
-        var homeErr = function (msg) { $('h-home').textContent = msg; $('h-home').className = 'hint err'; return false; };
-        if (repoAccess === 'need-connect') return homeErr('Allow GitHub repo access to pick or create your repository — or choose “enter it manually”.');
-        if (repoAccess === true && state.mode !== 'adopt') {
-          /* Fresh with access: just the new repo NAME (owner is the signed-in account). */
-          if (!validRepoName(state.repo)) return homeErr('Name the new repository (letters, numbers, and . _ -).');
-        } else {
-          /* Adopt (picker or manual) and the manual fallback: need a concrete owner + repo. */
-          if (!state.owner || !state.repo) {
-            return homeErr(state.mode === 'adopt' && repoAccess === true ? 'Pick one of your repositories.' : 'Both owner and repository name are needed.');
-          }
-        }
-        $('h-home').innerHTML = '&nbsp;'; $('h-home').className = 'hint';
-        return true;
-      }
-      if (step === 9) {
-        if (!validSlug(state.slug)) {
-          $('h-slug').textContent = '2–40 lowercase letters, numbers, or dashes; no leading/trailing/double dash.';
-          $('h-slug').className = 'hint err'; $('f-slug').classList.add('bad');
-          return false;
-        }
-        if (state.domain && !looksLikeDomain(state.domain)) {
-          $('addrCustom').open = true;
-          var hd0 = $('h-domain');
-          hd0.textContent = 'That doesn’t look like a domain yet (e.g. mercury.example.com) — fix it, or clear the field to use the address above.';
-          hd0.className = 'hint err';
-          $('f-domain').focus();
-          return false;
-        }
-        /* A handle the server has already said is not free would only 409 at Create —
-           stop here instead (task 1002898 N10). ONLY a definite negative blocks:
-           'unknown' and 'checking' must never gate the step, because the check is
-           advisory and the 409 remains the authority. A chosen domain or the opt-out
-           settles the address another way, so the block does not apply there. */
-        if (!state.domain && !state.noAddress) {
-          var av = slugAvailState();
-          if (av === 'taken' || av === 'yours' || av === 'reserved') {
-            $('h-slug').textContent = av === 'taken'
-              ? 'That handle is already taken — pick a different one.'
-              : av === 'yours'
-                ? 'You already have a project with that handle — pick a different one.'
-                : 'That handle is reserved by the platform — pick a different one.';
-            $('h-slug').className = 'hint err'; $('f-slug').classList.add('bad');
-            return false;
-          }
-        }
-        /* no auto-assigned address (dotless host): going domainless must be an
-           EXPLICIT choice — a domain, or the opt-out box. Never silent. */
-        if (!resolvedDomain() && !state.noAddress) {
-          $('addrCustom').open = true;
-          var hd = $('h-domain');
-          hd.textContent = 'Add a domain you own — or tick “start without an address” to go without one.';
-          hd.className = 'hint err';
-          return false;
-        }
+      /* the quick checks walk to the review themselves, after the server's screen */
+      if (step === 3) return checksAdvance();
+      /* the review: every row that applies confirmed, each still true */
+      if (step === 4) {
+        var open = unconfirmedRows();
+        if (open.length) { openRow(open[0]); return false; }
         return true;
       }
       return true;
@@ -6579,44 +5949,16 @@ summary{min-height:24px;padding:3px 0;}
       form.addEventListener('submit', function (ev) {
         ev.preventDefault();
         var next = Number(form.getAttribute('data-next'));
-        /* a step the planet-physics answers skip is stepped over (task 1004419) */
-        if (validateStep(next - 1)) show(physPastSkips(next, 1), true);
+        if (!validateStep(next - 1)) return;
+        /* a demo's answers are the demo's own, so it skips the quick checks */
+        if (next === 3 && state.demo) { physDefaults(); show(4, true); return; }
+        show(next, true);
       });
     });
-    root.querySelectorAll('[data-back]').forEach(function (btn) {
-      btn.addEventListener('click', function () { show(physPastSkips(Number(btn.getAttribute('data-back')), -1), true); });
-    });
 
-    /* ── review ── */
-    /* the app step (task 1004351): a native radio group, so the draft only mirrors it.
-       An older draft has no appPlatform, and a value this page does not offer (a
-       platform still marked soon, or one that was removed) reads as 'later' — the
-       review must never name a platform the owner could not actually pick. */
-    function appPlatformChoice() {
-      var want = state.appPlatform;
-      var pick = Array.prototype.filter.call(root.querySelectorAll('#appOpts input[name=appPlatform]'), function (i) {
-        return i.value === want && !i.disabled;
-      })[0];
-      return pick ? pick.value : 'later';
-    }
-    function syncAppStep() {
-      var pick = appPlatformChoice();
-      root.querySelectorAll('#appOpts input[name=appPlatform]').forEach(function (i) { i.checked = i.value === pick; });
-    }
-    function appRow() {
-      /* the step the framing skipped (task 1004419) */
-      if (physStepSkipped(10)) return 'Runs on your own machines, as your framing says — you can choose a platform later from the project’s page';
-      if (appPlatformChoice() !== 'render') return 'Not chosen yet — you can decide later';
-      if (renderLater()) return 'Render — set up from your project’s page once your app has code. Nothing is created on Render now.';
-      var ws =esc(state.renderOwnerName || state.renderOwnerId || '');
-      if (state.renderMode === 'adopt') return 'Render, workspace ' + ws + ' — link <code>' + esc(state.renderServiceName || state.renderServiceId || '') + '</code>, changing nothing on it';
-      var plan = planLabel(RENDER_WEB_PLANS, state.renderPlan || 'starter');
-      var db = state.renderDb ? ', with a database (' + planLabel(RENDER_DB_PLANS, state.renderDbPlan || 'basic_256mb') + ')' : ', no database';
-      return 'Render, workspace ' + ws + ' — a new app (' + esc(runtimeLabel(state.renderRuntime || 'node')) + ', ' + plan + ')' + db + '. Render bills you directly.';
-    }
     var appOptsEl = root.querySelector('#appOpts');
     if (appOptsEl) appOptsEl.addEventListener('change', function (ev) {
-      if (ev.target && ev.target.name === 'appPlatform' && !ev.target.disabled) { state.appPlatform = ev.target.value; saveDraft(); syncRenderSetup(); }
+      if (ev.target && ev.target.name === 'appPlatform' && !ev.target.disabled) { state.appPlatform = ev.target.value; saveDraft(); syncRenderSetup(); paintSetup(); }
     });
 
     /* ── Render (task 1004352, ADR 0348) ──
@@ -6629,8 +5971,9 @@ summary{min-height:24px;padding:3px 0;}
        fresh one, Render ran the repo's `npm start`, which is the hall, and timed out.
        Choosing Render for a fresh repo is still an answer: the step says when and where
        it happens, and nothing is sent to Render at Create. */
-    function renderNow() { return appPlatformChoice() === 'render' && state.mode === 'adopt'; }
-    function renderLater() { return appPlatformChoice() === 'render' && state.mode !== 'adopt'; }
+    /* a framing that runs on the founder's own machines rules Render out, whatever was picked before */
+    function renderNow() { return !appSkipped() && appPlatformChoice() === 'render' && state.mode === 'adopt'; }
+    function renderLater() { return !appSkipped() && appPlatformChoice() === 'render' && state.mode !== 'adopt'; }
     var rc = renderConnect($, state, {
       save: saveDraft,
       repo: function () { return String(state.owner || '') + '/' + String(state.repo || ''); },
@@ -6670,7 +6013,7 @@ summary{min-height:24px;padding:3px 0;}
             : 'Once the project is up, we create your app on your Render account. Your key is used once, then thrown away.';
           /* then the app's own progress, from the same read the project's page uses (task 1004353) */
           var box = $('doneApp');
-          if (box) watchApp(instanceId, box, function () { return state.step === 13; }, 5000);
+          if (box) watchApp(instanceId, box, function () { return state.step === 6; }, 5000);
         });
       }).catch(function (err) {
         note.className = 'hint err';
@@ -6694,14 +6037,6 @@ summary{min-height:24px;padding:3px 0;}
           function () { return state.name; });
       } else lookPicker.repaint();
     }
-    function lookRow() {
-      var l = state.look || defaultLook();
-      var name = l.look === 'custom'
-        ? 'Your own — ' + ((lookKit.lookAdjustAccent(l.accent) || {}).hex || '')
-        : (lookKit.LOOKS[l.look] || lookKit.LOOKS['chrome-world']).title;
-      return esc(name) + ', ' + (l.nightTint === false ? 'pure black at night' : 'a tinted night') +
-        (l.logo ? ', with your logo' : ', no logo');
-    }
     /* Send the look a moment after Create, like the Render key: the project exists, so a
        refusal here is the LOOK's, and the done panel says so in plain words. */
     function sendLookSetup(instanceId) {
@@ -6714,46 +6049,214 @@ summary{min-height:24px;padding:3px 0;}
         note.textContent = 'Your project is being created, but its look was not saved: ' + err.message + ' You can choose it again on the project’s page.';
       });
     }
-    function renderReview() {
-      /* every road back to this step gets a live button — the create path
-         disables it and only the failure branch used to restore it, which
-         left "Start another project" walking into a dead Create */
+
+    /* ── the review: check what we set up (task 1004504) ── */
+    /* the app row (task 1004351): a native radio group, so the draft only mirrors it.
+       An older draft has no appPlatform, and a value this page does not offer (a
+       platform still marked soon, or one that was removed) reads as 'later' — the
+       review must never name a platform the owner could not actually pick. */
+    function appPlatformChoice() {
+      var want = state.appPlatform;
+      var pick = Array.prototype.filter.call(root.querySelectorAll('#appOpts input[name=appPlatform]'), function (i) {
+        return i.value === want && !i.disabled;
+      })[0];
+      return pick ? pick.value : 'later';
+    }
+    function syncAppStep() {
+      var pick = appPlatformChoice();
+      root.querySelectorAll('#appOpts input[name=appPlatform]').forEach(function (i) { i.checked = i.value === pick; });
+    }
+    /* what the App hosting row says under its value, in plain text */
+    function appRowDetail() {
+      if (appPlatformChoice() !== 'render') return 'We host your builders’ hall. There’s no app to host until your builders write one.';
+      if (renderLater()) return 'Set up from your project’s page once your app has code. Nothing is created on Render now.';
+      var ws = state.renderOwnerName || state.renderOwnerId || '';
+      if (state.renderMode === 'adopt') return 'Workspace ' + ws + ' — link ' + (state.renderServiceName || state.renderServiceId || '') + ', changing nothing on it.';
+      var plan = planLabel(RENDER_WEB_PLANS, state.renderPlan || 'starter');
+      var db = state.renderDb ? ', with a database (' + planLabel(RENDER_DB_PLANS, state.renderDbPlan || 'basic_256mb') + ')' : ', no database';
+      return 'Workspace ' + ws + ' — a new app (' + runtimeLabel(state.renderRuntime || 'node') + ', ' + plan + ')' + db + '. Render bills you directly.';
+    }
+
+    var ROWS = ['code', 'address', 'app', 'extras', 'team', 'rewards', 'run'];
+    function rowEl(key) { return root.querySelector('#reviewRows .setRow[data-row="' + key + '"]'); }
+    function confirmedRows() {
+      if (!state.confirmed || typeof state.confirmed !== 'object') state.confirmed = {};
+      return state.confirmed;
+    }
+    /* a row the answers make not apply: rewards for someone building alone (the table
+       hides the question) */
+    function rowApplies(key) { return !(key === 'rewards' && physSkips(6)); }
+    /* a row whose value is fixed, so it is confirmed but never changed here: the demo's
+       own answers, and the app platform a local or open-source framing rules out */
+    function rowFixed(key) {
+      if (state.demo && (key === 'team' || key === 'rewards' || key === 'run')) return true;
+      return key === 'app' && appSkipped();
+    }
+    function unconfirmedRows() {
+      var c = confirmedRows();
+      return ROWS.filter(function (k) { return rowApplies(k) && !c[k]; });
+    }
+    function unconfirm(keys) {
+      var c = confirmedRows();
+      keys.forEach(function (k) { delete c[k]; });
+      if (state.step === 4) paintSetup();
+    }
+    /* the checks a row's own old step made on Next — a row cannot be confirmed past them */
+    function rowValid(key) {
+      if (key === 'code') return validateCode();
+      if (key === 'address') return validateAddress();
+      if (key === 'app') return rowFixed('app') || validateRender();
+      if (key === 'team') return physAnswered(5);
+      if (key === 'run') return !!phys().answers.framing;
+      return true;
+    }
+    function openRow(key) {
+      var row = rowEl(key);
+      if (!row || rowFixed(key)) return;
+      row.classList.add('open');
+      row.querySelector('.opts').hidden = false;
+      row.querySelector('[data-row-chg]').setAttribute('aria-expanded', 'true');
+      if (key === 'address') { checkSlugAvailable(); renderAddrPanel(); }
+      if (key === 'extras') renderModules();
+      if (key === 'code') syncHome();
+      if (key === 'app') { syncAppStep(); syncRenderSetup(); }
+    }
+    function closeRow(key) {
+      var row = rowEl(key);
+      row.classList.remove('open');
+      row.querySelector('.opts').hidden = true;
+      row.querySelector('[data-row-chg]').setAttribute('aria-expanded', 'false');
+    }
+    /* Looks right, or Use this: the row's own checks first — a row that fails opens
+       with its reason showing — then it is the founder's answer. The extras row turns
+       "the suggested set" into an answer given, a different fact from never asked. */
+    function confirmRow(key) {
+      if (!rowValid(key)) { openRow(key); return false; }
+      /* only once the catalog is here: without it the suggested set is unknown, and an
+         empty answer would switch off the very bundle the server applies to no answer */
+      if (key === 'extras' && starterBundles) state.modules = pickedModules();
+      confirmedRows()[key] = true;
+      closeRow(key);
+      saveDraft();
+      paintSetup();
+      var next = unconfirmedRows()[0];
+      var go = next ? rowEl(next).querySelector('[data-row-ok]') : $('reviewGo');
+      if (go && !go.disabled) go.focus({ preventScroll: true });
+      return true;
+    }
+    $('reviewRows').addEventListener('click', function (ev) {
+      var t = ev.target.closest && ev.target.closest('[data-row-ok], [data-row-chg], [data-row-use]');
+      if (!t) return;
+      var key = t.closest('.setRow').getAttribute('data-row');
+      if (t.hasAttribute('data-row-chg')) {
+        if (rowEl(key).classList.contains('open')) closeRow(key);
+        else { delete confirmedRows()[key]; openRow(key); paintSetup(); }
+        return;
+      }
+      confirmRow(key);
+    });
+
+    /* what each row says: its value and one plain line under it */
+    function rowText(key) {
+      var a = phys().answers;
+      if (key === 'code') {
+        var adopt = state.mode === 'adopt';
+        var where = state.owner && state.repo ? 'github.com/' + state.owner + '/' + state.repo : adopt ? 'Pick the repo to adopt.' : '';
+        return { v: adopt ? 'A repo I already have' : 'A new GitHub repo', s: where + (a.project_state === 'existing' ? (where ? ' · ' : '') + 'already started' : '') };
+      }
+      if (key === 'address') {
+        var custom = state.domain && looksLikeDomain(state.domain);
+        var av = !custom && !state.noAddress ? slugAvailState() : 'unknown';
+        if (state.noAddress && !custom) return { v: 'No address yet', s: 'Sign-in can’t be switched on until it has one.' };
+        /* a dotless host (local dev) assigns nothing, so the row asks for a domain or the opt-out */
+        if (!resolvedDomain()) return { v: 'No address assigned here', s: 'Add a domain you own, or go without one for now.' };
+        return {
+          v: resolvedDomain() || 'Pick a handle',
+          s: custom ? 'Your own domain. Your projects page walks you through pointing it here.'
+            : av === 'taken' ? 'Already taken — change the handle.'
+              : av === 'yours' ? 'You already have that one — change the handle.'
+                : av === 'reserved' ? 'Reserved by the platform — change the handle.'
+                  : 'Yours once it’s set up. You can add your own domain any time.'
+        };
+      }
+      if (key === 'app') {
+        if (appSkipped()) return { v: 'Runs on your own machines', s: 'As your answer says. Choose a platform later from the project’s page.' };
+        return { v: appPlatformChoice() === 'render' ? 'Render' : 'Decide later', s: appRowDetail() };
+      }
+      if (key === 'extras') {
+        var picked = pickedModules();
+        var lead = !starterBundles
+          ? (state.modules === null ? 'The suggested set' : 'The extras you picked')
+          : state.modules === null
+            ? picked.length + ' suggested' + (typeLabel(state.projType) ? ' for a ' + typeLabel(state.projType).toLowerCase() : '')
+            : picked.length ? picked.length + ' picked' : 'None — just the core';
+        return { v: lead, s: starterBundles ? extrasRow() : '' };
+      }
+      if (key === 'team') {
+        if (state.demo) return { v: state.demo.people + (state.demo.people === 1 ? ' person' : ' people'), s: state.demo.hours_each + (state.demo.hours_each === 1 ? ' hour' : ' hours') + ' each. When the time box runs out, we ask if you want to keep it.' };
+        if (physSolo()) return { v: 'One person', s: 'Just you.' };
+        return { v: a.builders_at_start + ' people now', s: 'About ' + a.builders_expected + ' by month three · ' + (state.teamShape === 'community' ? 'anyone can apply' : 'people you invite') + '.' };
+      }
+      if (key === 'rewards') {
+        if (state.demo) return { v: 'None', s: 'It’s a demo, for learning.' };
+        var r = Array.isArray(a.reward_intents) ? a.reward_intents : [];
+        return r.length
+          ? { v: PHYS_REWARDS.filter(function (x) { return r.indexOf(x) !== -1; }).map(function (x) { return PHYS_SAY.reward_intents[x]; }).join(', '), s: 'Intent only. You set the real terms later.' }
+          : { v: 'Not decided yet', s: 'Intent only. You set the real terms later.' };
+      }
+      if (key === 'run') {
+        if (state.demo) return { v: 'Everything, for you', s: 'A demo is all managed and private to your team.' };
+        var services = Array.isArray(a.services) ? a.services : [];
+        var named = PHYS_SERVICES.filter(function (x) { return services.indexOf(x) !== -1; }).map(function (x) { return PHYS_SAY.services[x]; }).join(', ');
+        if (a.framing === 'hybrid') return { v: 'Some of it', s: named || 'Pick what you want from the suite.' };
+        if (a.framing === 'local') return { v: 'On my machines', s: named || 'Pick what you want from the suite.' };
+        if (a.framing === 'open-source') return { v: 'Free core only', s: 'The free core, on your own machines.' };
+        return { v: 'Everything, for you', s: 'Hosting, payouts and the starter kit, managed.' };
+      }
+      return { v: '', s: '' };
+    }
+    /* paint every row from the draft, and the locked Continue under them */
+    function paintSetup() {
+      if (!ROWS) return;   /* boot: setMode() runs before this block has run */
+      var c = confirmedRows();
+      var suite = phys().answers.framing === 'hybrid' || phys().answers.framing === 'local';
+      $('physSuite').hidden = !suite;
+      $('physSuiteLbl').textContent = phys().answers.framing === 'local' ? 'Your local suite' : 'Your hybrid suite';
+      var a = phys().answers, works = Array.isArray(a.existing_work) ? a.existing_work : [];
+      $('physExisting').hidden = a.project_state !== 'existing';
+      root.querySelectorAll('#physExisting [data-work]').forEach(function (cb) { cb.checked = works.indexOf(cb.getAttribute('data-work')) !== -1; });
+      root.querySelectorAll('#physExisting input[name="physMain"]').forEach(function (r) {
+        r.checked = a.main_work === r.value;
+        r.disabled = works.indexOf(r.value) === -1;
+      });
+      physPaintPills();
+      physPaintTeam();
+      physApplyLimits();
+      ROWS.forEach(function (key) {
+        var row = rowEl(key), t = rowText(key);
+        row.hidden = !rowApplies(key);
+        row.classList.toggle('done', !!c[key]);
+        row.querySelector('[data-row-v]').textContent = t.v;
+        row.querySelector('[data-row-s]').textContent = t.s;
+        var ok = row.querySelector('[data-row-ok]');
+        ok.textContent = c[key] ? 'Confirmed' : 'Looks right';
+        ok.disabled = !!c[key];
+        row.querySelector('[data-row-chg]').hidden = rowFixed(key);
+      });
+      var left = unconfirmedRows().length;
+      var go = $('reviewGo');
+      go.disabled = left > 0;
+      go.textContent = left ? 'Confirm ' + left + ' more' : 'Continue';
+    }
+    /* screen 5's one line: what Create is about to make */
+    function renderRecap() {
       var cb = $('doCreate');
+      /* every road back to this screen gets a live button — the create path disables
+         it and only the failure branch used to restore it */
       cb.disabled = false; cb.textContent = 'Create my project';
-      var rows = [
-        ['Project', esc(state.name)],
-        ['Type', typeLabel(state.projType) || 'Not declared'],
-        /* the About step is optional, so its row states the CONSEQUENCE of the
-           skip rather than a bare em-dash — the review is the last screen before
-           Create, and "off the map" should never be a surprise (task 1002334) */
-        ['About', String(state.description || '').trim()
-          ? esc(String(state.description).trim())
-          : '<em style="font-weight:600;color:var(--warn)">not said — off the public map until you add it</em>'],
-        ['Who’s building it', teamLabel(state.teamShape) || 'Not said'],
-        /* the picker is optional too, so this row shows what the project will
-           ACTUALLY come with — the owner's picks, or the preselect they walked
-           past — never a blank that a Create is about to turn into a surprise */
-        ['Extras', extrasRow()],
-        ['Starting from', state.mode === 'adopt' ? 'A repo you already have' : 'A fresh, empty repo'],
-        ['Repository', '<code>' + esc(state.owner + '/' + state.repo) + '</code>'],
-        ['Handle', '<code>' + esc(state.slug) + '</code>'],
-        ['Address', resolvedDomain()
-          ? '<code>' + esc(resolvedDomain()) + '</code>'
-          : '<em style="font-weight:600;color:var(--warn)">none — sign-in stays locked until it has one</em>'],
-        /* The wizard creates hosting_shape 'cloud-host', which since ADR 0345 means the
-           HALL is hosted by us; where the owner's APP runs is its own row (task 1004351). */
-        ['Builders\' hall', 'Hosted by us, on the platform’s current release'],
-        ['App', appRow()],
-        ['Look', lookRow()]
-      ];
-      /* the demo route (task 1004420): the review says it is a demo, and what that means */
-      if (state.demo) {
-        rows.unshift(['Demo', esc(state.demo.people + (state.demo.people === 1 ? ' person' : ' people') + ', ' + state.demo.hours_each + ' hours each.') +
-          ' Private to your team, no rewards, all managed. When the time box runs out you are asked whether to keep your planet.']);
-      }
-      $('reviewList').innerHTML = rows.map(function (r) {
-        return '<li><span class="k">' + r[0] + '</span><span class="v">' + r[1] + '</span></li>';
-      }).join('');
+      var bits = [state.name || state.slug, typeLabel(state.projType) || '', state.mode === 'adopt' ? 'your repo' : 'new repo', resolvedDomain() || 'no address yet'];
+      if (state.demo) bits.push('demo');
+      $('wizRecap').textContent = bits.filter(Boolean).join(' · ');
     }
 
     /* ── create ── */
@@ -6833,6 +6336,8 @@ summary{min-height:24px;padding:3px 0;}
          box) — send the founder back to it rather than file an unacknowledged
          project (task 1004417) */
       if (!state.termsAck) { show(1, true); validateStep(1); return; }
+      /* nothing is created before every row of the review is confirmed */
+      if (unconfirmedRows().length) { show(4, true); validateStep(4); return; }
       btn.disabled = true; btn.textContent = 'Raising it into the sky…';
       ensureFreshRepo().then(function () {
         return fetch(API + '/provisioning/instances', {
@@ -6899,7 +6404,7 @@ summary{min-height:24px;padding:3px 0;}
           sessionStorage.removeItem(DRAFT_KEY);
         } catch (e) {}
         renderDone();
-        show(13, true);
+        show(6, true);
         sendRenderSetup(data.instance && data.instance.id);   // the key rides the new project's own setup run (task 1004352)
         sendLookSetup(data.instance && data.instance.id);   // the look + logo, like the Render key: right after Create (task 1004421)
         startProgress(data.instance && data.instance.id);
@@ -6909,8 +6414,11 @@ summary{min-height:24px;padding:3px 0;}
         if (err && err.gotoHome) {
           /* A repo-creation problem (name taken / reconnect) — bounce back to the Home
              step with the reason, so the user fixes it where the repo is chosen. */
-          show(8, true);
-          $('h-home').textContent = err.homeMsg || 'Please revisit the repository step.';
+          show(4, true);
+          delete confirmedRows().code;
+          openRow('code');
+          paintSetup();
+          $('h-home').textContent = err.homeMsg || 'Please check the repository again.';
           $('h-home').className = 'hint err';
           return;
         }
@@ -7134,9 +6642,10 @@ summary{min-height:24px;padding:3px 0;}
       var adopt = state.mode === 'adopt';
       $('doneRender').hidden = true;   // sendRenderSetup shows it again when Render is the choice
       $('doneApp').hidden = true; $('doneApp').textContent = '';
-      $('doneLede').innerHTML = 'Provisioning is requested for <strong>' + esc(state.name || state.slug) + '</strong>' +
-        (adopt ? ' — adopting your existing repo' : '') +
-        '. The platform stands up the server, database, and address on its own — watch it right here, or any time on <a href="?view=mine">your projects page</a>.';
+      $('done-h').textContent = 'Setting up ' + (state.name || state.slug || 'your project');
+      $('doneLede').innerHTML = 'We’re setting up <strong>' + esc(state.name || state.slug) + '</strong>' +
+        (adopt ? ' on your existing repo' : '') +
+        ': its server, database and address. Watch it here, or any time on <a href="?view=mine">your projects page</a>.';
       /* the picker's later half (task 1002342, BV1.R23). The modules step is
          skippable, so this panel names where it lives afterwards rather than
          leaving an owner to go looking for it. */
@@ -7401,6 +6910,8 @@ summary{min-height:24px;padding:3px 0;}
           return false;
         }
         if (inst.last_verified_up) {
+          /* the alive moment (task 1004504): said only once the project has answered */
+          $('done-h').textContent = (state.name || state.slug || 'Your project') + ' is alive.';
           setProgress(progressMarkup(-1, 3,
             'Your project is answering at ' + link + '. Finish the steps below and the hall is yours.', 'isLive', flow));
           return true;
@@ -7485,7 +6996,6 @@ summary{min-height:24px;padding:3px 0;}
                5s tick never clobbers an open dropdown or mid-flight button) */
             if (inst && (inst.status !== live.instStatus || addressReady(inst) !== live.addrReady)) {
               live.instStatus = inst.status; live.addrReady = addressReady(inst); renderSteps();
-              if (state.step === 13) paintRail(13);   /* the rail finishes only when the project answers */
             }
             var terminal = renderProgress(inst);
             if (!terminal) pollTimer = setTimeout(tick, 5000);
@@ -7525,9 +7035,10 @@ summary{min-height:24px;padding:3px 0;}
          is three-valued and null is its "nothing said" sentinel; leaving the key out
          left it UNDEFINED, which is not null — so pickedModules() reached .slice()
          on it and the second project's Modules step threw. */
-      state = { step: 1, name: '', projType: null, description: '', teamShape: null, modules: null, mode: 'greenfield', owner: '', ownerTouched: false, repo: '', repoTouched: false, slug: '', slugTouched: false, domain: '', noAddress: false, appPlatform: 'later', physics: null, demo: null, look: null, termsAck: false };
+      state = { step: 1, name: '', projType: null, description: '', teamShape: null, modules: null, mode: 'greenfield', owner: '', ownerTouched: false, repo: '', repoTouched: false, slug: '', slugTouched: false, domain: '', noAddress: false, appPlatform: 'later', physics: null, demo: null, look: null, termsAck: false, confirmed: {} };
       $('newName').value = ''; $('f-owner').value = ''; $('f-repo').value = ''; $('f-slug').value = ''; $('f-domain').value = '';
       $('f-noaddr').checked = false; $('f-desc').value = '';
+      $('termsAck').checked = false; paintDoors(); demoShow('intro'); checksShow('main');
       /* Re-seed the owner from the signed-in account for the next project. */
       if (me && me.github_login) { state.owner = me.github_login; $('f-owner').value = state.owner; }
       $('h-name').innerHTML = '&nbsp;';
@@ -7594,17 +7105,17 @@ summary{min-height:24px;padding:3px 0;}
            another project" the only way out.
 
        The reset fires only when there is a SECOND DRAFT to lose, and the draft's own
-       step is what says so. A landed create clears DRAFT_KEY — but show(9) then
+       step is what says so. A landed create clears DRAFT_KEY — but show(6) then
        persists the done panel's own position straight back into it, so "is there a
        draft?" is always yes and would have skipped the reset forever, leaving the
-       finished project's name sitting in the fresh form. Only steps 1–10 are wizard
+       finished project’s name sitting in the fresh form. Only steps 1–5 are wizard
        steps: anything else is the done panel's bookkeeping, not a project someone
        is part-way through typing. */
     function enterCreated(created, focus) {
       if (focus && !resumeIntent) {
         var draft = null;
         try { draft = JSON.parse(sessionStorage.getItem(DRAFT_KEY) || 'null'); } catch (e) {}
-        var at = draft && draft.step >= 1 && draft.step <= 12 ? draft.step : 0;
+        var at = draft && draft.step >= 1 && draft.step <= 5 ? draft.step : 0;
         if (!at) { resetForNewProject(); at = 1; }
         paintResumeOffer(created);
         /* step 1's own focus target is its one control, the terms tick, not the
@@ -7628,7 +7139,7 @@ summary{min-height:24px;padding:3px 0;}
         manifestState = created.manifest_state; manifestPending = true;
       }
       renderDone();
-      show(13, !!focus);
+      show(6, !!focus);
       startProgress(created.id);
       resumePolls();
     }
@@ -7642,10 +7153,10 @@ summary{min-height:24px;padding:3px 0;}
       var created = authKnown ? createdRecord() : null;
       if (created && created.id) { enterCreated(created, !!focus); return; }
       paintResumeOffer(null);
-      /* before identity settles, never render past step 1 (the terms, since task
-         1004417): deeper steps carry authenticated side effects (the Home-step repo
+      /* before identity settles, never render past step 1 (the fork and its terms
+         tick, since task 1004504): deeper steps carry authenticated side effects (the Home-step repo
          probe), and onAuth() re-enters to the real draft step the moment /me answers */
-      var step = authKnown && state.step >= 1 && state.step <= 12 ? state.step : 1;
+      var step = authKnown && state.step >= 1 && state.step <= 5 ? state.step : 1;
       if (step === 1) {
         /* Pre-auth, step 1 is a PLACEHOLDER, not where the visitor is — but show()
            persists whatever step it renders, so it used to overwrite the draft's real
@@ -7654,7 +7165,7 @@ summary{min-height:24px;padding:3px 0;}
            step back after rendering the placeholder, in memory AND in the draft. */
         var resumeStep = state.step;
         show(1, false);
-        if (!authKnown && resumeStep >= 1 && resumeStep <= 12) { state.step = resumeStep; saveDraft(); }
+        if (!authKnown && resumeStep >= 1 && resumeStep <= 5) { state.step = resumeStep; saveDraft(); }
         if (focus) $('termsAck').focus();
       } else {
         show(step, !!focus);