Improve homepage contrast and show tool limits sooner

Delta-Atlas-Tracer-Calibration.md

@@ -135,3 +135,9 @@ The new illustrative artwork has 1672 x 941 native pixels and is served as a 597
 Local browser screenshots were inspected at 1920 x 1080, 1280 x 720, 390 x 844 and 320 x 800. Narrow screens show the wide landscape above the reading panel. No horizontal document overflow was observed. The desktop scroll height was 1958 CSS pixels for content of approximately 1957.8; at 320 pixels wide, 3374 for approximately 3374.4. Expanded sample and privacy sections grew with their content. Pause kept the draw count at 298 across subsequent observations; opening Gap Check held it at 306 while the scene was hidden, and Back restored the homepage. Glossary search returned the recorded Guardrail entry. Browser console review found no errors or warnings in this session. These are bounded observations, not a full browser/accessibility/performance certification.
 
 The 14 existing pre-STP workflow commands passed locally on Windows with Node 24.19.0 and Python 3.12.14. Separate synthetic lifecycle checks covered pause, page/home hiding, reduced motion, context restoration, graphics/image failures and wide-image mapping; these are not physical-device measurements. The publication workflow provides the pinned Linux and STP checks. Publication approval is not an independent cold read; the proposal remains queued. Earlier semantic red-team counterexamples remain unresolved by this visual change.
+
+## 2026-09-05: Panel contrast and first-screen tool limits
+
+The owner requested darker cards and a concise scope note beneath the three tools, then explicitly retained moving water on arrival. The motion runtime is unchanged: it starts unless reduced motion is requested, can be paused, and suspends while a tool such as Tracer is open. An opt-in motion default was not implemented.
+
+Cards now use an opaque dark surface; surrounding content panels are 97–98% opaque. Reducing unused desktop hero space puts the single-sentence tool limit immediately below all three cards and within the inspected 1280 x 720 initial viewport (note bottom at approximately 636.5 CSS pixels). At 390 x 844, the wide garden and vertically stacked cards remain readable; the note follows the third card and requires scrolling. No universal above-the-fold claim is made. Local screenshots checked both layouts and the mobile note; no horizontal document overflow was observed. Opening Tracer hid the garden and stopped its draw count. Cache v92 distributes these CSS/copy changes; tool engines, datasets, artwork bytes and routing logic are retained. The proposal remains queued for independent cold read.

assets/garden-home-v1.css

@@ -16,27 +16,27 @@
 .garden-motion-toggle:disabled{opacity:.65;cursor:default;}
 .garden-motion-toggle[hidden]{display:none;}
 .garden-motion-toggle[aria-pressed="true"]{background:#294c35;}
-.hero{width:min(510px,100%);min-height:340px;margin:42px 0 64px;padding:29px 34px 30px;text-align:left;background:rgba(9,30,20,.94);border:1px solid #718265;border-radius:3px 24px 24px 24px;box-shadow:0 16px 48px rgba(0,0,0,.18);}
+.hero{width:min(510px,100%);min-height:340px;margin:42px 0 64px;padding:29px 34px 30px;text-align:left;background:rgba(10,20,15,.97);border:1px solid #718265;border-radius:3px 24px 24px 24px;box-shadow:0 16px 48px rgba(0,0,0,.18);}
 .hero .logo{font-family:inherit;font-size:16px;letter-spacing:.08em;color:#e3cd91;gap:10px;}
 .hero .logo .dot{width:7px;height:7px;box-shadow:none;background:#e3cd91;}
 .hero .headline{font-family:Georgia,"Times New Roman",serif;font-size:clamp(36px,3.6vw,48px);font-weight:400;line-height:1.13;letter-spacing:-.025em;max-width:425px;margin:20px 0 18px;color:#fafcf7;text-wrap:balance;}
 .hero .tagline{max-width:380px;font-size:15px;line-height:1.75;margin:0;color:#e0e9df;}
-.garden-tools{padding:22px 24px 15px;border:1px solid #607458;border-radius:16px;background:rgba(9,28,20,.97);box-shadow:0 15px 50px rgba(0,0,0,.15);}
+.garden-tools{padding:22px 24px 15px;border:1px solid #607458;border-radius:16px;background:rgba(10,20,15,.98);box-shadow:0 15px 50px rgba(0,0,0,.15);}
 .garden-tools h2.sec{font-family:Georgia,"Times New Roman",serif;font-size:27px;font-weight:400;line-height:1.3;margin:0 0 20px;color:#eef3e8;}
 .primary-tools{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:0;}
-.primary-tools .card{padding:22px 21px 18px;background:#203e2c;border-color:#607458;gap:10px;}
-.primary-tools .card:hover{background:#294c35;border-color:#e3cd91;transform:none;}
+.primary-tools .card{padding:22px 21px 18px;background:#101c16;border-color:#607458;gap:10px;}
+.primary-tools .card:hover{background:#1b2c22;border-color:#e3cd91;transform:none;}
 .primary-tools .dk{font-size:10.5px;letter-spacing:.12em;color:#ddcd9f;}
 .primary-tools .cn{font-size:20px;line-height:1.25;margin:0;}
 .primary-tools .cw{font-size:13px;line-height:1.7;color:#d3decf;}
 .primary-tools .cgo{font-size:13px;color:#e3cd91;border-top:1px solid #546b4d;padding-top:13px;}
-.garden-tools .tool-boundary{font-size:12.5px;line-height:1.65;margin:16px 0;}
+.garden-tools .tool-boundary{font-size:13.5px;line-height:1.6;margin:14px 0;color:#e0e9df;}
 .garden-tools .substrip{font-size:13px;line-height:1.7;margin:14px 0;}
 .garden-tools .sample{max-width:none;background:#173521;margin:16px 0 0;}
-.evidence-entry,.research-question{background:rgba(10,32,23,.98);border-color:#607458;border-left-color:#e3cd91;margin:30px 0;padding:24px 26px;}
+.evidence-entry,.research-question{background:rgba(10,20,15,.98);border-color:#607458;border-left-color:#e3cd91;margin:30px 0;padding:24px 26px;}
 .evidence-entry h2,.research-question h2{font-family:Georgia,"Times New Roman",serif;font-size:25px;font-weight:400;line-height:1.3;margin-bottom:12px;}
 .evidence-entry p,.research-question p{max-width:900px;}
-.search-section{padding:24px 26px 20px;border:1px solid #607458;border-radius:14px;background:rgba(9,28,20,.98);}
+.search-section{padding:24px 26px 20px;border:1px solid #607458;border-radius:14px;background:rgba(10,20,15,.98);}
 .search-section h2.sec{margin:0 0 9px;font-family:Georgia,"Times New Roman",serif;font-size:25px;font-weight:400;}
 .search-section .seclead{font-size:13px;line-height:1.7;}
 .search-section .hchips{justify-content:flex-start;}
@@ -45,17 +45,31 @@
 .floor .garden-motion-note{font-size:12px;line-height:1.6;margin:14px 0 0;color:#d3decf;}
 @media(min-width:1800px){.hero{margin-top:52px;margin-bottom:82px;min-height:355px;}.primary-tools .cw{font-size:14px;}.primary-tools .card{padding:24px;}}
 @media(max-width:1000px){.home-page>.wrap{padding-inline:24px;}.hero{width:min(465px,100%);min-height:330px;margin-top:34px;margin-bottom:56px;padding:27px 30px;}.hero .headline{font-size:40px;}.garden-tools{padding:21px 20px 15px;}.primary-tools{gap:12px;}.primary-tools .card{padding:19px 16px;}.primary-tools .cn{font-size:18px;}.floor{margin-inline:-24px;padding-inline:26px;}}
+/* Compact unused hero space so desktop task cards and their scope note arrive
+   together. Keep the wide garden mapping and readable phone flow unchanged. */
+@media(min-width:721px){
+  .hero{min-height:0;margin-top:24px;margin-bottom:24px;padding:22px 30px;}
+  .hero .logo{font-size:14px;}
+  .hero .headline{font-size:40px;line-height:1.12;margin:13px 0;}
+  .hero .tagline{font-size:14px;line-height:1.6;}
+  .garden-tools{padding:18px 22px 14px;}
+  .garden-tools h2.sec{font-size:25px;margin-bottom:12px;}
+  .primary-tools .card{padding:17px 19px 15px;gap:7px;}
+  .primary-tools .cw{font-size:13px;line-height:1.55;}
+  .primary-tools .cgo{padding-top:10px;}
+  .garden-tools .tool-boundary{margin:12px 0;}
+}
 /* The stage already excludes the navigation. A phone shows the complete wide scene
    above the reading panel, rather than enlarging a narrow crop of the waterfall. */
 @media(max-width:720px){
   #garden-scene{height:auto;aspect-ratio:1672 / 941;bottom:auto;}
   .home-page>.wrap{padding-inline:15px;}
-  .hero{width:100%;min-height:0;margin:calc(56.2799vw + 14px) 0 26px;padding:25px 24px 27px;border-radius:3px 18px 18px 18px;background:#102e1f;}
+  .hero{width:100%;min-height:0;margin:calc(56.2799vw + 14px) 0 26px;padding:25px 24px 27px;border-radius:3px 18px 18px 18px;background:#0a140f;}
   .hero .logo{font-size:14px;}
   .hero .headline{font-size:38px;max-width:100%;margin:18px 0;}
   .hero .tagline{font-size:14px;max-width:100%;}
   .garden-motion-toggle{font-size:11px;padding-inline:11px;}
-  .garden-tools{padding:21px 18px 15px;background:#102e1f;}
+  .garden-tools{padding:21px 18px 15px;background:#0a140f;}
   .garden-tools h2.sec{font-size:25px;margin-bottom:17px;}
   .primary-tools{grid-template-columns:1fr;gap:13px;}
   .primary-tools .card{padding:21px;}

governance/harnesses/verify-atlas-runtime.js

@@ -7,7 +7,7 @@ const fail=m=>{throw new Error(m);};
 const contract=JSON.parse(read('governance/contracts/atlas-runtime-contract.v1.json'));
 if(contract.type!=='delta-atlas-runtime-contract'||contract.version!==1) fail('contract identity');
 const sw=read('sw.js');
-if(!sw.includes("const CACHE='aaig-v91'")) fail('cache version');
+if(!sw.includes("const CACHE='aaig-v92'")) fail('cache version');
 if(/allSettled/.test(sw)) fail('install must not accept partial cache');
 if(!/Promise\.all\(CORE\.map\(u=>c\.add\(u\)\)\)/.test(sw)) fail('install is not fail-closed');
 const coreMatch=sw.match(/const CORE=\[([\s\S]*?)\];/); if(!coreMatch) fail('CORE not found');

governance/harnesses/verify-home-surface.js

@@ -55,7 +55,7 @@ check(taskCards.length === 3 && taskCards.every((card, index) => card[1] === exp
   card[2].includes(expectedTasks[index][1]) && /class="cw">Paste [^<]+/.test(card[2])),
   'three primary tasks identify their input and bind the intended existing tools');
 check(html.indexOf(primaryTools) < html.indexOf('<details class="sample">') &&
-  /class="[^"]*tool-boundary[^"]*">[^<]*A clean result does not certify correctness or safety\./.test(html),
+  /class="[^"]*tool-boundary[^"]*">[^<]*[Aa] clean result does not certify correctness or safety\./.test(html),
   'primary tasks precede the optional sample and retain a visible result ceiling');
 check(!primaryTools.includes('Coherence-Audit.html') && /onclick="nav\('Coherence-Audit\.html'\)"[^>]*>Framework Audit: review a general plan/.test(html),
   'Framework Audit remains a reachable secondary tool');

index.html

@@ -345,7 +345,7 @@ <h2 class="sec" id="tools-title">Choose a task</h2>
         <button class="card" type="button" onclick="nav('Delta-Atlas-Tracer.html')"><span class="dk">PRIORITY TRACER</span><span class="cn">Inspect an agent trace</span><span class="cw">Paste a decision log. Flag language that bends a stated rule, and distinguish a rule holding from a named authority amending it.</span><span class="cgo">Open the Tracer &rarr;</span></button>
         <button class="card" type="button" onclick="nav('Delta-Atlas-ContinuityAudit.html')"><span class="dk">CONTINUITY AUDIT</span><span class="cn">Check an operating procedure</span><span class="cw">Paste an SOP or operations manual. Find named risks without stated controls and single points of failure without documented backup.</span><span class="cgo">Open Continuity Audit &rarr;</span></button>
       </div>
-      <p class="seclead tool-boundary">These tools check stated text with finite rules. A clean result does not certify correctness or safety.</p>
+      <p class="seclead tool-boundary">These tools check text with a fixed set of rules; a clean result does not certify correctness or safety.</p>
       <p class="substrip"><button class="dlink" type="button" onclick="nav('Coherence-Audit.html')">Framework Audit: review a general plan</button><span class="qsep">&middot;</span><button class="dlink" type="button" onclick="nav('Delta-Atlas-Start.html')">Getting started</button></p>
       <details class="sample">
        <summary>Try a sample before using your own plan</summary>

proposals.json

@@ -615,6 +615,29 @@
           "action": "queued"
         }
       ]
+    },
+    {
+      "id": "improve-homepage-panel-contrast-and-expose-tool",
+      "date": "2026-09-05",
+      "source": {
+        "kind": "model",
+        "name": "Owner requested card legibility and disclaimer visibility, then explicitly retained moving-on-arrival behavior"
+      },
+      "stream": "site-tools",
+      "type": "tool",
+      "title": "Improve homepage panel contrast and expose tool limits while preserving automatic garden motion",
+      "status": "cold-read-pending",
+      "gates": {
+        "schema": true,
+        "corpus": "n/a",
+        "bench": "n/a"
+      },
+      "log": [
+        {
+          "date": "2026-09-05",
+          "action": "queued"
+        }
+      ]
     }
   ]
 }

sw.js

@@ -3,7 +3,7 @@
 // and does not collect application inputs.
 // Installation is all-or-nothing: a claimed offline shell must have every
 // declared core dependency, not a silently partial cache.
-const CACHE='aaig-v91';
+const CACHE='aaig-v92';
 const CORE=[
  'index.html','manifest.webmanifest','evaluate.html','404.html','terms.enriched.json',
  'Agentic-AI-Governance-Chat.html','Agentic-AI-Governance-GroundTruth.html','Delta-Atlas-Start.html','Delta-Atlas-Field.html',