Tone down copy and fix UI inconsistencies

- Remove overpromising "transform into impeccable design" claim
- Tone down marketing language throughout (design intelligence, level up, etc.)
- Change "our" to "the" for neutral voice
- Combine Support and Consulting into single "Work with me" section
- Fix double-border on command demo panel (match border-radius)
- Remove border-top from demo captions

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

public/css/main.css

@@ -955,31 +955,6 @@ code {
   }
 }
 
-/* Result statement */
-.solution-result {
-  text-align: center;
-  padding-top: var(--spacing-lg);
-}
-
-.result-arrow {
-  display: block;
-  font-size: 2rem;
-  color: var(--color-accent);
-  margin-bottom: var(--spacing-sm);
-  animation: bounce 1.5s ease-in-out infinite;
-}
-
-.result-text {
-  font-size: 1.25rem;
-  color: var(--color-charcoal);
-  margin: 0;
-}
-
-.result-text em {
-  font-style: italic;
-  color: var(--color-accent);
-  font-weight: 500;
-}
 
 /* ============================================
    SKILLS SECTION

public/css/skill-demos.css

@@ -180,7 +180,6 @@
   font-size: 0.6875rem;
   letter-spacing: 0.03em;
   color: var(--color-ash);
-  border-top: 1px solid var(--color-mist);
   background: var(--color-paper);
   text-align: center;
 }

public/css/styles.css

@@ -374,13 +374,12 @@
   font-weight: 500;
 }
 .terminal-preview {
-  border: 1px solid var(--color-mist);
-  border-radius: 4px;
   background: var(--color-paper);
   margin: var(--spacing-sm) 0;
   flex: 1;
   min-height: 0;
-  overflow: auto;
+  overflow: hidden;
+  border-radius: 12px;
 }
 .terminal-cursor-line {
   flex-shrink: 0;
@@ -458,7 +457,6 @@
   color: var(--color-ash);
   text-align: center;
   padding: var(--spacing-sm) var(--spacing-md);
-  border-top: 1px solid var(--color-mist);
 }
 @keyframes blink {
   50% {
@@ -1040,7 +1038,6 @@
   font-size: 0.6875rem;
   letter-spacing: 0.03em;
   color: var(--color-ash);
-  border-top: 1px solid var(--color-mist);
   background: var(--color-paper);
   text-align: center;
 }
@@ -2693,27 +2690,6 @@ code {
     font-size: 2rem;
   }
 }
-.solution-result {
-  text-align: center;
-  padding-top: var(--spacing-lg);
-}
-.result-arrow {
-  display: block;
-  font-size: 2rem;
-  color: var(--color-accent);
-  margin-bottom: var(--spacing-sm);
-  animation: bounce 1.5s ease-in-out infinite;
-}
-.result-text {
-  font-size: 1.25rem;
-  color: var(--color-charcoal);
-  margin: 0;
-}
-.result-text em {
-  font-style: italic;
-  color: var(--color-accent);
-  font-weight: 500;
-}
 .skills-section {
   padding: var(--spacing-2xl) 0;
   border-top: 1px solid var(--color-mist);

public/css/workflow.css

@@ -356,13 +356,12 @@
 }
 
 .terminal-preview {
-  border: 1px solid var(--color-mist);
-  border-radius: 4px;
   background: var(--color-paper);
   margin: var(--spacing-sm) 0;
   flex: 1;
   min-height: 0; /* Allow shrinking */
-  overflow: auto;
+  overflow: hidden;
+  border-radius: 12px;
 }
 
 .terminal-cursor-line {
@@ -452,7 +451,6 @@
   color: var(--color-ash);
   text-align: center;
   padding: var(--spacing-sm) var(--spacing-md);
-  border-top: 1px solid var(--color-mist);
 }
 
 @keyframes blink { 50% { opacity: 0; } }

public/index.html

@@ -159,10 +159,6 @@
           <!-- Subway map generated by JS -->
         </div>
 
-        <div class="solution-result" data-reveal>
-          <span class="result-arrow">↓</span>
-          <p class="result-text">Together, they transform generic output into <em>impeccable</em> design.</p>
-        </div>
       </div>
     </section>
 
@@ -171,7 +167,7 @@
       <div class="section-header" data-reveal>
         <span class="section-number">03</span>
         <h2 class="section-title">Commands in Action</h2>
-        <p class="section-subtitle">See how commands transform your designs <a href="/cheatsheet" class="cheatsheet-link">View cheatsheet &rarr;</a></p>
+        <p class="section-subtitle">See the commands in action <a href="/cheatsheet" class="cheatsheet-link">View cheatsheet &rarr;</a></p>
       </div>
 
       <div class="commands-gallery">
@@ -185,7 +181,7 @@
       <div class="section-header" data-reveal>
         <span class="section-number">04</span>
         <h2 class="section-title">Download for Your AI Harness</h2>
-        <p class="section-subtitle">Same design intelligence, adapted for your workflow. Download and start using in seconds.</p>
+        <p class="section-subtitle">Same skills and commands, packaged for your tool of choice.</p>
       </div>
 
       <div class="download-options" data-reveal>
@@ -196,7 +192,7 @@
             Prefix commands with <code>/i-</code> to avoid conflicts
           </span>
         </label>
-        <p class="download-tip">Once installed, keep our <a href="/cheatsheet">command cheatsheet</a> handy for quick reference.</p>
+        <p class="download-tip">Once installed, keep the <a href="/cheatsheet">command cheatsheet</a> handy for quick reference.</p>
       </div>
 
       <div class="downloads-grid">
@@ -330,7 +326,7 @@
               <li><strong>Gemini CLI:</strong> <a href="https://geminicli.com/docs/" target="_blank" rel="noopener">Gemini CLI Docs</a></li>
               <li><strong>Codex CLI:</strong> <a href="https://github.com/openai/codex" target="_blank" rel="noopener">Codex GitHub</a></li>
             </ul>
-            <p>Once you're comfortable with basic prompting and code generation, come back and install Impeccable to level up your design output.</p>
+            <p>Once you're comfortable with basic prompting and code generation, come back and give Impeccable a try.</p>
           </div>
         </details>
       </div>