idlefusion · mps · Jul 2, 2026 · Jul 2, 2026
diff --git a/docs/redesign-renders/404--desktop.jpg b/docs/redesign-renders/404--desktop.jpg
diff --git a/docs/redesign-renders/404--mobile.jpg b/docs/redesign-renders/404--mobile.jpg
diff --git a/docs/redesign-renders/app-breathe-easy--desktop.jpg b/docs/redesign-renders/app-breathe-easy--desktop.jpg
diff --git a/docs/redesign-renders/app-breathe-easy--mobile.jpg b/docs/redesign-renders/app-breathe-easy--mobile.jpg
diff --git a/docs/redesign-renders/app-caffeine-easy--desktop.jpg b/docs/redesign-renders/app-caffeine-easy--desktop.jpg
diff --git a/docs/redesign-renders/app-caffeine-easy--mobile.jpg b/docs/redesign-renders/app-caffeine-easy--mobile.jpg
diff --git a/docs/redesign-renders/app-check-yourself--desktop.jpg b/docs/redesign-renders/app-check-yourself--desktop.jpg
diff --git a/docs/redesign-renders/app-check-yourself--mobile.jpg b/docs/redesign-renders/app-check-yourself--mobile.jpg
diff --git a/docs/redesign-renders/app-contrast--desktop.jpg b/docs/redesign-renders/app-contrast--desktop.jpg
diff --git a/docs/redesign-renders/app-contrast--mobile.jpg b/docs/redesign-renders/app-contrast--mobile.jpg
diff --git a/docs/redesign-renders/app-count-easy--desktop.jpg b/docs/redesign-renders/app-count-easy--desktop.jpg
diff --git a/docs/redesign-renders/app-count-easy--mobile.jpg b/docs/redesign-renders/app-count-easy--mobile.jpg
diff --git a/docs/redesign-renders/app-cycle-easy--desktop.jpg b/docs/redesign-renders/app-cycle-easy--desktop.jpg
diff --git a/docs/redesign-renders/app-cycle-easy--mobile.jpg b/docs/redesign-renders/app-cycle-easy--mobile.jpg
diff --git a/docs/redesign-renders/app-decibel--desktop.jpg b/docs/redesign-renders/app-decibel--desktop.jpg
diff --git a/docs/redesign-renders/app-decibel--mobile.jpg b/docs/redesign-renders/app-decibel--mobile.jpg
diff --git a/docs/redesign-renders/app-dose-easy--desktop.jpg b/docs/redesign-renders/app-dose-easy--desktop.jpg
diff --git a/docs/redesign-renders/app-dose-easy--mobile.jpg b/docs/redesign-renders/app-dose-easy--mobile.jpg
diff --git a/docs/redesign-renders/app-fast-easy--desktop.jpg b/docs/redesign-renders/app-fast-easy--desktop.jpg
diff --git a/docs/redesign-renders/app-fast-easy--mobile.jpg b/docs/redesign-renders/app-fast-easy--mobile.jpg
diff --git a/docs/redesign-renders/app-focus-easy--desktop.jpg b/docs/redesign-renders/app-focus-easy--desktop.jpg
diff --git a/docs/redesign-renders/app-focus-easy--mobile.jpg b/docs/redesign-renders/app-focus-easy--mobile.jpg
diff --git a/docs/redesign-renders/app-hydrate--desktop.jpg b/docs/redesign-renders/app-hydrate--desktop.jpg
diff --git a/docs/redesign-renders/app-hydrate--mobile.jpg b/docs/redesign-renders/app-hydrate--mobile.jpg
diff --git a/docs/redesign-renders/app-macro-easy--desktop.jpg b/docs/redesign-renders/app-macro-easy--desktop.jpg
diff --git a/docs/redesign-renders/app-macro-easy--mobile.jpg b/docs/redesign-renders/app-macro-easy--mobile.jpg
diff --git a/docs/redesign-renders/app-meds-easy--desktop.jpg b/docs/redesign-renders/app-meds-easy--desktop.jpg
diff --git a/docs/redesign-renders/app-meds-easy--mobile.jpg b/docs/redesign-renders/app-meds-easy--mobile.jpg
diff --git a/docs/redesign-renders/app-mood-easy--desktop.jpg b/docs/redesign-renders/app-mood-easy--desktop.jpg
diff --git a/docs/redesign-renders/app-mood-easy--mobile.jpg b/docs/redesign-renders/app-mood-easy--mobile.jpg
diff --git a/docs/redesign-renders/app-pomo-easy--desktop.jpg b/docs/redesign-renders/app-pomo-easy--desktop.jpg
diff --git a/docs/redesign-renders/app-pomo-easy--mobile.jpg b/docs/redesign-renders/app-pomo-easy--mobile.jpg
diff --git a/docs/redesign-renders/app-pressure-easy--desktop.jpg b/docs/redesign-renders/app-pressure-easy--desktop.jpg
diff --git a/docs/redesign-renders/app-pressure-easy--mobile.jpg b/docs/redesign-renders/app-pressure-easy--mobile.jpg
diff --git a/docs/redesign-renders/app-privacy-sample--desktop.jpg b/docs/redesign-renders/app-privacy-sample--desktop.jpg
diff --git a/docs/redesign-renders/app-privacy-sample--mobile.jpg b/docs/redesign-renders/app-privacy-sample--mobile.jpg
diff --git a/docs/redesign-renders/app-rest-easy--desktop.jpg b/docs/redesign-renders/app-rest-easy--desktop.jpg
diff --git a/docs/redesign-renders/app-rest-easy--mobile.jpg b/docs/redesign-renders/app-rest-easy--mobile.jpg
diff --git a/docs/redesign-renders/app-run-easy--desktop.jpg b/docs/redesign-renders/app-run-easy--desktop.jpg
diff --git a/docs/redesign-renders/app-run-easy--mobile.jpg b/docs/redesign-renders/app-run-easy--mobile.jpg
diff --git a/docs/redesign-renders/app-set-easy--desktop.jpg b/docs/redesign-renders/app-set-easy--desktop.jpg
diff --git a/docs/redesign-renders/app-set-easy--mobile.jpg b/docs/redesign-renders/app-set-easy--mobile.jpg
diff --git a/docs/redesign-renders/app-spend-easy--desktop.jpg b/docs/redesign-renders/app-spend-easy--desktop.jpg
diff --git a/docs/redesign-renders/app-spend-easy--mobile.jpg b/docs/redesign-renders/app-spend-easy--mobile.jpg
diff --git a/docs/redesign-renders/app-split-easy--desktop.jpg b/docs/redesign-renders/app-split-easy--desktop.jpg
diff --git a/docs/redesign-renders/app-split-easy--mobile.jpg b/docs/redesign-renders/app-split-easy--mobile.jpg
diff --git a/docs/redesign-renders/app-stretch-easy--desktop.jpg b/docs/redesign-renders/app-stretch-easy--desktop.jpg
diff --git a/docs/redesign-renders/app-stretch-easy--mobile.jpg b/docs/redesign-renders/app-stretch-easy--mobile.jpg
diff --git a/docs/redesign-renders/app-support-sample--desktop.jpg b/docs/redesign-renders/app-support-sample--desktop.jpg
diff --git a/docs/redesign-renders/app-support-sample--mobile.jpg b/docs/redesign-renders/app-support-sample--mobile.jpg
diff --git a/docs/redesign-renders/app-temp-easy--desktop.jpg b/docs/redesign-renders/app-temp-easy--desktop.jpg
diff --git a/docs/redesign-renders/app-temp-easy--mobile.jpg b/docs/redesign-renders/app-temp-easy--mobile.jpg
diff --git a/docs/redesign-renders/app-track-easy--desktop.jpg b/docs/redesign-renders/app-track-easy--desktop.jpg
diff --git a/docs/redesign-renders/app-track-easy--mobile.jpg b/docs/redesign-renders/app-track-easy--mobile.jpg
diff --git a/docs/redesign-renders/app-tune-easy--desktop.jpg b/docs/redesign-renders/app-tune-easy--desktop.jpg
diff --git a/docs/redesign-renders/app-tune-easy--mobile.jpg b/docs/redesign-renders/app-tune-easy--mobile.jpg
diff --git a/docs/redesign-renders/app-voice-easy--desktop.jpg b/docs/redesign-renders/app-voice-easy--desktop.jpg
diff --git a/docs/redesign-renders/app-voice-easy--mobile.jpg b/docs/redesign-renders/app-voice-easy--mobile.jpg
diff --git a/docs/redesign-renders/app-weigh-easy--desktop.jpg b/docs/redesign-renders/app-weigh-easy--desktop.jpg
diff --git a/docs/redesign-renders/app-weigh-easy--mobile.jpg b/docs/redesign-renders/app-weigh-easy--mobile.jpg
diff --git a/docs/redesign-renders/apps--desktop.jpg b/docs/redesign-renders/apps--desktop.jpg
diff --git a/docs/redesign-renders/apps--mobile.jpg b/docs/redesign-renders/apps--mobile.jpg
diff --git a/docs/redesign-renders/apps-currency--desktop.jpg b/docs/redesign-renders/apps-currency--desktop.jpg
diff --git a/docs/redesign-renders/apps-currency--mobile.jpg b/docs/redesign-renders/apps-currency--mobile.jpg
diff --git a/docs/redesign-renders/contact--desktop.jpg b/docs/redesign-renders/contact--desktop.jpg
diff --git a/docs/redesign-renders/contact--mobile.jpg b/docs/redesign-renders/contact--mobile.jpg
diff --git a/docs/redesign-renders/design--desktop.jpg b/docs/redesign-renders/design--desktop.jpg
diff --git a/docs/redesign-renders/design--mobile.jpg b/docs/redesign-renders/design--mobile.jpg
diff --git a/docs/redesign-renders/healthkit-run-generator--desktop.jpg b/docs/redesign-renders/healthkit-run-generator--desktop.jpg
diff --git a/docs/redesign-renders/healthkit-run-generator--mobile.jpg b/docs/redesign-renders/healthkit-run-generator--mobile.jpg
diff --git a/docs/redesign-renders/home--desktop.jpg b/docs/redesign-renders/home--desktop.jpg
diff --git a/docs/redesign-renders/home--mobile.jpg b/docs/redesign-renders/home--mobile.jpg
diff --git a/docs/redesign-renders/open-source--desktop.jpg b/docs/redesign-renders/open-source--desktop.jpg
diff --git a/docs/redesign-renders/open-source--mobile.jpg b/docs/redesign-renders/open-source--mobile.jpg
diff --git a/docs/redesign-renders/showcase--desktop.jpg b/docs/redesign-renders/showcase--desktop.jpg
diff --git a/docs/redesign-renders/showcase--mobile.jpg b/docs/redesign-renders/showcase--mobile.jpg
diff --git a/docs/redesign-renders/work-easy-digital-downloads--desktop.jpg b/docs/redesign-renders/work-easy-digital-downloads--desktop.jpg
diff --git a/docs/redesign-renders/work-easy-digital-downloads--mobile.jpg b/docs/redesign-renders/work-easy-digital-downloads--mobile.jpg
diff --git a/docs/redesign-renders/work-everybody-everywhere--desktop.jpg b/docs/redesign-renders/work-everybody-everywhere--desktop.jpg
diff --git a/docs/redesign-renders/work-everybody-everywhere--mobile.jpg b/docs/redesign-renders/work-everybody-everywhere--mobile.jpg
diff --git a/docs/redesign-renders/work-golf-channel--desktop.jpg b/docs/redesign-renders/work-golf-channel--desktop.jpg
diff --git a/docs/redesign-renders/work-golf-channel--mobile.jpg b/docs/redesign-renders/work-golf-channel--mobile.jpg
diff --git a/docs/redesign-renders/work-golf-channel-academy--desktop.jpg b/docs/redesign-renders/work-golf-channel-academy--desktop.jpg
diff --git a/docs/redesign-renders/work-golf-channel-academy--mobile.jpg b/docs/redesign-renders/work-golf-channel-academy--mobile.jpg
diff --git a/docs/redesign-renders/work-radio-disney--desktop.jpg b/docs/redesign-renders/work-radio-disney--desktop.jpg
diff --git a/docs/redesign-renders/work-radio-disney--mobile.jpg b/docs/redesign-renders/work-radio-disney--mobile.jpg
diff --git a/src/components/BenefitCard.astro b/src/components/BenefitCard.astro
@@ -22,16 +22,14 @@ const { title, description, icon } = Astro.props;
     background: var(--bg-card);
     padding: 2rem;
     border: 1px solid var(--border-color);
-    box-shadow: var(--shadow-sm);
-    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
+    border-radius: 8px;
+    transition: border-color 160ms ease;
     height: 100%;
     position: relative;
   }
 
   .benefit-card:hover {
-    transform: translateY(-6px) rotate(-0.3deg);
-    box-shadow: var(--shadow-lg);
-    border-color: var(--accent);
+    border-color: var(--border-hover);
   }
 
   .card-header {
@@ -42,36 +40,24 @@ const { title, description, icon } = Astro.props;
   }
 
   .icon-dot {
-    width: 10px;
-    height: 10px;
+    width: 8px;
+    height: 8px;
     border-radius: 50%;
     background: var(--accent);
     flex-shrink: 0;
-    transition: transform 0.3s ease;
-  }
-
-  .benefit-card:hover .icon-dot {
-    transform: scale(1.2);
   }
 
   .icon-line {
-    height: 2px;
-    width: 0;
-    background: var(--accent);
-    transition: width 0.4s cubic-bezier(0.16, 1, 0.3, 1);
-  }
-
-  .benefit-card:hover .icon-line {
-    width: 40px;
+    display: none;
   }
 
   .title {
     font-family: var(--font-heading);
-    font-size: 1.375rem;
-    font-weight: 400;
+    font-size: 1.25rem;
+    font-weight: 600;
     color: var(--text-primary);
     margin-bottom: 0.75rem;
-    line-height: 1.2;
+    line-height: 1.25;
   }
 
   .description {

diff --git a/src/components/ContactForm.astro b/src/components/ContactForm.astro
@@ -128,7 +128,7 @@
   input:focus,
   textarea:focus {
     border-color: var(--accent);
-    box-shadow: 0 0 0 3px rgba(0, 136, 204, 0.12);
+    box-shadow: 0 0 0 3px rgba(36, 120, 102, 0.12);
   }
 
   textarea {

diff --git a/src/components/ExploreApps.astro b/src/components/ExploreApps.astro
@@ -240,7 +240,7 @@ const otherApps = visibleApps.filter(app => app.slug !== current).sort(() => Mat
 <style>
   .explore-apps {
     padding: 4rem 0;
-    border-top: 1px solid var(--border-color, #e7e5e4);
+    border-top: 1px solid var(--border-color, #dedbd2);
   }
 
   .explore-apps-inner {
@@ -263,7 +263,7 @@ const otherApps = visibleApps.filter(app => app.slug !== current).sort(() => Mat
     font-weight: 500;
     letter-spacing: 0.1em;
     text-transform: uppercase;
-    color: var(--text-muted, #78716c);
+    color: var(--text-muted, #77736b);
     margin-bottom: 1.5rem;
   }
 
@@ -285,18 +285,18 @@ const otherApps = visibleApps.filter(app => app.slug !== current).sort(() => Mat
     gap: 1.25rem;
     padding: 1.5rem;
     background: var(--bg-card, #ffffff);
-    border: 1px solid var(--border-color, #e7e5e4);
+    border: 1px solid var(--border-color, #dedbd2);
     text-decoration: none;
     transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
   }
 
   :global(.dark) .explore-app-card {
-    background: var(--bg-card, #141414);
-    border-color: var(--border-color, #262626);
+    background: var(--bg-card, #191917);
+    border-color: var(--border-color, #2b2a26);
   }
 
   .explore-app-card:hover {
-    border-color: var(--accent, #0088cc);
+    border-color: var(--accent, #247866);
     transform: translateY(-2px);
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.04);
   }
@@ -321,7 +321,7 @@ const otherApps = visibleApps.filter(app => app.slug !== current).sort(() => Mat
     font-weight: 500;
     letter-spacing: 0.1em;
     text-transform: uppercase;
-    color: var(--text-muted, #78716c);
+    color: var(--text-muted, #77736b);
     display: block;
     margin-bottom: 0.375rem;
   }
@@ -330,19 +330,19 @@ const otherApps = visibleApps.filter(app => app.slug !== current).sort(() => Mat
     font-family: var(--font-heading);
     font-size: 1.25rem;
     font-weight: 400;
-    color: var(--text-primary, #0a0a0a);
+    color: var(--text-primary, #11110f);
     margin: 0 0 0.375rem;
     line-height: 1.2;
   }
 
   :global(.dark) .explore-app-name {
-    color: var(--text-primary, #fafaf9);
+    color: var(--text-primary, #f7f5ef);
   }
 
   .explore-app-desc {
     font-family: var(--font-body);
     font-size: 0.875rem;
-    color: var(--text-muted, #78716c);
+    color: var(--text-muted, #77736b);
     line-height: 1.5;
     margin: 0;
   }

diff --git a/src/components/FAQItem.astro b/src/components/FAQItem.astro
@@ -89,22 +89,17 @@ const id = `faq-${index}`;
   }
 
   .faq-button:hover .question {
-    color: var(--accent);
+    color: var(--text-muted);
   }
 
   .icon {
     color: var(--text-muted);
-    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), color 0.2s;
+    transition: transform 0.25s ease;
     flex-shrink: 0;
   }
 
   .icon.rotate {
     transform: rotate(180deg);
-    color: var(--accent);
-  }
-
-  .faq-button:hover .icon {
-    color: var(--accent);
   }
 
   .faq-content {

diff --git a/src/components/Footer.astro b/src/components/Footer.astro
@@ -63,14 +63,14 @@ const currentYear = new Date().getFullYear();
 
 <style>
   .footer {
-    background: var(--ink);
-    color: var(--paper);
+    background: var(--night, #171717);
+    color: #f7f5ef;
     padding: 4rem 0 2rem;
     margin-top: auto;
   }
 
   .dark .footer {
-    background: #0a0a0a;
+    background: #101010;
     border-top: 1px solid var(--border-color);
   }
 
@@ -113,12 +113,12 @@ const currentYear = new Date().getFullYear();
 
   .cta-title {
     font-family: var(--font-heading);
-    font-size: clamp(1.75rem, 4vw, 2.5rem);
-    font-weight: 400;
-    color: var(--paper);
+    font-size: clamp(1.5rem, 3vw, 2rem);
+    font-weight: 600;
+    color: #f7f5ef;
     line-height: 1.15;
-    margin-bottom: 1.5rem;
-    letter-spacing: -0.02em;
+    margin-bottom: 1.25rem;
+    letter-spacing: -0.01em;
   }
 
   .cta-email {
@@ -128,15 +128,14 @@ const currentYear = new Date().getFullYear();
     font-family: var(--font-body);
     font-size: 1rem;
     font-weight: 500;
-    color: var(--paper);
+    color: #f7f5ef;
     text-decoration: none;
     opacity: 0.8;
-    transition: all 0.3s ease;
+    transition: opacity 160ms ease;
   }
 
   .cta-email:hover {
     opacity: 1;
-    color: var(--accent-soft);
   }
 
   .cta-email .arrow {
@@ -157,36 +156,20 @@ const currentYear = new Date().getFullYear();
     font-family: var(--font-body);
     font-size: 0.875rem;
     font-weight: 500;
-    color: var(--paper);
+    color: #f7f5ef;
     text-decoration: none;
     opacity: 0.6;
-    transition: opacity 0.2s;
-    position: relative;
-  }
-
-  .social-link::after {
-    content: '';
-    position: absolute;
-    bottom: -2px;
-    left: 0;
-    width: 0;
-    height: 1px;
-    background: var(--accent);
-    transition: width 0.3s cubic-bezier(0.16, 1, 0.3, 1);
+    transition: opacity 160ms ease;
   }
 
   .social-link:hover {
     opacity: 1;
   }
 
-  .social-link:hover::after {
-    width: 100%;
-  }
-
   /* Divider */
   .footer-divider {
     height: 1px;
-    background: rgba(250, 250, 249, 0.1);
+    background: rgba(247, 245, 239, 0.12);
     margin: 3rem 0 1.5rem;
   }
 
@@ -208,7 +191,7 @@ const currentYear = new Date().getFullYear();
   .copyright {
     font-family: var(--font-body);
     font-size: 0.8125rem;
-    color: var(--paper);
+    color: #f7f5ef;
     opacity: 0.4;
     margin: 0;
   }
@@ -220,18 +203,17 @@ const currentYear = new Date().getFullYear();
     font-family: var(--font-body);
     font-size: 0.8125rem;
     font-weight: 500;
-    color: var(--paper);
+    color: #f7f5ef;
     text-decoration: none;
     opacity: 0.6;
-    transition: all 0.2s;
+    transition: opacity 160ms ease;
     cursor: pointer;
     touch-action: auto;
     -webkit-tap-highlight-color: transparent;
   }
 
   .back-to-top:hover {
     opacity: 1;
-    color: var(--accent-soft);
   }
 
   .back-to-top svg {

diff --git a/src/components/Header.astro b/src/components/Header.astro
@@ -179,7 +179,7 @@ const navItems = [
   }
 
   .logo:hover {
-    color: var(--accent);
+    color: var(--text-muted);
   }
 
   /* Desktop nav links */
@@ -206,25 +206,10 @@ const navItems = [
     transition: color 0.2s;
   }
 
-  .nav-link::after {
-    content: '';
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    width: 0;
-    height: 1px;
-    background: var(--accent);
-    transition: width 0.3s cubic-bezier(0.16, 1, 0.3, 1);
-  }
-
   .nav-link:hover {
     color: var(--text-primary);
   }
 
-  .nav-link:hover::after {
-    width: 100%;
-  }
-
   /* Right actions */
   .nav-actions {
     display: none;
@@ -254,7 +239,7 @@ const navItems = [
   }
 
   .mobile-menu-btn:hover {
-    color: var(--accent);
+    color: var(--text-muted);
   }
 
   /* Mobile menu */
@@ -277,7 +262,7 @@ const navItems = [
   }
 
   .mobile-nav-link:hover {
-    color: var(--accent);
+    color: var(--text-muted);
   }
 
   .mobile-menu-footer {