@bongos/core 1.21.91 → 1.21.92

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

@@ -91,19 +91,13 @@
 /* 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 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;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): one screen inside the fork — steppers on the wizard's
-   field grammar, the fit check as one quiet line, two teammates */
+/* the one tick above Create: the box in the accent, the whole row the target */
+.termsAck{display:flex;gap:12px;align-items:flex-start;cursor:pointer;max-width:62ch;margin:28px 0 0;padding:0;}
+.termsAck input{width:18px;height:18px;margin:3px 0 0;flex:none;accent-color:var(--accent);}
+.termsAck span{font-size:14px;line-height:1.5;color:var(--ink-soft);}
+.termsRead{display:inline-block;min-height:24px;line-height:21px;color:var(--link-ink);text-decoration:underline;text-underline-offset:3px;}
+/* the demo route (task 1004420): opened in place at the top of part 01 — 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);}
@@ -183,6 +177,7 @@ h1[tabindex="-1"]:focus:not(:focus-visible){outline:none;}
   --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);
+  --rm-pane:color-mix(in srgb,var(--accent) 92%,#fff);
   --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);
@@ -221,13 +216,79 @@ h1[tabindex="-1"]:focus:not(:focus-visible){outline:none;}
 /* 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));}
+/* the seed grows as the page fills in (paintFill: a name, a kind, the checks, the tick) */
 #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="page"][data-fill="1"]{--seed:.55;}
+#view-new .wizRoom[data-screen="page"][data-fill="2"]{--seed:.65;}
+#view-new .wizRoom[data-screen="page"][data-fill="3"]{--seed:.75;}
+#view-new .wizRoom[data-screen="page"][data-fill="4"]{--seed:.85;}
 #view-new .wizRoom[data-screen="done"]{--seed:1.1;}
+/* the clouds and the patch of sun belong to the day room; at night they are not there */
+#view-new .rmCloud{background:var(--rm-star);border-radius:40px;opacity:0;}
+#view-new .rmCloud::before,#view-new .rmCloud::after{content:"";position:absolute;background:inherit;border-radius:50%;}
+#view-new .rmC1{left:40px;top:70px;width:110px;height:26px;}
+#view-new .rmC1::before{left:22px;top:-16px;width:44px;height:38px;}
+#view-new .rmC1::after{left:54px;top:-10px;width:34px;height:30px;}
+#view-new .rmC2{left:230px;top:140px;width:80px;height:20px;}
+#view-new .rmC2::before{left:16px;top:-12px;width:32px;height:28px;}
+#view-new .rmC2::after{left:40px;top:-8px;width:26px;height:22px;}
+#view-new .rmSun{left:calc(50% + 120px);top:672px;width:520px;height:120px;opacity:0;background:var(--rm-glow);transform:skewX(-28deg);filter:blur(10px);}
+#view-new .rmLight{background:var(--rm-pane);}
+/* ── the day room (task 1004648; the mockup's [data-sky="day"]): the same drawing in
+   daylight — a sunny sky with clouds, a sun for the moon, lighter towers with unlit
+   windows, a warm wall and floor, the lamp off and a patch of sun on the floor. Every
+   colour is still a mix of the fifteen with black or white. The words' own tokens are
+   re-pointed for a light ground on the view's children (never :root): the status inks
+   are read off the page's own through --wz-*, declared one level up so no token ever
+   names itself. ── */
+#view-new{--wz-ok:var(--ok);--wz-err:var(--err);--wz-warn:var(--warn);}
+#view-new[data-sky="day"]>*{
+  --ink:color-mix(in srgb,#fff 10%,#000);
+  --ink-soft:color-mix(in srgb,#fff 24%,#000);
+  --ink-faint:color-mix(in srgb,#fff 36%,#000);
+  --rule:rgba(0,0,0,.14);
+  --rule-soft:rgba(0,0,0,.08);
+  --line:rgba(0,0,0,.1);
+  --ctl-line:rgba(0,0,0,.45);
+  --bg:color-mix(in srgb,var(--accent) 6%,#fff);
+  --bg-card:#fff;
+  --card:color-mix(in srgb,var(--accent) 4%,#fff);
+  --glass:rgba(255,255,255,.52);
+  --glass-strong:rgba(255,255,255,.75);
+  --glass-edge:rgba(0,0,0,.16);
+  --accent-deep:color-mix(in srgb,var(--terracotta) 78%,#000);
+  --link-ink:color-mix(in srgb,var(--terracotta) 78%,#000);
+  --ok:color-mix(in srgb,var(--wz-ok) 40%,#000);
+  --err:color-mix(in srgb,var(--wz-err) 55%,#000);
+  --warn:color-mix(in srgb,var(--wz-warn) 45%,#000);
+  --focus:color-mix(in srgb,var(--terracotta) 78%,#000);
+  color-scheme:light;
+}
+#view-new[data-sky="day"] .wizRoom{
+  --rm-room:color-mix(in srgb,var(--accent) 9%,color-mix(in srgb,#fff 92%,#000));
+  --rm-frame:color-mix(in srgb,var(--terracotta) 14%,color-mix(in srgb,#fff 84%,#000));
+  --rm-night:color-mix(in srgb,var(--sea) 30%,#fff);
+  --rm-moon:var(--gold);
+  --rm-halo:color-mix(in srgb,var(--gold) 50%,transparent);
+  --rm-star:#fff;
+  --rm-tower-1:color-mix(in srgb,var(--sea) 28%,color-mix(in srgb,#fff 70%,#000));
+  --rm-tower-2:color-mix(in srgb,var(--sea) 30%,color-mix(in srgb,#fff 64%,#000));
+  --rm-tower-3:color-mix(in srgb,var(--sea) 26%,color-mix(in srgb,#fff 76%,#000));
+  --rm-pane:color-mix(in srgb,var(--sea) 8%,#fff);
+  --rm-floor:color-mix(in srgb,var(--terracotta) 10%,color-mix(in srgb,#fff 88%,#000));
+  --rm-edge:rgba(0,0,0,.08);
+  --rm-glow:color-mix(in srgb,var(--gold) 55%,transparent);
+  --rm-stem:color-mix(in srgb,var(--terracotta) 12%,color-mix(in srgb,#fff 76%,#000));
+  --rm-shade:color-mix(in srgb,var(--terracotta) 12%,color-mix(in srgb,#fff 82%,#000));
+  --rm-mug:color-mix(in srgb,var(--terracotta) 12%,color-mix(in srgb,#fff 78%,#000));
+  --rm-leaf-1:color-mix(in srgb,var(--wz-ok) 32%,color-mix(in srgb,#fff 46%,#000));
+  --rm-leaf-2:color-mix(in srgb,var(--wz-ok) 36%,color-mix(in srgb,#fff 40%,#000));
+}
+#view-new[data-sky="day"] .rmMoon{left:380px;top:40px;width:70px;height:70px;box-shadow:0 0 80px 26px var(--rm-halo);}
+#view-new[data-sky="day"] .rmStar,#view-new[data-sky="day"] .rmGlow{opacity:0;}
+#view-new[data-sky="day"] .rmCloud{opacity:.9;}
+#view-new[data-sky="day"] .rmSun{opacity:.7;}
+#view-new[data-sky="day"] .rmGrain{opacity:.04;}
 /* 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){
@@ -239,6 +300,11 @@ h1[tabindex="-1"]:focus:not(:focus-visible){outline:none;}
   #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;}
+  #view-new .rmCloud{animation:rmDrift 60s linear infinite;}
+  #view-new .rmC2{animation-delay:-25s;}
+  #view-new .wizRoom,#view-new .wizRoom>*,#view-new .rmWindow>*{transition:background .8s ease,opacity .8s ease,box-shadow .8s ease;}
+  #view-new[data-sky="day"] .rmStar,#view-new[data-sky="day"] .rmGlow{animation:none;}
+  @keyframes rmDrift{from{transform:translateX(-30px)}to{transform:translateX(60px)}}
   @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)}}
@@ -246,7 +312,7 @@ h1[tabindex="-1"]:focus:not(:focus-visible){outline:none;}
 /* 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 .rmGlow,#view-new .rmSun,#view-new .rmStem,#view-new .rmShade,#view-new .rmMug,#view-new .rmLeaf{display:none;}
   #view-new .rmFloor{top:auto;height:80px;}
 }
 /* under 600 the words fill the screen, so the window fades further and its lit windows
@@ -258,65 +324,114 @@ h1[tabindex="-1"]:focus:not(:focus-visible){outline:none;}
 /* 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);}
+/* the footer stands on its own ground above the fixed room, so its links keep their ink
+   whichever room is behind the page (task 1004648) */
+body:has(#view-new:not([hidden])) footer.foot{position:relative;z-index:1;background:var(--bg);}
 #view-new .panel{max-width:600px;}
+#view-new #panel-page{max-width:560px;}
 .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{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-deep);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 (task 1004550). Each row is its label, its
-   value with one plain line under it, and one action — Edit, which reads Done while the
-   row is open over the old step's own controls. One "Looks right, continue" under the
-   ledger confirms them all. Inside an open row the choices are compact toggles, not the
-   full-width hairline cards the question screens use. */
-.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:14px 0;border-bottom:1px solid var(--rule);}
+.fillOffer{margin:14px 0 0;}
+/* ── the one page (task 1004648; the design of record docs/design/mocks/day-night-rooms/):
+   the heading, the demo as a small link under it, then three parts as glass cards in
+   one column — 01 your project, 02 how it's run, 03 Connect GitHub — with the terms
+   tick and Create between the second and the third. ── */
+.pageSub{margin:14px 0 0;font-size:18px;line-height:1.5;font-weight:300;color:var(--ink-soft);max-width:62ch;}
+.pageSub[hidden]{display:none;}
+#view-new .pageSub .linklike{display:inline;min-height:24px;padding:0;font:inherit;color:var(--link-ink);text-decoration:underline;text-underline-offset:3px;}
+#view-new .pageSub .linklike:hover{color:var(--ink);}
+.wizParts{margin-top:20px;}
+.wizParts[hidden]{display:none;}
+.part{margin-top:28px;padding:24px 26px;border-radius:22px;background:var(--glass);border:1px solid var(--glass-edge);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);}
+.part h2{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin:0;font-family:var(--font-display);font-size:22px;font-weight:300;letter-spacing:-.01em;line-height:1.3;text-transform:none;color:var(--ink);}
+.part h2 .n{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--ink-faint);}
+.part h2 .state{margin-left:auto;font-family:var(--font-body);font-size:13px;font-weight:400;letter-spacing:0;color:var(--ink-faint);}
+.part h2[tabindex="-1"]:focus:not(:focus-visible){outline:none;}
+.part .wizField:first-of-type{margin-top:20px;}
+.part.waiting h2{color:var(--ink-soft);}
+.part.live{border-color:color-mix(in srgb,var(--accent) 55%,transparent);}
+.partSub{margin:12px 0 0;font-size:15px;line-height:1.5;font-weight:300;color:var(--ink-soft);max-width:62ch;}
+.partH3{margin:0 0 6px;font-family:var(--font-display);font-size:20px;font-weight:300;letter-spacing:-.01em;color:var(--ink);}
+.partH3:focus:not(:focus-visible){outline:none;}
+.partH3 em{font-style:normal;}
+.demoView{margin:18px 0 6px;padding:0 0 14px;border-bottom:1px solid var(--rule);}
+.demoLede{margin:0 0 14px;}
+.demoActs{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px;}
+.checksHead{margin:26px 0 16px;padding-top:18px;border-top:1px solid var(--rule);font-size:13px;line-height:1.5;color:var(--ink-soft);}
+.checksStop{margin-top:22px;padding:16px;border-radius:14px;background:color-mix(in srgb,var(--err) 10%,transparent);border:1px solid var(--err);}
+.checksStop p{margin:0;font-size:14.5px;line-height:1.5;color:var(--ink);}
+/* the page's own fields: the mockup's glass boxes, a 48px row, the boundary held to
+   3:1 on its ground in both rooms */
+#view-new .part input[type=text],#view-new .part input[type=password],#view-new .part select{
+  width:100%;min-height:48px;padding:0 16px;border-radius:14px;border:1px solid color-mix(in srgb,var(--ink) 40%,transparent);
+  background:var(--glass-strong);color:var(--ink);font-family:var(--font-body);font-size:16px;outline:none;}
+#view-new .part input[type=text]:focus,#view-new .part input[type=password]:focus,#view-new .part select:focus{border-color:color-mix(in srgb,var(--accent) 70%,var(--ink));}
+#view-new .part select{appearance:none;cursor:pointer;}
+#view-new .part select option{background:var(--bg-card);color:var(--ink);}
+#view-new .part .wizField>span{margin-bottom:8px;font-family:var(--font-body);font-size:13px;letter-spacing:0;text-transform:none;color:var(--ink-soft);}
+#view-new .part .wizField small{font-size:12.5px;color:var(--ink-faint);}
+#view-new .part .wizField{margin:20px 0 0;}
+#view-new .part .physRow2 .wizField{margin-top:0;}
+/* the chips: every short choice on the page is a row of glass pills, the chosen one in
+   the accent's soft fill (the mockup's .chip) */
+#view-new .part .typeCards:not(#modCards):not(.physSuiteGrid),
+#view-new .part .choices{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;border:0;}
+#view-new .part .typeCards:not(#modCards):not(.physSuiteGrid) .tpill,
+#view-new .part .choices .choice{display:inline-flex;align-items:center;min-height:38px;padding:0 15px;border:0;border-radius:999px;cursor:pointer;
+  font-family:var(--font-body);font-size:14px;font-weight:400;color:var(--ink-soft);background:var(--glass-strong);border:1px solid var(--glass-edge);}
+#view-new .part .typeCards:not(#modCards):not(.physSuiteGrid) .tpill::before,
+#view-new .part .choices .choice b::before{display:none;}
+#view-new .part .choices .choice b{margin:0;font-size:14px;font-weight:400;color:inherit;}
+#view-new .part .choices .choice p{display:none;}
+#view-new .part .typeCards:not(#modCards):not(.physSuiteGrid) .tpill[aria-pressed=true],
+#view-new .part .choices .choice[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--ink);border:1px solid color-mix(in srgb,var(--accent) 60%,transparent);}
+#view-new .part .typeCards .tpill[disabled]{opacity:.45;cursor:default;}
+#view-new .part .typeCards .tpill[hidden]{display:none;}
+/* Create, with the recap beside it, and the reason it waits under it */
+.createBar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:24px;}
+#view-new .createBar #doCreate{min-height:52px;padding:0 28px;}
+#view-new .createBar #doCreate:disabled{background:color-mix(in srgb,var(--accent) 40%,transparent);border:0;color:var(--ink);cursor:default;}
+.wizRecap{margin:0;font-size:14px;line-height:1.5;color:var(--ink-soft);overflow-wrap:anywhere;}
+.createWhy{margin-top:8px;}
+/* part 02: one hairline ledger of rows. Each row is its label, its value with one plain
+   line under it, and Change, which reads Done while the row is open over the control
+   it always was. Inside an open row the choices are the same chips. */
+.setRows{margin:14px 0 0;border-top:1px solid var(--rule);}
+.setRow{display:grid;grid-template-columns:108px minmax(0,1fr) auto;gap:0 14px;align-items:start;padding:13px 0;border-bottom:1px solid var(--rule);}
+.setRow:last-child{border-bottom:0;}
 .setRow[hidden]{display:none;}
-.setRow .k{font-size:13px;line-height:22px;color:var(--ink-faint);padding-top:2px;}
+.setRow .k{font-size:13px;line-height:22px;color:var(--ink-faint);}
 .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 .rowV{display:block;font-size:15px;line-height:1.45;color:var(--ink);overflow-wrap:anywhere;}
+.setRow .rowS{display:block;margin-top:2px;font-size:12.5px;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-chg]{border:1px solid var(--glass-edge);background:var(--glass);color:var(--ink-soft);}
+.setRow .acts button{min-height:32px;padding:0 4px;border:0;background:none;font:inherit;font-size:13px;white-space:nowrap;cursor:pointer;color:var(--link-ink);text-decoration:underline;text-underline-offset:3px;}
 .setRow [data-row-chg]:hover{color:var(--ink);}
 .setRow [data-row-chg][hidden]{display:none;}
-.setRow.open [data-row-chg]{border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--ink);}
+.swDot{display:inline-block;box-sizing:border-box;width:14px;height:14px;margin-right:8px;border-radius:50%;vertical-align:-2px;border:1px solid var(--glass-edge);}
 .setRow .opts{margin-top:12px;}
 .setRow .opts .wizField{margin-bottom:12px;}
 .setRow .opts .hint:empty{display:none;}
-/* compact toggles: the repo choice and every short pill group in an open row */
-.setRow .opts .choices,
-.setRow .opts .typeCards.physCells:not(.physSuiteGrid),
-.setRow .opts #teamCards{display:inline-flex;flex-wrap:wrap;gap:0;border:1px solid var(--rule);border-radius:999px;padding:3px;margin:0 8px 12px 0;vertical-align:top;}
-.setRow .opts .choices .choice,
-.setRow .opts .typeCards.physCells:not(.physSuiteGrid) .tpill,
-.setRow .opts #teamCards .tpill{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 14px;border:0;border-radius:999px;font-size:14px;font-weight:500;color:var(--ink-soft);background:none;}
-.setRow .opts .choices .choice b{margin:0;font-size:14px;color:inherit;}
-.setRow .opts .choices .choice b::before,
-.setRow .opts .typeCards.physCells:not(.physSuiteGrid) .tpill::before,
-.setRow .opts #teamCards .tpill::before{display:none;}
-.setRow .opts .choices .choice p{display:none;}
+/* inside an open row the chip groups sit one under another */
+#view-new .setRow .opts .choices,
+#view-new .setRow .opts .typeCards:not(#modCards):not(.physSuiteGrid){margin:0 0 12px;}
 .setRow .opts .reassure{font-size:13px;margin:0 0 12px;}
-.setRow .opts .choices .choice[aria-pressed=true],
-.setRow .opts .typeCards.physCells:not(.physSuiteGrid) .tpill[aria-pressed=true],
-.setRow .opts #teamCards .tpill[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--ink);}
 /* a reason for a question the table hides explains nothing on screen */
 .physExisting[hidden] + .physWhy{display:none;}
+/* the phone: the label and Change share a line, the value and its control take the width */
 @media (max-width:560px){
-  .setRow{grid-template-columns:minmax(0,1fr);gap:6px 0;}
-  .setRow .k{padding-top:0;}
+  .setRow{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"k acts" "v v";gap:2px 0;}
+  .setRow .k{grid-area:k;}
+  .setRow .v{grid-area:v;}
+  .setRow .acts{grid-area:acts;}
 }
-/* under 520 the two doors cannot sit side by side at 48px, so they stack —
-   still two equal doors in one object */
-@media (max-width:520px){
-  .doorPill{display:grid;grid-template-columns:1fr;width:100%;border-radius:32px;}
+/* the phone: the parts take the width, the pairs stack, the rows' labels sit above */
+@media (max-width:900px){
+  .part{padding:20px 18px;}
+  .pageSub{font-size:16px;}
 }
 
 /* a field: the label in the label face above, the input on one bottom
@@ -458,10 +573,8 @@ h1[tabindex="-1"]:focus:not(:focus-visible){outline:none;}
 #panel-done[data-moment="wait"] #doneModules,
 #panel-done[data-moment="wait"] .samePath,
 #panel-done[data-moment="wait"] .again{display:none;}
-#panel-done[data-moment="wait"]:not(.hopSignin) #doneStepsHead,
-#panel-done[data-moment="wait"]:not(.hopSignin) #humanSteps{display:none;}
-#panel-done[data-moment="wait"].hopSignin .humanSteps>li:not([data-onboard-step="oauth-app"]){display:none;}
-#panel-done[data-moment="wait"].hopSignin .humanSteps>li::before{content:none;}
+/* part 03 before Create: the heading, its state and the sentence; the rest waits */
+#panel-done:not(.on) .doneBody,#panel-done:not(.on) .again{display:none;}
 .hopStatus{font-size:14px;font-weight:400;line-height:1.45;color:var(--ink-soft);margin:0;min-height:20px;}
 .hopBar{height:3px;background:var(--rule-soft);margin:10px 0 12px;overflow:hidden;}
 .hopBar span{display:block;height:100%;width:0;background:var(--accent);transition:width .8s ease;}
@@ -475,24 +588,24 @@ h1[tabindex="-1"]:focus:not(:focus-visible){outline:none;}
 .hopHint{font-size:13px;color:var(--ink-faint);margin-right:auto;}
 @media (hover:none){.hopHint{display:none;}}
 .hopScore{font-family:var(--label-face);font-size:var(--label-size);letter-spacing:var(--label-space);text-transform:uppercase;color:var(--ink-soft);}
-.hopWhile{font-size:14px;color:var(--ink-soft);margin-top:16px;}
-.hopWhile button{min-height:24px;}
 /* reduced motion: the sky stands still and there is nothing to steer */
 .hop.isStill .hopRow{display:none;}
-/* ARRIVE — the strip's three dots stand down (its note stays: it carries the
-   address), and the checklist shows one step at a time under a pager */
+/* ARRIVE — the strip's three dots stand down (its note stays: it carries the address) */
 #panel-done[data-moment="arrive"] #liveProgress .stages{display:none;}
-#panel-done[data-moment="arrive"] .humanSteps>li:not(.cur){display:none;}
-#panel-done[data-moment="arrive"] .humanSteps>li.cur{border-bottom:1px solid var(--rule-soft);}
-#panel-done[data-moment="arrive"] .humanSteps>li.cur:not(.sdone)::before{content:attr(data-n);}
-.stepPager{display:none;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px;max-width:680px;}
-#panel-done[data-moment="arrive"] .stepPager{display:flex;}
-.stepCount{font-family:var(--label-face);font-size:var(--label-size);letter-spacing:var(--label-space);text-transform:uppercase;color:var(--ink-faint);margin-right:auto;}
-@media (prefers-reduced-motion:no-preference){
-  #panel-done[data-moment="arrive"] .humanSteps>li.cur,
-  #panel-done[data-moment="arrive"] .doneHead{animation:arriveIn .7s ease both;}
-}
-@keyframes arriveIn{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}
+/* the checklist (task 1004648, the mockup's steps): one dot per step — an empty ring,
+   a tick in the ok ink once the server has verified it — and every step on show */
+#panel-done .humanSteps{margin-top:18px;}
+#panel-done .humanSteps>li{grid-template-columns:24px 1fr;gap:0 12px;padding:12px 0 14px;border-top:0;}
+#panel-done .humanSteps>li:last-child{border-bottom:0;}
+#panel-done .humanSteps>li::before{content:"";box-sizing:border-box;width:24px;height:24px;padding:0;border-radius:50%;border:1px solid var(--glass-edge);
+  display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-body);font-size:13px;letter-spacing:0;}
+#panel-done .humanSteps>li.sdone::before{content:"✓";text-transform:none;color:var(--ok);background:color-mix(in srgb,var(--ok) 12%,transparent);border:1px solid var(--ok);}
+#panel-done .humanSteps>li.slocked::before{border:1px solid var(--rule-soft);}
+#panel-done .humanSteps b{font-size:15px;line-height:24px;}
+.alive{margin-top:18px;padding-top:18px;border-top:1px solid var(--rule);}
+#view-new .aliveH{margin:0;font-family:var(--font-display);font-size:28px;font-weight:200;letter-spacing:-.02em;line-height:1.2;text-transform:none;color:var(--ink);}
+#view-new #panel-done .lede{margin:8px 0 0;font-size:14.5px;line-height:1.5;color:var(--ink-soft);}
+#view-new #panel-done .lede a{color:var(--link-ink);text-decoration:underline;text-underline-offset:3px;}
 
 /* ── the standup strip (task 2083), drawn as the lifecycle rail (DESIGN.md):
    three hairlines, a 7px dot, one lit step — no plate, no connector, no
@@ -579,6 +692,8 @@ summary{min-height:24px;padding:3px 0;}
    fallback before a choice is painted. */
 .lookGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,300px);gap:28px;align-items:start;}
 @media (max-width:760px){.lookGrid{grid-template-columns:minmax(0,1fr);}}
+/* in part 02's Look row the picker has one column's width, so its preview sits under it */
+#reviewRows .lookGrid{grid-template-columns:minmax(0,1fr);}
 .lookSw{flex:none;display:inline-flex;gap:3px;margin-top:3px;}
 .lookSw i{display:block;width:14px;height:14px;border-radius:50%;border:1px solid var(--rule);}
 .lookSw.custom i{background:conic-gradient(var(--sea),var(--accent),var(--terracotta),var(--sea));}
@@ -1419,45 +1534,45 @@ summary{min-height:24px;padding:3px 0;}
 </section>
 
 <!-- ══════════════════ VIEW · NEW PROJECT ══════════════════════════════════
-     The whole create wizard, absorbed from /create (task 1002763; direction
-     §4 — that route now 302s here). The front door's two screens (terms, then
-     demo or create — task 1004417), then eight panels behind the rail; the
-     wizard block in the script below drives them. Same trust boundary as
-     ever: every button here only ENQUEUES a provisioning request (ADR 0111).
-     The terms panel carries a static `on` so a no-script visitor still reads
-     step 1 rather than an empty card. -->
+     The whole create flow, absorbed from /create (task 1002763; direction
+     §4 — that route now 302s here). Since task 1004648 it is ONE page (the design
+     of record docs/design/mocks/day-night-rooms/): sign-in stays the gate in front,
+     then three parts — 01 your project, 02 how it's run (a summary to skim, each row
+     opening today's real control in place), 03 Connect GitHub once the project
+     exists. Same trust boundary as ever: every button here only ENQUEUES a
+     provisioning request (ADR 0111). The page carries a static `on` so a no-script
+     visitor still reads it 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">
+  <!-- the room (tasks 1004504 and 1004648): the studio's lofi room behind the page. Night
+       after dark, a day room in daylight — day from 07:00 to 18:59 on the viewer's own
+       clock (data-sky on #view-new, re-checked each minute). Every colour is a mix of the
+       fifteen (no page :root, no literal); the chrome seed hangs in the window and grows
+       as the page fills in (data-screen + data-fill). The only motion is a slow twinkle,
+       the clouds' drift, the lamp's breathe and the seed's float, all inside the kill
+       switch. Decoration only. -->
+  <div class="wizRoom" id="wizRoom" data-screen="page" data-fill="0" 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="rmCloud rmC1"></span><span class="rmCloud rmC2"></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="rmFloor"></span><span class="rmSun"></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">
-      <!-- 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>
-          <!-- 0 · sign in -->
+          <!-- sign in: the gate in front, unchanged -->
           <section class="panel" id="panel-gate" aria-labelledby="gate-h">
             <h1 id="gate-h">Make something.</h1>
             <p class="lede">Sign in with GitHub to start your project.</p>
@@ -1482,591 +1597,564 @@ summary{min-height:24px;padding:3px 0;}
             <div class="alert" id="wizGateAlert" role="alert"></div>
           </section>
 
-          <!-- 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 one page (task 1004648): three parts, nothing to confirm. Create waits only
+               for a name and the terms tick; the screening stop still runs before anything
+               is created. -->
+          <section class="panel on" id="panel-page" aria-labelledby="page-h">
             <!-- The standup already being watched, kept one click away (task 1003503).
                  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>
-            <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>
+            <h1 id="page-h">Make something.<span class="demoTag" id="demoTag" hidden>demo</span></h1>
+            <p class="pageSub" id="pageSub">Three parts, one page. Just looking? <button type="button" class="linklike" id="wizDemo" aria-controls="demoSetup" aria-expanded="false">Try a small demo instead</button>.</p>
+
+            <div class="wizParts" id="wizParts">
+              <!-- 01 · your project -->
+              <div class="part" id="part-project" aria-labelledby="p1-h">
+                <h2 id="p1-h"><span class="n">01</span>Your project</h2>
+                <!-- 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>
+                <!-- the demo route (task 1004420, BV2.PS09): opened in place at the top of part
+                     01 by the small link under the heading; the rest of the page is unchanged
+                     and 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>
+                  <h3 class="partH3" id="demo-h1" tabindex="-1">Try a demo.</h3>
+                  <p class="hint demoLede">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>
-                </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>
+                  <label class="wizField"><span>Your idea</span>
+                    <input type="text" id="demoIdea" maxlength="600" placeholder="A voting app for movie night" autocomplete="off">
+                  </label>
+                  <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="demoActs">
+                    <button type="button" class="btn small" id="demoStart">Use these</button>
+                    <button type="button" class="linklike" id="demoCancel">Make a real project instead</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>
-              <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="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>
+                <!-- 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) -->
+                <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>
-                <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>
+                <label class="wizField"><span>In a sentence <small>(optional, it goes 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>
 
-          <!-- 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>
-                <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>
+                <!-- the quick checks: the planet-physics answers that change something (tasks
+                     1004418 and 1004419), under planet-physics.js's own keys. Create asks
+                     POST /provisioning/physics-check first — the same screen and soft-limit
+                     table the create runs — and a stop ends the page there, before anything
+                     exists. The age tiers are described, never claimed as enforced (spec D6).
+                     A demo's answers are the demo's own, so the checks stand down for it. -->
+                <div class="checks" id="checksMain">
+                  <p class="checksHead">A few quick checks. They decide which legal and payout options we can offer.</p>
+                  <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>
-                </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 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>
-                <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">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 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">A guardian signs for each young builder and controls their payouts. The platform does not check ages for you yet.</p>
                   </div>
-                  <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 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>
                   </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 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>
+                    <button type="button" class="physLink" id="physHaveEntity">We already have a legal entity</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 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>
-                  <button type="button" class="physLink" id="physNoEntity">We don’t have one yet</button>
+                  <div class="hint" id="h-phys">&nbsp;</div>
                 </div>
-                <div class="hint" id="h-phys">&nbsp;</div>
-                <div class="nav">
-                  <span></span>
-                  <button type="submit" class="btn" id="physNext">Continue</button>
+                <!-- the screening stop, in place: nothing is created -->
+                <div class="checksStop" id="checksStop" role="alert" hidden>
+                  <h3 class="partH3" id="phys-hstop" tabindex="-1">This can’t be built <em>on <span data-brand-product-inline>Cloud Bongos</span></em></h3>
+                  <p id="physStopMsg"></p>
+                  <div class="demoActs">
+                    <button type="button" class="btn small ghost" id="physStartOver">Change my answers</button>
+                    <a class="btn small" href="/contact">Contact us</a>
+                  </div>
                 </div>
-              </form>
-            </div>
-            <!-- 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>
 
-          <!-- 4 · check what we set up: every prefilled answer is a one-line row the
-               founder reads, and changes in place if it is wrong (task 1004550). Edit opens
-               the step's own controls, moved here whole, so every handler and id is the one
-               it always was; Done checks the row the way its old step did. One "Looks right,
-               continue" confirms every row at once, and stops on the first row that fails
-               its check, opened with its reason. -->
-          <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. Change anything that’s wrong.</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 repo</b>
-                          <p>Private, set up for you</p>
-                        </button>
-                        <button type="button" class="choice" id="c-adopt" aria-pressed="false">
-                          <b>A repo I have</b>
-                          <p>Public or private</p>
-                        </button>
-                      </div>
-                      <div class="reassure" id="adoptNote">Nothing is overwritten. You see conflicts first, and 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. -->
-                      <!-- no repo-access ask in the wizard (task 1004555): every hub sign-in asks for repo
-                           access (ADR 0364), and a missing token is fetched by one automatic GitHub
-                           round-trip. Only when that hop could not help does this line show, above
-                           the manual fields. -->
-                      <div id="ghNoAccess" class="hint" hidden>We couldn’t read your GitHub repositories just now, so enter the repo by hand below.</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 it: 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">A new <strong>private</strong> repo. You can make it public later.</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;">Public or private both work, and we never change it.</div>
+              <!-- 02 · how it's run: a summary to skim, not a gate (task 1004648). Every row is
+                   prefilled from the answers above; Change opens today's own control in place —
+                   moved here whole, so every handler and id is the one it always was — and Done
+                   closes it again. No row needs confirming. -->
+              <div class="part" id="part-run" aria-labelledby="p2-h">
+                <h2 id="p2-h"><span class="n">02</span>How it’s run <span class="state">filled in from your answers</span></h2>
+                <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>Private, 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</p>
+                          </button>
+                        </div>
+                        <div class="reassure" id="adoptNote">Nothing is overwritten. You see conflicts first, and 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. No repo-access ask here (task
+                             1004555): every hub sign-in asks for repo access (ADR 0364), and a
+                             missing token is fetched by one automatic GitHub round-trip. Only when
+                             that hop could not help does this line show, above the manual fields. -->
+                        <div id="ghNoAccess" class="hint" hidden>We couldn’t read your GitHub repositories just now, so enter the repo by hand below.</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 it: 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">A new <strong>private</strong> repo. You can make it public later.</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;">Public or private both work, and we never change it.</div>
+                        </div>
+                        <div class="hint" id="h-home">&nbsp;</div>
                       </div>
-                      <div class="hint" id="h-home">&nbsp;</div>
                     </div>
+                    <span class="acts"><button type="button" class="rowChg" data-row-chg aria-expanded="false">Change</button></span>
                   </div>
-                  <span class="acts"><button type="button" class="rowChg" data-row-chg aria-expanded="false">Edit</button></span>
-                </div>
 
-                <!-- 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>
+                  <!-- the address (tasks 1002704, 1002898 N8, PS19): the assigned address is
+                       stated, and both alternatives sit under it, on every path, the demo's too -->
+                  <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>
                       </div>
                     </div>
+                    <span class="acts"><button type="button" class="rowChg" data-row-chg aria-expanded="false">Change</button></span>
                   </div>
-                  <span class="acts"><button type="button" class="rowChg" data-row-chg aria-expanded="false">Edit</button></span>
-                </div>
 
-                <!-- 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 nothing is created on Render now. Set it up from your project’s page once there is one.</p>
-                      <div class="renderSetup" id="renderSetup" hidden>
-                        <p class="renderWhy">Used once to create your app on your Render account, then thrown away — not kept, not even in this browser. A key can act on your whole Render account. Render bills you directly. <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>
+                  <!-- the team (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</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">Just you to start</button>
+                          <button type="button" class="tpill" data-phys-solo="many" aria-pressed="false">A team</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>
+                        <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>
+                          <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>
-                        <div class="hint" id="h-render" role="status">&nbsp;</div>
                       </div>
                     </div>
+                    <span class="acts"><button type="button" class="rowChg" data-row-chg aria-expanded="false">Change</button></span>
                   </div>
-                  <span class="acts"><button type="button" class="rowChg" data-row-chg aria-expanded="false">Edit</button></span>
-                </div>
 
-                <!-- 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>
+                  <!-- 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>
+                        <div class="modWhy" id="modWhy" aria-live="polite"></div>
+                        <div class="reassure" id="modCoreNote"></div>
                       </div>
-                      <div class="modWhy" id="modWhy" aria-live="polite"></div>
-                      <div class="reassure" id="modCoreNote"></div>
                     </div>
+                    <span class="acts"><button type="button" class="rowChg" data-row-chg aria-expanded="false">Change</button></span>
                   </div>
-                  <span class="acts"><button type="button" class="rowChg" data-row-chg aria-expanded="false">Edit</button></span>
-                </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>
+                  <!-- rewards (question 6): intent only, pick several; 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="reward_intents" hidden></ul>
                       </div>
-                      <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>
+                    <span class="acts"><button type="button" class="rowChg" data-row-chg aria-expanded="false">Change</button></span>
+                  </div>
+
+                  <!-- 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">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 nothing is created on Render now. Set it up from your project’s page once there is one.</p>
+                        <div class="renderSetup" id="renderSetup" hidden>
+                          <p class="renderWhy">Used once to create your app on your Render account, then thrown away — not kept, not even in this browser. A key can act on your whole Render account. Render bills you directly. <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>
-                        <p class="physGuessLine" id="physGuessLine" aria-live="polite"></p>
-                        <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 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>
                     </div>
+                    <span class="acts"><button type="button" class="rowChg" data-row-chg aria-expanded="false">Change</button></span>
                   </div>
-                  <span class="acts"><button type="button" class="rowChg" data-row-chg aria-expanded="false">Edit</button></span>
-                </div>
 
-                <!-- 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>
+                  <!-- how much we run (question 7): "Some of it" (hybrid) or "On my machines"
+                       (local) reveals the service checklist -->
+                  <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>
                       </div>
-                      <ul class="physWhyList" data-why-list="reward_intents" hidden></ul>
                     </div>
+                    <span class="acts"><button type="button" class="rowChg" data-row-chg aria-expanded="false">Change</button></span>
                   </div>
-                  <span class="acts"><button type="button" class="rowChg" data-row-chg aria-expanded="false">Edit</button></span>
-                </div>
 
-                <!-- 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>
+                  <!-- how finished work ships (task 1004629, ADR 0369): Auto unless the owner
+                       says otherwise. It rides the create as ship_mode and becomes the project's
+                       own ship mode, which its settings page can change any time. -->
+                  <div class="setRow" data-row="ship">
+                    <span class="k">Shipping</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="shipOpts">
+                          <legend>When the AI finishes a task</legend>
+                          <label class="appOpt">
+                            <input type="radio" name="shipMode" value="auto" checked>
+                            <span><b>Auto (recommended)</b>
+                              <span>The AI ships finished work on its own. You don’t run any commands.</span></span>
+                          </label>
+                          <label class="appOpt">
+                            <input type="radio" name="shipMode" value="manual">
+                            <span><b>Manual</b>
+                              <span>The AI stops before each ship and waits for you to approve it.</span></span>
+                          </label>
+                        </fieldset>
                       </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>
                     </div>
+                    <span class="acts"><button type="button" class="rowChg" data-row-chg aria-expanded="false">Change</button></span>
                   </div>
-                  <span class="acts"><button type="button" class="rowChg" data-row-chg aria-expanded="false">Edit</button></span>
-                </div>
 
-                <!-- how finished work ships (task 1004629, ADR 0369): Auto unless the owner
-                     says otherwise. It rides the create as ship_mode and becomes the project's
-                     own ship mode, which its settings page can change any time. -->
-                <div class="setRow" data-row="ship">
-                  <span class="k">Shipping</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="shipOpts">
-                        <legend>When the AI finishes a task</legend>
-                        <label class="appOpt">
-                          <input type="radio" name="shipMode" value="auto" checked>
-                          <span><b>Auto (recommended)</b>
-                            <span>The AI ships finished work on its own. You don’t run any commands.</span></span>
-                        </label>
-                        <label class="appOpt">
-                          <input type="radio" name="shipMode" value="manual">
-                          <span><b>Manual</b>
-                            <span>The AI stops before each ship and waits for you to approve it.</span></span>
-                        </label>
-                      </fieldset>
+                  <!-- a look (task 1004421, ADR 0358): colours, a logo and the night tint, 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). -->
+                  <div class="setRow" data-row="look">
+                    <span class="k">Look</span>
+                    <div class="v"><span class="rowV"><span class="swDot" id="lookDot" aria-hidden="true"></span><span data-row-v></span></span><small class="rowS" data-row-s></small>
+                      <div class="opts" hidden>
+                        <div class="lookPick" id="wizLook"></div>
+                      </div>
                     </div>
+                    <span class="acts"><button type="button" class="rowChg" data-row-chg aria-expanded="false">Change</button></span>
                   </div>
-                  <span class="acts"><button type="button" class="rowChg" data-row-chg aria-expanded="false">Edit</button></span>
                 </div>
               </div>
-              <div class="hint" id="h-review">&nbsp;</div>
-              <div class="nav">
-                <span></span>
-                <button type="submit" class="btn" id="reviewGo">Looks right, continue</button>
-              </div>
-            </form>
-          </section>
 
-          <!-- 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">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">
-              <span></span>
-              <button type="button" class="btn big" id="doCreate">Create my project</button>
+              <!-- the terms (tasks 1004417 and 1004648): the one required tick, above Create. It
+                   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. -->
+              <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>
-            <p class="finePrint">Right after, you’ll get the few steps only you can do.</p>
-          </section>
 
-          <!-- 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">Setting up your project</h1>
-            </div>
-            <p class="lede" id="doneLede"></p>
-            <p class="hint" id="doneRender" role="status" hidden></p>
-            <p class="hint" id="doneLook" role="status" hidden></p>
-            <div id="doneApp" hidden></div>
-            <!-- 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 wait (task 1004578): one status line, a thin bar, and the cloud
-                 hop — one cloud per public project on the platform, in its planet's
-                 colour. Shown only while data-moment="wait"; under reduced motion
-                 the sky is drawn once and stands still. -->
-            <div class="hop" id="hop">
-              <p class="hopStatus" id="hopStatus" role="status" aria-live="polite"></p>
-              <div class="hopBar" aria-hidden="true"><span id="hopBarFill"></span></div>
-              <div class="hopStage">
-                <canvas id="hopCanvas" tabindex="0" role="img" aria-label="A cloud-hopping game to pass the wait: each cloud is a public project on the platform. Arrow keys steer, space jumps."></canvas>
-              </div>
-              <div class="hopRow">
-                <button type="button" class="btn small ghost" id="hopLeft" aria-label="Move left">←</button>
-                <button type="button" class="btn small ghost" id="hopJump">Jump</button>
-                <button type="button" class="btn small ghost" id="hopRight" aria-label="Move right">→</button>
-                <span class="hopHint">Arrows or A and D steer, space jumps.</span>
-                <span class="hopScore" id="hopScore" aria-live="polite"></span>
-              </div>
-              <p class="hopWhile" id="hopWhile" hidden>While you wait, <button type="button" class="linklike" id="hopSignin" aria-expanded="false">set up GitHub sign-in</button>.</p>
+            <!-- Create, with the one-line recap beside it; the reason it waits says itself
+                 under it while it does -->
+            <div class="createBar">
+              <button type="button" class="btn big" id="doCreate">Create my project</button>
+              <span class="wizRecap" id="wizRecap"></span>
             </div>
-            <!-- 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. 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">
-                <button type="button" class="btn small" data-invite-send="wizInvite">Invite</button>
-                <button type="button" class="btn small ghost" data-invite-skip="wizInvite">Skip</button>
+            <p class="hint createWhy" id="createWhy" aria-live="polite">&nbsp;</p>
+            <div class="alert" id="createAlert" role="alert"></div>
+
+            <!-- 03 · Connect GitHub: waits until the project exists, then drives the steps only
+                 the founder can do (today's onboard-plan steps, task 1002694), drawn as one
+                 checklist that ticks itself from what the server has verified. -->
+            <div class="part waiting" id="panel-done" aria-labelledby="done-part-h">
+              <h2 id="done-part-h"><span class="n">03</span>Connect GitHub <span class="state" id="ghState">opens once your project exists</span></h2>
+              <p class="partSub">One trip to GitHub. Approve the app, pick your repo, and you land back here. We tick each step as it happens, from any tab or device.</p>
+              <div class="doneBody" id="doneBody">
+                <p class="hint" id="doneRender" role="status" hidden></p>
+                <p class="hint" id="doneLook" role="status" hidden></p>
+                <div id="doneApp" hidden></div>
+                <ol class="humanSteps" id="humanSteps"></ol>
+                <!-- 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 wait (task 1004578): one status line, a thin bar, and the cloud
+                     hop — one cloud per public project on the platform, in its planet's
+                     colour. Shown only while data-moment="wait"; under reduced motion
+                     the sky is drawn once and stands still. -->
+                <div class="hop" id="hop">
+                  <p class="hopStatus" id="hopStatus" role="status" aria-live="polite"></p>
+                  <div class="hopBar" aria-hidden="true"><span id="hopBarFill"></span></div>
+                  <div class="hopStage">
+                    <canvas id="hopCanvas" tabindex="0" role="img" aria-label="A cloud-hopping game to pass the wait: each cloud is a public project on the platform. Arrow keys steer, space jumps."></canvas>
+                  </div>
+                  <div class="hopRow">
+                    <button type="button" class="btn small ghost" id="hopLeft" aria-label="Move left">←</button>
+                    <button type="button" class="btn small ghost" id="hopJump">Jump</button>
+                    <button type="button" class="btn small ghost" id="hopRight" aria-label="Move right">→</button>
+                    <span class="hopHint">Arrows or A and D steer, space jumps.</span>
+                    <span class="hopScore" id="hopScore" aria-live="polite"></span>
+                  </div>
+                </div>
+                <div class="alive">
+                  <h2 class="aliveH" id="done-h">Setting up your project</h2>
+                  <p class="lede" id="doneLede"></p>
+                  <!-- 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>
+                    <p class="finePrint">Invite your first builders. They become founding builders. Optional: the invite comes from your project’s hall, and you can invite anyone later.</p>
+                    <div class="attach">
+                      <label class="vh" for="wizInviteWho">GitHub handle</label>
+                      <input type="text" id="wizInviteWho" placeholder="GitHub handle" autocomplete="off" autocapitalize="off" spellcheck="false" maxlength="200">
+                      <button type="button" class="btn small" data-invite-send="wizInvite">Invite</button>
+                      <button type="button" class="btn small ghost" data-invite-skip="wizInvite">Skip</button>
+                    </div>
+                    <div class="inviteWhy" id="wizInviteWhy"></div>
+                    <p class="inviteWhy" id="wizDemoTeam" hidden></p>
+                    <ul class="suggList" id="wizInviteSugg"></ul>
+                    <ul class="inviteList" id="wizInviteList"></ul>
+                    <div class="projMsg" id="wizInviteMsg" role="status" aria-live="polite"></div>
+                  </div>
+                  <!-- the way back, the doneModules idiom: an optional step is a default
+                       rather than a dead end only if the panel names where it lives after -->
+                  <p class="samePath" id="wizInviteLater"></p>
+                  <!-- 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 steps are the same however a project is created.</p>
+                </div>
               </div>
-              <div class="inviteWhy" id="wizInviteWhy"></div>
-              <p class="inviteWhy" id="wizDemoTeam" hidden></p>
-              <ul class="suggList" id="wizInviteSugg"></ul>
-              <ul class="inviteList" id="wizInviteList"></ul>
-              <div class="projMsg" id="wizInviteMsg" role="status" aria-live="polite"></div>
-            </div>
-            <!-- the way back, the doneModules idiom: an optional step is a default
-                 rather than a dead end only if the panel names where it lives after -->
-            <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 arrival shows the steps one at a time (task 1004578) -->
-            <div class="stepPager" id="stepPager">
-              <span class="stepCount" id="stepCount" aria-live="polite"></span>
-              <button type="button" class="btn small ghost" id="stepBack">← Back</button>
-              <button type="button" class="btn small" id="stepNext">Continue</button>
             </div>
-            <!-- 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 steps are the same however a project is created.</p>
           </section>
         </div>
       </div>
@@ -4486,13 +4574,12 @@ summary{min-height:24px;padding:3px 0;}
        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;
-       -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. */
-    /* `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';
+       -v9: the six blended screens, task 1004504;
+       -v10: one page, task 1004648 — gate 0, the page 1, created 2). */
+    /* `termsAck` is the required tick above Create (tasks 1004417 and 1004648). 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-v10';
     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. */
@@ -4501,7 +4588,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', shipMode: 'auto', physics: null, demo: null, look: null, termsAck: false, confirmed: {} };
+    var state = { step: 0, name: '', projType: null, description: '', teamShape: null, modules: null, mode: 'greenfield', modeChosen: false, owner: '', ownerTouched: false, repo: '', repoTouched: false, slug: '', slugTouched: false, domain: '', noAddress: false, appPlatform: 'later', shipMode: 'auto', physics: null, demo: null, look: null, termsAck: false };
     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 */
 
@@ -4515,7 +4602,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 <= 5 ? state.step : 1;
+        state.step = 1;
         try { sessionStorage.setItem(DRAFT_KEY, JSON.stringify(state)); } catch (e) {}
       }
     } catch (e) {}
@@ -4706,93 +4793,117 @@ summary{min-height:24px;padding:3px 0;}
       try { sessionStorage.setItem(DRAFT_KEY, JSON.stringify(state)); } catch (e) {}
     }
 
-    /* ── step navigation ──
-       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' };
+    /* ── the page (task 1004648, the design of record docs/design/mocks/day-night-rooms/) ──
+       gate 0 (sign in) · the page 1 (01 your project, 02 how it's run, the terms tick and
+       Create) · created 2 (the same page: parts 01 and 02 stand down behind the recap and
+       03 Connect GitHub goes live). There are no screens to walk, so there is no Back. */
+    var panels = { 0: 'panel-gate', 1: 'panel-page', 2: 'panel-page' };
+    var SCREEN = { 0: 'signin', 1: 'page', 2: '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;
+      if (step === 2) return 'Founding';
+      return state.demo ? 'New demo' : 'New project';
     }
     function show(step, moveFocus) {
       state.step = step;
-      Object.keys(panels).forEach(function (k) {
-        $(panels[k]).classList.toggle('on', Number(k) === step);
-      });
+      var created = step === 2;
+      $('panel-gate').classList.toggle('on', step === 0);
+      $('panel-page').classList.toggle('on', step !== 0);
+      $('wizParts').hidden = created;
+      $('pageSub').hidden = created;
+      var done = $('panel-done');
+      done.classList.toggle('on', created);
+      done.classList.toggle('waiting', !created);
+      done.classList.toggle('live', created);
       saveDraft();
-      /* the room's seed grows a little on each screen (CSS reads data-screen) */
+      /* the room's seed grows as the page fills in (CSS reads data-screen + data-fill) */
       $('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');
+        var h = created ? $('done-part-h') : $(panels[step]).querySelector('h1');
         if (h) { h.setAttribute('tabindex', '-1'); h.focus({ preventScroll: false }); }
       }
-      if (step === 1) paintDoors();
-      /* the cloud hop's motion runs only while its panel is the one on show
-         (task 1004578) — a start/stop, not a paint: renderDone paints the panel */
-      if (typeof hopStart === 'function') { if ($('panel-done').classList.contains('on')) hopStart(); else hopStop(); }
-      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();
+      /* the cloud hop's motion runs only while part 03 is live (task 1004578) — a
+         start/stop, not a paint: renderDone paints the part */
+      if (typeof hopStart === 'function') { if (created) hopStart(); else hopStop(); }
+      if (step === 1) paintPage();
+      else paintCreate();
+      if (typeof stepsPaint === 'function') stepsPaint();
+    }
+    /* The page hosts every control at once, so it paints them all 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). */
+    function paintPage() {
+      physLoadAccountOnce();
+      physDefaults();
+      paintChecks();
+      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(); syncShipStep();
+      renderLook();
+      paintSetup();
+      paintCreate();
+    }
+
+    /* ── the room's sky (task 1004648): day from 07:00 to 18:59 on the viewer's own
+       clock, night otherwise, re-checked each minute. Only an attribute changes here;
+       CSS draws both rooms, and the kill switch stops their motion. ── */
+    function skyAt(d) { var h = d.getHours(); return h >= 7 && h < 19 ? 'day' : 'night'; }
+    function paintSky() { root.setAttribute('data-sky', skyAt(new Date())); }
+    paintSky();
+    setInterval(paintSky, 60000);
+
+    /* ── Create waits for two things only (task 1004648): a name, and the terms tick.
+       The reason it waits is said under it, in place; the summary rows never gate it. ── */
+    var createBusy = false;
+    function createWhy() {
+      if (!String(state.name || '').trim()) return 'Give it a name first.';
+      if (!state.termsAck) return 'Tick the terms to create your project.';
+      return '';
+    }
+    function paintCreate() {
+      var cb = $('doCreate');
+      if (state.step === 2) {
+        cb.disabled = true; cb.textContent = 'Created';
+        $('createWhy').textContent = ' ';
+      } else if (!createBusy) {
+        var why = createWhy();
+        cb.disabled = !!why; cb.textContent = 'Create my project';
+        $('createWhy').textContent = why || ' ';
       }
-      /* 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 (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;
+      renderRecap();
+      paintFill();
+    }
+    /* how far the page has filled in: the seed in the window grows with it */
+    function paintFill() {
+      var a = phys().answers, n = 0;
+      if (String(state.name || '').trim()) n++;
+      if (state.projType) n++;
+      if (a.home_country || a.builder_geography || a.entity || a.minors_on_board === true || a.minors_on_board === false) n++;
+      if (state.termsAck) n++;
+      $('wizRoom').setAttribute('data-fill', String(n));
     }
     $('termsAck').checked = !!state.termsAck;
     $('termsAck').addEventListener('change', function () {
       state.termsAck = !!this.checked;
       if (state.termsAck) { $('h-terms').textContent = ' '; $('h-terms').className = 'hint'; }
-      paintDoors();
       saveDraft();
+      paintCreate();
     });
-    paintDoors();
     /* ── the demo route (task 1004420, BV2.PS09) ──
-       "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
+       "Try a small demo instead", the small link under the heading, opens the demo in
+       place at the top of part 01: the people, the hours each, the idea, a first read of
+       what fits, and up to two teammates. "Use these" marks the page "demo" and the rest
+       of the page is unchanged: 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 its quick checks stand down. 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
@@ -4822,13 +4933,10 @@ summary{min-height:24px;padding:3px 0;}
       $('demoInvites').hidden = others === 0;
       $('demoInvite2').closest('label').hidden = others < 2;
     }
-    function demoShow(which) {
-      $('forkIntro').hidden = which !== 'intro';
-      $('demoSetup').hidden = which !== 'setup';
-      $('wizDemo').setAttribute('aria-expanded', which === 'intro' ? 'false' : 'true');
-      $('wizEyebrow').textContent = eyebrowFor(state.step);
-      $('wizBack').hidden = which === 'intro';
-      if (which !== 'intro') {
+    function demoShow(open) {
+      $('demoSetup').hidden = !open;
+      $('wizDemo').setAttribute('aria-expanded', open ? 'true' : 'false');
+      if (open) {
         paintDemo();
         var h = $('demo-h1');
         h.setAttribute('tabindex', '-1'); h.focus({ preventScroll: false });
@@ -4837,7 +4945,15 @@ summary{min-height:24px;padding:3px 0;}
     $('demoIdea').value = demoDraft.idea;
     $('demoInvite1').value = demoDraft.invites[0] || '';
     $('demoInvite2').value = demoDraft.invites[1] || '';
-    $('wizDemo').addEventListener('click', function () { if (state.termsAck) demoShow('setup'); });
+    $('wizDemo').addEventListener('click', function () { demoShow($('demoSetup').hidden); });
+    /* back to a real project: the demo's answers go, and the quick checks come back */
+    $('demoCancel').addEventListener('click', function () {
+      state.demo = null;
+      saveDraft();
+      demoShow(false);
+      show(1);
+      $('wizDemo').focus();
+    });
     root.querySelectorAll('[data-demo-step]').forEach(function (b) {
       b.addEventListener('click', function () {
         var key = b.getAttribute('data-demo-step');
@@ -4860,10 +4976,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();
-      show(2, true);
+      demoShow(false);
+      show(1);
+      $('newName').focus();
     });
     /* 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.
@@ -4937,17 +5053,31 @@ summary{min-height:24px;padding:3px 0;}
         state.repo = deriveRepo(state.name);
         $('f-repo').value = state.repo;
       }
-      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']);
+      paintNameHint();
+      /* the repo and the address follow the name, so their rows repaint with it */
+      if (!state.slugTouched) checkSlugAvailable();
+      if (!state.repoTouched && repoAccess === true && state.mode !== 'adopt') { $('ghNewName').value = state.repo; updateFreshPreview(); }
       saveDraft();
+      renderAddrPanel();
+      paintSetup();
+      paintCreate();
     });
-    if (state.name && state.slug) $('h-name').innerHTML = 'its handle on the platform: <code>' + esc(state.slug) + '</code>';
+    /* the handle under the name, built from nodes: the name is typed, so never markup */
+    function paintNameHint() {
+      var h = $('h-name');
+      h.className = 'hint';
+      h.textContent = '';
+      if (!state.slug) { h.textContent = ' '; return; }
+      h.appendChild(document.createTextNode('its handle on the platform: '));
+      var code = document.createElement('code');
+      code.textContent = state.slug;
+      h.appendChild(code);
+    }
+    if (state.name && state.slug) paintNameHint();
 
-    function setMode(mode) {
+    function setMode(mode, chosen) {
       state.mode = mode;
+      if (chosen) state.modeChosen = true;
       $('c-green').setAttribute('aria-pressed', String(mode === 'greenfield'));
       $('c-adopt').setAttribute('aria-pressed', String(mode === 'adopt'));
       $('adoptNote').classList.toggle('on', mode === 'adopt');
@@ -4955,8 +5085,8 @@ summary{min-height:24px;padding:3px 0;}
       syncHome();
       if (typeof paintSetup === 'function') paintSetup();
     }
-    $('c-green').addEventListener('click', function () { setMode('greenfield'); });
-    $('c-adopt').addEventListener('click', function () { setMode('adopt'); });
+    $('c-green').addEventListener('click', function () { setMode('greenfield', true); });
+    $('c-adopt').addEventListener('click', function () { setMode('adopt', true); });
     setMode(state.mode);
 
     /* ── the kind (task 1002772) ── a declaration: the pill is the answer */
@@ -4968,11 +5098,12 @@ summary{min-height:24px;padding:3px 0;}
     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);
-        /* the suggested extras follow the kind, so the review asks about them again */
-        unconfirm(['extras']);
         saveDraft();
+        /* the suggested extras follow the kind, so their row repaints with it */
+        renderModules();
+        paintSetup();
+        paintCreate();
       });
     });
     paintType(state.projType || null);
@@ -4981,7 +5112,7 @@ summary{min-height:24px;padding:3px 0;}
        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. */
+       can join (people invited, or anyone applying) on part 02's Team row. */
     function teamLabel(t) {
       var b = t && root.querySelector('#teamCards .tpill[data-team="' + t + '"]');
       return b ? b.textContent : '';
@@ -5000,7 +5131,6 @@ summary{min-height:24px;padding:3px 0;}
       b.addEventListener('click', function () {
         state.teamShape = b.getAttribute('data-team');
         paintTeam(state.teamShape);
-        unconfirm(['extras']);
         saveDraft();
         paintSetup();
       });
@@ -5048,7 +5178,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 === 4) { renderModules(); paintSetup(); }
+      if (state.step === 1) { 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). */
@@ -5439,9 +5569,9 @@ summary{min-height:24px;padding:3px 0;}
     });
 
     /* ── 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
+       Geography, ages and entity are part 01's quick checks; the project's state, the
+       builders, the rewards and the framing are part 02's rows, each prefilled there and
+       never confirmed (task 1004648). 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. */
@@ -5477,6 +5607,8 @@ summary{min-height:24px;padding:3px 0;}
     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'];
+    /* part 01's quick checks: an answer to any of these asks the table again */
+    var PHYS_CHECK_KEYS = ['builder_geography', 'minors_on_board', 'entity'];
     /* 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'] };
     /* what the review and the reasons say for each answer */
@@ -5561,9 +5693,9 @@ summary{min-height:24px;padding:3px 0;}
       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. */
+    /* Part 02's prefilled answers, written once on the way in and never over a
+       founder's own: a new project, all managed, one person. Nothing needs confirming
+       (task 1004648): what the summary says is what Create files. */
     function physDefaults() {
       var a = phys().answers;
       if (!a.project_state) a.project_state = 'new';
@@ -5571,7 +5703,7 @@ summary{min-height:24px;padding:3px 0;}
       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');
+      if (state.mode === 'greenfield' && a.project_state === 'existing' && Array.isArray(a.existing_work) && a.existing_work.indexOf('code') !== -1 && !state.modeChosen) setMode('adopt');
       saveDraft();
     }
 
@@ -5649,11 +5781,13 @@ summary{min-height:24px;padding:3px 0;}
         b.setAttribute('aria-pressed', String(on));
       });
     }
-    /* 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) */
+    /* part 01's 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). A demo's answers are its own, so its
+       checks stand down. */
     function paintChecks() {
       var p = phys(), a = p.answers;
+      $('checksMain').hidden = physStopped || !!state.demo;
       physPaintPills();
       $('physAges').hidden = a.minors_on_board !== true;
       var forms = PHYS_ENTITY_FORMS.indexOf(a.entity) !== -1 || p.entityForms === true;
@@ -5662,12 +5796,16 @@ summary{min-height:24px;padding:3px 0;}
       physFillSelects();
       physApplyLimits();
     }
+    /* the screening stop, in place of the checks: nothing is created */
+    var physStopped = false;
     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 });
+      physStopped = which === 'stop';
+      $('checksStop').hidden = !physStopped;
+      $('checksMain').hidden = physStopped || !!state.demo;
+      if (physStopped) {
+        var h = $('phys-hstop');
+        h.setAttribute('tabindex', '-1'); h.focus({ preventScroll: false });
+      }
     }
 
     /* the Team size row's controls: one or many, the start count, and the month-three guess */
@@ -5704,9 +5842,11 @@ summary{min-height:24px;padding:3px 0;}
       }).then(function (r) { return r.ok ? r.json() : null; }).catch(function () { return null; });
     }
     /* 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. */
+       part 02 asks it again and repaints the rows it touches. */
     function physRecheck() {
+      if (state.demo) return;
       physCheck().then(function (res) {
+        if (res && res.stop) { $('physStopMsg').textContent = res.message || ''; checksShow('stop'); return; }
         if (!res || !res.soft_limits) return;
         physLimits = res.soft_limits.limits || [];
         physApplyLimits();
@@ -5714,37 +5854,26 @@ summary{min-height:24px;padding:3px 0;}
       });
     }
 
-    /* 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 checksAdvance() {
-      var a = phys().answers;
-      physHint('');
-      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);
+    /* The screening stop (task 1004418), asked by Create itself (task 1004648): the
+       server's own screen — the one the create runs — over the answers given so far,
+       with the sentence from part 01. A stop ends the page there, in place of the
+       checks, before anything exists; otherwise its soft limits shape part 02. An
+       unanswered check is not a stop: the create runs the same screen and is the
+       authority. Resolves true when Create may go on. */
+    function physScreen() {
+      if (state.demo) return Promise.resolve(true);
+      return physCheck().then(function (res) {
+        if (res && res.stop) { $('physStopMsg').textContent = res.message || ''; checksShow('stop'); return false; }
+        if (res && res.soft_limits) { physLimits = res.soft_limits.limits || []; physApplyLimits(); paintSetup(); }
+        return true;
       });
-      return false;
     }
 
+    /* the stop's way back: the answers stay, so the founder changes the one that stopped it */
     $('physStartOver').addEventListener('click', function () {
-      state.description = '';
-      if ($('f-desc')) $('f-desc').value = '';
-      phys().answers = {};
-      state.confirmed = {};
-      saveDraft();
-      show(2, true);
       checksShow('main');
+      paintChecks();
+      $('physCountry').focus();
     });
     root.querySelectorAll('#view-new [data-phys]').forEach(function (b) {
       b.addEventListener('click', function () {
@@ -5763,9 +5892,12 @@ 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();
+        /* what the table hides follows the checks too, and a stop says itself at once */
+        else if (PHYS_CHECK_KEYS.indexOf(k) !== -1) physRecheck();
         physHint(''); saveDraft();
         paintChecks();
         paintSetup();
+        paintCreate();
       });
     });
     /* A hybrid or local framing starts from the canvas's suite until the founder picks
@@ -5773,7 +5905,6 @@ 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();
-      unconfirm(['app']);
       physRecheck();
     }
     /* the Team size row's controls: one or many, the start count, the guess */
@@ -5787,7 +5918,6 @@ summary{min-height:24px;padding:3px 0;}
           a.builders_at_start = 2; a.builders_expected = physGuess(2); p.guessTouched = false;
           state.teamShape = 'small-team';
         }
-        unconfirm(['rewards', 'extras']);
         saveDraft(); paintSetup(); physRecheck();
       });
     });
@@ -5829,7 +5959,7 @@ summary{min-height:24px;padding:3px 0;}
       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;
-      physHint(''); saveDraft(); paintChecks();
+      physHint(''); saveDraft(); paintChecks(); paintCreate(); physRecheck();
     });
     $('physRegion').addEventListener('change', function () { phys().answers.home_region = $('physRegion').value || null; saveDraft(); });
     $('physHaveEntity').addEventListener('click', function () { phys().entityForms = true; saveDraft(); paintChecks(); });
@@ -5937,46 +6067,6 @@ summary{min-height:24px;padding:3px 0;}
       return true;
     }
 
-    /* per-screen validation on Continue */
-    function validateStep(step) {
-      /* 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 accepted the terms.';
-          $('h-terms').className = 'hint err';
-          return false;
-        }
-        if (state.demo) { state.demo = null; state.confirmed = {}; }
-        return true;
-      }
-      if (step === 2) {
-        if (!state.name.trim()) { $('h-name').textContent = 'Give it a name to start.'; $('h-name').className = 'hint err'; return false; }
-        if (!state.projType) {
-          $('h-projtype').textContent = 'Pick one — Not sure is a fine answer.';
-          $('h-projtype').className = 'hint err';
-          return false;
-        }
-        return true;
-      }
-      /* 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 at once, each still true */
-      if (step === 4) return confirmAllRows();
-      return true;
-    }
-
-    root.querySelectorAll('.panel form').forEach(function (form) {
-      form.addEventListener('submit', function (ev) {
-        ev.preventDefault();
-        var next = Number(form.getAttribute('data-next'));
-        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);
-      });
-    });
-
     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(); paintSetup(); }
@@ -6033,7 +6123,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 === 6; }, 5000);
+          if (box) watchApp(instanceId, box, function () { return state.step === 2; }, 5000);
         });
       }).catch(function (err) {
         note.className = 'hint err';
@@ -6053,7 +6143,7 @@ summary{min-height:24px;padding:3px 0;}
          state wholesale), so the picker never edits an orphaned copy */
       if (!lookPicker || lookPickerModel !== state.look) {
         lookPickerModel = state.look;
-        lookPicker = lookKit.buildLookPicker($('wizLook'), state.look, function () { saveDraft(); }, 'wiz',
+        lookPicker = lookKit.buildLookPicker($('wizLook'), state.look, function () { saveDraft(); paintSetup(); }, 'wiz',
           function () { return state.name; });
       } else lookPicker.repaint();
     }
@@ -6070,7 +6160,7 @@ summary{min-height:24px;padding:3px 0;}
       });
     }
 
-    /* ── the review: check what we set up (task 1004504) ── */
+    /* ── part 02's controls: the app platform and the ship mode (tasks 1004351, 1004629) ── */
     /* 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
@@ -6104,31 +6194,25 @@ summary{min-height:24px;padding:3px 0;}
       root.querySelectorAll('#shipOpts input[name=shipMode]').forEach(function (i) { i.checked = i.value === pick; });
     }
 
-    var ROWS = ['code', 'address', 'app', 'extras', 'team', 'rewards', 'run', 'ship'];
+    /* ── part 02, how it's run (task 1004648): a summary to skim, not a gate ──
+       Every row is prefilled from the answers and says its value with one plain line
+       under it. Change opens the row's own control in place (the old steps' controls,
+       moved whole, so every handler and id is the one it always was) and reads Done
+       while it is open; one row is open at a time. No row needs confirming. */
+    var ROWS = ['code', 'address', 'team', 'extras', 'rewards', 'app', 'run', 'ship', 'look'];
     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 */
+    /* a row whose value is fixed, so it is said 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 */
+    /* the checks a row's own old step made on Next. Nothing is confirmed, but a row
+       whose answer cannot be filed as it stands (no repo picked yet, a handle that is
+       taken, a Render key not checked) keeps Create from filing it. */
     function rowValid(key) {
       if (key === 'code') return validateCode();
       if (key === 'address') return validateAddress();
@@ -6137,6 +6221,10 @@ summary{min-height:24px;padding:3px 0;}
       if (key === 'run') return !!phys().answers.framing;
       return true;
     }
+    function firstInvalidRow() {
+      for (var i = 0; i < ROWS.length; i++) if (rowApplies(ROWS[i]) && !rowValid(ROWS[i])) return ROWS[i];
+      return null;
+    }
     function openRow(key) {
       var row = rowEl(key);
       if (!row || rowFixed(key)) return;
@@ -6150,6 +6238,7 @@ summary{min-height:24px;padding:3px 0;}
       if (key === 'code') syncHome();
       if (key === 'app') { syncAppStep(); syncRenderSetup(); }
       if (key === 'ship') syncShipStep();
+      if (key === 'look') renderLook();
     }
     function closeRow(key) {
       var row = rowEl(key);
@@ -6157,58 +6246,20 @@ summary{min-height:24px;padding:3px 0;}
       row.querySelector('.opts').hidden = true;
       var chg = row.querySelector('[data-row-chg]');
       chg.setAttribute('aria-expanded', 'false');
-      chg.textContent = 'Edit';
-    }
-    /* Done on an open row, or the page's one "Looks right, continue": the row's own
-       checks first — a row that fails stays open 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();
-      return true;
-    }
-    /* the page's one confirmation (task 1004550): every row that applies, in order,
-       through its own check; the first that fails opens with its reason and stops it */
-    function confirmAllRows() {
-      var rows = unconfirmedRows();
-      for (var i = 0; i < rows.length; i++) {
-        if (!confirmRow(rows[i])) {
-          var row = rowEl(rows[i]);
-          if (row && row.scrollIntoView) row.scrollIntoView({ block: 'center' });
-          $('h-review').textContent = 'Fix the row that’s open, then continue.';
-          $('h-review').className = 'hint err';
-          return false;
-        }
-      }
-      $('h-review').textContent = '\u00a0'; $('h-review').className = 'hint';
-      return true;
-    }
-    /* back to the review from a later screen with rows left to confirm: show the first
-       one that fails its check opened, and confirm nothing on the founder's behalf */
-    function reopenReview() {
-      show(4, true);
-      var bad = unconfirmedRows().filter(function (k) { return !rowValid(k); })[0];
-      if (bad) openRow(bad);
+      chg.textContent = 'Change';
     }
     $('reviewRows').addEventListener('click', function (ev) {
       var t = ev.target.closest && ev.target.closest('[data-row-chg]');
       if (!t) return;
       var key = t.closest('.setRow').getAttribute('data-row');
-      /* Done: the row's check, then closed — or left open with its reason */
+      /* Done: the row's own check, then closed — or left open with its reason showing */
       if (rowEl(key).classList.contains('open')) {
-        if (confirmRow(key)) t.focus({ preventScroll: true });
+        if (rowValid(key)) { closeRow(key); paintSetup(); t.focus({ preventScroll: true }); }
         return;
       }
-      /* Edit: one row open at a time — another open row closes if its answer holds */
-      ROWS.forEach(function (k) { if (k !== key && rowEl(k).classList.contains('open') && rowValid(k)) confirmRow(k); });
-      delete confirmedRows()[key]; openRow(key); paintSetup();
+      /* Change: one row open at a time — another open row closes if its answer holds */
+      ROWS.forEach(function (k) { if (k !== key && rowEl(k).classList.contains('open') && rowValid(k)) closeRow(k); });
+      openRow(key); paintSetup();
     });
     /* an open row's value line follows what is typed or picked under it, live — the
        controls' own handlers run first (they are on the targets), then the row repaints */
@@ -6220,9 +6271,16 @@ summary{min-height:24px;padding:3px 0;}
           var row = ev.target.closest('.setRow'), t = rowText(row.getAttribute('data-row'));
           row.querySelector('[data-row-v]').textContent = t.v;
           row.querySelector('[data-row-s]').textContent = t.s;
+          if (row.getAttribute('data-row') !== 'look') paintCreate();
         }
       });
     });
+    /* the look row's swatch: the chosen look's own accent, or the founder's */
+    function lookAccent(lk) {
+      if (lk.look === 'custom') return lk.accent || '';
+      var L = lookKit.LOOKS[lk.look];
+      return L ? L.colors.accent : '';
+    }
 
     /* what each row says: its value and one plain line under it */
     function rowText(key) {
@@ -6237,14 +6295,14 @@ summary{min-height:24px;padding:3px 0;}
         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.' };
+        if (!resolvedDomain()) return { v: validSlug(state.slug) ? 'No address assigned here' : 'Name it first', s: validSlug(state.slug) ? 'Add a domain you own, or go without one for now.' : 'The address comes with the name.' };
         return {
-          v: resolvedDomain() || 'Pick a handle',
+          v: resolvedDomain(),
           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.'
+                  : 'You can add your own domain later.'
         };
       }
       if (key === 'app') {
@@ -6252,6 +6310,8 @@ summary{min-height:24px;padding:3px 0;}
         return { v: appPlatformChoice() === 'render' ? 'Render' : 'Decide later', s: appRowDetail() };
       }
       if (key === 'extras') {
+        /* no kind yet: the suggestion follows the kind, so say that rather than "0" */
+        if (state.modules === null && !state.projType) return { v: 'Just the core for now', s: 'Pick a kind and we suggest extras for it.' };
         var picked = pickedModules();
         var lead = !starterBundles
           ? (state.modules === null ? 'The suggested set' : 'The extras you picked')
@@ -6262,7 +6322,7 @@ summary{min-height:24px;padding:3px 0;}
       }
       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.' };
+        if (physSolo()) return { v: 'Just you to start', s: 'Open to invites.' };
         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') {
@@ -6286,12 +6346,20 @@ summary{min-height:24px;padding:3px 0;}
           ? { v: 'Manual', s: 'The AI waits for you to approve each ship. You can change this later in your project’s settings.' }
           : { v: 'Auto (recommended)', s: 'The AI ships finished work on its own. You can change this later in your project’s settings.' };
       }
+      if (key === 'look') {
+        var lk = state.look || defaultLook();
+        var L = lookKit.LOOKS[lk.look];
+        var name = L ? L.title.replace(/^The /, '') : 'Your own colours';
+        return {
+          v: name.charAt(0).toUpperCase() + name.slice(1),
+          s: (lk.logo ? 'With your logo.' : 'Add a logo later from the project page.') + (lk.nightTint === false ? ' Night tint off.' : '')
+        };
+      }
       return { v: '', s: '' };
     }
-    /* paint every row from the draft, and the locked Continue under them */
+    /* paint every row from the draft */
     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';
@@ -6308,19 +6376,15 @@ summary{min-height:24px;padding:3px 0;}
       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;
         row.querySelector('[data-row-chg]').hidden = rowFixed(key);
       });
+      $('lookDot').style.background = lookAccent(state.look || defaultLook());
     }
-    /* screen 5's one line: what Create is about to make */
+    /* the one line beside Create: what it 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 bits = [state.name || state.slug, typeLabel(state.projType) || '', state.mode === 'adopt' ? 'your repo' : 'new repo', resolvedDomain() || 'no address yet'];
+      var bits = [String(state.name || '').trim() || 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(' · ');
     }
@@ -6400,15 +6464,29 @@ summary{min-height:24px;padding:3px 0;}
       var btn = this;
       var alertBox = $('createAlert');
       alertBox.classList.remove('on');
-      /* a draft can reach Review without the front door's tick (one written before
-         it existed is dropped by the key bump, but a cleared box is still a cleared
-         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) { reopenReview(); return; }
+      /* a name and the terms tick, and nothing else (task 1004648); the button already
+         waits for both, so this only guards a click that raced a change */
+      if (createWhy()) { paintCreate(); $(String(state.name || '').trim() ? 'termsAck' : 'newName').focus(); return; }
+      /* no row is confirmed, but one that cannot be filed as it stands opens with its
+         reason, and Create waits for it */
+      var bad = firstInvalidRow();
+      if (bad) {
+        ROWS.forEach(function (k) { if (k !== bad && rowEl(k).classList.contains('open')) closeRow(k); });
+        openRow(bad);
+        paintSetup();
+        var badRow = rowEl(bad);
+        if (badRow && badRow.scrollIntoView) badRow.scrollIntoView({ block: 'center' });
+        $('createWhy').textContent = 'Fix the row that’s open, then create.';
+        return;
+      }
+      createBusy = true;
       btn.disabled = true; btn.textContent = 'Raising it into the sky…';
-      ensureFreshRepo().then(function () {
+      /* the screening stop first: an answer the platform cannot serve stops the page
+         here, before anything — the repo included — exists */
+      physScreen().then(function (ok) {
+        if (!ok) { var stop = new Error('stopped'); stop.stopped = true; throw stop; }
+        return ensureFreshRepo();
+      }).then(function () {
         return fetch(API + '/provisioning/instances', {
           method: 'POST', credentials: 'same-origin',
           headers: { 'Content-Type': 'application/json' },
@@ -6476,21 +6554,24 @@ summary{min-height:24px;padding:3px 0;}
           }));
           sessionStorage.removeItem(DRAFT_KEY);
         } catch (e) {}
+        createBusy = false;
         renderDone();
-        show(6, true);
+        show(2, 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);
       }).catch(function (err) {
+        createBusy = false;
         if (String(err && err.message) === 'signing in') return;
-        btn.disabled = false; btn.textContent = 'Create my project';
+        paintCreate();
+        if (err && err.stopped) return;   /* the stop says itself, in place of the checks */
         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(4, true);
-          delete confirmedRows().code;
+          /* A repo-creation problem (name taken / reconnect) — open the Code row with the
+             reason, so the founder fixes it where the repo is chosen. */
           openRow('code');
           paintSetup();
+          var codeRow = rowEl('code');
+          if (codeRow && codeRow.scrollIntoView) codeRow.scrollIntoView({ block: 'center' });
           $('h-home').textContent = err.homeMsg || 'Please check the repository again.';
           $('h-home').className = 'hint err';
           return;
@@ -7216,13 +7297,14 @@ 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', shipMode: 'auto', physics: null, demo: null, look: null, termsAck: false, confirmed: {} };
+      state = { step: 1, name: '', projType: null, description: '', teamShape: null, modules: null, mode: 'greenfield', modeChosen: false, owner: '', ownerTouched: false, repo: '', repoTouched: false, slug: '', slugTouched: false, domain: '', noAddress: false, appPlatform: 'later', shipMode: 'auto', physics: null, demo: null, look: null, termsAck: false };
       $('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');
+      $('termsAck').checked = false; demoShow(false); checksShow('main');
+      ROWS.forEach(function (k) { if (rowEl(k).classList.contains('open')) closeRow(k); });
       /* 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;';
+      paintNameHint();
       paintType(null);
       paintTeam(null);
       setMode('greenfield');
@@ -7601,8 +7683,7 @@ summary{min-height:24px;padding:3px 0;}
         panel.setAttribute('data-moment', hop.target);
         $('hop').classList.remove('hopFading');
         if (hop.target === 'wait') hopStart(); else hopStop();
-        if (hop.target === 'arrive') stepsPaint(true);
-        if (hop.target !== 'wait') { panel.classList.remove('hopSignin'); $('hopSignin').setAttribute('aria-expanded', 'false'); }
+        stepsPaint();
       }
       if (m === 'arrive' && was === 'wait' && !REDUCED && hop.raf && performance.now() - hop.since > 2500) {
         cancelAnimationFrame(hop.raf); hop.raf = 0;
@@ -7618,9 +7699,7 @@ summary{min-height:24px;padding:3px 0;}
       hop.target = ''; hop.since = 0; hop.tr = 0; hop.trDone = null; hop.p = null;
       hop.best = 0; hop.maxed = false;
       if (hop.w) hopBuild();
-      stepIdx = -1; stepAuto = true;
-      var panel = $('panel-done');
-      panel.removeAttribute('data-moment'); panel.classList.remove('hopSignin');
+      $('panel-done').removeAttribute('data-moment');
     }
 
     /* the status line and the bar read what the strip already says — one
@@ -7636,54 +7715,19 @@ summary{min-height:24px;padding:3px 0;}
       $('hopBarFill').style.width = Math.max(4, lis ? Math.min(100, done / lis * 100) : 0) + '%';
     }
 
-    /* the arrival's steps, one at a time. The list is still rendered whole
-       (renderSteps, change-only); this marks the one on show, numbers it, and
-       paints the pager. Until the founder pages for themselves, the step on
-       show follows the first one not yet done — the checklist ticks itself, so
-       a step finishing moves them on. Once they page, their choice holds. */
-    var stepIdx = -1, stepAuto = true;
-    function stepsPaint(fresh) {
-      var panel = $('panel-done'), list = $('humanSteps');
-      if (!panel || !list) return;
+    /* Part 03's checklist (task 1004648): every step on show at once, each ticking
+       itself from what the server has verified (renderSteps, change-only), and the
+       part's state line saying where the founder is. It replaces the paged steps. */
+    function stepsPaint() {
+      var list = $('humanSteps'), st = $('ghState');
+      if (!list || !st) return;
+      if (state.step !== 2) { st.textContent = 'opens once your project exists'; return; }
       var items = Array.prototype.slice.call(list.children);
-      var oauth = list.querySelector('[data-onboard-step="oauth-app"]');
-      var open = panel.classList.contains('hopSignin');
-      var can = !!oauth && !oauth.classList.contains('slocked') && !oauth.classList.contains('sdone');
-      $('hopWhile').hidden = !(can || open);
-      if (!items.length) { $('stepCount').textContent = ''; $('stepBack').hidden = true; $('stepNext').hidden = true; return; }
-      if (fresh) stepAuto = true;
-      if (stepAuto || !(stepIdx >= 0)) {
-        stepIdx = 0;
-        for (var i = 0; i < items.length; i++) { if (!items[i].classList.contains('sdone')) { stepIdx = i; break; } }
-      }
-      stepIdx = Math.max(0, Math.min(items.length - 1, stepIdx));
-      items.forEach(function (li, j) {
-        li.classList.toggle('cur', j === stepIdx);
-        /* a hidden step never counts, so the one on show carries its own number */
-        li.setAttribute('data-n', (j < 9 ? '0' : '') + (j + 1));
-      });
-      $('stepCount').textContent = 'Step ' + (stepIdx + 1) + ' of ' + items.length;
-      $('stepBack').hidden = stepIdx <= 0;
-      $('stepNext').hidden = stepIdx >= items.length - 1;
-    }
-    function stepGo(d) {
-      stepAuto = false;
-      stepIdx += d;
-      stepsPaint();
-      var cur = $('humanSteps').querySelector('li.cur');
-      if (cur) { cur.setAttribute('tabindex', '-1'); cur.focus(); }
+      var done = items.filter(function (li) { return li.classList.contains('sdone'); }).length;
+      st.textContent = items.length && done === items.length ? 'connected ✓'
+        : manifestInFlight() ? 'waiting on GitHub…'
+          : done ? done + ' of ' + items.length + ' done' : 'ready';
     }
-    $('stepNext').addEventListener('click', function () { stepGo(1); });
-    $('stepBack').addEventListener('click', function () { stepGo(-1); });
-
-    $('hopSignin').addEventListener('click', function () {
-      var panel = $('panel-done');
-      var open = !panel.classList.contains('hopSignin');
-      panel.classList.toggle('hopSignin', open);
-      this.setAttribute('aria-expanded', open ? 'true' : 'false');
-      var li = $('humanSteps').querySelector('[data-onboard-step="oauth-app"]');
-      if (open && li) { li.setAttribute('tabindex', '-1'); li.focus(); }
-    });
 
     (function hopInput() {
       var cv = $('hopCanvas');
@@ -7757,23 +7801,22 @@ 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(6) then
-       persists the done panel's own position straight back into it, so "is there a
+       step is what says so. A landed create clears DRAFT_KEY — but show(2) then
+       persists the created page'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–5 are wizard
-       steps: anything else is the done panel's bookkeeping, not a project someone
+       finished project’s name sitting in the fresh form. Only step 1, the page, is a
+       draft: anything else is the created page'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 <= 5 ? draft.step : 0;
-        if (!at) { resetForNewProject(); at = 1; }
+        if (!(draft && draft.step === 1)) resetForNewProject();
         paintResumeOffer(created);
-        /* step 1's own focus target is its one control, the terms tick, not the
-           heading — the same deliberate-nav rule enter() applies below */
-        show(at, at !== 1);
-        if (at === 1) $('termsAck').focus();
+        /* the page's own focus target is its first control, the name, not the heading —
+           the same deliberate-nav rule enter() applies below */
+        show(1, false);
+        $('newName').focus();
         return;
       }
       resumeIntent = false;
@@ -7798,7 +7841,7 @@ summary{min-height:24px;padding:3px 0;}
         manifestState = created.manifest_state; manifestPending = true;
       }
       renderDone();
-      show(6, !!focus);
+      show(2, !!focus);
       startProgress(created.id);
       resumePolls();
     }
@@ -7810,32 +7853,25 @@ summary{min-height:24px;padding:3px 0;}
     function enter(focus) {
       if (authKnown && !me) { show(0, !!focus); return; }
       var created = authKnown ? createdRecord() : null;
-      /* A draft part-way through the wizard (steps 1–5) beside a stored create is a
-         SECOND project being typed. A reload or a GitHub round-trip (repo access) is
-         that same visit continuing, so the draft keeps its place and the earlier
-         project stays one click away on the resume line — it used to land on the
-         earlier project's done panel, dropping the founder out of the draft
-         (task 1004549). A deliberate nav still goes through enterCreated. */
-      var draftInFlight = state.step >= 1 && state.step <= 5;
+      /* A draft on the page (step 1) beside a stored create is a SECOND project being
+         typed. A reload or a GitHub round-trip (repo access) is that same visit
+         continuing, so the draft keeps its place and the earlier project stays one
+         click away on the resume line — it used to land on the earlier project's done
+         panel, dropping the founder out of the draft (task 1004549). A deliberate nav
+         still goes through enterCreated. */
+      var draftInFlight = state.step === 1;
       if (created && created.id && (focus || !draftInFlight || resumeIntent)) { enterCreated(created, !!focus); return; }
       paintResumeOffer(created && created.id ? created : null);
-      /* 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 <= 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
-           position with 1 and leave onAuth() nothing to re-enter to (task 1003683). Every
-           return through GitHub landed the visitor back at the name step. Put the real
-           step back after rendering the placeholder, in memory AND in the draft. */
-        var resumeStep = state.step;
-        show(1, false);
-        if (!authKnown && resumeStep >= 1 && resumeStep <= 5) { state.step = resumeStep; saveDraft(); }
-        if (focus) $('termsAck').focus();
-      } else {
-        show(step, !!focus);
-      }
+      /* Pre-auth the page is a PLACEHOLDER, not where the visitor is — but show()
+         persists whatever step it renders, so it used to overwrite the draft's real
+         position and leave onAuth() nothing to re-enter to (task 1003683). Put the real
+         step back after rendering the placeholder, in memory AND in the draft. The page
+         itself holds back the authenticated side effects (the repo probe) until /me
+         answers. */
+      var resumeStep = state.step;
+      show(1, false);
+      if (!authKnown) { state.step = resumeStep; saveDraft(); }
+      if (focus) $('newName').focus();
     }
     /* leave() — park the polls (C8). The due tick would park itself anyway;
        this just stops the timers immediately so nothing fires off-stage. */
@@ -10803,7 +10839,7 @@ summary{min-height:24px;padding:3px 0;}
      Proof: ../../../tests/project_invite_ui.mjs ══ */
 
   var INVITE_MOUNTS = {
-    wizInvite: { who: 'wizInviteWho', list: 'wizInviteList', msg: 'wizInviteMsg', after: 'doneStepsHead', why: 'wizInviteWhy', sugg: 'wizInviteSugg' },
+    wizInvite: { who: 'wizInviteWho', list: 'wizInviteList', msg: 'wizInviteMsg', after: 'wizInviteLater', why: 'wizInviteWhy', sugg: 'wizInviteSugg' },
     mInvite: { who: 'mInviteWho', list: 'mInviteList', msg: 'mInviteMsg', after: null, why: 'mInviteWhy', sugg: 'mInviteSugg', guild: 'mInviteGuild', guildMsg: 'mInviteGuildMsg' }
   };
   var inviteSlug = {};   /* mount id → the slug it invites to; '' means no step at all */