visual changes

index.html

@@ -85,7 +85,7 @@
         <div class="hero-content">
           <h1 id="hero-title">
             <span>Software. Infrastructure.</span>
-            <em>Digital solutions.</em>
+            <em>Digital tools.</em>
           </h1>
           <p class="hero-copy">
             Cedarline Digital develops practical software products, web applications, and digital tools.
@@ -105,33 +105,33 @@
         <div class="about-grid">
           <div class="section-copy">
             <p>
-              Cedarline Digital is an independent software business focused on building practical digital products, web tools, mobile apps, and backend systems.
+              Cedarline Digital is an independent software business focused on building practical software, web applications, and digital systems.
             </p>
             <p>
-              The focus is simple: reliable foundations, clean interfaces, and software that can be maintained over time.
+              The emphasis is on maintainable architecture, dependable operation, and software that remains useful over time.
             </p>
           </div>
           <aside class="studio-panel" aria-label="Studio details">
             <dl>
-              <div>
-                <dt>Work</dt>
-                <dd>Apps, SaaS, web tools, and infrastructure</dd>
-              </div>
               <div>
                 <dt>Focus</dt>
-                <dd>Software products, web tools, and infrastructure</dd>
+                <dd>Software Products &amp; Systems</dd>
               </div>
               <div>
                 <dt>Structure</dt>
-                <dd>Independent / founder-led</dd>
+                <dd>Independent / Founder-led</dd>
               </div>
               <div>
                 <dt>Operator</dt>
-                <dd>Founder / operator: Braeden Sowinski</dd>
+                <dd>Braeden Sowinski</dd>
               </div>
               <div>
                 <dt>Status</dt>
-                <dd>Preparing public products and resources</dd>
+                <dd>Active Development</dd>
+              </div>
+              <div>
+                <dt>Approach</dt>
+                <dd>Practical &amp; Long-Term</dd>
               </div>
             </dl>
           </aside>
@@ -141,28 +141,28 @@
       <section class="section" id="work" aria-labelledby="work-title">
         <div class="section-heading">
           <p class="eyebrow">Work</p>
-          <h2 id="work-title">What Cedarline Digital is for.</h2>
+          <h2 id="work-title">What Cedarline Digital stands for.</h2>
         </div>
         <div class="card-grid">
           <article class="service-card">
             <span class="card-icon software-icon" aria-hidden="true"></span>
-            <h3>Software products</h3>
+            <h3>Reliable Software</h3>
-            <p>Independent apps, web tools, and SaaS projects developed under the Cedarline Digital name.</p>
+            <p>Systems should be dependable, understandable, and built to last.</p>
           </article>
           <article class="service-card">
             <span class="card-icon web-icon" aria-hidden="true"></span>
-            <h3>Support and policies</h3>
+            <h3>Practical Engineering</h3>
-            <p>A central home for product support, privacy policies, terms, and related resources.</p>
+            <p>Technology choices should serve the project, not the other way around.</p>
           </article>
           <article class="service-card">
             <span class="card-icon maintain-icon" aria-hidden="true"></span>
-            <h3>Selected client work</h3>
+            <h3>Clear Interfaces</h3>
-            <p>Freelance development may be offered for practical software projects where the technical fit is clear.</p>
+            <p>Software should feel straightforward and easy to use.</p>
           </article>
           <article class="service-card">
             <span class="card-icon engineering-icon" aria-hidden="true"></span>
-            <h3>Web systems</h3>
+            <h3>Long-Term Maintenance</h3>
-            <p>Practical frontend, backend, API, dashboard, and infrastructure work.</p>
+            <p>Projects should be designed with future updates and support in mind.</p>
           </article>
         </div>
       </section>
@@ -202,7 +202,7 @@
             <p class="eyebrow">Contact</p>
             <h2 id="contact-title" class="sr-only">Contact Cedarline Digital</h2>
             <p>
-              For general contact, support, business inquiries, or future product questions, use the following email.
+              For general contact, support, or business inquiries, use the following email.
             </p>
           </div>
           <div class="contact-action">
@@ -212,7 +212,7 @@
             </a>
           </div>
           <p class="contact-note">
-            Product pages, policies, and support resources will be added as they become available.
+            Messages are reviewed directly and independently.
           </p>
         </div>
       </section>

styles.css

@@ -2073,6 +2073,18 @@ main::before {
     display: none;
 }
 
+#work .card-icon {
+    width: 10px;
+    height: 10px;
+    margin: 12px 0 0 14px;
+    border-color: rgba(134, 179, 143, 0.42);
+    border-radius: 50%;
+    background-color: var(--soft);
+    background-image: none;
+    box-shadow: 0 0 0 6px rgba(42, 94, 62, 0.18);
+    opacity: 0.82;
+}
+
 #work .service-card h3 {
     margin: 5px 0 0;
     font-size: 1.15rem;