diff --git a/docs/redesign-renders/404--desktop.jpg b/docs/redesign-renders/404--desktop.jpg new file mode 100644 index 0000000..ae0aa48 Binary files /dev/null and b/docs/redesign-renders/404--desktop.jpg differ diff --git a/docs/redesign-renders/404--mobile.jpg b/docs/redesign-renders/404--mobile.jpg new file mode 100644 index 0000000..ae882f7 Binary files /dev/null and b/docs/redesign-renders/404--mobile.jpg differ diff --git a/docs/redesign-renders/app-breathe-easy--desktop.jpg b/docs/redesign-renders/app-breathe-easy--desktop.jpg new file mode 100644 index 0000000..ae0aa48 Binary files /dev/null and b/docs/redesign-renders/app-breathe-easy--desktop.jpg differ diff --git a/docs/redesign-renders/app-breathe-easy--mobile.jpg b/docs/redesign-renders/app-breathe-easy--mobile.jpg new file mode 100644 index 0000000..ae882f7 Binary files /dev/null and b/docs/redesign-renders/app-breathe-easy--mobile.jpg differ diff --git a/docs/redesign-renders/app-caffeine-easy--desktop.jpg b/docs/redesign-renders/app-caffeine-easy--desktop.jpg new file mode 100644 index 0000000..ae0aa48 Binary files /dev/null and b/docs/redesign-renders/app-caffeine-easy--desktop.jpg differ diff --git a/docs/redesign-renders/app-caffeine-easy--mobile.jpg b/docs/redesign-renders/app-caffeine-easy--mobile.jpg new file mode 100644 index 0000000..ae882f7 Binary files /dev/null and b/docs/redesign-renders/app-caffeine-easy--mobile.jpg differ diff --git a/docs/redesign-renders/app-check-yourself--desktop.jpg b/docs/redesign-renders/app-check-yourself--desktop.jpg new file mode 100644 index 0000000..ae0aa48 Binary files /dev/null and b/docs/redesign-renders/app-check-yourself--desktop.jpg differ diff --git a/docs/redesign-renders/app-check-yourself--mobile.jpg b/docs/redesign-renders/app-check-yourself--mobile.jpg new file mode 100644 index 0000000..ae882f7 Binary files /dev/null and b/docs/redesign-renders/app-check-yourself--mobile.jpg differ diff --git a/docs/redesign-renders/app-contrast--desktop.jpg b/docs/redesign-renders/app-contrast--desktop.jpg new file mode 100644 index 0000000..ae0aa48 Binary files /dev/null and b/docs/redesign-renders/app-contrast--desktop.jpg differ diff --git a/docs/redesign-renders/app-contrast--mobile.jpg b/docs/redesign-renders/app-contrast--mobile.jpg new file mode 100644 index 0000000..ae882f7 Binary files /dev/null and b/docs/redesign-renders/app-contrast--mobile.jpg differ diff --git a/docs/redesign-renders/app-count-easy--desktop.jpg b/docs/redesign-renders/app-count-easy--desktop.jpg new file mode 100644 index 0000000..ae0aa48 Binary files /dev/null and b/docs/redesign-renders/app-count-easy--desktop.jpg differ diff --git a/docs/redesign-renders/app-count-easy--mobile.jpg b/docs/redesign-renders/app-count-easy--mobile.jpg new file mode 100644 index 0000000..ae882f7 Binary files /dev/null and b/docs/redesign-renders/app-count-easy--mobile.jpg differ diff --git a/docs/redesign-renders/app-cycle-easy--desktop.jpg b/docs/redesign-renders/app-cycle-easy--desktop.jpg new file mode 100644 index 0000000..ae0aa48 Binary files /dev/null and b/docs/redesign-renders/app-cycle-easy--desktop.jpg differ diff --git a/docs/redesign-renders/app-cycle-easy--mobile.jpg b/docs/redesign-renders/app-cycle-easy--mobile.jpg new file mode 100644 index 0000000..ae882f7 Binary files /dev/null and b/docs/redesign-renders/app-cycle-easy--mobile.jpg differ diff --git a/docs/redesign-renders/app-decibel--desktop.jpg b/docs/redesign-renders/app-decibel--desktop.jpg new file mode 100644 index 0000000..ae0aa48 Binary files /dev/null and b/docs/redesign-renders/app-decibel--desktop.jpg differ diff --git a/docs/redesign-renders/app-decibel--mobile.jpg b/docs/redesign-renders/app-decibel--mobile.jpg new file mode 100644 index 0000000..ae882f7 Binary files /dev/null and b/docs/redesign-renders/app-decibel--mobile.jpg differ diff --git a/docs/redesign-renders/app-dose-easy--desktop.jpg b/docs/redesign-renders/app-dose-easy--desktop.jpg new file mode 100644 index 0000000..ae0aa48 Binary files /dev/null and b/docs/redesign-renders/app-dose-easy--desktop.jpg differ diff --git a/docs/redesign-renders/app-dose-easy--mobile.jpg b/docs/redesign-renders/app-dose-easy--mobile.jpg new file mode 100644 index 0000000..ae882f7 Binary files /dev/null and b/docs/redesign-renders/app-dose-easy--mobile.jpg differ diff --git a/docs/redesign-renders/app-fast-easy--desktop.jpg b/docs/redesign-renders/app-fast-easy--desktop.jpg new file mode 100644 index 0000000..ae0aa48 Binary files /dev/null and b/docs/redesign-renders/app-fast-easy--desktop.jpg differ diff --git a/docs/redesign-renders/app-fast-easy--mobile.jpg b/docs/redesign-renders/app-fast-easy--mobile.jpg new file mode 100644 index 0000000..ae882f7 Binary files /dev/null and b/docs/redesign-renders/app-fast-easy--mobile.jpg differ diff --git a/docs/redesign-renders/app-focus-easy--desktop.jpg b/docs/redesign-renders/app-focus-easy--desktop.jpg new file mode 100644 index 0000000..ae0aa48 Binary files /dev/null and b/docs/redesign-renders/app-focus-easy--desktop.jpg differ diff --git a/docs/redesign-renders/app-focus-easy--mobile.jpg b/docs/redesign-renders/app-focus-easy--mobile.jpg new file mode 100644 index 0000000..ae882f7 Binary files /dev/null and b/docs/redesign-renders/app-focus-easy--mobile.jpg differ diff --git a/docs/redesign-renders/app-hydrate--desktop.jpg b/docs/redesign-renders/app-hydrate--desktop.jpg new file mode 100644 index 0000000..ae0aa48 Binary files /dev/null and b/docs/redesign-renders/app-hydrate--desktop.jpg differ diff --git a/docs/redesign-renders/app-hydrate--mobile.jpg b/docs/redesign-renders/app-hydrate--mobile.jpg new file mode 100644 index 0000000..ae882f7 Binary files /dev/null and b/docs/redesign-renders/app-hydrate--mobile.jpg differ diff --git a/docs/redesign-renders/app-macro-easy--desktop.jpg b/docs/redesign-renders/app-macro-easy--desktop.jpg new file mode 100644 index 0000000..ae0aa48 Binary files /dev/null and b/docs/redesign-renders/app-macro-easy--desktop.jpg differ diff --git a/docs/redesign-renders/app-macro-easy--mobile.jpg b/docs/redesign-renders/app-macro-easy--mobile.jpg new file mode 100644 index 0000000..ae882f7 Binary files /dev/null and b/docs/redesign-renders/app-macro-easy--mobile.jpg differ diff --git a/docs/redesign-renders/app-meds-easy--desktop.jpg b/docs/redesign-renders/app-meds-easy--desktop.jpg new file mode 100644 index 0000000..ae0aa48 Binary files /dev/null and b/docs/redesign-renders/app-meds-easy--desktop.jpg differ diff --git a/docs/redesign-renders/app-meds-easy--mobile.jpg b/docs/redesign-renders/app-meds-easy--mobile.jpg new file mode 100644 index 0000000..ae882f7 Binary files /dev/null and b/docs/redesign-renders/app-meds-easy--mobile.jpg differ diff --git a/docs/redesign-renders/app-mood-easy--desktop.jpg b/docs/redesign-renders/app-mood-easy--desktop.jpg new file mode 100644 index 0000000..ae0aa48 Binary files /dev/null and b/docs/redesign-renders/app-mood-easy--desktop.jpg differ diff --git a/docs/redesign-renders/app-mood-easy--mobile.jpg b/docs/redesign-renders/app-mood-easy--mobile.jpg new file mode 100644 index 0000000..ae882f7 Binary files /dev/null and b/docs/redesign-renders/app-mood-easy--mobile.jpg differ diff --git a/docs/redesign-renders/app-pomo-easy--desktop.jpg b/docs/redesign-renders/app-pomo-easy--desktop.jpg new file mode 100644 index 0000000..ae0aa48 Binary files /dev/null and b/docs/redesign-renders/app-pomo-easy--desktop.jpg differ diff --git a/docs/redesign-renders/app-pomo-easy--mobile.jpg b/docs/redesign-renders/app-pomo-easy--mobile.jpg new file mode 100644 index 0000000..ae882f7 Binary files /dev/null and b/docs/redesign-renders/app-pomo-easy--mobile.jpg differ diff --git a/docs/redesign-renders/app-pressure-easy--desktop.jpg b/docs/redesign-renders/app-pressure-easy--desktop.jpg new file mode 100644 index 0000000..ae0aa48 Binary files /dev/null and b/docs/redesign-renders/app-pressure-easy--desktop.jpg differ diff --git a/docs/redesign-renders/app-pressure-easy--mobile.jpg b/docs/redesign-renders/app-pressure-easy--mobile.jpg new file mode 100644 index 0000000..ae882f7 Binary files /dev/null and b/docs/redesign-renders/app-pressure-easy--mobile.jpg differ diff --git a/docs/redesign-renders/app-privacy-sample--desktop.jpg b/docs/redesign-renders/app-privacy-sample--desktop.jpg new file mode 100644 index 0000000..ae0aa48 Binary files /dev/null and b/docs/redesign-renders/app-privacy-sample--desktop.jpg differ diff --git a/docs/redesign-renders/app-privacy-sample--mobile.jpg b/docs/redesign-renders/app-privacy-sample--mobile.jpg new file mode 100644 index 0000000..ae882f7 Binary files /dev/null and b/docs/redesign-renders/app-privacy-sample--mobile.jpg differ diff --git a/docs/redesign-renders/app-rest-easy--desktop.jpg b/docs/redesign-renders/app-rest-easy--desktop.jpg new file mode 100644 index 0000000..ae0aa48 Binary files /dev/null and b/docs/redesign-renders/app-rest-easy--desktop.jpg differ diff --git a/docs/redesign-renders/app-rest-easy--mobile.jpg b/docs/redesign-renders/app-rest-easy--mobile.jpg new file mode 100644 index 0000000..ae882f7 Binary files /dev/null and b/docs/redesign-renders/app-rest-easy--mobile.jpg differ diff --git a/docs/redesign-renders/app-run-easy--desktop.jpg b/docs/redesign-renders/app-run-easy--desktop.jpg new file mode 100644 index 0000000..ae0aa48 Binary files /dev/null and b/docs/redesign-renders/app-run-easy--desktop.jpg differ diff --git a/docs/redesign-renders/app-run-easy--mobile.jpg b/docs/redesign-renders/app-run-easy--mobile.jpg new file mode 100644 index 0000000..ae882f7 Binary files /dev/null and b/docs/redesign-renders/app-run-easy--mobile.jpg differ diff --git a/docs/redesign-renders/app-set-easy--desktop.jpg b/docs/redesign-renders/app-set-easy--desktop.jpg new file mode 100644 index 0000000..ae0aa48 Binary files /dev/null and b/docs/redesign-renders/app-set-easy--desktop.jpg differ diff --git a/docs/redesign-renders/app-set-easy--mobile.jpg b/docs/redesign-renders/app-set-easy--mobile.jpg new file mode 100644 index 0000000..ae882f7 Binary files /dev/null and b/docs/redesign-renders/app-set-easy--mobile.jpg differ diff --git a/docs/redesign-renders/app-spend-easy--desktop.jpg b/docs/redesign-renders/app-spend-easy--desktop.jpg new file mode 100644 index 0000000..ae0aa48 Binary files /dev/null and b/docs/redesign-renders/app-spend-easy--desktop.jpg differ diff --git a/docs/redesign-renders/app-spend-easy--mobile.jpg b/docs/redesign-renders/app-spend-easy--mobile.jpg new file mode 100644 index 0000000..ae882f7 Binary files /dev/null and b/docs/redesign-renders/app-spend-easy--mobile.jpg differ diff --git a/docs/redesign-renders/app-split-easy--desktop.jpg b/docs/redesign-renders/app-split-easy--desktop.jpg new file mode 100644 index 0000000..ae0aa48 Binary files /dev/null and b/docs/redesign-renders/app-split-easy--desktop.jpg differ diff --git a/docs/redesign-renders/app-split-easy--mobile.jpg b/docs/redesign-renders/app-split-easy--mobile.jpg new file mode 100644 index 0000000..ae882f7 Binary files /dev/null and b/docs/redesign-renders/app-split-easy--mobile.jpg differ diff --git a/docs/redesign-renders/app-stretch-easy--desktop.jpg b/docs/redesign-renders/app-stretch-easy--desktop.jpg new file mode 100644 index 0000000..ae0aa48 Binary files /dev/null and b/docs/redesign-renders/app-stretch-easy--desktop.jpg differ diff --git a/docs/redesign-renders/app-stretch-easy--mobile.jpg b/docs/redesign-renders/app-stretch-easy--mobile.jpg new file mode 100644 index 0000000..ae882f7 Binary files /dev/null and b/docs/redesign-renders/app-stretch-easy--mobile.jpg differ diff --git a/docs/redesign-renders/app-support-sample--desktop.jpg b/docs/redesign-renders/app-support-sample--desktop.jpg new file mode 100644 index 0000000..ae0aa48 Binary files /dev/null and b/docs/redesign-renders/app-support-sample--desktop.jpg differ diff --git a/docs/redesign-renders/app-support-sample--mobile.jpg b/docs/redesign-renders/app-support-sample--mobile.jpg new file mode 100644 index 0000000..ae882f7 Binary files /dev/null and b/docs/redesign-renders/app-support-sample--mobile.jpg differ diff --git a/docs/redesign-renders/app-temp-easy--desktop.jpg b/docs/redesign-renders/app-temp-easy--desktop.jpg new file mode 100644 index 0000000..ae0aa48 Binary files /dev/null and b/docs/redesign-renders/app-temp-easy--desktop.jpg differ diff --git a/docs/redesign-renders/app-temp-easy--mobile.jpg b/docs/redesign-renders/app-temp-easy--mobile.jpg new file mode 100644 index 0000000..ae882f7 Binary files /dev/null and b/docs/redesign-renders/app-temp-easy--mobile.jpg differ diff --git a/docs/redesign-renders/app-track-easy--desktop.jpg b/docs/redesign-renders/app-track-easy--desktop.jpg new file mode 100644 index 0000000..ae0aa48 Binary files /dev/null and b/docs/redesign-renders/app-track-easy--desktop.jpg differ diff --git a/docs/redesign-renders/app-track-easy--mobile.jpg b/docs/redesign-renders/app-track-easy--mobile.jpg new file mode 100644 index 0000000..ae882f7 Binary files /dev/null and b/docs/redesign-renders/app-track-easy--mobile.jpg differ diff --git a/docs/redesign-renders/app-tune-easy--desktop.jpg b/docs/redesign-renders/app-tune-easy--desktop.jpg new file mode 100644 index 0000000..ae0aa48 Binary files /dev/null and b/docs/redesign-renders/app-tune-easy--desktop.jpg differ diff --git a/docs/redesign-renders/app-tune-easy--mobile.jpg b/docs/redesign-renders/app-tune-easy--mobile.jpg new file mode 100644 index 0000000..ae882f7 Binary files /dev/null and b/docs/redesign-renders/app-tune-easy--mobile.jpg differ diff --git a/docs/redesign-renders/app-voice-easy--desktop.jpg b/docs/redesign-renders/app-voice-easy--desktop.jpg new file mode 100644 index 0000000..ae0aa48 Binary files /dev/null and b/docs/redesign-renders/app-voice-easy--desktop.jpg differ diff --git a/docs/redesign-renders/app-voice-easy--mobile.jpg b/docs/redesign-renders/app-voice-easy--mobile.jpg new file mode 100644 index 0000000..ae882f7 Binary files /dev/null and b/docs/redesign-renders/app-voice-easy--mobile.jpg differ diff --git a/docs/redesign-renders/app-weigh-easy--desktop.jpg b/docs/redesign-renders/app-weigh-easy--desktop.jpg new file mode 100644 index 0000000..ae0aa48 Binary files /dev/null and b/docs/redesign-renders/app-weigh-easy--desktop.jpg differ diff --git a/docs/redesign-renders/app-weigh-easy--mobile.jpg b/docs/redesign-renders/app-weigh-easy--mobile.jpg new file mode 100644 index 0000000..ae882f7 Binary files /dev/null and b/docs/redesign-renders/app-weigh-easy--mobile.jpg differ diff --git a/docs/redesign-renders/apps--desktop.jpg b/docs/redesign-renders/apps--desktop.jpg new file mode 100644 index 0000000..ae0aa48 Binary files /dev/null and b/docs/redesign-renders/apps--desktop.jpg differ diff --git a/docs/redesign-renders/apps--mobile.jpg b/docs/redesign-renders/apps--mobile.jpg new file mode 100644 index 0000000..ae882f7 Binary files /dev/null and b/docs/redesign-renders/apps--mobile.jpg differ diff --git a/docs/redesign-renders/apps-currency--desktop.jpg b/docs/redesign-renders/apps-currency--desktop.jpg new file mode 100644 index 0000000..ae0aa48 Binary files /dev/null and b/docs/redesign-renders/apps-currency--desktop.jpg differ diff --git a/docs/redesign-renders/apps-currency--mobile.jpg b/docs/redesign-renders/apps-currency--mobile.jpg new file mode 100644 index 0000000..ae882f7 Binary files /dev/null and b/docs/redesign-renders/apps-currency--mobile.jpg differ diff --git a/docs/redesign-renders/contact--desktop.jpg b/docs/redesign-renders/contact--desktop.jpg new file mode 100644 index 0000000..ae0aa48 Binary files /dev/null and b/docs/redesign-renders/contact--desktop.jpg differ diff --git a/docs/redesign-renders/contact--mobile.jpg b/docs/redesign-renders/contact--mobile.jpg new file mode 100644 index 0000000..ae882f7 Binary files /dev/null and b/docs/redesign-renders/contact--mobile.jpg differ diff --git a/docs/redesign-renders/design--desktop.jpg b/docs/redesign-renders/design--desktop.jpg new file mode 100644 index 0000000..ae0aa48 Binary files /dev/null and b/docs/redesign-renders/design--desktop.jpg differ diff --git a/docs/redesign-renders/design--mobile.jpg b/docs/redesign-renders/design--mobile.jpg new file mode 100644 index 0000000..ae882f7 Binary files /dev/null and b/docs/redesign-renders/design--mobile.jpg differ diff --git a/docs/redesign-renders/healthkit-run-generator--desktop.jpg b/docs/redesign-renders/healthkit-run-generator--desktop.jpg new file mode 100644 index 0000000..ae0aa48 Binary files /dev/null and b/docs/redesign-renders/healthkit-run-generator--desktop.jpg differ diff --git a/docs/redesign-renders/healthkit-run-generator--mobile.jpg b/docs/redesign-renders/healthkit-run-generator--mobile.jpg new file mode 100644 index 0000000..ae882f7 Binary files /dev/null and b/docs/redesign-renders/healthkit-run-generator--mobile.jpg differ diff --git a/docs/redesign-renders/home--desktop.jpg b/docs/redesign-renders/home--desktop.jpg new file mode 100644 index 0000000..ae0aa48 Binary files /dev/null and b/docs/redesign-renders/home--desktop.jpg differ diff --git a/docs/redesign-renders/home--mobile.jpg b/docs/redesign-renders/home--mobile.jpg new file mode 100644 index 0000000..ae882f7 Binary files /dev/null and b/docs/redesign-renders/home--mobile.jpg differ diff --git a/docs/redesign-renders/open-source--desktop.jpg b/docs/redesign-renders/open-source--desktop.jpg new file mode 100644 index 0000000..ae0aa48 Binary files /dev/null and b/docs/redesign-renders/open-source--desktop.jpg differ diff --git a/docs/redesign-renders/open-source--mobile.jpg b/docs/redesign-renders/open-source--mobile.jpg new file mode 100644 index 0000000..ae882f7 Binary files /dev/null and b/docs/redesign-renders/open-source--mobile.jpg differ diff --git a/docs/redesign-renders/showcase--desktop.jpg b/docs/redesign-renders/showcase--desktop.jpg new file mode 100644 index 0000000..ae0aa48 Binary files /dev/null and b/docs/redesign-renders/showcase--desktop.jpg differ diff --git a/docs/redesign-renders/showcase--mobile.jpg b/docs/redesign-renders/showcase--mobile.jpg new file mode 100644 index 0000000..ae882f7 Binary files /dev/null and b/docs/redesign-renders/showcase--mobile.jpg differ diff --git a/docs/redesign-renders/work-easy-digital-downloads--desktop.jpg b/docs/redesign-renders/work-easy-digital-downloads--desktop.jpg new file mode 100644 index 0000000..ae0aa48 Binary files /dev/null and b/docs/redesign-renders/work-easy-digital-downloads--desktop.jpg differ diff --git a/docs/redesign-renders/work-easy-digital-downloads--mobile.jpg b/docs/redesign-renders/work-easy-digital-downloads--mobile.jpg new file mode 100644 index 0000000..ae882f7 Binary files /dev/null and b/docs/redesign-renders/work-easy-digital-downloads--mobile.jpg differ diff --git a/docs/redesign-renders/work-everybody-everywhere--desktop.jpg b/docs/redesign-renders/work-everybody-everywhere--desktop.jpg new file mode 100644 index 0000000..ae0aa48 Binary files /dev/null and b/docs/redesign-renders/work-everybody-everywhere--desktop.jpg differ diff --git a/docs/redesign-renders/work-everybody-everywhere--mobile.jpg b/docs/redesign-renders/work-everybody-everywhere--mobile.jpg new file mode 100644 index 0000000..ae882f7 Binary files /dev/null and b/docs/redesign-renders/work-everybody-everywhere--mobile.jpg differ diff --git a/docs/redesign-renders/work-golf-channel--desktop.jpg b/docs/redesign-renders/work-golf-channel--desktop.jpg new file mode 100644 index 0000000..ae0aa48 Binary files /dev/null and b/docs/redesign-renders/work-golf-channel--desktop.jpg differ diff --git a/docs/redesign-renders/work-golf-channel--mobile.jpg b/docs/redesign-renders/work-golf-channel--mobile.jpg new file mode 100644 index 0000000..ae882f7 Binary files /dev/null and b/docs/redesign-renders/work-golf-channel--mobile.jpg differ diff --git a/docs/redesign-renders/work-golf-channel-academy--desktop.jpg b/docs/redesign-renders/work-golf-channel-academy--desktop.jpg new file mode 100644 index 0000000..ae0aa48 Binary files /dev/null and b/docs/redesign-renders/work-golf-channel-academy--desktop.jpg differ diff --git a/docs/redesign-renders/work-golf-channel-academy--mobile.jpg b/docs/redesign-renders/work-golf-channel-academy--mobile.jpg new file mode 100644 index 0000000..ae882f7 Binary files /dev/null and b/docs/redesign-renders/work-golf-channel-academy--mobile.jpg differ diff --git a/docs/redesign-renders/work-radio-disney--desktop.jpg b/docs/redesign-renders/work-radio-disney--desktop.jpg new file mode 100644 index 0000000..ae0aa48 Binary files /dev/null and b/docs/redesign-renders/work-radio-disney--desktop.jpg differ diff --git a/docs/redesign-renders/work-radio-disney--mobile.jpg b/docs/redesign-renders/work-radio-disney--mobile.jpg new file mode 100644 index 0000000..ae882f7 Binary files /dev/null and b/docs/redesign-renders/work-radio-disney--mobile.jpg differ diff --git a/src/components/BenefitCard.astro b/src/components/BenefitCard.astro index cdd1b4a..af2d32a 100644 --- 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 index 217606a..0a2aaf1 100644 --- 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 index 96cc1bf..f2d6d67 100644 --- a/src/components/ExploreApps.astro +++ b/src/components/ExploreApps.astro @@ -240,7 +240,7 @@ const otherApps = visibleApps.filter(app => app.slug !== current).sort(() => Mat diff --git a/src/components/MobileHero.astro b/src/components/MobileHero.astro deleted file mode 100644 index c38ac0f..0000000 --- a/src/components/MobileHero.astro +++ /dev/null @@ -1,321 +0,0 @@ ---- -interface Props { - tagline?: string; - title: string; - subtitle: string; - primaryCTA: { text: string; href: string }; -} - -const { tagline, title, subtitle, primaryCTA } = Astro.props; ---- - -
- -
- - -
- -
- -
- {tagline && ( -

- - {tagline} -

- )} - -

- Technology that - accelerates - your mission. -

- -

{subtitle}

- - - {primaryCTA.text} - - - - -
- - -
- - 01 -
-

What We Do

-

Mobile & web apps that delight users

-
- - - - - - - 02 -
-

Our Work

-

Golf Channel, Radio Disney & more

-
- - - - - - - 03 -
-

Client Reviews

-

"Exceeded expectations..." — 5 stars

-
- - - - - - - 04 -
-

About

-

20+ years building for Fortune 500

-
- - - - -
- - -
-

Trusted by teams at Disney, Golf Channel & IF:Gathering

-
-
-
- - diff --git a/src/components/PortfolioCard.astro b/src/components/PortfolioCard.astro index c3b1454..3dccd32 100644 --- a/src/components/PortfolioCard.astro +++ b/src/components/PortfolioCard.astro @@ -29,18 +29,17 @@ const { title, description, image, url } = Astro.props; .portfolio-card { background: var(--bg-card); border: 1px solid var(--border-color); + border-radius: 8px; overflow: hidden; height: 100%; display: flex; flex-direction: column; - transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); + transition: border-color 160ms ease; text-decoration: none; } .portfolio-card:hover { - transform: translateY(-6px) rotate(-0.3deg); - box-shadow: var(--shadow-lg); - border-color: var(--accent); + border-color: var(--border-hover); } .image-wrapper { @@ -68,11 +67,11 @@ const { title, description, image, url } = Astro.props; .title { font-family: var(--font-heading); - font-size: 1.125rem; - font-weight: 400; + font-size: 1.0625rem; + font-weight: 600; color: var(--text-primary); margin-bottom: 0.5rem; - line-height: 1.2; + line-height: 1.25; } .description { @@ -95,15 +94,7 @@ const { title, description, image, url } = Astro.props; transition: color 0.2s; } - .view-link svg { - transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1); - } - .portfolio-card:hover .view-link { - color: var(--accent); - } - - .portfolio-card:hover .view-link svg { - transform: translate(2px, -2px); + color: var(--text-primary); } diff --git a/src/components/ProcessStep.astro b/src/components/ProcessStep.astro index 8f96003..e638ae9 100644 --- a/src/components/ProcessStep.astro +++ b/src/components/ProcessStep.astro @@ -33,13 +33,14 @@ const stepFormatted = step.toString().padStart(2, '0'); } .step-number { - font-family: var(--font-mono); - font-size: 0.875rem; - font-weight: 500; - color: var(--accent); - padding: 0.5rem 0.75rem; - border: 1.5px solid var(--accent); - border-radius: 2px; + font-family: var(--font-body); + font-size: 0.8125rem; + font-weight: 600; + letter-spacing: 0.04em; + color: var(--text-primary); + padding: 0.4rem 0.65rem; + border: 1px solid var(--border-hover); + border-radius: 6px; } .step-line { @@ -56,11 +57,11 @@ const stepFormatted = step.toString().padStart(2, '0'); .title { font-family: var(--font-heading); - font-size: 1.5rem; - 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/SimpleAppLanding.astro b/src/components/SimpleAppLanding.astro index 2cca66e..57ad295 100644 --- a/src/components/SimpleAppLanding.astro +++ b/src/components/SimpleAppLanding.astro @@ -112,7 +112,7 @@ const appStoreLabel = appStoreUrl === '#' ? 'App Store (coming soon)' : 'Downloa

{badge}

{headline}

{description}

-

{appStoreNote || (hasStoreLink ? 'Free · No account required' : 'Coming soon')}

+

{appStoreNote || (hasStoreLink ? 'Free · No account required' : 'Coming soon')}

.ap-page { - --ap-bg: #f8fafc; - --ap-bg-soft: #ffffff; - --ap-text: #0f172a; - --ap-muted: #64748b; - --ap-border: #e2e8f0; - --ap-accent-text: #f8fafc; - } - - :global(.dark) .ap-page { - --ap-bg: #0a0f1a; - --ap-bg-soft: #111827; - --ap-text: #f8fafc; - --ap-muted: #94a3b8; - --ap-border: rgba(148, 163, 184, 0.2); + --ap-bg: var(--bg-primary); + --ap-bg-soft: var(--bg-secondary); + --ap-text: var(--text-primary); + --ap-muted: var(--text-muted); + --ap-border: var(--border-color); + --ap-accent-text: #fffdf8; } .ap-nav { @@ -305,9 +297,10 @@ const appStoreLabel = appStoreUrl === '#' ? 'App Store (coming soon)' : 'Downloa .ap-badge { color: var(--ap-accent-deep); - font-family: var(--font-mono); - font-size: 0.75rem; - letter-spacing: 0.08em; + font-family: var(--font-body); + font-size: 0.8125rem; + font-weight: 600; + letter-spacing: 0.04em; text-transform: uppercase; margin: 0; } @@ -315,8 +308,8 @@ const appStoreLabel = appStoreUrl === '#' ? 'App Store (coming soon)' : 'Downloa .ap-headline { margin: 0.7rem 0 0; font-family: var(--font-heading); - font-size: clamp(2rem, 4vw, 3.75rem); - line-height: 0.96; + font-size: clamp(2rem, 4vw, 3.5rem); + line-height: 1.04; color: var(--ap-text); } @@ -339,7 +332,6 @@ const appStoreLabel = appStoreUrl === '#' ? 'App Store (coming soon)' : 'Downloa aspect-ratio: 1 / 1; border-radius: 1.75rem; border: 1px solid var(--ap-border); - box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08); background: var(--ap-bg-soft); justify-self: center; } diff --git a/src/components/TeamMember.astro b/src/components/TeamMember.astro index 35a6d6e..0efa113 100644 --- a/src/components/TeamMember.astro +++ b/src/components/TeamMember.astro @@ -59,6 +59,7 @@ const { name, role, image, bio, socialLinks, additionalContent } = Astro.props; .team-card { background: var(--bg-card); border: 1px solid var(--border-color); + border-radius: 8px; padding: 2.5rem; } @@ -86,7 +87,8 @@ const { name, role, image, bio, socialLinks, additionalContent } = Astro.props; width: 6rem; height: 6rem; object-fit: cover; - border: 2px solid var(--border-color); + border: 1px solid var(--border-color); + border-radius: 6px; } @media (min-width: 640px) { @@ -103,19 +105,19 @@ const { name, role, image, bio, socialLinks, additionalContent } = Astro.props; .name { font-family: var(--font-heading); - font-size: 1.5rem; - font-weight: 400; + font-size: 1.375rem; + font-weight: 600; color: var(--text-primary); margin-bottom: 0.25rem; line-height: 1.2; } .role { - font-family: var(--font-mono); - font-size: 0.75rem; - font-weight: 500; - color: var(--accent); - letter-spacing: 0.05em; + font-family: var(--font-body); + font-size: 0.8125rem; + font-weight: 600; + color: var(--text-muted); + letter-spacing: 0.04em; text-transform: uppercase; margin-bottom: 1.25rem; } @@ -162,14 +164,6 @@ const { name, role, image, bio, socialLinks, additionalContent } = Astro.props; } .social-link:hover { - color: var(--accent); - } - - .social-link svg { - transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1); - } - - .social-link:hover svg { - transform: translate(2px, -2px); + color: var(--text-primary); } diff --git a/src/components/TestimonialCard.astro b/src/components/TestimonialCard.astro index 3c38d54..cc08389 100644 --- a/src/components/TestimonialCard.astro +++ b/src/components/TestimonialCard.astro @@ -37,42 +37,32 @@ const { name, company, quote, image, rating = 5 } = Astro.props; .testimonial-card { background: var(--bg-card); border: 1px solid var(--border-color); - padding: 2.5rem 2rem 2rem; + border-radius: 8px; + padding: 2rem; height: 100%; display: flex; flex-direction: column; position: relative; - transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); + transition: border-color 160ms ease; } .testimonial-card:hover { - transform: translateY(-6px) rotate(-0.3deg); - box-shadow: var(--shadow-lg); - border-color: var(--accent); + border-color: var(--border-hover); } .quote-mark { - font-family: var(--font-heading); - font-size: 5rem; - line-height: 1; - color: var(--accent); - opacity: 0.15; - position: absolute; - top: 0.5rem; - left: 1rem; - pointer-events: none; + display: none; } + /* Serif reserved for quotes — the one place Crimson Pro remains */ .quote { - font-family: var(--font-heading); - font-size: 1.125rem; + font-family: var(--font-serif); + font-size: 1.1875rem; font-style: italic; color: var(--text-secondary); - line-height: 1.7; + line-height: 1.65; flex: 1; margin: 0 0 1.5rem 0; - position: relative; - z-index: 1; } .author { diff --git a/src/components/ThemeToggle.astro b/src/components/ThemeToggle.astro index 9d6d303..ee2a490 100644 --- a/src/components/ThemeToggle.astro +++ b/src/components/ThemeToggle.astro @@ -106,9 +106,8 @@ width: 20px; height: 20px; border-radius: 50%; - background: #f59e0b; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); - transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), background 0.3s; + background: var(--text-primary); + transition: transform 0.25s ease, background 0.25s ease; display: flex; align-items: center; justify-content: center; @@ -118,30 +117,30 @@ position: absolute; width: 12px; height: 12px; - transition: opacity 0.2s, transform 0.3s; + transition: opacity 0.2s, transform 0.25s; } /* Light mode: show sun, hide moon */ .icon-sun { - color: white; + color: var(--bg-primary); opacity: 1; transform: rotate(0deg) scale(1); } .icon-moon { - color: white; + color: var(--bg-primary); opacity: 0; transform: rotate(-45deg) scale(0.6); } /* Dark mode state */ .theme-toggle[data-theme="dark"] .toggle-track { - background: var(--accent); + background: var(--border-color); } .theme-toggle[data-theme="dark"] .toggle-thumb { transform: translateX(20px); - background: #6366f1; + background: var(--text-primary); } .theme-toggle[data-theme="dark"] .icon-sun { diff --git a/src/components/showcase/CardVariant.astro b/src/components/showcase/CardVariant.astro index c5fb491..2e63164 100644 --- a/src/components/showcase/CardVariant.astro +++ b/src/components/showcase/CardVariant.astro @@ -38,7 +38,7 @@ const { name, style, description } = Astro.props; width: 3rem; height: 3rem; border-radius: 0.75rem; - background: #f3f4f6; + background: #efede4; display: flex; align-items: center; justify-content: center; @@ -48,20 +48,20 @@ const { name, style, description } = Astro.props; .icon-wrapper i { font-size: 1.25rem; - color: #6b7280; + color: #77736b; transition: color 0.3s; } .card-title { font-size: 1rem; font-weight: 600; - color: #111827; + color: #1b1a18; margin-bottom: 0.5rem; } .card-description { font-size: 0.875rem; - color: #6b7280; + color: #77736b; line-height: 1.5; flex: 1; margin-bottom: 1rem; @@ -69,7 +69,7 @@ const { name, style, description } = Astro.props; .card-label { font-size: 0.75rem; - color: #9ca3af; + color: #a19d93; text-transform: uppercase; letter-spacing: 0.05em; } @@ -77,7 +77,7 @@ const { name, style, description } = Astro.props; /* Current Style */ .card-current { background: white; - border: 1px solid #e5e7eb; + border: 1px solid #dedbd2; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); } @@ -150,7 +150,7 @@ const { name, style, description } = Astro.props; /* Accent Strip Style */ .card-accent-strip { background: white; - border: 1px solid #e5e7eb; + border: 1px solid #dedbd2; border-left: 4px solid #3b82f6; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); } diff --git a/src/components/showcase/ColorThemePreview.astro b/src/components/showcase/ColorThemePreview.astro index 8011b13..80470fb 100644 --- a/src/components/showcase/ColorThemePreview.astro +++ b/src/components/showcase/ColorThemePreview.astro @@ -54,7 +54,7 @@ const { name, accent, accentLight, accentDark, description } = Astro.props; background: white; border-radius: 1rem; padding: 1.5rem; - border: 1px solid #e5e7eb; + border: 1px solid #dedbd2; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); } @@ -91,7 +91,7 @@ const { name, accent, accentLight, accentDark, description } = Astro.props; .theme-name { font-size: 1.25rem; font-weight: 700; - color: #111827; + color: #1b1a18; margin-bottom: 1rem; } @@ -131,7 +131,7 @@ const { name, accent, accentLight, accentDark, description } = Astro.props; .sample-text { font-size: 0.875rem; - color: #6b7280; + color: #77736b; line-height: 1.6; margin-bottom: 1rem; } @@ -147,9 +147,9 @@ const { name, accent, accentLight, accentDark, description } = Astro.props; .description { font-size: 0.875rem; - color: #9ca3af; + color: #a19d93; font-style: italic; - border-top: 1px solid #f3f4f6; + border-top: 1px solid #efede4; padding-top: 1rem; margin: 0; } diff --git a/src/components/showcase/EffectsGallery.astro b/src/components/showcase/EffectsGallery.astro index 294360a..c847fdb 100644 --- a/src/components/showcase/EffectsGallery.astro +++ b/src/components/showcase/EffectsGallery.astro @@ -107,25 +107,25 @@ background: white; border-radius: 1rem; padding: 1.5rem; - border: 1px solid #e5e7eb; + border: 1px solid #dedbd2; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); } .effect-title { font-size: 1rem; font-weight: 600; - color: #111827; + color: #1b1a18; margin-bottom: 0.5rem; } .effect-description { font-size: 0.875rem; - color: #6b7280; + color: #77736b; margin-bottom: 1.25rem; } .effect-demo { - background: #f9fafb; + background: #f7f5ef; border-radius: 0.75rem; padding: 1.25rem; min-height: 100px; @@ -169,8 +169,8 @@ .btn-slide { background: white; - color: #111827; - border: 2px solid #111827; + color: #1b1a18; + border: 2px solid #1b1a18; position: relative; overflow: hidden; z-index: 1; @@ -180,7 +180,7 @@ content: ''; position: absolute; inset: 0; - background: #111827; + background: #1b1a18; transform: translateX(-100%); transition: transform 0.3s; z-index: -1; @@ -217,10 +217,10 @@ justify-content: center; font-size: 0.7rem; font-weight: 500; - color: #6b7280; + color: #77736b; cursor: pointer; transition: all 0.3s; - border: 1px solid #e5e7eb; + border: 1px solid #dedbd2; } .card-tilt:hover { @@ -246,7 +246,7 @@ .spinner { width: 32px; height: 32px; - border: 3px solid #e5e7eb; + border: 3px solid #dedbd2; border-top-color: #3b82f6; border-radius: 50%; animation: spin 1s linear infinite; @@ -277,7 +277,7 @@ .bar { width: 60px; height: 6px; - background: #e5e7eb; + background: #dedbd2; border-radius: 3px; overflow: hidden; } @@ -314,7 +314,7 @@ .text-underline { font-weight: 500; - color: #111827; + color: #1b1a18; position: relative; cursor: pointer; } @@ -345,12 +345,12 @@ justify-content: center; cursor: pointer; transition: all 0.3s; - border: 1px solid #e5e7eb; + border: 1px solid #dedbd2; } .icon-box i { font-size: 1.25rem; - color: #6b7280; + color: #77736b; transition: all 0.3s; } @@ -396,8 +396,8 @@ border-radius: 0.5rem; font-size: 0.75rem; font-weight: 500; - color: #6b7280; - border: 1px solid #e5e7eb; + color: #77736b; + border: 1px solid #dedbd2; animation: none; } diff --git a/src/components/showcase/HeroPreview.astro b/src/components/showcase/HeroPreview.astro index 2aed57b..a97fb03 100644 --- a/src/components/showcase/HeroPreview.astro +++ b/src/components/showcase/HeroPreview.astro @@ -57,7 +57,7 @@ const { name, style, description } = Astro.props; background: white; border-radius: 1rem; overflow: hidden; - border: 1px solid #e5e7eb; + border: 1px solid #dedbd2; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); } @@ -112,7 +112,7 @@ const { name, style, description } = Astro.props; .btn-primary { padding: 0.625rem 1.25rem; background: white; - color: #111827; + color: #1b1a18; border: none; border-radius: 0.5rem; font-weight: 500; @@ -133,27 +133,27 @@ const { name, style, description } = Astro.props; .preview-info { padding: 1.25rem 1.5rem; - background: #f9fafb; - border-top: 1px solid #e5e7eb; + background: #f7f5ef; + border-top: 1px solid #dedbd2; } .preview-name { font-size: 1rem; font-weight: 600; - color: #111827; + color: #1b1a18; margin-bottom: 0.375rem; } .preview-description { font-size: 0.875rem; - color: #6b7280; + color: #77736b; margin: 0; line-height: 1.5; } /* Mesh Gradient Style */ .hero-mesh { - background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%); + background: linear-gradient(135deg, #11110f 0%, #262521 100%); } .mesh-bg { diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro index 849fb92..e82eeee 100644 --- a/src/layouts/BaseLayout.astro +++ b/src/layouts/BaseLayout.astro @@ -55,8 +55,9 @@ const absoluteOgImage = ogImage.startsWith('http') ? ogImage : `${siteOrigin}${o - - + + + {title} diff --git a/src/pages/404.astro b/src/pages/404.astro index 548a584..85b1920 100644 --- a/src/pages/404.astro +++ b/src/pages/404.astro @@ -52,8 +52,8 @@ const currentPath = Astro.url.pathname; padding: 4rem 0; min-height: calc(100vh - var(--footer-space, 0px)); background: - radial-gradient(circle at 12% 14%, rgba(0, 136, 204, 0.09), transparent 36%), - radial-gradient(circle at 88% 90%, rgba(0, 136, 204, 0.07), transparent 36%), + radial-gradient(circle at 12% 14%, rgba(36, 120, 102, 0.09), transparent 36%), + radial-gradient(circle at 88% 90%, rgba(36, 120, 102, 0.07), transparent 36%), linear-gradient(130deg, color-mix(in srgb, var(--bg-primary) 92%, black), var(--bg-primary)); overflow: hidden; } @@ -81,8 +81,8 @@ const currentPath = Astro.url.pathname; pointer-events: none; border-radius: 24px; background-image: - linear-gradient(to right, rgba(250, 250, 249, 0.06) 1px, transparent 1px), - linear-gradient(to bottom, rgba(250, 250, 249, 0.06) 1px, transparent 1px); + linear-gradient(to right, rgba(247, 245, 239, 0.06) 1px, transparent 1px), + linear-gradient(to bottom, rgba(247, 245, 239, 0.06) 1px, transparent 1px); background-size: 46px 46px; opacity: 0.34; animation: pulse-grid 8s ease-in-out infinite; @@ -120,7 +120,7 @@ const currentPath = Astro.url.pathname; border-radius: 26px; background: linear-gradient(180deg, color-mix(in srgb, var(--bg-card) 95%, transparent), color-mix(in srgb, var(--bg-card) 80%, transparent)); box-shadow: - 0 24px 64px rgba(10, 10, 10, 0.26), + 0 24px 64px rgba(17, 17, 15, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.35); padding: clamp(1.4rem, 3.2vw, 2rem); backdrop-filter: blur(2px); @@ -187,10 +187,10 @@ const currentPath = Astro.url.pathname; border-radius: 32px; padding: 1.15rem; background: - linear-gradient(160deg, rgba(250, 250, 249, 0.06), rgba(250, 250, 249, 0.01)), + linear-gradient(160deg, rgba(247, 245, 239, 0.06), rgba(247, 245, 239, 0.01)), var(--bg-primary); border: 1px solid var(--border-color); - box-shadow: 0 26px 70px rgba(10, 10, 10, 0.34), var(--shadow-xl); + box-shadow: 0 26px 70px rgba(17, 17, 15, 0.34), var(--shadow-xl); position: relative; overflow: hidden; text-align: center; @@ -203,7 +203,7 @@ const currentPath = Astro.url.pathname; position: absolute; inset: 0; background: - radial-gradient(circle at 85% 10%, rgba(0, 136, 204, 0.18), transparent 42%); + radial-gradient(circle at 85% 10%, rgba(36, 120, 102, 0.18), transparent 42%); pointer-events: none; } @@ -222,9 +222,9 @@ const currentPath = Astro.url.pathname; height: 14px; margin: 0.2rem auto 1rem; border-radius: 999px; - background: rgba(250, 250, 249, 0.3); + background: rgba(247, 245, 239, 0.3); opacity: 0.85; - box-shadow: inset 0 0 0 2px rgba(10, 10, 10, 0.12); + box-shadow: inset 0 0 0 2px rgba(17, 17, 15, 0.12); } .ios-app-header { @@ -246,10 +246,10 @@ const currentPath = Astro.url.pathname; display: grid; place-items: center; color: #fff; - background: linear-gradient(150deg, #0d2130, #1b6d9f 35%, #2ca7de 70%); + background: linear-gradient(150deg, #0f2620, #1d6f5e 35%, #3ba58c 70%); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15), - 0 14px 34px rgba(10, 10, 10, 0.24); + 0 14px 34px rgba(17, 17, 15, 0.24); overflow: hidden; animation: icon-drift 2.8s ease-in-out infinite alternate; } diff --git a/src/pages/apps/currency.astro b/src/pages/apps/currency.astro index c41077c..49ddfd7 100644 --- a/src/pages/apps/currency.astro +++ b/src/pages/apps/currency.astro @@ -114,7 +114,7 @@ const faqs = [

Get launch updates - Browse 20 variants + Browse 20 variants
@@ -257,21 +257,21 @@ const faqs = [ } .currency-hero { - background: linear-gradient(180deg, var(--ink) 0%, #0f2030 100%); + background: var(--night, #171717); padding: 6rem 0; } .currency-hero h1 { font-family: var(--font-heading); font-size: clamp(2.5rem, 6vw, 4.5rem); - color: var(--paper); + color: #f7f5ef; line-height: 1.03; margin: 0 0 1rem; max-width: 13ch; } .lede { - color: rgba(250, 250, 249, 0.74); + color: rgba(247, 245, 239, 0.74); font-size: clamp(1.05rem, 2vw, 1.3rem); line-height: 1.65; max-width: 60ch; @@ -371,7 +371,7 @@ const faqs = [ .screenshot-placeholder { width: 100%; border: 1px solid var(--border-color); - background: linear-gradient(170deg, #12273a 0%, #0b1621 52%, #23354b 100%); + background: linear-gradient(170deg, #21211e 0%, #171717 52%, #2b2a26 100%); aspect-ratio: 9 / 19.5; object-fit: cover; display: grid; @@ -379,13 +379,13 @@ const faqs = [ } .screenshot-placeholder span { - color: rgba(250, 250, 249, 0.88); + color: rgba(247, 245, 239, 0.88); font-family: var(--font-mono); letter-spacing: 0.08em; } .screenshot-placeholder small { - color: rgba(250, 250, 249, 0.58); + color: rgba(247, 245, 239, 0.58); font-size: 0.78rem; margin-top: 0.4rem; } diff --git a/src/pages/apps/index.astro b/src/pages/apps/index.astro index f8a107e..f46a915 100644 --- a/src/pages/apps/index.astro +++ b/src/pages/apps/index.astro @@ -152,14 +152,14 @@ const otherApps = visibleApps.filter(a => a.slug !== featuredApp.slug); right: 0; bottom: 0; background-image: - linear-gradient(to right, rgba(250, 250, 249, 0.02) 1px, transparent 1px), - linear-gradient(to bottom, rgba(250, 250, 249, 0.02) 1px, transparent 1px); + linear-gradient(to right, rgba(247, 245, 239, 0.02) 1px, transparent 1px), + linear-gradient(to bottom, rgba(247, 245, 239, 0.02) 1px, transparent 1px); background-size: 60px 60px; pointer-events: none; } :global(.dark) .apps-hero { - background: #0a0a0a; + background: #11110f; } .apps-hero-inner { @@ -210,7 +210,7 @@ const otherApps = visibleApps.filter(a => a.slug !== featuredApp.slug); .apps-hero-title { font-family: var(--font-heading); font-size: clamp(3rem, 7vw, 5rem); - color: var(--paper); + color: #f7f5ef; margin: 0 0 0.5rem; line-height: 1; letter-spacing: -0.03em; @@ -219,14 +219,14 @@ const otherApps = visibleApps.filter(a => a.slug !== featuredApp.slug); .apps-hero-category { font-family: var(--font-body); font-size: 1.125rem; - color: rgba(250, 250, 249, 0.5); + color: rgba(247, 245, 239, 0.5); margin: 0 0 1.5rem; } .apps-hero-desc { font-family: var(--font-body); font-size: 1.25rem; - color: rgba(250, 250, 249, 0.7); + color: rgba(247, 245, 239, 0.7); line-height: 1.6; max-width: 480px; margin: 0 0 2rem; @@ -253,8 +253,8 @@ const otherApps = visibleApps.filter(a => a.slug !== featuredApp.slug); } .apps-currency-cta { - color: rgba(250, 250, 249, 0.9); - border-color: rgba(250, 250, 249, 0.25); + color: rgba(247, 245, 239, 0.9); + border-color: rgba(247, 245, 239, 0.25); } .apps-hero-cta .cta-arrow { @@ -273,7 +273,7 @@ const otherApps = visibleApps.filter(a => a.slug !== featuredApp.slug); width: 200px; height: 200px; border-radius: 44px; - box-shadow: 0 30px 80px rgba(0, 0, 0, 0.4), 0 0 100px rgba(0, 136, 204, 0.1); + box-shadow: 0 30px 80px rgba(0, 0, 0, 0.4), 0 0 100px rgba(36, 120, 102, 0.1); } @media (min-width: 768px) { diff --git a/src/pages/breathe-easy/index.astro b/src/pages/breathe-easy/index.astro index 2d79088..8710af4 100644 --- a/src/pages/breathe-easy/index.astro +++ b/src/pages/breathe-easy/index.astro @@ -202,11 +202,11 @@ import ExploreApps from '../../components/ExploreApps.astro'; --be-accent-deep: #4f46e5; --be-accent-bg: #eef2ff; --be-secondary: #38bdf8; - --be-bg: #f8fafc; + --be-bg: #f7f5ef; --be-surface: #ffffff; - --be-border: rgba(148, 163, 184, 0.15); - --be-text: #0f172a; - --be-text-muted: #64748b; + --be-border: rgba(161, 157, 147, 0.15); + --be-text: #11110f; + --be-text-muted: #77736b; --be-feature-icon-bg: rgba(99, 102, 241, 0.08); --be-feature-icon-border: rgba(99, 102, 241, 0.12); } @@ -215,11 +215,11 @@ import ExploreApps from '../../components/ExploreApps.astro'; --be-accent: #818cf8; --be-accent-deep: #6366f1; --be-accent-bg: #1e1b4b; - --be-bg: #0a0f1a; - --be-surface: #111827; - --be-border: rgba(148, 163, 184, 0.08); - --be-text: #f1f5f9; - --be-text-muted: #94a3b8; + --be-bg: #141413; + --be-surface: #1b1a18; + --be-border: rgba(161, 157, 147, 0.08); + --be-text: #efede4; + --be-text-muted: #a19d93; --be-feature-icon-bg: rgba(99, 102, 241, 0.1); --be-feature-icon-border: rgba(99, 102, 241, 0.15); } @@ -278,7 +278,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; /* ─── Hero ─── */ .be-hero { - background: #0a0f1a; + background: #141413; padding: 4rem 0 5rem; position: relative; overflow: hidden; @@ -349,7 +349,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .be-hero-title { font-size: clamp(2.5rem, 6vw, 4.5rem); - color: #f1f5f9; + color: #efede4; margin-bottom: 1.5rem; line-height: 1.05; } @@ -361,7 +361,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .be-hero-subtitle { font-size: 1.125rem; - color: #94a3b8; + color: #a19d93; line-height: 1.7; max-width: 480px; margin-bottom: 2rem; @@ -396,7 +396,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .be-hero-note { font-family: var(--font-mono); font-size: 0.75rem; - color: #94a3b8; + color: #a19d93; } .be-hero-icon-wrap { flex-shrink: 0; } @@ -419,7 +419,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; /* ─── Screenshots (run-easy style) ─── */ .be-screenshots-section { padding: 4rem 0; - background: var(--be-bg, #fafaf9); + background: var(--be-bg, #f7f5ef); } .be-section-header { @@ -428,7 +428,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .be-screenshots-title { font-size: clamp(1.75rem, 3.5vw, 2.5rem); - color: var(--be-text, #0a0a0a); + color: var(--be-text, #11110f); margin-top: 0.5rem; } @@ -443,7 +443,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .be-screenshots-scroll::-webkit-scrollbar { height: 4px; } .be-screenshots-scroll::-webkit-scrollbar-track { background: transparent; } - .be-screenshots-scroll::-webkit-scrollbar-thumb { background: var(--be-border, #e7e5e4); border-radius: 2px; } + .be-screenshots-scroll::-webkit-scrollbar-thumb { background: var(--be-border, #dedbd2); border-radius: 2px; } .be-screenshot-card { flex-shrink: 0; @@ -456,8 +456,8 @@ import ExploreApps from '../../components/ExploreApps.astro'; width: 100%; height: auto; border-radius: 16px; - box-shadow: 0 12px 40px rgba(10, 10, 10, 0.08), 0 4px 12px rgba(10, 10, 10, 0.04); - border: 1px solid var(--be-border, #e7e5e4); + box-shadow: 0 12px 40px rgba(17, 17, 15, 0.08), 0 4px 12px rgba(17, 17, 15, 0.04); + border: 1px solid var(--be-border, #dedbd2); transition: transform 0.3s ease; } @@ -469,7 +469,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; display: block; margin-top: 0.75rem; font-size: 0.8125rem; - color: var(--be-text-muted, #78716c); + color: var(--be-text-muted, #77736b); letter-spacing: 0.02em; } @@ -573,10 +573,10 @@ import ExploreApps from '../../components/ExploreApps.astro'; /* ─── Privacy Banner ─── */ .be-privacy-banner { - background: #0a0f1a; + background: #141413; padding: 5rem 0; - border-top: 1px solid rgba(148, 163, 184, 0.08); - border-bottom: 1px solid rgba(148, 163, 184, 0.08); + border-top: 1px solid rgba(161, 157, 147, 0.08); + border-bottom: 1px solid rgba(161, 157, 147, 0.08); } .be-privacy-inner { @@ -585,7 +585,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .be-privacy-title { font-size: clamp(2rem, 5vw, 3rem); - color: #f1f5f9; + color: #efede4; margin-top: 1rem; margin-bottom: 1.25rem; letter-spacing: -0.02em; @@ -593,7 +593,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .be-privacy-text { font-size: 1.0625rem; - color: #94a3b8; + color: #a19d93; line-height: 1.8; margin-bottom: 2rem; } diff --git a/src/pages/caffeine-easy/index.astro b/src/pages/caffeine-easy/index.astro index 4c5bdf0..8e719fe 100644 --- a/src/pages/caffeine-easy/index.astro +++ b/src/pages/caffeine-easy/index.astro @@ -217,11 +217,11 @@ import ExploreApps from '../../components/ExploreApps.astro'; --ce-accent-light: #d97706; --ce-accent-bg: #fef3c7; --ce-warm: #78350f; - --ce-bg: #f8fafc; + --ce-bg: #f7f5ef; --ce-surface: #ffffff; - --ce-border: rgba(148, 163, 184, 0.15); - --ce-text: #0f172a; - --ce-text-muted: #64748b; + --ce-border: rgba(161, 157, 147, 0.15); + --ce-text: #11110f; + --ce-text-muted: #77736b; --ce-feature-icon-bg: rgba(180, 83, 9, 0.08); --ce-feature-icon-border: rgba(180, 83, 9, 0.12); } @@ -231,11 +231,11 @@ import ExploreApps from '../../components/ExploreApps.astro'; --ce-accent-deep: #f59e0b; --ce-accent-light: #fcd34d; --ce-accent-bg: #451a03; - --ce-bg: #0a0f1a; - --ce-surface: #111827; - --ce-border: rgba(148, 163, 184, 0.08); - --ce-text: #f1f5f9; - --ce-text-muted: #94a3b8; + --ce-bg: #141413; + --ce-surface: #1b1a18; + --ce-border: rgba(161, 157, 147, 0.08); + --ce-text: #efede4; + --ce-text-muted: #a19d93; --ce-feature-icon-bg: rgba(251, 191, 36, 0.1); --ce-feature-icon-border: rgba(251, 191, 36, 0.15); } @@ -377,7 +377,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .ce-hero-subtitle { font-size: 1.125rem; - color: #d6d3d1; + color: #c6c2b6; line-height: 1.7; max-width: 480px; margin-bottom: 2rem; @@ -412,7 +412,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .ce-hero-note { font-family: var(--font-mono); font-size: 0.75rem; - color: #a8a29e; + color: #a19d93; } .ce-hero-icon-wrap { flex-shrink: 0; } @@ -602,7 +602,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .ce-privacy-text { font-size: 1.0625rem; - color: #d6d3d1; + color: #c6c2b6; line-height: 1.8; margin-bottom: 2rem; } @@ -720,7 +720,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; /* ─── Screenshots (run-easy style) ─── */ .ce-screenshots-section { padding: 4rem 0; - background: var(--ce-bg, #fafaf9); + background: var(--ce-bg, #f7f5ef); } .ce-section-header { @@ -729,7 +729,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .ce-screenshots-title { font-size: clamp(1.75rem, 3.5vw, 2.5rem); - color: var(--ce-text, #0a0a0a); + color: var(--ce-text, #11110f); margin-top: 0.5rem; } @@ -744,7 +744,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .ce-screenshots-scroll::-webkit-scrollbar { height: 4px; } .ce-screenshots-scroll::-webkit-scrollbar-track { background: transparent; } - .ce-screenshots-scroll::-webkit-scrollbar-thumb { background: var(--ce-border, #e7e5e4); border-radius: 2px; } + .ce-screenshots-scroll::-webkit-scrollbar-thumb { background: var(--ce-border, #dedbd2); border-radius: 2px; } .ce-screenshot-card { flex-shrink: 0; @@ -757,8 +757,8 @@ import ExploreApps from '../../components/ExploreApps.astro'; width: 100%; height: auto; border-radius: 16px; - box-shadow: 0 12px 40px rgba(10, 10, 10, 0.08), 0 4px 12px rgba(10, 10, 10, 0.04); - border: 1px solid var(--ce-border, #e7e5e4); + box-shadow: 0 12px 40px rgba(17, 17, 15, 0.08), 0 4px 12px rgba(17, 17, 15, 0.04); + border: 1px solid var(--ce-border, #dedbd2); transition: transform 0.3s ease; } @@ -770,7 +770,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; display: block; margin-top: 0.75rem; font-size: 0.8125rem; - color: var(--ce-text-muted, #78716c); + color: var(--ce-text-muted, #77736b); letter-spacing: 0.02em; } diff --git a/src/pages/contrast/index.astro b/src/pages/contrast/index.astro index afe9323..bef3730 100644 --- a/src/pages/contrast/index.astro +++ b/src/pages/contrast/index.astro @@ -185,11 +185,11 @@ import ExploreApps from '../../components/ExploreApps.astro'; --ct-accent-deep: #0891b2; --ct-accent-bg: #ecfeff; --ct-warm: #f97316; - --ct-bg: #f8fafc; + --ct-bg: #f7f5ef; --ct-surface: #ffffff; - --ct-border: rgba(148, 163, 184, 0.15); - --ct-text: #0f172a; - --ct-text-muted: #64748b; + --ct-border: rgba(161, 157, 147, 0.15); + --ct-text: #11110f; + --ct-text-muted: #77736b; --ct-feature-icon-bg: rgba(6, 182, 212, 0.08); --ct-feature-icon-border: rgba(6, 182, 212, 0.12); } @@ -198,11 +198,11 @@ import ExploreApps from '../../components/ExploreApps.astro'; --ct-accent: #22d3ee; --ct-accent-deep: #06b6d4; --ct-accent-bg: #083344; - --ct-bg: #0a0f1a; - --ct-surface: #111827; - --ct-border: rgba(148, 163, 184, 0.08); - --ct-text: #f1f5f9; - --ct-text-muted: #94a3b8; + --ct-bg: #141413; + --ct-surface: #1b1a18; + --ct-border: rgba(161, 157, 147, 0.08); + --ct-text: #efede4; + --ct-text-muted: #a19d93; --ct-feature-icon-bg: rgba(6, 182, 212, 0.1); --ct-feature-icon-border: rgba(6, 182, 212, 0.15); } @@ -261,7 +261,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; /* ─── Hero — Dark, dramatic, dual-glow (stays dark in both modes) ─── */ .ct-hero { - background: #0a0f1a; + background: #141413; padding: 4rem 0 5rem; position: relative; overflow: hidden; @@ -332,7 +332,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .ct-hero-title { font-size: clamp(2.5rem, 6vw, 4.5rem); - color: #f1f5f9; + color: #efede4; margin-bottom: 1.5rem; line-height: 1.05; } @@ -344,7 +344,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .ct-hero-subtitle { font-size: 1.125rem; - color: #94a3b8; + color: #a19d93; line-height: 1.7; max-width: 480px; margin-bottom: 2rem; @@ -379,7 +379,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .ct-hero-note { font-family: var(--font-mono); font-size: 0.75rem; - color: #94a3b8; + color: #a19d93; } .ct-hero-icon-wrap { flex-shrink: 0; } @@ -545,10 +545,10 @@ import ExploreApps from '../../components/ExploreApps.astro'; /* ─── Privacy Banner — Full-width dark (stays dark in both modes) ─── */ .ct-privacy-banner { - background: #0a0f1a; + background: #141413; padding: 5rem 0; - border-top: 1px solid rgba(148, 163, 184, 0.08); - border-bottom: 1px solid rgba(148, 163, 184, 0.08); + border-top: 1px solid rgba(161, 157, 147, 0.08); + border-bottom: 1px solid rgba(161, 157, 147, 0.08); } .ct-privacy-inner { @@ -557,7 +557,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .ct-privacy-title { font-size: clamp(2rem, 5vw, 3rem); - color: #f1f5f9; + color: #efede4; margin-top: 1rem; margin-bottom: 1.25rem; letter-spacing: -0.02em; @@ -565,7 +565,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .ct-privacy-text { font-size: 1.0625rem; - color: #94a3b8; + color: #a19d93; line-height: 1.8; margin-bottom: 2rem; } diff --git a/src/pages/count-easy/index.astro b/src/pages/count-easy/index.astro index 057d6b8..fb1ed97 100644 --- a/src/pages/count-easy/index.astro +++ b/src/pages/count-easy/index.astro @@ -200,11 +200,11 @@ import ExploreApps from '../../components/ExploreApps.astro'; --ce-accent-deep: #7c3aed; --ce-accent-bg: #f5f3ff; --ce-secondary: #ec4899; - --ce-bg: #f8fafc; + --ce-bg: #f7f5ef; --ce-surface: #ffffff; - --ce-border: rgba(148, 163, 184, 0.15); - --ce-text: #0f172a; - --ce-text-muted: #64748b; + --ce-border: rgba(161, 157, 147, 0.15); + --ce-text: #11110f; + --ce-text-muted: #77736b; --ce-feature-icon-bg: rgba(139, 92, 246, 0.08); --ce-feature-icon-border: rgba(139, 92, 246, 0.12); } @@ -213,11 +213,11 @@ import ExploreApps from '../../components/ExploreApps.astro'; --ce-accent: #a78bfa; --ce-accent-deep: #8b5cf6; --ce-accent-bg: #1e1b4b; - --ce-bg: #0a0f1a; - --ce-surface: #111827; - --ce-border: rgba(148, 163, 184, 0.08); - --ce-text: #f1f5f9; - --ce-text-muted: #94a3b8; + --ce-bg: #141413; + --ce-surface: #1b1a18; + --ce-border: rgba(161, 157, 147, 0.08); + --ce-text: #efede4; + --ce-text-muted: #a19d93; --ce-feature-icon-bg: rgba(139, 92, 246, 0.1); --ce-feature-icon-border: rgba(139, 92, 246, 0.15); } @@ -276,7 +276,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; /* ─── Hero ─── */ .ce-hero { - background: #0a0f1a; + background: #141413; padding: 4rem 0 5rem; position: relative; overflow: hidden; @@ -347,7 +347,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .ce-hero-title { font-size: clamp(2.5rem, 6vw, 4.5rem); - color: #f1f5f9; + color: #efede4; margin-bottom: 1.5rem; line-height: 1.05; } @@ -359,7 +359,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .ce-hero-subtitle { font-size: 1.125rem; - color: #94a3b8; + color: #a19d93; line-height: 1.7; max-width: 480px; margin-bottom: 2rem; @@ -394,7 +394,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .ce-hero-note { font-family: var(--font-mono); font-size: 0.75rem; - color: #94a3b8; + color: #a19d93; } .ce-hero-icon-wrap { flex-shrink: 0; } @@ -521,10 +521,10 @@ import ExploreApps from '../../components/ExploreApps.astro'; /* ─── Privacy Banner ─── */ .ce-privacy-banner { - background: #0a0f1a; + background: #141413; padding: 5rem 0; - border-top: 1px solid rgba(148, 163, 184, 0.08); - border-bottom: 1px solid rgba(148, 163, 184, 0.08); + border-top: 1px solid rgba(161, 157, 147, 0.08); + border-bottom: 1px solid rgba(161, 157, 147, 0.08); } .ce-privacy-inner { @@ -533,7 +533,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .ce-privacy-title { font-size: clamp(2rem, 5vw, 3rem); - color: #f1f5f9; + color: #efede4; margin-top: 1rem; margin-bottom: 1.25rem; letter-spacing: -0.02em; @@ -541,7 +541,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .ce-privacy-text { font-size: 1.0625rem; - color: #94a3b8; + color: #a19d93; line-height: 1.8; margin-bottom: 2rem; } @@ -659,7 +659,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; /* ─── Screenshots (run-easy style) ─── */ .ce-screenshots-section { padding: 4rem 0; - background: var(--ce-bg, #fafaf9); + background: var(--ce-bg, #f7f5ef); } .ce-section-header { @@ -668,7 +668,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .ce-screenshots-title { font-size: clamp(1.75rem, 3.5vw, 2.5rem); - color: var(--ce-text, #0a0a0a); + color: var(--ce-text, #11110f); margin-top: 0.5rem; } @@ -683,7 +683,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .ce-screenshots-scroll::-webkit-scrollbar { height: 4px; } .ce-screenshots-scroll::-webkit-scrollbar-track { background: transparent; } - .ce-screenshots-scroll::-webkit-scrollbar-thumb { background: var(--ce-border, #e7e5e4); border-radius: 2px; } + .ce-screenshots-scroll::-webkit-scrollbar-thumb { background: var(--ce-border, #dedbd2); border-radius: 2px; } .ce-screenshot-card { flex-shrink: 0; @@ -696,8 +696,8 @@ import ExploreApps from '../../components/ExploreApps.astro'; width: 100%; height: auto; border-radius: 16px; - box-shadow: 0 12px 40px rgba(10, 10, 10, 0.08), 0 4px 12px rgba(10, 10, 10, 0.04); - border: 1px solid var(--ce-border, #e7e5e4); + box-shadow: 0 12px 40px rgba(17, 17, 15, 0.08), 0 4px 12px rgba(17, 17, 15, 0.04); + border: 1px solid var(--ce-border, #dedbd2); transition: transform 0.3s ease; } @@ -709,7 +709,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; display: block; margin-top: 0.75rem; font-size: 0.8125rem; - color: var(--ce-text-muted, #78716c); + color: var(--ce-text-muted, #77736b); letter-spacing: 0.02em; } diff --git a/src/pages/cycle-easy/index.astro b/src/pages/cycle-easy/index.astro index dfe9e60..92fc42e 100644 --- a/src/pages/cycle-easy/index.astro +++ b/src/pages/cycle-easy/index.astro @@ -247,9 +247,9 @@ import ExploreApps from '../../components/ExploreApps.astro'; --ce-accent-bg: #fff1f2; --ce-bg: #fafafa; --ce-surface: #ffffff; - --ce-border: rgba(148, 163, 184, 0.15); - --ce-text: #0f172a; - --ce-text-muted: #64748b; + --ce-border: rgba(161, 157, 147, 0.15); + --ce-text: #11110f; + --ce-text-muted: #77736b; --ce-feature-icon-bg: rgba(225, 29, 72, 0.08); --ce-feature-icon-border: rgba(225, 29, 72, 0.12); } @@ -261,9 +261,9 @@ import ExploreApps from '../../components/ExploreApps.astro'; --ce-accent-bg: #1c1017; --ce-bg: #0a0a0b; --ce-surface: #111113; - --ce-border: rgba(148, 163, 184, 0.08); - --ce-text: #f1f5f9; - --ce-text-muted: #94a3b8; + --ce-border: rgba(161, 157, 147, 0.08); + --ce-text: #efede4; + --ce-text-muted: #a19d93; --ce-feature-icon-bg: rgba(251, 113, 133, 0.1); --ce-feature-icon-border: rgba(251, 113, 133, 0.15); } @@ -393,7 +393,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .ce-hero-title { font-size: clamp(2.5rem, 6vw, 4.5rem); - color: #f1f5f9; + color: #efede4; margin-bottom: 1.5rem; line-height: 1.05; } @@ -405,7 +405,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .ce-hero-subtitle { font-size: 1.125rem; - color: #94a3b8; + color: #a19d93; line-height: 1.7; max-width: 520px; margin-bottom: 2rem; @@ -429,7 +429,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .ce-coming-badge { font-family: var(--font-mono); font-size: 0.8125rem; - color: #f1f5f9; + color: #efede4; padding: 0.75rem 1.5rem; background: rgba(251, 113, 133, 0.15); border: 1px solid rgba(251, 113, 133, 0.3); @@ -439,7 +439,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .ce-hero-note { font-family: var(--font-mono); font-size: 0.75rem; - color: #94a3b8; + color: #a19d93; } .ce-hero-icon-wrap { flex-shrink: 0; } @@ -672,8 +672,8 @@ import ExploreApps from '../../components/ExploreApps.astro'; .ce-healthkit-section { background: #0a0a0b; padding: 5rem 0; - border-top: 1px solid rgba(148, 163, 184, 0.08); - border-bottom: 1px solid rgba(148, 163, 184, 0.08); + border-top: 1px solid rgba(161, 157, 147, 0.08); + border-bottom: 1px solid rgba(161, 157, 147, 0.08); } .ce-healthkit-inner { @@ -684,19 +684,19 @@ import ExploreApps from '../../components/ExploreApps.astro'; .ce-healthkit-title { font-size: clamp(1.75rem, 4vw, 2.5rem); - color: #f1f5f9; + color: #efede4; margin-top: 1rem; margin-bottom: 1.25rem; } .ce-healthkit-text { font-size: 1.0625rem; - color: #94a3b8; + color: #a19d93; line-height: 1.8; } .ce-healthkit-text strong { - color: #f1f5f9; + color: #efede4; } /* ─── CTA ─── */ @@ -797,7 +797,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; /* ─── Screenshots (run-easy style) ─── */ .ce-screenshots-section { padding: 4rem 0; - background: var(--ce-bg, #fafaf9); + background: var(--ce-bg, #f7f5ef); } .ce-section-header { @@ -806,7 +806,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .ce-screenshots-title { font-size: clamp(1.75rem, 3.5vw, 2.5rem); - color: var(--ce-text, #0a0a0a); + color: var(--ce-text, #11110f); margin-top: 0.5rem; } @@ -821,7 +821,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .ce-screenshots-scroll::-webkit-scrollbar { height: 4px; } .ce-screenshots-scroll::-webkit-scrollbar-track { background: transparent; } - .ce-screenshots-scroll::-webkit-scrollbar-thumb { background: var(--ce-border, #e7e5e4); border-radius: 2px; } + .ce-screenshots-scroll::-webkit-scrollbar-thumb { background: var(--ce-border, #dedbd2); border-radius: 2px; } .ce-screenshot-card { flex-shrink: 0; @@ -834,8 +834,8 @@ import ExploreApps from '../../components/ExploreApps.astro'; width: 100%; height: auto; border-radius: 16px; - box-shadow: 0 12px 40px rgba(10, 10, 10, 0.08), 0 4px 12px rgba(10, 10, 10, 0.04); - border: 1px solid var(--ce-border, #e7e5e4); + box-shadow: 0 12px 40px rgba(17, 17, 15, 0.08), 0 4px 12px rgba(17, 17, 15, 0.04); + border: 1px solid var(--ce-border, #dedbd2); transition: transform 0.3s ease; } @@ -847,7 +847,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; display: block; margin-top: 0.75rem; font-size: 0.8125rem; - color: var(--ce-text-muted, #78716c); + color: var(--ce-text-muted, #77736b); letter-spacing: 0.02em; } diff --git a/src/pages/cycle-easy/support.astro b/src/pages/cycle-easy/support.astro index 6d91bf0..526ed1c 100644 --- a/src/pages/cycle-easy/support.astro +++ b/src/pages/cycle-easy/support.astro @@ -181,7 +181,7 @@ import BaseLayout from '../../layouts/BaseLayout.astro'; font-family: var(--font-body); font-size: 1rem; font-weight: 600; - color: var(--text-primary, #0a0a0a); + color: var(--text-primary, #11110f); cursor: pointer; list-style: none; display: flex; @@ -219,7 +219,7 @@ import BaseLayout from '../../layouts/BaseLayout.astro'; } .faq-answer strong { - color: var(--text-primary, #0a0a0a); + color: var(--text-primary, #11110f); } :global(.dark) .faq-question { diff --git a/src/pages/decibel/index.astro b/src/pages/decibel/index.astro index 2c77a7a..dafea63 100644 --- a/src/pages/decibel/index.astro +++ b/src/pages/decibel/index.astro @@ -217,11 +217,11 @@ import ExploreApps from '../../components/ExploreApps.astro'; --db-accent-deep: #ea580c; --db-accent-bg: #fff7ed; --db-secondary: #fbbf24; - --db-bg: #f8fafc; + --db-bg: #f7f5ef; --db-surface: #ffffff; - --db-border: rgba(148, 163, 184, 0.15); - --db-text: #0f172a; - --db-text-muted: #64748b; + --db-border: rgba(161, 157, 147, 0.15); + --db-text: #11110f; + --db-text-muted: #77736b; --db-feature-icon-bg: rgba(249, 115, 22, 0.08); --db-feature-icon-border: rgba(249, 115, 22, 0.12); } @@ -230,11 +230,11 @@ import ExploreApps from '../../components/ExploreApps.astro'; --db-accent: #fb923c; --db-accent-deep: #f97316; --db-accent-bg: #431407; - --db-bg: #0a0f1a; - --db-surface: #111827; - --db-border: rgba(148, 163, 184, 0.08); - --db-text: #f1f5f9; - --db-text-muted: #94a3b8; + --db-bg: #141413; + --db-surface: #1b1a18; + --db-border: rgba(161, 157, 147, 0.08); + --db-text: #efede4; + --db-text-muted: #a19d93; --db-feature-icon-bg: rgba(249, 115, 22, 0.1); --db-feature-icon-border: rgba(249, 115, 22, 0.15); } @@ -293,7 +293,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; /* ─── Hero ─── */ .db-hero { - background: #0a0f1a; + background: #141413; padding: 4rem 0 5rem; position: relative; overflow: hidden; @@ -364,7 +364,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .db-hero-title { font-size: clamp(2.5rem, 6vw, 4.5rem); - color: #f1f5f9; + color: #efede4; margin-bottom: 1.5rem; line-height: 1.05; } @@ -376,7 +376,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .db-hero-subtitle { font-size: 1.125rem; - color: #94a3b8; + color: #a19d93; line-height: 1.7; max-width: 480px; margin-bottom: 2rem; @@ -411,7 +411,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .db-hero-note { font-family: var(--font-mono); font-size: 0.75rem; - color: #94a3b8; + color: #a19d93; } .db-hero-icon-wrap { flex-shrink: 0; } @@ -574,10 +574,10 @@ import ExploreApps from '../../components/ExploreApps.astro'; /* ─── Privacy Banner ─── */ .db-privacy-banner { - background: #0a0f1a; + background: #141413; padding: 5rem 0; - border-top: 1px solid rgba(148, 163, 184, 0.08); - border-bottom: 1px solid rgba(148, 163, 184, 0.08); + border-top: 1px solid rgba(161, 157, 147, 0.08); + border-bottom: 1px solid rgba(161, 157, 147, 0.08); } .db-privacy-inner { @@ -586,7 +586,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .db-privacy-title { font-size: clamp(2rem, 5vw, 3rem); - color: #f1f5f9; + color: #efede4; margin-top: 1rem; margin-bottom: 1.25rem; letter-spacing: -0.02em; @@ -594,7 +594,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .db-privacy-text { font-size: 1.0625rem; - color: #94a3b8; + color: #a19d93; line-height: 1.8; margin-bottom: 2rem; } @@ -712,7 +712,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; /* ─── Screenshots (run-easy style) ─── */ .db-screenshots-section { padding: 4rem 0; - background: var(--db-bg, #fafaf9); + background: var(--db-bg, #f7f5ef); } .db-section-header { @@ -721,7 +721,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .db-screenshots-title { font-size: clamp(1.75rem, 3.5vw, 2.5rem); - color: var(--db-text, #0a0a0a); + color: var(--db-text, #11110f); margin-top: 0.5rem; } @@ -736,7 +736,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .db-screenshots-scroll::-webkit-scrollbar { height: 4px; } .db-screenshots-scroll::-webkit-scrollbar-track { background: transparent; } - .db-screenshots-scroll::-webkit-scrollbar-thumb { background: var(--db-border, #e7e5e4); border-radius: 2px; } + .db-screenshots-scroll::-webkit-scrollbar-thumb { background: var(--db-border, #dedbd2); border-radius: 2px; } .db-screenshot-card { flex-shrink: 0; @@ -749,8 +749,8 @@ import ExploreApps from '../../components/ExploreApps.astro'; width: 100%; height: auto; border-radius: 16px; - box-shadow: 0 12px 40px rgba(10, 10, 10, 0.08), 0 4px 12px rgba(10, 10, 10, 0.04); - border: 1px solid var(--db-border, #e7e5e4); + box-shadow: 0 12px 40px rgba(17, 17, 15, 0.08), 0 4px 12px rgba(17, 17, 15, 0.04); + border: 1px solid var(--db-border, #dedbd2); transition: transform 0.3s ease; } @@ -762,7 +762,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; display: block; margin-top: 0.75rem; font-size: 0.8125rem; - color: var(--db-text-muted, #78716c); + color: var(--db-text-muted, #77736b); letter-spacing: 0.02em; } diff --git a/src/pages/fast-easy/index.astro b/src/pages/fast-easy/index.astro index f1c7253..24eb939 100644 --- a/src/pages/fast-easy/index.astro +++ b/src/pages/fast-easy/index.astro @@ -179,10 +179,10 @@ import ExploreApps from '../../components/ExploreApps.astro'; --fe-bg: #ffffff; --fe-bg-alt: #fafafa; --fe-bg-card: #ffffff; - --fe-text: #0a0a0a; - --fe-text-secondary: #44403c; - --fe-text-muted: #78716c; - --fe-border: #e7e5e4; + --fe-text: #11110f; + --fe-text-secondary: #46433c; + --fe-text-muted: #77736b; + --fe-border: #dedbd2; --fe-privacy-bg: #1a0f0a; --fe-privacy-text: #ffedd5; --fe-privacy-muted: #8a6a5b; @@ -192,11 +192,11 @@ import ExploreApps from '../../components/ExploreApps.astro'; --fe-accent: #fb923c; --fe-accent-deep: #f97316; --fe-bg: #000000; - --fe-bg-alt: #0a0a0a; - --fe-bg-card: #141414; - --fe-text: #e2e8f0; - --fe-text-secondary: #94a3b8; - --fe-text-muted: #64748b; + --fe-bg-alt: #11110f; + --fe-bg-card: #191917; + --fe-text: #dedbd2; + --fe-text-secondary: #a19d93; + --fe-text-muted: #77736b; --fe-border: rgba(249, 115, 22, 0.12); --fe-privacy-bg: #120d07; --fe-privacy-text: #ffedd5; diff --git a/src/pages/focus-easy/index.astro b/src/pages/focus-easy/index.astro index 70fa27e..f5d53b5 100644 --- a/src/pages/focus-easy/index.astro +++ b/src/pages/focus-easy/index.astro @@ -219,11 +219,11 @@ import ExploreApps from '../../components/ExploreApps.astro'; --fl-bg: #ffffff; --fl-bg-alt: #fafafa; --fl-bg-card: #ffffff; - --fl-text: #0a0a0a; + --fl-text: #11110f; --fl-text-secondary: #404040; --fl-text-muted: #737373; --fl-border: #e5e5e5; - --fl-privacy-bg: #0a0a0a; + --fl-privacy-bg: #11110f; --fl-privacy-text: #fafafa; --fl-privacy-muted: #a3a3a3; } @@ -232,13 +232,13 @@ import ExploreApps from '../../components/ExploreApps.astro'; --fl-accent: #a3a3a3; --fl-accent-deep: #fafafa; --fl-bg: #000000; - --fl-bg-alt: #0a0a0a; - --fl-bg-card: #141414; + --fl-bg-alt: #11110f; + --fl-bg-card: #191917; --fl-text: #fafafa; --fl-text-secondary: #d4d4d4; --fl-text-muted: #737373; - --fl-border: #262626; - --fl-privacy-bg: #0a0a0a; + --fl-border: #2b2a26; + --fl-privacy-bg: #11110f; --fl-privacy-text: #fafafa; --fl-privacy-muted: #a3a3a3; } @@ -648,7 +648,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; /* ─── Screenshots (run-easy style) ─── */ .fl-screenshots-section { padding: 4rem 0; - background: var(--fl-bg, #fafaf9); + background: var(--fl-bg, #f7f5ef); } .fl-section-header { @@ -657,7 +657,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .fl-screenshots-title { font-size: clamp(1.75rem, 3.5vw, 2.5rem); - color: var(--fl-text, #0a0a0a); + color: var(--fl-text, #11110f); margin-top: 0.5rem; } @@ -672,7 +672,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .fl-screenshots-scroll::-webkit-scrollbar { height: 4px; } .fl-screenshots-scroll::-webkit-scrollbar-track { background: transparent; } - .fl-screenshots-scroll::-webkit-scrollbar-thumb { background: var(--fl-border, #e7e5e4); border-radius: 2px; } + .fl-screenshots-scroll::-webkit-scrollbar-thumb { background: var(--fl-border, #dedbd2); border-radius: 2px; } .fl-screenshot-card { flex-shrink: 0; @@ -685,8 +685,8 @@ import ExploreApps from '../../components/ExploreApps.astro'; width: 100%; height: auto; border-radius: 16px; - box-shadow: 0 12px 40px rgba(10, 10, 10, 0.08), 0 4px 12px rgba(10, 10, 10, 0.04); - border: 1px solid var(--fl-border, #e7e5e4); + box-shadow: 0 12px 40px rgba(17, 17, 15, 0.08), 0 4px 12px rgba(17, 17, 15, 0.04); + border: 1px solid var(--fl-border, #dedbd2); transition: transform 0.3s ease; } @@ -698,7 +698,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; display: block; margin-top: 0.75rem; font-size: 0.8125rem; - color: var(--fl-text-muted, #78716c); + color: var(--fl-text-muted, #77736b); letter-spacing: 0.02em; } diff --git a/src/pages/healthkit-run-generator/index.astro b/src/pages/healthkit-run-generator/index.astro index 29c5030..ab99843 100644 --- a/src/pages/healthkit-run-generator/index.astro +++ b/src/pages/healthkit-run-generator/index.astro @@ -440,9 +440,9 @@ import Footer from '../../components/Footer.astro'; function getChartColors() { const isDark = document.documentElement.classList.contains('dark'); return { - grid: isDark ? '#222228' : '#e7e5e4', - label: isDark ? '#5c5c66' : '#78716c', - text: isDark ? '#e4e4e7' : '#0a0a0a', + grid: isDark ? '#222228' : '#dedbd2', + label: isDark ? '#5c5c66' : '#77736b', + text: isDark ? '#e4e4e7' : '#11110f', cardBg: isDark ? '#16161a' : '#ffffff', }; } @@ -712,14 +712,14 @@ import Footer from '../../components/Footer.astro'; left: 0; right: 0; z-index: 100; - background: rgba(250, 250, 249, 0.85); + background: rgba(247, 245, 239, 0.85); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border-bottom: 1px solid var(--border-color); } :global(.dark) .hkr-nav { - background: rgba(10, 10, 10, 0.8); + background: rgba(17, 17, 15, 0.8); } .hkr-nav-inner { diff --git a/src/pages/hydrate/index.astro b/src/pages/hydrate/index.astro index 1d430eb..7caa6d3 100644 --- a/src/pages/hydrate/index.astro +++ b/src/pages/hydrate/index.astro @@ -201,11 +201,11 @@ import ExploreApps from '../../components/ExploreApps.astro'; --hy-accent-deep: #0284c7; --hy-accent-light: #38bdf8; --hy-accent-bg: #e0f2fe; - --hy-bg: #f8fafc; + --hy-bg: #f7f5ef; --hy-surface: #ffffff; - --hy-border: rgba(148, 163, 184, 0.15); - --hy-text: #0f172a; - --hy-text-muted: #64748b; + --hy-border: rgba(161, 157, 147, 0.15); + --hy-text: #11110f; + --hy-text-muted: #77736b; --hy-feature-icon-bg: rgba(14, 165, 233, 0.08); --hy-feature-icon-border: rgba(14, 165, 233, 0.12); } @@ -215,11 +215,11 @@ import ExploreApps from '../../components/ExploreApps.astro'; --hy-accent-deep: #0ea5e9; --hy-accent-light: #7dd3fc; --hy-accent-bg: #082f49; - --hy-bg: #0a0f1a; - --hy-surface: #111827; - --hy-border: rgba(148, 163, 184, 0.08); - --hy-text: #f1f5f9; - --hy-text-muted: #94a3b8; + --hy-bg: #141413; + --hy-surface: #1b1a18; + --hy-border: rgba(161, 157, 147, 0.08); + --hy-text: #efede4; + --hy-text-muted: #a19d93; --hy-feature-icon-bg: rgba(14, 165, 233, 0.1); --hy-feature-icon-border: rgba(14, 165, 233, 0.15); } @@ -278,7 +278,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; /* ─── Hero — Dark, water-inspired with blue glow ─── */ .hy-hero { - background: #0a0f1a; + background: #141413; padding: 4rem 0 5rem; position: relative; overflow: hidden; @@ -349,7 +349,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .hy-hero-title { font-size: clamp(2.5rem, 6vw, 4.5rem); - color: #f1f5f9; + color: #efede4; margin-bottom: 1.5rem; line-height: 1.05; } @@ -361,7 +361,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .hy-hero-subtitle { font-size: 1.125rem; - color: #94a3b8; + color: #a19d93; line-height: 1.7; max-width: 480px; margin-bottom: 2rem; @@ -396,7 +396,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .hy-hero-note { font-family: var(--font-mono); font-size: 0.75rem; - color: #94a3b8; + color: #a19d93; } .hy-hero-icon-wrap { flex-shrink: 0; } @@ -551,10 +551,10 @@ import ExploreApps from '../../components/ExploreApps.astro'; /* ─── Privacy Banner ─── */ .hy-privacy-banner { - background: #0a0f1a; + background: #141413; padding: 5rem 0; - border-top: 1px solid rgba(148, 163, 184, 0.08); - border-bottom: 1px solid rgba(148, 163, 184, 0.08); + border-top: 1px solid rgba(161, 157, 147, 0.08); + border-bottom: 1px solid rgba(161, 157, 147, 0.08); } .hy-privacy-inner { @@ -563,7 +563,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .hy-privacy-title { font-size: clamp(2rem, 5vw, 3rem); - color: #f1f5f9; + color: #efede4; margin-top: 1rem; margin-bottom: 1.25rem; letter-spacing: -0.02em; @@ -571,7 +571,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .hy-privacy-text { font-size: 1.0625rem; - color: #94a3b8; + color: #a19d93; line-height: 1.8; margin-bottom: 2rem; } @@ -689,7 +689,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; /* ─── Screenshots (run-easy style) ─── */ .hy-screenshots-section { padding: 4rem 0; - background: var(--hy-bg, #fafaf9); + background: var(--hy-bg, #f7f5ef); } .hy-section-header { @@ -698,7 +698,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .hy-screenshots-title { font-size: clamp(1.75rem, 3.5vw, 2.5rem); - color: var(--hy-text, #0a0a0a); + color: var(--hy-text, #11110f); margin-top: 0.5rem; } @@ -713,7 +713,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .hy-screenshots-scroll::-webkit-scrollbar { height: 4px; } .hy-screenshots-scroll::-webkit-scrollbar-track { background: transparent; } - .hy-screenshots-scroll::-webkit-scrollbar-thumb { background: var(--hy-border, #e7e5e4); border-radius: 2px; } + .hy-screenshots-scroll::-webkit-scrollbar-thumb { background: var(--hy-border, #dedbd2); border-radius: 2px; } .hy-screenshot-card { flex-shrink: 0; @@ -726,8 +726,8 @@ import ExploreApps from '../../components/ExploreApps.astro'; width: 100%; height: auto; border-radius: 16px; - box-shadow: 0 12px 40px rgba(10, 10, 10, 0.08), 0 4px 12px rgba(10, 10, 10, 0.04); - border: 1px solid var(--hy-border, #e7e5e4); + box-shadow: 0 12px 40px rgba(17, 17, 15, 0.08), 0 4px 12px rgba(17, 17, 15, 0.04); + border: 1px solid var(--hy-border, #dedbd2); transition: transform 0.3s ease; } @@ -739,7 +739,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; display: block; margin-top: 0.75rem; font-size: 0.8125rem; - color: var(--hy-text-muted, #78716c); + color: var(--hy-text-muted, #77736b); letter-spacing: 0.02em; } diff --git a/src/pages/index.astro b/src/pages/index.astro index 08973e8..2d4b443 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -3,7 +3,6 @@ import BaseLayout from '../layouts/BaseLayout.astro'; import Header from '../components/Header.astro'; import Footer from '../components/Footer.astro'; import Hero from '../components/Hero.astro'; -import MobileHero from '../components/MobileHero.astro'; import BenefitCard from '../components/BenefitCard.astro'; import ProcessStep from '../components/ProcessStep.astro'; import TestimonialCard from '../components/TestimonialCard.astro'; @@ -76,25 +75,14 @@ const shuffledIcons = allAppIcons.sort(() => Math.random() - 0.5);
- - - - -
@@ -293,37 +281,37 @@ const shuffledIcons = allAppIcons.sort(() => Math.random() - 0.5);

- -
- - Media & Entertainment -

Golf Channel Mobile

-

NBC's premier golf app serving millions with live streaming and real-time scores

- Read case study → + +
+ + + Media & Entertainment + Golf Channel Mobile NBC's premier golf app with live streaming and real-time scores + Millions served → - - Faith & Ministry -

Everybody Everywhere

-

Global movement platform with interactive impact tracking and giving tools

- Read case study → + + Faith & Ministry + Everybody Everywhere Global movement platform with impact tracking and giving tools + Community mobilized → - - E-commerce & SaaS -

Easy Digital Downloads

-

Mobile apps for a platform powering 50,000+ digital stores worldwide

- Read case study → + + E-commerce & SaaS + Easy Digital Downloads Mobile apps for a platform powering digital storefronts worldwide + 50,000+ stores → - - Sports / EdTech -

Golf Channel Academy

-

Video swing analysis and personalized coaching for thousands of golfers

- Read case study → + + Sports / EdTech + Golf Channel Academy Video swing analysis and personalized coaching + Thousands of golfers → - - Media & Entertainment -

Radio Disney

-

Mobile audio experience with alarm clock and Disney ecosystem integration

- Read case study → + + Media & Entertainment + Radio Disney Mobile audio experience in the Disney ecosystem + Flagship audio app →
@@ -498,10 +486,10 @@ const shuffledIcons = allAppIcons.sort(() => Math.random() - 0.5); } .section-number { - font-family: var(--font-mono); - font-size: 0.75rem; - font-weight: 500; - letter-spacing: 0.05em; + font-family: var(--font-body); + font-size: 0.8125rem; + font-weight: 600; + letter-spacing: 0.04em; color: var(--text-muted); } @@ -518,12 +506,12 @@ const shuffledIcons = allAppIcons.sort(() => Math.random() - 0.5); .section-title { font-family: var(--font-heading); - font-size: clamp(2rem, 5vw, 3rem); - font-weight: 400; + font-size: clamp(1.875rem, 4vw, 2.25rem); + font-weight: 600; color: var(--text-primary); margin-bottom: 0.75rem; - letter-spacing: -0.02em; - line-height: 1.1; + letter-spacing: -0.01em; + line-height: 1.12; } .section-subtitle { @@ -556,17 +544,16 @@ const shuffledIcons = allAppIcons.sort(() => Math.random() - 0.5); padding: 2rem; background: var(--bg-card); border: 1px solid var(--border-color); - transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); + border-radius: 8px; + transition: border-color 160ms ease; } .industry-card:hover { - border-color: var(--accent); - transform: translateY(-2px); - box-shadow: var(--shadow-md); + border-color: var(--border-hover); } .industry-icon { - color: var(--accent); + color: var(--text-muted); margin-bottom: 1.25rem; } @@ -587,10 +574,10 @@ const shuffledIcons = allAppIcons.sort(() => Math.random() - 0.5); } .industry-clients { - font-family: var(--font-mono); - font-size: 0.75rem; + font-family: var(--font-body); + font-size: 0.8125rem; + font-weight: 500; color: var(--text-muted); - letter-spacing: 0.02em; } /* Apps Teaser */ @@ -660,58 +647,30 @@ const shuffledIcons = allAppIcons.sort(() => Math.random() - 0.5); .apps-teaser-icon { border-radius: 14px; - box-shadow: var(--shadow-sm); - transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); - animation: fadeInIcon 0.5s ease-out forwards; + animation: fadeInIcon 0.4s ease-out forwards; opacity: 0; } - .apps-teaser-icon:hover { - transform: scale(1.08) translateY(-2px); - box-shadow: var(--shadow-md); - } - @keyframes fadeInIcon { from { opacity: 0; - transform: scale(0.8); } to { opacity: 1; - transform: scale(1); } } /* CTA Section */ .cta-section { - background: var(--ink); - position: relative; - overflow: hidden; - } - - .cta-section::before { - content: ''; - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - background-image: - linear-gradient(to right, rgba(250, 250, 249, 0.03) 1px, transparent 1px), - linear-gradient(to bottom, rgba(250, 250, 249, 0.03) 1px, transparent 1px); - background-size: 80px 80px; - pointer-events: none; + background: var(--night, #171717); } .dark .cta-section { - background: #0a0a0a; + background: #101010; border-top: 1px solid var(--border-color); - border-bottom: 1px solid var(--border-color); } .cta-content { - position: relative; - z-index: 1; text-align: center; max-width: 600px; margin: 0 auto; @@ -719,21 +678,20 @@ const shuffledIcons = allAppIcons.sort(() => Math.random() - 0.5); .cta-title { font-family: var(--font-heading); - font-size: clamp(2.5rem, 6vw, 4rem); - font-weight: 400; - color: var(--paper); + font-size: clamp(2rem, 4.5vw, 3rem); + font-weight: 600; + color: #f7f5ef; margin-bottom: 1rem; - letter-spacing: -0.02em; - line-height: 1.1; + letter-spacing: -0.01em; + line-height: 1.08; } .cta-subtitle { font-family: var(--font-body); - font-size: 1.125rem; - color: var(--paper); - opacity: 0.7; + font-size: 1.0625rem; + color: #bcb7ad; margin-bottom: 2.5rem; - line-height: 1.6; + line-height: 1.65; } .cta-actions { @@ -768,78 +726,88 @@ const shuffledIcons = allAppIcons.sort(() => Math.random() - 0.5); margin: 0; } - /* Featured Case Studies */ - .featured-cases { + /* Featured Case Studies — proof rows */ + .proof-table { + border-top: 1px solid var(--border-color); + margin-bottom: 2rem; + } + + .proof-row { display: grid; grid-template-columns: 1fr; - gap: 1.5rem; - margin-bottom: 2rem; + gap: 0.375rem; + padding: 1.25rem 0; + border-bottom: 1px solid var(--border-color); + text-decoration: none; + transition: background 160ms ease; } - @media (min-width: 640px) { - .featured-cases { - grid-template-columns: repeat(2, 1fr); + @media (min-width: 760px) { + .proof-row { + grid-template-columns: 0.7fr 1.6fr 0.8fr; + gap: 1.5rem; + align-items: baseline; } } - @media (min-width: 1024px) { - .featured-cases { - grid-template-columns: repeat(4, 1fr); - } + a.proof-row:hover { + background: var(--bg-secondary); } - .featured-case { - display: block; - padding: 2rem; - background: var(--bg-card); - border: 1px solid var(--border-color); - text-decoration: none; - transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); + .proof-head { + display: none; + font-family: var(--font-body); + font-size: 0.8125rem; + font-weight: 600; + letter-spacing: 0.04em; + text-transform: uppercase; + color: var(--text-muted); + padding: 0.875rem 0; } - .featured-case:hover { - border-color: var(--accent); - transform: translateY(-2px); - box-shadow: var(--shadow-md); + @media (min-width: 760px) { + .proof-head { + display: grid; + } } - .case-industry { - font-family: var(--font-mono); - font-size: 0.6875rem; - font-weight: 500; - letter-spacing: 0.1em; - text-transform: uppercase; - color: var(--accent); - display: block; - margin-bottom: 0.75rem; + .proof-industry { + font-family: var(--font-body); + font-size: 0.875rem; + color: var(--text-muted); } - .case-name { - font-family: var(--font-heading); - font-size: 1.5rem; - font-weight: 400; + .proof-project { + font-family: var(--font-body); + font-size: 0.9375rem; + color: var(--text-muted); + line-height: 1.55; + } + + .proof-project strong { + display: block; + font-size: 1.0625rem; + font-weight: 600; color: var(--text-primary); - margin: 0 0 0.5rem; - line-height: 1.2; + margin-bottom: 0.125rem; } - .case-summary { + .proof-result { font-family: var(--font-body); font-size: 0.9375rem; - color: var(--text-secondary); - line-height: 1.5; - margin: 0 0 1rem; + font-weight: 600; + color: var(--text-primary); + white-space: nowrap; } - .case-link { - font-family: var(--font-body); - font-size: 0.875rem; - font-weight: 500; - color: var(--accent); + .proof-arrow { + color: var(--text-muted); + font-weight: 400; + transition: color 160ms ease; } - .featured-case:hover .case-link { - text-decoration: underline; + a.proof-row:hover .proof-arrow { + color: var(--accent); } /* Portfolio toggle - Mobile only */ @@ -875,11 +843,11 @@ const shuffledIcons = allAppIcons.sort(() => Math.random() - 0.5); } .portfolio-summary:hover { - color: var(--accent); + color: var(--text-primary); } .portfolio-summary::marker { - color: var(--accent); + color: var(--text-muted); } /* Credentials grid */ @@ -905,8 +873,9 @@ const shuffledIcons = allAppIcons.sort(() => Math.random() - 0.5); .credential-number { display: block; font-family: var(--font-heading); - font-size: 1.75rem; - color: var(--accent); + font-size: 1.625rem; + font-weight: 600; + color: var(--text-primary); margin-bottom: 0.25rem; } diff --git a/src/pages/meds-easy/index.astro b/src/pages/meds-easy/index.astro index 96cf658..0d5f20e 100644 --- a/src/pages/meds-easy/index.astro +++ b/src/pages/meds-easy/index.astro @@ -197,11 +197,11 @@ import ExploreApps from '../../components/ExploreApps.astro'; --me-accent-deep: #26A69A; --me-accent-bg: #E0F7F4; --me-secondary: #88D8B0; - --me-bg: #f8fafc; + --me-bg: #f7f5ef; --me-surface: #ffffff; - --me-border: rgba(148, 163, 184, 0.15); - --me-text: #0f172a; - --me-text-muted: #64748b; + --me-border: rgba(161, 157, 147, 0.15); + --me-text: #11110f; + --me-text-muted: #77736b; --me-feature-icon-bg: rgba(78, 205, 196, 0.08); --me-feature-icon-border: rgba(78, 205, 196, 0.12); } @@ -210,11 +210,11 @@ import ExploreApps from '../../components/ExploreApps.astro'; --me-accent: #4ECDC4; --me-accent-deep: #88D8B0; --me-accent-bg: #0d3d38; - --me-bg: #0a0f1a; - --me-surface: #111827; - --me-border: rgba(148, 163, 184, 0.08); - --me-text: #f1f5f9; - --me-text-muted: #94a3b8; + --me-bg: #141413; + --me-surface: #1b1a18; + --me-border: rgba(161, 157, 147, 0.08); + --me-text: #efede4; + --me-text-muted: #a19d93; --me-feature-icon-bg: rgba(78, 205, 196, 0.1); --me-feature-icon-border: rgba(78, 205, 196, 0.15); } @@ -533,10 +533,10 @@ import ExploreApps from '../../components/ExploreApps.astro'; /* ─── Privacy Banner ─── */ .me-privacy-banner { - background: #0a0f1a; + background: #141413; padding: 5rem 0; - border-top: 1px solid rgba(148, 163, 184, 0.08); - border-bottom: 1px solid rgba(148, 163, 184, 0.08); + border-top: 1px solid rgba(161, 157, 147, 0.08); + border-bottom: 1px solid rgba(161, 157, 147, 0.08); } .me-privacy-inner { @@ -545,7 +545,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .me-privacy-title { font-size: clamp(2rem, 5vw, 3rem); - color: #f1f5f9; + color: #efede4; margin-top: 1rem; margin-bottom: 1.25rem; letter-spacing: -0.02em; @@ -553,7 +553,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .me-privacy-text { font-size: 1.0625rem; - color: #94a3b8; + color: #a19d93; line-height: 1.8; margin-bottom: 2rem; } @@ -671,7 +671,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; /* ─── Screenshots (run-easy style) ─── */ .me-screenshots-section { padding: 4rem 0; - background: var(--me-bg, #fafaf9); + background: var(--me-bg, #f7f5ef); } .me-section-header { @@ -680,7 +680,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .me-screenshots-title { font-size: clamp(1.75rem, 3.5vw, 2.5rem); - color: var(--me-text, #0a0a0a); + color: var(--me-text, #11110f); margin-top: 0.5rem; } @@ -695,7 +695,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .me-screenshots-scroll::-webkit-scrollbar { height: 4px; } .me-screenshots-scroll::-webkit-scrollbar-track { background: transparent; } - .me-screenshots-scroll::-webkit-scrollbar-thumb { background: var(--me-border, #e7e5e4); border-radius: 2px; } + .me-screenshots-scroll::-webkit-scrollbar-thumb { background: var(--me-border, #dedbd2); border-radius: 2px; } .me-screenshot-card { flex-shrink: 0; @@ -708,8 +708,8 @@ import ExploreApps from '../../components/ExploreApps.astro'; width: 100%; height: auto; border-radius: 16px; - box-shadow: 0 12px 40px rgba(10, 10, 10, 0.08), 0 4px 12px rgba(10, 10, 10, 0.04); - border: 1px solid var(--me-border, #e7e5e4); + box-shadow: 0 12px 40px rgba(17, 17, 15, 0.08), 0 4px 12px rgba(17, 17, 15, 0.04); + border: 1px solid var(--me-border, #dedbd2); transition: transform 0.3s ease; } @@ -721,7 +721,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; display: block; margin-top: 0.75rem; font-size: 0.8125rem; - color: var(--me-text-muted, #78716c); + color: var(--me-text-muted, #77736b); letter-spacing: 0.02em; } diff --git a/src/pages/mood-easy/index.astro b/src/pages/mood-easy/index.astro index f3b2ac8..7f9de8e 100644 --- a/src/pages/mood-easy/index.astro +++ b/src/pages/mood-easy/index.astro @@ -237,11 +237,11 @@ import ExploreApps from '../../components/ExploreApps.astro'; --me-accent-deep: #9333ea; --me-accent-bg: #faf5ff; --me-warm: #f472b6; - --me-bg: #f8fafc; + --me-bg: #f7f5ef; --me-surface: #ffffff; - --me-border: rgba(148, 163, 184, 0.15); - --me-text: #0f172a; - --me-text-muted: #64748b; + --me-border: rgba(161, 157, 147, 0.15); + --me-text: #11110f; + --me-text-muted: #77736b; --me-feature-icon-bg: rgba(168, 85, 247, 0.08); --me-feature-icon-border: rgba(168, 85, 247, 0.12); } @@ -250,11 +250,11 @@ import ExploreApps from '../../components/ExploreApps.astro'; --me-accent: #c084fc; --me-accent-deep: #a855f7; --me-accent-bg: #2e1065; - --me-bg: #0a0f1a; - --me-surface: #111827; - --me-border: rgba(148, 163, 184, 0.08); - --me-text: #f1f5f9; - --me-text-muted: #94a3b8; + --me-bg: #141413; + --me-surface: #1b1a18; + --me-border: rgba(161, 157, 147, 0.08); + --me-text: #efede4; + --me-text-muted: #a19d93; --me-feature-icon-bg: rgba(168, 85, 247, 0.1); --me-feature-icon-border: rgba(168, 85, 247, 0.15); } @@ -313,7 +313,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; /* ─── Hero ─── */ .me-hero { - background: #0a0f1a; + background: #141413; padding: 4rem 0 5rem; position: relative; overflow: hidden; @@ -384,7 +384,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .me-hero-title { font-size: clamp(2.5rem, 6vw, 4.5rem); - color: #f1f5f9; + color: #efede4; margin-bottom: 1.5rem; line-height: 1.05; } @@ -396,7 +396,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .me-hero-subtitle { font-size: 1.125rem; - color: #94a3b8; + color: #a19d93; line-height: 1.7; max-width: 480px; margin-bottom: 2rem; @@ -431,7 +431,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .me-hero-note { font-family: var(--font-mono); font-size: 0.75rem; - color: #94a3b8; + color: #a19d93; } .me-hero-icon-wrap { flex-shrink: 0; } @@ -588,10 +588,10 @@ import ExploreApps from '../../components/ExploreApps.astro'; /* ─── Privacy Banner ─── */ .me-privacy-banner { - background: #0a0f1a; + background: #141413; padding: 5rem 0; - border-top: 1px solid rgba(148, 163, 184, 0.08); - border-bottom: 1px solid rgba(148, 163, 184, 0.08); + border-top: 1px solid rgba(161, 157, 147, 0.08); + border-bottom: 1px solid rgba(161, 157, 147, 0.08); } .me-privacy-inner { @@ -600,7 +600,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .me-privacy-title { font-size: clamp(1.75rem, 4vw, 2.5rem); - color: #f1f5f9; + color: #efede4; margin-top: 1rem; margin-bottom: 1.25rem; letter-spacing: -0.02em; @@ -609,7 +609,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .me-privacy-text { font-size: 1.0625rem; - color: #94a3b8; + color: #a19d93; line-height: 1.8; margin-bottom: 2rem; } @@ -770,7 +770,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; /* ─── Screenshots (run-easy style) ─── */ .me-screenshots-section { padding: 4rem 0; - background: var(--me-bg, #fafaf9); + background: var(--me-bg, #f7f5ef); } .me-section-header { @@ -779,7 +779,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .me-screenshots-title { font-size: clamp(1.75rem, 3.5vw, 2.5rem); - color: var(--me-text, #0a0a0a); + color: var(--me-text, #11110f); margin-top: 0.5rem; } @@ -794,7 +794,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .me-screenshots-scroll::-webkit-scrollbar { height: 4px; } .me-screenshots-scroll::-webkit-scrollbar-track { background: transparent; } - .me-screenshots-scroll::-webkit-scrollbar-thumb { background: var(--me-border, #e7e5e4); border-radius: 2px; } + .me-screenshots-scroll::-webkit-scrollbar-thumb { background: var(--me-border, #dedbd2); border-radius: 2px; } .me-screenshot-card { flex-shrink: 0; @@ -807,8 +807,8 @@ import ExploreApps from '../../components/ExploreApps.astro'; width: 100%; height: auto; border-radius: 16px; - box-shadow: 0 12px 40px rgba(10, 10, 10, 0.08), 0 4px 12px rgba(10, 10, 10, 0.04); - border: 1px solid var(--me-border, #e7e5e4); + box-shadow: 0 12px 40px rgba(17, 17, 15, 0.08), 0 4px 12px rgba(17, 17, 15, 0.04); + border: 1px solid var(--me-border, #dedbd2); transition: transform 0.3s ease; } @@ -820,7 +820,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; display: block; margin-top: 0.75rem; font-size: 0.8125rem; - color: var(--me-text-muted, #78716c); + color: var(--me-text-muted, #77736b); letter-spacing: 0.02em; } diff --git a/src/pages/pomo-easy/index.astro b/src/pages/pomo-easy/index.astro index 817fe5b..5b22254 100644 --- a/src/pages/pomo-easy/index.astro +++ b/src/pages/pomo-easy/index.astro @@ -198,11 +198,11 @@ import ExploreApps from '../../components/ExploreApps.astro'; --pe-accent: #ef4444; --pe-accent-deep: #dc2626; --pe-accent-bg: #fef2f2; - --pe-bg: #f8fafc; + --pe-bg: #f7f5ef; --pe-surface: #ffffff; - --pe-border: rgba(148, 163, 184, 0.15); - --pe-text: #0f172a; - --pe-text-muted: #64748b; + --pe-border: rgba(161, 157, 147, 0.15); + --pe-text: #11110f; + --pe-text-muted: #77736b; --pe-feature-icon-bg: rgba(239, 68, 68, 0.08); --pe-feature-icon-border: rgba(239, 68, 68, 0.12); } @@ -211,11 +211,11 @@ import ExploreApps from '../../components/ExploreApps.astro'; --pe-accent: #f87171; --pe-accent-deep: #ef4444; --pe-accent-bg: #450a0a; - --pe-bg: #0a0f1a; - --pe-surface: #111827; - --pe-border: rgba(148, 163, 184, 0.08); - --pe-text: #f1f5f9; - --pe-text-muted: #94a3b8; + --pe-bg: #141413; + --pe-surface: #1b1a18; + --pe-border: rgba(161, 157, 147, 0.08); + --pe-text: #efede4; + --pe-text-muted: #a19d93; --pe-feature-icon-bg: rgba(239, 68, 68, 0.1); --pe-feature-icon-border: rgba(239, 68, 68, 0.15); } @@ -274,7 +274,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; /* ─── Hero ─── */ .pe-hero { - background: #0a0f1a; + background: #141413; padding: 4rem 0 5rem; position: relative; overflow: hidden; @@ -339,7 +339,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .pe-hero-title { font-size: clamp(2.5rem, 6vw, 4.5rem); - color: #f1f5f9; + color: #efede4; margin-bottom: 1.5rem; line-height: 1.05; } @@ -351,7 +351,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .pe-hero-subtitle { font-size: 1.125rem; - color: #94a3b8; + color: #a19d93; line-height: 1.7; max-width: 480px; margin-bottom: 2rem; @@ -386,7 +386,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .pe-hero-note { font-family: var(--font-mono); font-size: 0.75rem; - color: #94a3b8; + color: #a19d93; } .pe-hero-icon-wrap { flex-shrink: 0; } @@ -513,10 +513,10 @@ import ExploreApps from '../../components/ExploreApps.astro'; /* ─── Privacy Banner ─── */ .pe-privacy-banner { - background: #0a0f1a; + background: #141413; padding: 5rem 0; - border-top: 1px solid rgba(148, 163, 184, 0.08); - border-bottom: 1px solid rgba(148, 163, 184, 0.08); + border-top: 1px solid rgba(161, 157, 147, 0.08); + border-bottom: 1px solid rgba(161, 157, 147, 0.08); } .pe-privacy-inner { @@ -525,7 +525,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .pe-privacy-title { font-size: clamp(2rem, 5vw, 3rem); - color: #f1f5f9; + color: #efede4; margin-top: 1rem; margin-bottom: 1.25rem; letter-spacing: -0.02em; @@ -533,7 +533,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .pe-privacy-text { font-size: 1.0625rem; - color: #94a3b8; + color: #a19d93; line-height: 1.8; margin-bottom: 2rem; } @@ -651,7 +651,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; /* ─── Screenshots (run-easy style) ─── */ .pe-screenshots-section { padding: 4rem 0; - background: var(--pe-bg, #fafaf9); + background: var(--pe-bg, #f7f5ef); } .pe-section-header { @@ -660,7 +660,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .pe-screenshots-title { font-size: clamp(1.75rem, 3.5vw, 2.5rem); - color: var(--pe-text, #0a0a0a); + color: var(--pe-text, #11110f); margin-top: 0.5rem; } @@ -675,7 +675,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .pe-screenshots-scroll::-webkit-scrollbar { height: 4px; } .pe-screenshots-scroll::-webkit-scrollbar-track { background: transparent; } - .pe-screenshots-scroll::-webkit-scrollbar-thumb { background: var(--pe-border, #e7e5e4); border-radius: 2px; } + .pe-screenshots-scroll::-webkit-scrollbar-thumb { background: var(--pe-border, #dedbd2); border-radius: 2px; } .pe-screenshot-card { flex-shrink: 0; @@ -688,8 +688,8 @@ import ExploreApps from '../../components/ExploreApps.astro'; width: 100%; height: auto; border-radius: 16px; - box-shadow: 0 12px 40px rgba(10, 10, 10, 0.08), 0 4px 12px rgba(10, 10, 10, 0.04); - border: 1px solid var(--pe-border, #e7e5e4); + box-shadow: 0 12px 40px rgba(17, 17, 15, 0.08), 0 4px 12px rgba(17, 17, 15, 0.04); + border: 1px solid var(--pe-border, #dedbd2); transition: transform 0.3s ease; } @@ -701,7 +701,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; display: block; margin-top: 0.75rem; font-size: 0.8125rem; - color: var(--pe-text-muted, #78716c); + color: var(--pe-text-muted, #77736b); letter-spacing: 0.02em; } diff --git a/src/pages/pressure-easy/index.astro b/src/pages/pressure-easy/index.astro index 0f89631..1017f2b 100644 --- a/src/pages/pressure-easy/index.astro +++ b/src/pages/pressure-easy/index.astro @@ -234,11 +234,11 @@ import ExploreApps from '../../components/ExploreApps.astro'; --pe-accent-deep: #b91c1c; --pe-accent-bg: #fef2f2; --pe-secondary: #f97316; - --pe-bg: #f8fafc; + --pe-bg: #f7f5ef; --pe-surface: #ffffff; - --pe-border: rgba(148, 163, 184, 0.15); - --pe-text: #0f172a; - --pe-text-muted: #64748b; + --pe-border: rgba(161, 157, 147, 0.15); + --pe-text: #11110f; + --pe-text-muted: #77736b; --pe-feature-icon-bg: rgba(220, 38, 38, 0.08); --pe-feature-icon-border: rgba(220, 38, 38, 0.12); } @@ -247,11 +247,11 @@ import ExploreApps from '../../components/ExploreApps.astro'; --pe-accent: #f87171; --pe-accent-deep: #dc2626; --pe-accent-bg: #450a0a; - --pe-bg: #0a0f1a; - --pe-surface: #111827; - --pe-border: rgba(148, 163, 184, 0.08); - --pe-text: #f1f5f9; - --pe-text-muted: #94a3b8; + --pe-bg: #141413; + --pe-surface: #1b1a18; + --pe-border: rgba(161, 157, 147, 0.08); + --pe-text: #efede4; + --pe-text-muted: #a19d93; --pe-feature-icon-bg: rgba(220, 38, 38, 0.1); --pe-feature-icon-border: rgba(220, 38, 38, 0.15); } @@ -310,7 +310,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; /* ─── Hero — Dark, dramatic ─── */ .pe-hero { - background: #0a0f1a; + background: #141413; padding: 4rem 0 5rem; position: relative; overflow: hidden; @@ -381,7 +381,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .pe-hero-title { font-size: clamp(2.5rem, 6vw, 4.5rem); - color: #f1f5f9; + color: #efede4; margin-bottom: 1.5rem; line-height: 1.05; } @@ -393,7 +393,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .pe-hero-subtitle { font-size: 1.125rem; - color: #94a3b8; + color: #a19d93; line-height: 1.7; max-width: 480px; margin-bottom: 2rem; @@ -428,7 +428,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .pe-hero-note { font-family: var(--font-mono); font-size: 0.75rem; - color: #94a3b8; + color: #a19d93; } .pe-hero-icon-wrap { flex-shrink: 0; } @@ -661,10 +661,10 @@ import ExploreApps from '../../components/ExploreApps.astro'; /* ─── Privacy Banner ─── */ .pe-privacy-banner { - background: #0a0f1a; + background: #141413; padding: 5rem 0; - border-top: 1px solid rgba(148, 163, 184, 0.08); - border-bottom: 1px solid rgba(148, 163, 184, 0.08); + border-top: 1px solid rgba(161, 157, 147, 0.08); + border-bottom: 1px solid rgba(161, 157, 147, 0.08); } .pe-privacy-inner { @@ -673,7 +673,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .pe-privacy-title { font-size: clamp(2rem, 5vw, 3rem); - color: #f1f5f9; + color: #efede4; margin-top: 1rem; margin-bottom: 1.25rem; letter-spacing: -0.02em; @@ -681,7 +681,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .pe-privacy-text { font-size: 1.0625rem; - color: #94a3b8; + color: #a19d93; line-height: 1.8; margin-bottom: 2rem; } @@ -799,7 +799,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; /* ─── Screenshots (run-easy style) ─── */ .pe-screenshots-section { padding: 4rem 0; - background: var(--pe-bg, #fafaf9); + background: var(--pe-bg, #f7f5ef); } .pe-section-header { @@ -808,7 +808,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .pe-screenshots-title { font-size: clamp(1.75rem, 3.5vw, 2.5rem); - color: var(--pe-text, #0a0a0a); + color: var(--pe-text, #11110f); margin-top: 0.5rem; } @@ -823,7 +823,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .pe-screenshots-scroll::-webkit-scrollbar { height: 4px; } .pe-screenshots-scroll::-webkit-scrollbar-track { background: transparent; } - .pe-screenshots-scroll::-webkit-scrollbar-thumb { background: var(--pe-border, #e7e5e4); border-radius: 2px; } + .pe-screenshots-scroll::-webkit-scrollbar-thumb { background: var(--pe-border, #dedbd2); border-radius: 2px; } .pe-screenshot-card { flex-shrink: 0; @@ -836,8 +836,8 @@ import ExploreApps from '../../components/ExploreApps.astro'; width: 100%; height: auto; border-radius: 16px; - box-shadow: 0 12px 40px rgba(10, 10, 10, 0.08), 0 4px 12px rgba(10, 10, 10, 0.04); - border: 1px solid var(--pe-border, #e7e5e4); + box-shadow: 0 12px 40px rgba(17, 17, 15, 0.08), 0 4px 12px rgba(17, 17, 15, 0.04); + border: 1px solid var(--pe-border, #dedbd2); transition: transform 0.3s ease; } @@ -849,7 +849,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; display: block; margin-top: 0.75rem; font-size: 0.8125rem; - color: var(--pe-text-muted, #78716c); + color: var(--pe-text-muted, #77736b); letter-spacing: 0.02em; } diff --git a/src/pages/rest-easy/index.astro b/src/pages/rest-easy/index.astro index 3d24e77..79424f9 100644 --- a/src/pages/rest-easy/index.astro +++ b/src/pages/rest-easy/index.astro @@ -201,11 +201,11 @@ import ExploreApps from '../../components/ExploreApps.astro'; --re-accent-deep: #8b5cf6; --re-accent-bg: #f5f3ff; --re-moon: #fcd34d; - --re-bg: #f8fafc; + --re-bg: #f7f5ef; --re-surface: #ffffff; - --re-border: rgba(148, 163, 184, 0.15); - --re-text: #0f172a; - --re-text-muted: #64748b; + --re-border: rgba(161, 157, 147, 0.15); + --re-text: #11110f; + --re-text-muted: #77736b; --re-feature-icon-bg: rgba(139, 92, 246, 0.08); --re-feature-icon-border: rgba(139, 92, 246, 0.12); } @@ -215,10 +215,10 @@ import ExploreApps from '../../components/ExploreApps.astro'; --re-accent-deep: #a78bfa; --re-accent-bg: #1e1b4b; --re-bg: #0a0a1a; - --re-surface: #111827; - --re-border: rgba(148, 163, 184, 0.08); - --re-text: #f1f5f9; - --re-text-muted: #94a3b8; + --re-surface: #1b1a18; + --re-border: rgba(161, 157, 147, 0.08); + --re-text: #efede4; + --re-text-muted: #a19d93; --re-feature-icon-bg: rgba(139, 92, 246, 0.1); --re-feature-icon-border: rgba(139, 92, 246, 0.15); } @@ -348,7 +348,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .re-hero-title { font-size: clamp(2.5rem, 6vw, 4.5rem); - color: #f1f5f9; + color: #efede4; margin-bottom: 1.5rem; line-height: 1.05; } @@ -360,7 +360,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .re-hero-subtitle { font-size: 1.125rem; - color: #94a3b8; + color: #a19d93; line-height: 1.7; max-width: 480px; margin-bottom: 2rem; @@ -395,7 +395,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .re-hero-note { font-family: var(--font-mono); font-size: 0.75rem; - color: #94a3b8; + color: #a19d93; } .re-hero-icon-wrap { flex-shrink: 0; } @@ -524,8 +524,8 @@ import ExploreApps from '../../components/ExploreApps.astro'; .re-privacy-banner { background: #0a0a1a; padding: 5rem 0; - border-top: 1px solid rgba(148, 163, 184, 0.08); - border-bottom: 1px solid rgba(148, 163, 184, 0.08); + border-top: 1px solid rgba(161, 157, 147, 0.08); + border-bottom: 1px solid rgba(161, 157, 147, 0.08); } .re-privacy-inner { @@ -534,7 +534,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .re-privacy-title { font-size: clamp(2rem, 5vw, 3rem); - color: #f1f5f9; + color: #efede4; margin-top: 1rem; margin-bottom: 1.25rem; letter-spacing: -0.02em; @@ -542,7 +542,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .re-privacy-text { font-size: 1.0625rem; - color: #94a3b8; + color: #a19d93; line-height: 1.8; margin-bottom: 2rem; } @@ -660,7 +660,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; /* ─── Screenshots (run-easy style) ─── */ .re-screenshots-section { padding: 4rem 0; - background: var(--re-bg, #fafaf9); + background: var(--re-bg, #f7f5ef); } .re-section-header { @@ -669,7 +669,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .re-screenshots-title { font-size: clamp(1.75rem, 3.5vw, 2.5rem); - color: var(--re-text, #0a0a0a); + color: var(--re-text, #11110f); margin-top: 0.5rem; } @@ -684,7 +684,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .re-screenshots-scroll::-webkit-scrollbar { height: 4px; } .re-screenshots-scroll::-webkit-scrollbar-track { background: transparent; } - .re-screenshots-scroll::-webkit-scrollbar-thumb { background: var(--re-border, #e7e5e4); border-radius: 2px; } + .re-screenshots-scroll::-webkit-scrollbar-thumb { background: var(--re-border, #dedbd2); border-radius: 2px; } .re-screenshot-card { flex-shrink: 0; @@ -697,8 +697,8 @@ import ExploreApps from '../../components/ExploreApps.astro'; width: 100%; height: auto; border-radius: 16px; - box-shadow: 0 12px 40px rgba(10, 10, 10, 0.08), 0 4px 12px rgba(10, 10, 10, 0.04); - border: 1px solid var(--re-border, #e7e5e4); + box-shadow: 0 12px 40px rgba(17, 17, 15, 0.08), 0 4px 12px rgba(17, 17, 15, 0.04); + border: 1px solid var(--re-border, #dedbd2); transition: transform 0.3s ease; } @@ -710,7 +710,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; display: block; margin-top: 0.75rem; font-size: 0.8125rem; - color: var(--re-text-muted, #78716c); + color: var(--re-text-muted, #77736b); letter-spacing: 0.02em; } diff --git a/src/pages/run-easy/index.astro b/src/pages/run-easy/index.astro index 882f4cc..42aa2a4 100644 --- a/src/pages/run-easy/index.astro +++ b/src/pages/run-easy/index.astro @@ -200,15 +200,15 @@ import ExploreApps from '../../components/ExploreApps.astro'; :global(:root) { --re-accent: #10b981; --re-accent-deep: #059669; - --re-bg: #fafaf9; + --re-bg: #f7f5ef; --re-bg-alt: #ecfdf5; - --re-bg-surface: #f5f5f4; + --re-bg-surface: #efede4; --re-bg-card: #ffffff; - --re-text: #0a0a0a; - --re-text-secondary: #44403c; - --re-text-muted: #78716c; - --re-border: #e7e5e4; - --re-shadow-lg: 0 12px 40px rgba(10, 10, 10, 0.08), 0 4px 12px rgba(10, 10, 10, 0.04); + --re-text: #11110f; + --re-text-secondary: #46433c; + --re-text-muted: #77736b; + --re-border: #dedbd2; + --re-shadow-lg: 0 12px 40px rgba(17, 17, 15, 0.08), 0 4px 12px rgba(17, 17, 15, 0.04); } :global(.dark) { @@ -218,9 +218,9 @@ import ExploreApps from '../../components/ExploreApps.astro'; --re-bg-alt: #0f1f14; --re-bg-surface: #132e1d; --re-bg-card: #132e1d; - --re-text: #e2e8f0; - --re-text-secondary: #94a3b8; - --re-text-muted: #64748b; + --re-text: #dedbd2; + --re-text-secondary: #a19d93; + --re-text-muted: #77736b; --re-border: rgba(16, 185, 129, 0.12); --re-shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.4), 0 4px 12px rgba(0, 0, 0, 0.2); } diff --git a/src/pages/spend-easy/index.astro b/src/pages/spend-easy/index.astro index f3294c2..32e274e 100644 --- a/src/pages/spend-easy/index.astro +++ b/src/pages/spend-easy/index.astro @@ -218,11 +218,11 @@ import ExploreApps from '../../components/ExploreApps.astro'; --se-accent-deep: #059669; --se-accent-bg: #ecfdf5; --se-secondary: #34d399; - --se-bg: #f8fafc; + --se-bg: #f7f5ef; --se-surface: #ffffff; - --se-border: rgba(148, 163, 184, 0.15); - --se-text: #0f172a; - --se-text-muted: #64748b; + --se-border: rgba(161, 157, 147, 0.15); + --se-text: #11110f; + --se-text-muted: #77736b; --se-feature-icon-bg: rgba(16, 185, 129, 0.08); --se-feature-icon-border: rgba(16, 185, 129, 0.12); } @@ -231,11 +231,11 @@ import ExploreApps from '../../components/ExploreApps.astro'; --se-accent: #34d399; --se-accent-deep: #10b981; --se-accent-bg: #064e3b; - --se-bg: #0a0f1a; - --se-surface: #111827; - --se-border: rgba(148, 163, 184, 0.08); - --se-text: #f1f5f9; - --se-text-muted: #94a3b8; + --se-bg: #141413; + --se-surface: #1b1a18; + --se-border: rgba(161, 157, 147, 0.08); + --se-text: #efede4; + --se-text-muted: #a19d93; --se-feature-icon-bg: rgba(16, 185, 129, 0.1); --se-feature-icon-border: rgba(16, 185, 129, 0.15); } @@ -294,7 +294,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; /* ─── Hero ─── */ .se-hero { - background: #0a0f1a; + background: #141413; padding: 4rem 0 5rem; position: relative; overflow: hidden; @@ -365,7 +365,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .se-hero-title { font-size: clamp(2.5rem, 6vw, 4.5rem); - color: #f1f5f9; + color: #efede4; margin-bottom: 1.5rem; line-height: 1.05; } @@ -377,7 +377,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .se-hero-subtitle { font-size: 1.125rem; - color: #94a3b8; + color: #a19d93; line-height: 1.7; max-width: 480px; margin-bottom: 2rem; @@ -412,7 +412,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .se-hero-note { font-family: var(--font-mono); font-size: 0.75rem; - color: #94a3b8; + color: #a19d93; } .se-hero-icon-wrap { flex-shrink: 0; } @@ -587,10 +587,10 @@ import ExploreApps from '../../components/ExploreApps.astro'; /* ─── Privacy Banner ─── */ .se-privacy-banner { - background: #0a0f1a; + background: #141413; padding: 5rem 0; - border-top: 1px solid rgba(148, 163, 184, 0.08); - border-bottom: 1px solid rgba(148, 163, 184, 0.08); + border-top: 1px solid rgba(161, 157, 147, 0.08); + border-bottom: 1px solid rgba(161, 157, 147, 0.08); } .se-privacy-inner { @@ -599,7 +599,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .se-privacy-title { font-size: clamp(2rem, 5vw, 3rem); - color: #f1f5f9; + color: #efede4; margin-top: 1rem; margin-bottom: 1.25rem; letter-spacing: -0.02em; @@ -607,7 +607,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .se-privacy-text { font-size: 1.0625rem; - color: #94a3b8; + color: #a19d93; line-height: 1.8; margin-bottom: 2rem; } @@ -725,7 +725,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; /* ─── Screenshots (run-easy style) ─── */ .se-screenshots-section { padding: 4rem 0; - background: var(--se-bg, #fafaf9); + background: var(--se-bg, #f7f5ef); } .se-section-header { @@ -734,7 +734,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .se-screenshots-title { font-size: clamp(1.75rem, 3.5vw, 2.5rem); - color: var(--se-text, #0a0a0a); + color: var(--se-text, #11110f); margin-top: 0.5rem; } @@ -749,7 +749,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .se-screenshots-scroll::-webkit-scrollbar { height: 4px; } .se-screenshots-scroll::-webkit-scrollbar-track { background: transparent; } - .se-screenshots-scroll::-webkit-scrollbar-thumb { background: var(--se-border, #e7e5e4); border-radius: 2px; } + .se-screenshots-scroll::-webkit-scrollbar-thumb { background: var(--se-border, #dedbd2); border-radius: 2px; } .se-screenshot-card { flex-shrink: 0; @@ -762,8 +762,8 @@ import ExploreApps from '../../components/ExploreApps.astro'; width: 100%; height: auto; border-radius: 16px; - box-shadow: 0 12px 40px rgba(10, 10, 10, 0.08), 0 4px 12px rgba(10, 10, 10, 0.04); - border: 1px solid var(--se-border, #e7e5e4); + box-shadow: 0 12px 40px rgba(17, 17, 15, 0.08), 0 4px 12px rgba(17, 17, 15, 0.04); + border: 1px solid var(--se-border, #dedbd2); transition: transform 0.3s ease; } @@ -775,7 +775,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; display: block; margin-top: 0.75rem; font-size: 0.8125rem; - color: var(--se-text-muted, #78716c); + color: var(--se-text-muted, #77736b); letter-spacing: 0.02em; } diff --git a/src/pages/stretch-easy/index.astro b/src/pages/stretch-easy/index.astro index fddf855..fcc598b 100644 --- a/src/pages/stretch-easy/index.astro +++ b/src/pages/stretch-easy/index.astro @@ -197,11 +197,11 @@ import ExploreApps from '../../components/ExploreApps.astro'; --se-accent-deep: #229e96; --se-accent-light: #6BE0BD; --se-accent-bg: #e6faf8; - --se-bg: #f8fafc; + --se-bg: #f7f5ef; --se-surface: #ffffff; - --se-border: rgba(148, 163, 184, 0.15); - --se-text: #0f172a; - --se-text-muted: #64748b; + --se-border: rgba(161, 157, 147, 0.15); + --se-text: #11110f; + --se-text-muted: #77736b; --se-feature-icon-bg: rgba(46, 191, 181, 0.08); --se-feature-icon-border: rgba(46, 191, 181, 0.12); } @@ -211,11 +211,11 @@ import ExploreApps from '../../components/ExploreApps.astro'; --se-accent-deep: #2EBFB5; --se-accent-light: #6BE0BD; --se-accent-bg: #0d3331; - --se-bg: #0a0f1a; - --se-surface: #111827; - --se-border: rgba(148, 163, 184, 0.08); - --se-text: #f1f5f9; - --se-text-muted: #94a3b8; + --se-bg: #141413; + --se-surface: #1b1a18; + --se-border: rgba(161, 157, 147, 0.08); + --se-text: #efede4; + --se-text-muted: #a19d93; --se-feature-icon-bg: rgba(46, 191, 181, 0.1); --se-feature-icon-border: rgba(46, 191, 181, 0.15); } @@ -274,7 +274,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; /* ─── Hero ─── */ .se-hero { - background: #0a0f1a; + background: #141413; padding: 4rem 0 5rem; position: relative; overflow: hidden; @@ -345,7 +345,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .se-hero-title { font-size: clamp(2.5rem, 6vw, 4.5rem); - color: #f1f5f9; + color: #efede4; margin-bottom: 1.5rem; line-height: 1.05; } @@ -357,7 +357,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .se-hero-subtitle { font-size: 1.125rem; - color: #94a3b8; + color: #a19d93; line-height: 1.7; max-width: 480px; margin-bottom: 2rem; @@ -392,7 +392,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .se-hero-note { font-family: var(--font-mono); font-size: 0.75rem; - color: #94a3b8; + color: #a19d93; } .se-hero-icon-wrap { flex-shrink: 0; } @@ -519,10 +519,10 @@ import ExploreApps from '../../components/ExploreApps.astro'; /* ─── Privacy Banner ─── */ .se-privacy-banner { - background: #0a0f1a; + background: #141413; padding: 5rem 0; - border-top: 1px solid rgba(148, 163, 184, 0.08); - border-bottom: 1px solid rgba(148, 163, 184, 0.08); + border-top: 1px solid rgba(161, 157, 147, 0.08); + border-bottom: 1px solid rgba(161, 157, 147, 0.08); } .se-privacy-inner { @@ -531,7 +531,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .se-privacy-title { font-size: clamp(2rem, 5vw, 3rem); - color: #f1f5f9; + color: #efede4; margin-top: 1rem; margin-bottom: 1.25rem; letter-spacing: -0.02em; @@ -539,7 +539,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .se-privacy-text { font-size: 1.0625rem; - color: #94a3b8; + color: #a19d93; line-height: 1.8; margin-bottom: 2rem; } @@ -657,7 +657,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; /* ─── Screenshots (run-easy style) ─── */ .se-screenshots-section { padding: 4rem 0; - background: var(--se-bg, #fafaf9); + background: var(--se-bg, #f7f5ef); } .se-section-header { @@ -666,7 +666,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .se-screenshots-title { font-size: clamp(1.75rem, 3.5vw, 2.5rem); - color: var(--se-text, #0a0a0a); + color: var(--se-text, #11110f); margin-top: 0.5rem; } @@ -681,7 +681,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .se-screenshots-scroll::-webkit-scrollbar { height: 4px; } .se-screenshots-scroll::-webkit-scrollbar-track { background: transparent; } - .se-screenshots-scroll::-webkit-scrollbar-thumb { background: var(--se-border, #e7e5e4); border-radius: 2px; } + .se-screenshots-scroll::-webkit-scrollbar-thumb { background: var(--se-border, #dedbd2); border-radius: 2px; } .se-screenshot-card { flex-shrink: 0; @@ -694,8 +694,8 @@ import ExploreApps from '../../components/ExploreApps.astro'; width: 100%; height: auto; border-radius: 16px; - box-shadow: 0 12px 40px rgba(10, 10, 10, 0.08), 0 4px 12px rgba(10, 10, 10, 0.04); - border: 1px solid var(--se-border, #e7e5e4); + box-shadow: 0 12px 40px rgba(17, 17, 15, 0.08), 0 4px 12px rgba(17, 17, 15, 0.04); + border: 1px solid var(--se-border, #dedbd2); transition: transform 0.3s ease; } @@ -707,7 +707,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; display: block; margin-top: 0.75rem; font-size: 0.8125rem; - color: var(--se-text-muted, #78716c); + color: var(--se-text-muted, #77736b); letter-spacing: 0.02em; } diff --git a/src/pages/temp-easy/index.astro b/src/pages/temp-easy/index.astro index 94a3fef..79616ab 100644 --- a/src/pages/temp-easy/index.astro +++ b/src/pages/temp-easy/index.astro @@ -222,11 +222,11 @@ import ExploreApps from '../../components/ExploreApps.astro'; --te-accent-deep: #c2410c; --te-accent-bg: #fff7ed; --te-secondary: #f59e0b; - --te-bg: #f8fafc; + --te-bg: #f7f5ef; --te-surface: #ffffff; - --te-border: rgba(148, 163, 184, 0.15); - --te-text: #0f172a; - --te-text-muted: #64748b; + --te-border: rgba(161, 157, 147, 0.15); + --te-text: #11110f; + --te-text-muted: #77736b; --te-feature-icon-bg: rgba(234, 88, 12, 0.08); --te-feature-icon-border: rgba(234, 88, 12, 0.12); } @@ -235,11 +235,11 @@ import ExploreApps from '../../components/ExploreApps.astro'; --te-accent: #fb923c; --te-accent-deep: #ea580c; --te-accent-bg: #431407; - --te-bg: #0a0f1a; - --te-surface: #111827; - --te-border: rgba(148, 163, 184, 0.08); - --te-text: #f1f5f9; - --te-text-muted: #94a3b8; + --te-bg: #141413; + --te-surface: #1b1a18; + --te-border: rgba(161, 157, 147, 0.08); + --te-text: #efede4; + --te-text-muted: #a19d93; --te-feature-icon-bg: rgba(234, 88, 12, 0.1); --te-feature-icon-border: rgba(234, 88, 12, 0.15); } @@ -298,7 +298,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; /* ─── Hero — Dark, dramatic ─── */ .te-hero { - background: #0a0f1a; + background: #141413; padding: 4rem 0 5rem; position: relative; overflow: hidden; @@ -369,7 +369,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .te-hero-title { font-size: clamp(2.5rem, 6vw, 4.5rem); - color: #f1f5f9; + color: #efede4; margin-bottom: 1.5rem; line-height: 1.05; } @@ -381,7 +381,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .te-hero-subtitle { font-size: 1.125rem; - color: #94a3b8; + color: #a19d93; line-height: 1.7; max-width: 480px; margin-bottom: 2rem; @@ -416,7 +416,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .te-hero-note { font-family: var(--font-mono); font-size: 0.75rem; - color: #94a3b8; + color: #a19d93; } .te-hero-icon-wrap { flex-shrink: 0; } @@ -629,10 +629,10 @@ import ExploreApps from '../../components/ExploreApps.astro'; /* ─── Privacy Banner ─── */ .te-privacy-banner { - background: #0a0f1a; + background: #141413; padding: 5rem 0; - border-top: 1px solid rgba(148, 163, 184, 0.08); - border-bottom: 1px solid rgba(148, 163, 184, 0.08); + border-top: 1px solid rgba(161, 157, 147, 0.08); + border-bottom: 1px solid rgba(161, 157, 147, 0.08); } .te-privacy-inner { @@ -641,7 +641,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .te-privacy-title { font-size: clamp(2rem, 5vw, 3rem); - color: #f1f5f9; + color: #efede4; margin-top: 1rem; margin-bottom: 1.25rem; letter-spacing: -0.02em; @@ -649,7 +649,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .te-privacy-text { font-size: 1.0625rem; - color: #94a3b8; + color: #a19d93; line-height: 1.8; margin-bottom: 2rem; } @@ -767,7 +767,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; /* ─── Screenshots (run-easy style) ─── */ .te-screenshots-section { padding: 4rem 0; - background: var(--te-bg, #fafaf9); + background: var(--te-bg, #f7f5ef); } .te-section-header { @@ -776,7 +776,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .te-screenshots-title { font-size: clamp(1.75rem, 3.5vw, 2.5rem); - color: var(--te-text, #0a0a0a); + color: var(--te-text, #11110f); margin-top: 0.5rem; } @@ -791,7 +791,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .te-screenshots-scroll::-webkit-scrollbar { height: 4px; } .te-screenshots-scroll::-webkit-scrollbar-track { background: transparent; } - .te-screenshots-scroll::-webkit-scrollbar-thumb { background: var(--te-border, #e7e5e4); border-radius: 2px; } + .te-screenshots-scroll::-webkit-scrollbar-thumb { background: var(--te-border, #dedbd2); border-radius: 2px; } .te-screenshot-card { flex-shrink: 0; @@ -804,8 +804,8 @@ import ExploreApps from '../../components/ExploreApps.astro'; width: 100%; height: auto; border-radius: 16px; - box-shadow: 0 12px 40px rgba(10, 10, 10, 0.08), 0 4px 12px rgba(10, 10, 10, 0.04); - border: 1px solid var(--te-border, #e7e5e4); + box-shadow: 0 12px 40px rgba(17, 17, 15, 0.08), 0 4px 12px rgba(17, 17, 15, 0.04); + border: 1px solid var(--te-border, #dedbd2); transition: transform 0.3s ease; } @@ -817,7 +817,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; display: block; margin-top: 0.75rem; font-size: 0.8125rem; - color: var(--te-text-muted, #78716c); + color: var(--te-text-muted, #77736b); letter-spacing: 0.02em; } diff --git a/src/pages/track-easy/index.astro b/src/pages/track-easy/index.astro index fed7840..0b3e4ca 100644 --- a/src/pages/track-easy/index.astro +++ b/src/pages/track-easy/index.astro @@ -201,11 +201,11 @@ import ExploreApps from '../../components/ExploreApps.astro'; --te-accent-deep: #059669; --te-accent-bg: #ecfdf5; --te-secondary: #6366f1; - --te-bg: #f8fafc; + --te-bg: #f7f5ef; --te-surface: #ffffff; - --te-border: rgba(148, 163, 184, 0.15); - --te-text: #0f172a; - --te-text-muted: #64748b; + --te-border: rgba(161, 157, 147, 0.15); + --te-text: #11110f; + --te-text-muted: #77736b; --te-feature-icon-bg: rgba(16, 185, 129, 0.08); --te-feature-icon-border: rgba(16, 185, 129, 0.12); } @@ -214,11 +214,11 @@ import ExploreApps from '../../components/ExploreApps.astro'; --te-accent: #34d399; --te-accent-deep: #10b981; --te-accent-bg: #064e3b; - --te-bg: #0a0f1a; - --te-surface: #111827; - --te-border: rgba(148, 163, 184, 0.08); - --te-text: #f1f5f9; - --te-text-muted: #94a3b8; + --te-bg: #141413; + --te-surface: #1b1a18; + --te-border: rgba(161, 157, 147, 0.08); + --te-text: #efede4; + --te-text-muted: #a19d93; --te-feature-icon-bg: rgba(16, 185, 129, 0.1); --te-feature-icon-border: rgba(16, 185, 129, 0.15); } @@ -277,7 +277,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; /* ─── Hero ─── */ .te-hero { - background: #0a0f1a; + background: #141413; padding: 4rem 0 5rem; position: relative; overflow: hidden; @@ -348,7 +348,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .te-hero-title { font-size: clamp(2.5rem, 6vw, 4.5rem); - color: #f1f5f9; + color: #efede4; margin-bottom: 1.5rem; line-height: 1.05; } @@ -360,7 +360,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .te-hero-subtitle { font-size: 1.125rem; - color: #94a3b8; + color: #a19d93; line-height: 1.7; max-width: 480px; margin-bottom: 2rem; @@ -395,7 +395,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .te-hero-note { font-family: var(--font-mono); font-size: 0.75rem; - color: #94a3b8; + color: #a19d93; } .te-hero-icon-wrap { flex-shrink: 0; } @@ -522,10 +522,10 @@ import ExploreApps from '../../components/ExploreApps.astro'; /* ─── Privacy Banner ─── */ .te-privacy-banner { - background: #0a0f1a; + background: #141413; padding: 5rem 0; - border-top: 1px solid rgba(148, 163, 184, 0.08); - border-bottom: 1px solid rgba(148, 163, 184, 0.08); + border-top: 1px solid rgba(161, 157, 147, 0.08); + border-bottom: 1px solid rgba(161, 157, 147, 0.08); } .te-privacy-inner { @@ -534,7 +534,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .te-privacy-title { font-size: clamp(2rem, 5vw, 3rem); - color: #f1f5f9; + color: #efede4; margin-top: 1rem; margin-bottom: 1.25rem; letter-spacing: -0.02em; @@ -542,7 +542,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .te-privacy-text { font-size: 1.0625rem; - color: #94a3b8; + color: #a19d93; line-height: 1.8; margin-bottom: 2rem; } @@ -660,7 +660,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; /* ─── Screenshots (run-easy style) ─── */ .te-screenshots-section { padding: 4rem 0; - background: var(--te-bg, #fafaf9); + background: var(--te-bg, #f7f5ef); } .te-section-header { @@ -669,7 +669,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .te-screenshots-title { font-size: clamp(1.75rem, 3.5vw, 2.5rem); - color: var(--te-text, #0a0a0a); + color: var(--te-text, #11110f); margin-top: 0.5rem; } @@ -684,7 +684,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .te-screenshots-scroll::-webkit-scrollbar { height: 4px; } .te-screenshots-scroll::-webkit-scrollbar-track { background: transparent; } - .te-screenshots-scroll::-webkit-scrollbar-thumb { background: var(--te-border, #e7e5e4); border-radius: 2px; } + .te-screenshots-scroll::-webkit-scrollbar-thumb { background: var(--te-border, #dedbd2); border-radius: 2px; } .te-screenshot-card { flex-shrink: 0; @@ -697,8 +697,8 @@ import ExploreApps from '../../components/ExploreApps.astro'; width: 100%; height: auto; border-radius: 16px; - box-shadow: 0 12px 40px rgba(10, 10, 10, 0.08), 0 4px 12px rgba(10, 10, 10, 0.04); - border: 1px solid var(--te-border, #e7e5e4); + box-shadow: 0 12px 40px rgba(17, 17, 15, 0.08), 0 4px 12px rgba(17, 17, 15, 0.04); + border: 1px solid var(--te-border, #dedbd2); transition: transform 0.3s ease; } @@ -710,7 +710,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; display: block; margin-top: 0.75rem; font-size: 0.8125rem; - color: var(--te-text-muted, #78716c); + color: var(--te-text-muted, #77736b); letter-spacing: 0.02em; } diff --git a/src/pages/tune-easy/index.astro b/src/pages/tune-easy/index.astro index 4a72637..ea48765 100644 --- a/src/pages/tune-easy/index.astro +++ b/src/pages/tune-easy/index.astro @@ -197,11 +197,11 @@ import ExploreApps from '../../components/ExploreApps.astro'; --te-accent-deep: #d97706; --te-accent-bg: #fffbeb; --te-warm: #ef4444; - --te-bg: #f8fafc; + --te-bg: #f7f5ef; --te-surface: #ffffff; - --te-border: rgba(148, 163, 184, 0.15); - --te-text: #0f172a; - --te-text-muted: #64748b; + --te-border: rgba(161, 157, 147, 0.15); + --te-text: #11110f; + --te-text-muted: #77736b; --te-feature-icon-bg: rgba(245, 158, 11, 0.08); --te-feature-icon-border: rgba(245, 158, 11, 0.12); } @@ -210,11 +210,11 @@ import ExploreApps from '../../components/ExploreApps.astro'; --te-accent: #fbbf24; --te-accent-deep: #f59e0b; --te-accent-bg: #451a03; - --te-bg: #0a0f1a; - --te-surface: #111827; - --te-border: rgba(148, 163, 184, 0.08); - --te-text: #f1f5f9; - --te-text-muted: #94a3b8; + --te-bg: #141413; + --te-surface: #1b1a18; + --te-border: rgba(161, 157, 147, 0.08); + --te-text: #efede4; + --te-text-muted: #a19d93; --te-feature-icon-bg: rgba(245, 158, 11, 0.1); --te-feature-icon-border: rgba(245, 158, 11, 0.15); } @@ -273,7 +273,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; /* ─── Hero ─── */ .te-hero { - background: #0a0f1a; + background: #141413; padding: 4rem 0 5rem; position: relative; overflow: hidden; @@ -344,7 +344,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .te-hero-title { font-size: clamp(2.5rem, 6vw, 4.5rem); - color: #f1f5f9; + color: #efede4; margin-bottom: 1.5rem; line-height: 1.05; } @@ -356,7 +356,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .te-hero-subtitle { font-size: 1.125rem; - color: #94a3b8; + color: #a19d93; line-height: 1.7; max-width: 480px; margin-bottom: 2rem; @@ -391,7 +391,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .te-hero-note { font-family: var(--font-mono); font-size: 0.75rem; - color: #94a3b8; + color: #a19d93; } .te-hero-icon-wrap { flex-shrink: 0; } @@ -518,10 +518,10 @@ import ExploreApps from '../../components/ExploreApps.astro'; /* ─── Privacy Banner ─── */ .te-privacy-banner { - background: #0a0f1a; + background: #141413; padding: 5rem 0; - border-top: 1px solid rgba(148, 163, 184, 0.08); - border-bottom: 1px solid rgba(148, 163, 184, 0.08); + border-top: 1px solid rgba(161, 157, 147, 0.08); + border-bottom: 1px solid rgba(161, 157, 147, 0.08); } .te-privacy-inner { @@ -530,7 +530,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .te-privacy-title { font-size: clamp(2rem, 5vw, 3rem); - color: #f1f5f9; + color: #efede4; margin-top: 1rem; margin-bottom: 1.25rem; letter-spacing: -0.02em; @@ -538,7 +538,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .te-privacy-text { font-size: 1.0625rem; - color: #94a3b8; + color: #a19d93; line-height: 1.8; margin-bottom: 2rem; } @@ -656,7 +656,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; /* ─── Screenshots (run-easy style) ─── */ .te-screenshots-section { padding: 4rem 0; - background: var(--te-bg, #fafaf9); + background: var(--te-bg, #f7f5ef); } .te-section-header { @@ -665,7 +665,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .te-screenshots-title { font-size: clamp(1.75rem, 3.5vw, 2.5rem); - color: var(--te-text, #0a0a0a); + color: var(--te-text, #11110f); margin-top: 0.5rem; } @@ -680,7 +680,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .te-screenshots-scroll::-webkit-scrollbar { height: 4px; } .te-screenshots-scroll::-webkit-scrollbar-track { background: transparent; } - .te-screenshots-scroll::-webkit-scrollbar-thumb { background: var(--te-border, #e7e5e4); border-radius: 2px; } + .te-screenshots-scroll::-webkit-scrollbar-thumb { background: var(--te-border, #dedbd2); border-radius: 2px; } .te-screenshot-card { flex-shrink: 0; @@ -693,8 +693,8 @@ import ExploreApps from '../../components/ExploreApps.astro'; width: 100%; height: auto; border-radius: 16px; - box-shadow: 0 12px 40px rgba(10, 10, 10, 0.08), 0 4px 12px rgba(10, 10, 10, 0.04); - border: 1px solid var(--te-border, #e7e5e4); + box-shadow: 0 12px 40px rgba(17, 17, 15, 0.08), 0 4px 12px rgba(17, 17, 15, 0.04); + border: 1px solid var(--te-border, #dedbd2); transition: transform 0.3s ease; } @@ -706,7 +706,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; display: block; margin-top: 0.75rem; font-size: 0.8125rem; - color: var(--te-text-muted, #78716c); + color: var(--te-text-muted, #77736b); letter-spacing: 0.02em; } diff --git a/src/pages/voice-easy/index.astro b/src/pages/voice-easy/index.astro index a973881..4cc00f1 100644 --- a/src/pages/voice-easy/index.astro +++ b/src/pages/voice-easy/index.astro @@ -201,11 +201,11 @@ import ExploreApps from '../../components/ExploreApps.astro'; --ve-accent-deep: #7c3aed; --ve-accent-bg: #f5f3ff; --ve-secondary: #ec4899; - --ve-bg: #f8fafc; + --ve-bg: #f7f5ef; --ve-surface: #ffffff; - --ve-border: rgba(148, 163, 184, 0.15); - --ve-text: #0f172a; - --ve-text-muted: #64748b; + --ve-border: rgba(161, 157, 147, 0.15); + --ve-text: #11110f; + --ve-text-muted: #77736b; --ve-feature-icon-bg: rgba(139, 92, 246, 0.08); --ve-feature-icon-border: rgba(139, 92, 246, 0.12); } @@ -214,11 +214,11 @@ import ExploreApps from '../../components/ExploreApps.astro'; --ve-accent: #a78bfa; --ve-accent-deep: #8b5cf6; --ve-accent-bg: #1e1b4b; - --ve-bg: #0a0f1a; - --ve-surface: #111827; - --ve-border: rgba(148, 163, 184, 0.08); - --ve-text: #f1f5f9; - --ve-text-muted: #94a3b8; + --ve-bg: #141413; + --ve-surface: #1b1a18; + --ve-border: rgba(161, 157, 147, 0.08); + --ve-text: #efede4; + --ve-text-muted: #a19d93; --ve-feature-icon-bg: rgba(139, 92, 246, 0.1); --ve-feature-icon-border: rgba(139, 92, 246, 0.15); } @@ -277,7 +277,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; /* ─── Hero ─── */ .ve-hero { - background: #0a0f1a; + background: #141413; padding: 4rem 0 5rem; position: relative; overflow: hidden; @@ -348,7 +348,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .ve-hero-title { font-size: clamp(2.5rem, 6vw, 4.5rem); - color: #f1f5f9; + color: #efede4; margin-bottom: 1.5rem; line-height: 1.05; } @@ -360,7 +360,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .ve-hero-subtitle { font-size: 1.125rem; - color: #94a3b8; + color: #a19d93; line-height: 1.7; max-width: 480px; margin-bottom: 2rem; @@ -395,7 +395,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .ve-hero-note { font-family: var(--font-mono); font-size: 0.75rem; - color: #94a3b8; + color: #a19d93; } .ve-hero-icon-wrap { flex-shrink: 0; } @@ -522,10 +522,10 @@ import ExploreApps from '../../components/ExploreApps.astro'; /* ─── Privacy Banner ─── */ .ve-privacy-banner { - background: #0a0f1a; + background: #141413; padding: 5rem 0; - border-top: 1px solid rgba(148, 163, 184, 0.08); - border-bottom: 1px solid rgba(148, 163, 184, 0.08); + border-top: 1px solid rgba(161, 157, 147, 0.08); + border-bottom: 1px solid rgba(161, 157, 147, 0.08); } .ve-privacy-inner { @@ -534,7 +534,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .ve-privacy-title { font-size: clamp(2rem, 5vw, 3rem); - color: #f1f5f9; + color: #efede4; margin-top: 1rem; margin-bottom: 1.25rem; letter-spacing: -0.02em; @@ -542,7 +542,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .ve-privacy-text { font-size: 1.0625rem; - color: #94a3b8; + color: #a19d93; line-height: 1.8; margin-bottom: 2rem; } @@ -660,7 +660,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; /* ─── Screenshots (run-easy style) ─── */ .ve-screenshots-section { padding: 4rem 0; - background: var(--ve-bg, #fafaf9); + background: var(--ve-bg, #f7f5ef); } .ve-section-header { @@ -669,7 +669,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .ve-screenshots-title { font-size: clamp(1.75rem, 3.5vw, 2.5rem); - color: var(--ve-text, #0a0a0a); + color: var(--ve-text, #11110f); margin-top: 0.5rem; } @@ -684,7 +684,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .ve-screenshots-scroll::-webkit-scrollbar { height: 4px; } .ve-screenshots-scroll::-webkit-scrollbar-track { background: transparent; } - .ve-screenshots-scroll::-webkit-scrollbar-thumb { background: var(--ve-border, #e7e5e4); border-radius: 2px; } + .ve-screenshots-scroll::-webkit-scrollbar-thumb { background: var(--ve-border, #dedbd2); border-radius: 2px; } .ve-screenshot-card { flex-shrink: 0; @@ -697,8 +697,8 @@ import ExploreApps from '../../components/ExploreApps.astro'; width: 100%; height: auto; border-radius: 16px; - box-shadow: 0 12px 40px rgba(10, 10, 10, 0.08), 0 4px 12px rgba(10, 10, 10, 0.04); - border: 1px solid var(--ve-border, #e7e5e4); + box-shadow: 0 12px 40px rgba(17, 17, 15, 0.08), 0 4px 12px rgba(17, 17, 15, 0.04); + border: 1px solid var(--ve-border, #dedbd2); transition: transform 0.3s ease; } @@ -710,7 +710,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; display: block; margin-top: 0.75rem; font-size: 0.8125rem; - color: var(--ve-text-muted, #78716c); + color: var(--ve-text-muted, #77736b); letter-spacing: 0.02em; } diff --git a/src/pages/weigh-easy/index.astro b/src/pages/weigh-easy/index.astro index 16ba755..81e3fba 100644 --- a/src/pages/weigh-easy/index.astro +++ b/src/pages/weigh-easy/index.astro @@ -201,11 +201,11 @@ import ExploreApps from '../../components/ExploreApps.astro'; --we-accent-deep: #7c3aed; --we-accent-bg: #f5f3ff; --we-secondary: #10b981; - --we-bg: #f8fafc; + --we-bg: #f7f5ef; --we-surface: #ffffff; - --we-border: rgba(148, 163, 184, 0.15); - --we-text: #0f172a; - --we-text-muted: #64748b; + --we-border: rgba(161, 157, 147, 0.15); + --we-text: #11110f; + --we-text-muted: #77736b; --we-feature-icon-bg: rgba(139, 92, 246, 0.08); --we-feature-icon-border: rgba(139, 92, 246, 0.12); } @@ -214,11 +214,11 @@ import ExploreApps from '../../components/ExploreApps.astro'; --we-accent: #a78bfa; --we-accent-deep: #8b5cf6; --we-accent-bg: #1e1b4b; - --we-bg: #0a0f1a; - --we-surface: #111827; - --we-border: rgba(148, 163, 184, 0.08); - --we-text: #f1f5f9; - --we-text-muted: #94a3b8; + --we-bg: #141413; + --we-surface: #1b1a18; + --we-border: rgba(161, 157, 147, 0.08); + --we-text: #efede4; + --we-text-muted: #a19d93; --we-feature-icon-bg: rgba(139, 92, 246, 0.1); --we-feature-icon-border: rgba(139, 92, 246, 0.15); } @@ -277,7 +277,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; /* ─── Hero ─── */ .we-hero { - background: #0a0f1a; + background: #141413; padding: 4rem 0 5rem; position: relative; overflow: hidden; @@ -348,7 +348,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .we-hero-title { font-size: clamp(2.5rem, 6vw, 4.5rem); - color: #f1f5f9; + color: #efede4; margin-bottom: 1.5rem; line-height: 1.05; } @@ -360,7 +360,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .we-hero-subtitle { font-size: 1.125rem; - color: #94a3b8; + color: #a19d93; line-height: 1.7; max-width: 480px; margin-bottom: 2rem; @@ -395,7 +395,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .we-hero-note { font-family: var(--font-mono); font-size: 0.75rem; - color: #94a3b8; + color: #a19d93; } .we-hero-icon-wrap { flex-shrink: 0; } @@ -522,10 +522,10 @@ import ExploreApps from '../../components/ExploreApps.astro'; /* ─── Privacy Banner ─── */ .we-privacy-banner { - background: #0a0f1a; + background: #141413; padding: 5rem 0; - border-top: 1px solid rgba(148, 163, 184, 0.08); - border-bottom: 1px solid rgba(148, 163, 184, 0.08); + border-top: 1px solid rgba(161, 157, 147, 0.08); + border-bottom: 1px solid rgba(161, 157, 147, 0.08); } .we-privacy-inner { @@ -534,7 +534,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .we-privacy-title { font-size: clamp(2rem, 5vw, 3rem); - color: #f1f5f9; + color: #efede4; margin-top: 1rem; margin-bottom: 1.25rem; letter-spacing: -0.02em; @@ -542,7 +542,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .we-privacy-text { font-size: 1.0625rem; - color: #94a3b8; + color: #a19d93; line-height: 1.8; margin-bottom: 2rem; } @@ -660,7 +660,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; /* ─── Screenshots (run-easy style) ─── */ .we-screenshots-section { padding: 4rem 0; - background: var(--we-bg, #fafaf9); + background: var(--we-bg, #f7f5ef); } .we-section-header { @@ -669,7 +669,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .we-screenshots-title { font-size: clamp(1.75rem, 3.5vw, 2.5rem); - color: var(--we-text, #0a0a0a); + color: var(--we-text, #11110f); margin-top: 0.5rem; } @@ -684,7 +684,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; .we-screenshots-scroll::-webkit-scrollbar { height: 4px; } .we-screenshots-scroll::-webkit-scrollbar-track { background: transparent; } - .we-screenshots-scroll::-webkit-scrollbar-thumb { background: var(--we-border, #e7e5e4); border-radius: 2px; } + .we-screenshots-scroll::-webkit-scrollbar-thumb { background: var(--we-border, #dedbd2); border-radius: 2px; } .we-screenshot-card { flex-shrink: 0; @@ -697,8 +697,8 @@ import ExploreApps from '../../components/ExploreApps.astro'; width: 100%; height: auto; border-radius: 16px; - box-shadow: 0 12px 40px rgba(10, 10, 10, 0.08), 0 4px 12px rgba(10, 10, 10, 0.04); - border: 1px solid var(--we-border, #e7e5e4); + box-shadow: 0 12px 40px rgba(17, 17, 15, 0.08), 0 4px 12px rgba(17, 17, 15, 0.04); + border: 1px solid var(--we-border, #dedbd2); transition: transform 0.3s ease; } @@ -710,7 +710,7 @@ import ExploreApps from '../../components/ExploreApps.astro'; display: block; margin-top: 0.75rem; font-size: 0.8125rem; - color: var(--we-text-muted, #78716c); + color: var(--we-text-muted, #77736b); letter-spacing: 0.02em; } diff --git a/src/pages/weigh-easy/support.astro b/src/pages/weigh-easy/support.astro index c676718..7c2d31d 100644 --- a/src/pages/weigh-easy/support.astro +++ b/src/pages/weigh-easy/support.astro @@ -80,11 +80,11 @@ import BaseLayout from '../../layouts/BaseLayout.astro'; diff --git a/src/pages/work/everybody-everywhere.astro b/src/pages/work/everybody-everywhere.astro index 15cf8d8..022ce0e 100644 --- a/src/pages/work/everybody-everywhere.astro +++ b/src/pages/work/everybody-everywhere.astro @@ -128,7 +128,7 @@ import Footer from '../../components/Footer.astro';

Have a mission that needs a platform?

We specialize in building technology that amplifies impact for faith-based organizations.

- Book a Strategy Call + Book a strategy call
@@ -375,7 +375,7 @@ import Footer from '../../components/Footer.astro'; .case-cta { padding: 5rem 0; - background: var(--ink); + background: var(--night, #171717); text-align: center; } @@ -383,20 +383,19 @@ import Footer from '../../components/Footer.astro'; font-family: var(--font-heading); font-size: clamp(1.75rem, 4vw, 2.5rem); font-weight: 400; - color: var(--paper); + color: #f7f5ef; margin-bottom: 1rem; } .case-cta p { font-family: var(--font-body); font-size: 1.125rem; - color: var(--paper); - opacity: 0.7; + color: #bcb7ad; margin-bottom: 2rem; } .dark .case-cta { - background: #0a0a0a; + background: #11110f; border-top: 1px solid var(--border-color); } diff --git a/src/pages/work/golf-channel-academy.astro b/src/pages/work/golf-channel-academy.astro index 4cc4ff9..ffb4326 100644 --- a/src/pages/work/golf-channel-academy.astro +++ b/src/pages/work/golf-channel-academy.astro @@ -120,7 +120,7 @@ import Footer from '../../components/Footer.astro';

Building something that teaches?

We specialize in apps that make learning engaging and measurable.

- Book a Strategy Call + Book a strategy call
@@ -343,7 +343,7 @@ import Footer from '../../components/Footer.astro'; .case-cta { padding: 5rem 0; - background: var(--ink); + background: var(--night, #171717); text-align: center; } @@ -351,20 +351,19 @@ import Footer from '../../components/Footer.astro'; font-family: var(--font-heading); font-size: clamp(1.75rem, 4vw, 2.5rem); font-weight: 400; - color: var(--paper); + color: #f7f5ef; margin-bottom: 1rem; } .case-cta p { font-family: var(--font-body); font-size: 1.125rem; - color: var(--paper); - opacity: 0.7; + color: #bcb7ad; margin-bottom: 2rem; } .dark .case-cta { - background: #0a0a0a; + background: #11110f; border-top: 1px solid var(--border-color); } diff --git a/src/pages/work/golf-channel.astro b/src/pages/work/golf-channel.astro index 5f92d8e..60d26c2 100644 --- a/src/pages/work/golf-channel.astro +++ b/src/pages/work/golf-channel.astro @@ -118,7 +118,7 @@ import Footer from '../../components/Footer.astro';

Ready to transform your digital presence?

Let's discuss how we can help you reach and engage your audience.

- Book a Strategy Call + Book a strategy call
@@ -341,7 +341,7 @@ import Footer from '../../components/Footer.astro'; .case-cta { padding: 5rem 0; - background: var(--ink); + background: var(--night, #171717); text-align: center; } @@ -349,20 +349,19 @@ import Footer from '../../components/Footer.astro'; font-family: var(--font-heading); font-size: clamp(1.75rem, 4vw, 2.5rem); font-weight: 400; - color: var(--paper); + color: #f7f5ef; margin-bottom: 1rem; } .case-cta p { font-family: var(--font-body); font-size: 1.125rem; - color: var(--paper); - opacity: 0.7; + color: #bcb7ad; margin-bottom: 2rem; } .dark .case-cta { - background: #0a0a0a; + background: #11110f; border-top: 1px solid var(--border-color); } diff --git a/src/pages/work/radio-disney.astro b/src/pages/work/radio-disney.astro index 8def368..216da6a 100644 --- a/src/pages/work/radio-disney.astro +++ b/src/pages/work/radio-disney.astro @@ -138,7 +138,7 @@ import Footer from '../../components/Footer.astro';

Building for an audience that matters?

We help media companies create experiences that engage, retain, and grow with their users.

- Book a Strategy Call + Book a strategy call
@@ -370,7 +370,7 @@ import Footer from '../../components/Footer.astro'; .case-cta { padding: 5rem 0; - background: var(--ink); + background: var(--night, #171717); text-align: center; } @@ -378,20 +378,19 @@ import Footer from '../../components/Footer.astro'; font-family: var(--font-heading); font-size: clamp(1.75rem, 4vw, 2.5rem); font-weight: 400; - color: var(--paper); + color: #f7f5ef; margin-bottom: 1rem; } .case-cta p { font-family: var(--font-body); font-size: 1.125rem; - color: var(--paper); - opacity: 0.7; + color: #bcb7ad; margin-bottom: 2rem; } .dark .case-cta { - background: #0a0a0a; + background: #11110f; border-top: 1px solid var(--border-color); } diff --git a/src/styles/global.css b/src/styles/global.css index 8a8d212..a54e6db 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -3,82 +3,91 @@ @tailwind utilities; /* ═══════════════════════════════════════════════════════════════════════════ - MIDNIGHT STUDIO — Design System - An editorial, sophisticated approach to digital agency presentation + QUIET FUSION — Design System + Almost invisible interface, precise evidence, one warm-green signal. + Flat panes separated by rules and space. Type used like an interface. ═══════════════════════════════════════════════════════════════════════════ */ /* Theme Variables — Light (Default) */ :root { - /* Font Families — CSS Variables for font switching */ - --font-heading: 'Crimson Pro', Georgia, serif; + /* Font Families */ + --font-heading: 'Work Sans', -apple-system, BlinkMacSystemFont, sans-serif; --font-body: 'Work Sans', -apple-system, BlinkMacSystemFont, sans-serif; + --font-serif: 'Crimson Pro', Georgia, serif; --font-mono: 'SF Mono', Monaco, 'Courier New', monospace; /* Core Palette */ - --ink: #0a0a0a; - --paper: #fafaf9; - --stone: #78716c; - --mist: #f5f5f4; + --ink: #11110f; + --paper: #f7f5ef; + --stone: #77736b; + --mist: #efede4; - /* Accent — Telegram Blue */ - --accent: #0088cc; - --accent-soft: #2aabee; - --accent-deep: #006da3; + /* Signal — the one Idle Fusion action color */ + --accent: #247866; + --accent-soft: #2f8f7a; + --accent-deep: #155a4c; + + /* Night — footer, final CTA, proof moments */ + --night: #171717; /* Semantic Mappings */ --bg-primary: var(--paper); - --bg-secondary: var(--mist); - --bg-tertiary: #eeeeec; - --bg-card: #ffffff; + --bg-secondary: #fffdf8; + --bg-tertiary: var(--mist); + --bg-card: #fffdf8; --bg-hover: var(--mist); --text-primary: var(--ink); - --text-secondary: #44403c; + --text-secondary: #46433c; --text-muted: var(--stone); - --border-color: #e7e5e4; - --border-hover: #d6d3d1; + --border-color: #dedbd2; + --border-hover: #c6c2b6; - /* Shadows — Soft & Layered */ - --shadow-sm: 0 1px 2px rgba(10, 10, 10, 0.04); - --shadow-md: 0 4px 12px rgba(10, 10, 10, 0.06), 0 1px 3px rgba(10, 10, 10, 0.04); - --shadow-lg: 0 12px 40px rgba(10, 10, 10, 0.08), 0 4px 12px rgba(10, 10, 10, 0.04); - --shadow-xl: 0 24px 60px rgba(10, 10, 10, 0.12), 0 8px 24px rgba(10, 10, 10, 0.06); + /* Shadows — nearly gone; separation comes from rules and space */ + --shadow-sm: none; + --shadow-md: 0 1px 2px rgba(17, 17, 15, 0.04); + --shadow-lg: 0 2px 8px rgba(17, 17, 15, 0.05); + --shadow-xl: 0 4px 16px rgba(17, 17, 15, 0.06); /* Scrollbar */ --scrollbar-track: var(--mist); - --scrollbar-thumb: var(--stone); - --scrollbar-thumb-hover: var(--ink); + --scrollbar-thumb: #c6c2b6; + --scrollbar-thumb-hover: var(--stone); } -/* Dark Theme */ +/* Dark Theme — warm night, same restraint */ .dark { - --ink: #fafaf9; - --paper: #0a0a0a; - --stone: #a8a29e; - --mist: #171717; - - --bg-primary: #0a0a0a; - --bg-secondary: #141414; - --bg-tertiary: #1c1c1c; - --bg-card: #141414; - --bg-hover: #1c1c1c; - - --text-primary: #fafaf9; - --text-secondary: #d6d3d1; - --text-muted: #a8a29e; - - --border-color: #262626; - --border-hover: #3f3f3f; - - --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.2); - --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.2); - --shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.4), 0 4px 12px rgba(0, 0, 0, 0.2); - --shadow-xl: 0 24px 60px rgba(0, 0, 0, 0.5), 0 8px 24px rgba(0, 0, 0, 0.3); - - --scrollbar-track: #141414; - --scrollbar-thumb: #3f3f3f; - --scrollbar-thumb-hover: #525252; + --ink: #f2f0e9; + --paper: #141413; + --stone: #a19d93; + --mist: #1c1c1a; + + --accent: #3ba58c; + --accent-soft: #55b89f; + --accent-deep: #2f8f7a; + + --bg-primary: #141413; + --bg-secondary: #191917; + --bg-tertiary: #21211e; + --bg-card: #191917; + --bg-hover: #21211e; + + --text-primary: #f2f0e9; + --text-secondary: #cfccc3; + --text-muted: #a19d93; + + --border-color: #2b2a26; + --border-hover: #3d3c36; + + --shadow-sm: none; + --shadow-md: 0 1px 2px rgba(0, 0, 0, 0.2); + --shadow-lg: 0 2px 8px rgba(0, 0, 0, 0.25); + --shadow-xl: 0 4px 16px rgba(0, 0, 0, 0.3); + + --scrollbar-track: #191917; + --scrollbar-thumb: #3d3c36; + --scrollbar-thumb-hover: #55534c; } /* ═══════════════════════════════════════════════════════════════════════════ @@ -86,14 +95,19 @@ ═══════════════════════════════════════════════════════════════════════════ */ @layer base { - /* Typography — Serif headlines, sans-serif body */ + /* Typography — one workhorse family, weight does the talking */ h1, h2, h3, h4, h5, h6 { font-family: var(--font-heading); - font-weight: 400; - letter-spacing: -0.02em; + font-weight: 600; + letter-spacing: -0.01em; line-height: 1.1; } + /* Serif reserved for selective quotes and proof points */ + .serif { + font-family: var(--font-serif); + } + /* Monospace for technical elements */ code, pre, .mono { font-family: var(--font-mono); @@ -102,7 +116,7 @@ /* Selection color */ ::selection { background: var(--accent); - color: white; + color: #fffdf8; } } @@ -113,18 +127,16 @@ @layer components { /* ───────────────────────────────────────────────────────────────────────── - Buttons — Confident, minimal + Buttons — quiet, one strong action per section ───────────────────────────────────────────────────────────────────────── */ .btn { - @apply inline-flex items-center justify-center px-6 py-3 font-medium transition-all duration-300 cursor-pointer select-none no-underline; + @apply inline-flex items-center justify-center px-6 py-3 font-semibold cursor-pointer select-none no-underline; font-family: var(--font-body); - border-radius: 2px; - letter-spacing: 0.01em; - } - - .btn:hover { - @apply -translate-y-0.5; + font-size: 0.9375rem; + border-radius: 6px; + letter-spacing: 0; + transition: background 160ms ease, color 160ms ease, border-color 160ms ease; } .btn-primary { @@ -133,43 +145,40 @@ } .btn-primary:hover { - box-shadow: 0 8px 30px rgba(10, 10, 10, 0.2); + background: var(--accent-deep); + color: #fffdf8; } - .dark .btn-primary { - background: #fafaf9; - color: #0a0a0a; + .dark .btn-primary:hover { + background: var(--accent); + color: #11110f; } .btn-outline { background: transparent; - border: 1.5px solid var(--ink); - color: var(--ink); + border: 1px solid var(--border-hover); + color: var(--text-primary); } .btn-outline:hover { - background: var(--ink); - color: var(--paper); - } - - .dark .btn-outline { - border-color: var(--ink); - color: var(--ink); - } - - .dark .btn-outline:hover { - background: var(--ink); - color: var(--paper); + border-color: var(--text-primary); } .btn-accent { background: var(--accent); - color: white; + color: #fffdf8; } .btn-accent:hover { background: var(--accent-deep); - box-shadow: 0 8px 30px rgba(0, 136, 204, 0.3); + } + + .dark .btn-accent { + color: #11110f; + } + + .dark .btn-accent:hover { + background: var(--accent-soft); } .btn-ghost { @@ -181,111 +190,80 @@ .btn-ghost:hover { color: var(--accent); - transform: none; - } - - .btn-ghost::after { - content: ''; - position: absolute; - bottom: 0; - left: 0; - width: 0; - height: 1.5px; - background: var(--accent); - transition: width 0.3s cubic-bezier(0.16, 1, 0.3, 1); - } - - .btn-ghost:hover::after { - width: 100%; } /* Light button for dark backgrounds */ .btn-light { - background: var(--paper); - color: var(--ink); - } - - .dark .btn-light { - background: #fafaf9; - color: #0a0a0a; + background: #f7f5ef; + color: #11110f; } .btn-light:hover { - box-shadow: 0 8px 30px rgba(255, 255, 255, 0.15); + background: #fffdf8; } .btn-outline-light { background: transparent; - border: 1.5px solid rgba(255, 255, 255, 0.4); - color: white; + border: 1px solid rgba(247, 245, 239, 0.35); + color: #f7f5ef; } .btn-outline-light:hover { - background: rgba(255, 255, 255, 0.1); - border-color: white; + border-color: #f7f5ef; } /* ───────────────────────────────────────────────────────────────────────── - Cards — Paper aesthetic with subtle depth + Cards — flat panes; rules and space, not shadows ───────────────────────────────────────────────────────────────────────── */ .card { background: var(--bg-card); border: 1px solid var(--border-color); - border-radius: 3px; - 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; } .card:hover { - transform: translateY(-6px) rotate(-0.3deg); - box-shadow: var(--shadow-lg); + border-color: var(--border-hover); } - /* Bento box card */ .bento-box { @apply p-8; background: var(--bg-card); border: 1px solid var(--border-color); - border-radius: 3px; - 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; } .bento-box:hover { - transform: translateY(-4px); - box-shadow: var(--shadow-lg); - border-color: var(--accent); + border-color: var(--border-hover); } - /* Work/portfolio card */ .work-card { @apply flex flex-col h-full overflow-hidden; background: var(--bg-card); border: 1px solid var(--border-color); - border-radius: 3px; - 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; } .work-card:hover { - transform: translateY(-8px) rotate(-0.5deg); - box-shadow: var(--shadow-xl); + border-color: var(--border-hover); } /* ───────────────────────────────────────────────────────────────────────── - Step numbers — Minimal with accent + Step numbers — plain ordering ───────────────────────────────────────────────────────────────────────── */ .step-number { @apply inline-flex items-center justify-center; - width: 56px; - height: 56px; + width: 48px; + height: 48px; font-family: var(--font-mono); - font-size: 1.25rem; + font-size: 1rem; font-weight: 500; - color: var(--accent); - border: 2px solid var(--accent); + color: var(--text-primary); + border: 1px solid var(--border-hover); border-radius: 50%; background: transparent; } @@ -322,7 +300,7 @@ ───────────────────────────────────────────────────────────────────────── */ .section-padding { - @apply py-20 md:py-32; + @apply py-20 md:py-28; } .container-custom { @@ -336,26 +314,17 @@ .link-accent { color: var(--accent); text-decoration: none; - position: relative; - transition: color 0.2s; + transition: color 160ms ease; } - .link-accent::after { - content: ''; - position: absolute; - bottom: -2px; - left: 0; - width: 100%; - height: 1px; - background: currentColor; - transform: scaleX(0); - transform-origin: right; - transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1); + .link-accent:hover { + color: var(--accent-deep); + text-decoration: underline; + text-underline-offset: 3px; } - .link-accent:hover::after { - transform: scaleX(1); - transform-origin: left; + .dark .link-accent:hover { + color: var(--accent-soft); } /* ───────────────────────────────────────────────────────────────────────── @@ -370,9 +339,21 @@ } .section-number { - font-family: var(--font-mono); - font-size: 0.75rem; - letter-spacing: 0.1em; + font-family: var(--font-body); + font-size: 0.8125rem; + font-weight: 600; + letter-spacing: 0.04em; + text-transform: uppercase; + color: var(--text-muted); + } + + /* Kicker — small uppercase section label */ + .kicker { + font-family: var(--font-body); + font-size: 0.8125rem; + font-weight: 600; + letter-spacing: 0.04em; + text-transform: uppercase; color: var(--text-muted); } } @@ -384,7 +365,7 @@ @layer utilities { /* Font utilities */ .font-serif { - font-family: var(--font-heading); + font-family: var(--font-serif); } .font-sans { @@ -395,12 +376,9 @@ font-family: var(--font-mono); } - /* Text gradient */ + /* Kept for compatibility — resolves to plain signal color, no gradient */ .text-gradient-accent { - background: linear-gradient(135deg, var(--accent) 0%, var(--accent-soft) 100%); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; - background-clip: text; + color: var(--accent); } /* Decorative line */ @@ -411,11 +389,11 @@ background: var(--accent); } - /* Reveal animations */ + /* Reveal animations — near-invisible motion */ .reveal { opacity: 0; - transform: translateY(30px); - transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1); + transform: translateY(8px); + transition: opacity 0.5s ease, transform 0.5s ease; } .reveal.visible { @@ -426,24 +404,24 @@ /* Stagger children */ .stagger-children > * { opacity: 0; - transform: translateY(20px); + transform: translateY(6px); } .stagger-children.visible > *:nth-child(1) { transition-delay: 0ms; opacity: 1; transform: translateY(0); } - .stagger-children.visible > *:nth-child(2) { transition-delay: 100ms; opacity: 1; transform: translateY(0); } - .stagger-children.visible > *:nth-child(3) { transition-delay: 200ms; opacity: 1; transform: translateY(0); } - .stagger-children.visible > *:nth-child(4) { transition-delay: 300ms; opacity: 1; transform: translateY(0); } - .stagger-children.visible > *:nth-child(5) { transition-delay: 400ms; opacity: 1; transform: translateY(0); } - .stagger-children.visible > *:nth-child(6) { transition-delay: 500ms; opacity: 1; transform: translateY(0); } + .stagger-children.visible > *:nth-child(2) { transition-delay: 60ms; opacity: 1; transform: translateY(0); } + .stagger-children.visible > *:nth-child(3) { transition-delay: 120ms; opacity: 1; transform: translateY(0); } + .stagger-children.visible > *:nth-child(4) { transition-delay: 180ms; opacity: 1; transform: translateY(0); } + .stagger-children.visible > *:nth-child(5) { transition-delay: 240ms; opacity: 1; transform: translateY(0); } + .stagger-children.visible > *:nth-child(6) { transition-delay: 300ms; opacity: 1; transform: translateY(0); } .stagger-children > * { - transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1); + transition: opacity 0.4s ease, transform 0.4s ease; } /* Draw line animation */ .draw-line { width: 0; - transition: width 0.8s cubic-bezier(0.16, 1, 0.3, 1); + transition: width 0.6s ease; } .draw-line.visible { @@ -452,13 +430,13 @@ } /* ═══════════════════════════════════════════════════════════════════════════ - ANIMATIONS + ANIMATIONS — kept minimal; state changes over spectacle ═══════════════════════════════════════════════════════════════════════════ */ @keyframes fadeInUp { from { opacity: 0; - transform: translateY(30px); + transform: translateY(8px); } to { opacity: 1; @@ -469,7 +447,7 @@ @keyframes slideIn { from { opacity: 0; - transform: translateX(-20px); + transform: translateX(-8px); } to { opacity: 1; @@ -486,46 +464,29 @@ } } -@keyframes float { - 0%, 100% { - transform: translateY(0); - } - 50% { - transform: translateY(-10px); - } -} - -@keyframes pulse-dot { - 0%, 100% { - opacity: 1; - transform: scale(1); - } - 50% { - opacity: 0.6; - transform: scale(1.2); - } -} - -/* Float animation classes */ -.animate-float { - animation: float 4s ease-in-out infinite; -} - -.animate-float-delayed { - animation: float 4s ease-in-out infinite; - animation-delay: 0.5s; -} - +/* Legacy animation classes — resolve to simple fades */ +.animate-float, +.animate-float-delayed, .animate-float-delayed-2 { - animation: float 4s ease-in-out infinite; - animation-delay: 1s; + animation: none; } .animate-fade-in { - animation: fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards; + animation: fadeInUp 0.5s ease forwards; } .animate-slide-in { - animation: slideIn 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; + animation: slideIn 0.4s ease forwards; } +@media (prefers-reduced-motion: reduce) { + .reveal, + .stagger-children > *, + .animate-fade-in, + .animate-slide-in { + animation: none; + transition: none; + opacity: 1; + transform: none; + } +}